@charset "utf-8";
/* CSS Document */

body {
	background:#E0E0E0;
	margin:0;
	padding:0;
}

div {
	margin:0;
	padding:0;
}

/* text
--------------------------------- */
h1,h2,h3,h4,h5,h6 {
	line-height:1.1em;
	letter-spacing:0.1em;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1{font-size:26px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
p,li{
	font-size:14px;
	line-height:1.6em;
	letter-spacing:0.1em;
}

a{
  color:#000;
  text-decoration: none;
  border-bottom:1px dotted #000;
  outline:none;
}

a:hover{
  color:#FFF;
  text-decoration: none;
  background-color: #000;
}

h1{
	display:block;
	background:url(../img/logo_type.png) no-repeat 5px center;
	width:310px;
	height:45px;
	padding:0;
	margin:20px;
}

h1 a{
	display:block;
	text-indent:-9999px;
	width:300px;
	height:35px;
	padding:5px;
	margin:0;
	border:none;
}

h1 a:hover{
	background-color:transparent;
	background: url(../img/bg_wh.png) repeat;
}

/* ------------------------------------ */
			
/* 背景fla 
div#flashcontent {
	position:absolute;
	top:0px;
	left:0px;
    height:100%; 
	width:100%;
	z-index:0;
}*/

div#container {
	position:relative;
	z-index:1;
    height:100%; 
	width:100%;
	margin:0;
	padding:0;
}

div#header {
	margin:20px auto;
	padding:20px 0 0;
	width:750px;
}

div#body {
	margin:0 auto;
	width:750px;
}

div.cnt{
	background-color:#FFF;
	margin:20px;
	padding:20px;
}

div#footer {
	margin:20px auto;
	padding:0 0 20px;
	text-align:right;
	width:750px;
}

div#footer p{
	font-size:10px;
	margin:20px;
}

div#nav {
	margin:20px;
	padding:20px;
}

/* ------------------------------------ */

ul#archive {
	list-style:none;
}

ul#archive li {
	font-size:12px;
	padding:0;
	line-height:1.8em;
}

ul#archive li a {
	text-decoration:none;
}

a.alk06{background-color:#FFF; color:#6FDF8B;}
a.alk06:hover{background-color:#6FDF8B; color:#FFF;}

a.alk07{background-color:#FFF; color:#666;}
a.alk07:hover{background-color:#666; color:#FF0;}

a.alk08{background-color:#FFF; color:#80CFE2;}
a.alk08:hover{background-color:#80CFE2; color:#000;}

a.alk09{background-color:#FFF; color:#EA0052;}
a.alk09:hover{background-color:#EA0052; color:#FFF;}

a.alk10{background-color:#FFF; color:#AC1;}
a.alk10:hover{background-color:#AC1; color:#FFF;}

a.kad11{background-color:#FFF; color:#BAD900;}
a.kad11:hover{background-color:#FFF; color:#D80182;}

ul.oubo {
	list-style:none;
	font-weight:bold;
}

ul.oubo li {
}

/* ---------------------------------- */

.clear{
	clear:both;
	height:1px;
	padding:0;
	margin:0;
}

.top{
	margin-top:0;
	padding-top:0;
}

.bottom{
	margin-bottom:0;
	padding-bottom:0;
}

.floatright{
	float:right;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

