@charset "utf-8";

* { margin: 0; }
html, body { height: 100%; }
div, table, tr, td, th, form, dl, dd, dt, span, img,input,textarea,select,option,label{ margin: 0; padding: 0; }

body{
text-align: center;
font-size: 13px;
color: #ffffff;
font-family:"MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif, Meiryo, "メイリオ";
background-color: #000000;
}

	/* IE6 */
	* html body { font-size: 81.25%; }
	/* IE7 */
	*:first-child+html body { font-size: 81.25%; }

/*-----------------------------
FONT
----------------------------- */
table {font-size: small;}
h1{ font-size: 120%; text-align:left; }
h2, h3,h4,h5{ font-size: 100%; }

em{ font-style: normal; }

.xSmall{ font-size: 75% !important; line-height: 140%; }
.bigText{ font-size: 120% !important; line-height:1.6; }

.red{ color: #FF0000; }
/*-----------------------------
 LINK
----------------------------- */
a:link { color: #ff0000; text-decoration: underline; }
a:visited{ color: #ff0000; text-decoration: underline; }
a:hover { color: #ffffff; background-color: #ff0000; text-decoration:none; }
a:active { text-decoration:none; }

img { border:0 ; text-decoration:none;}
a img { border-style: none !important; text-decoration:none !important; }

/*-----------------------------
 LAYOUT
----------------------------- */
#allTop{
width: 900px;
height:auto;
margin: 0 auto;
border-left: 1px solid #a40000;
border-right: 1px solid #a40000;
background-color:#a40000; 
}

#tou01{
width: 600px;
padding: 15px;
border: 3px solid #FFFF00;
background-color: #FFFFFF;
color: #000;
margin: 15px auto;
}

#tou01 h3{
font-size: 14px;
margin-bottom: 10px;
}

#tou01 p{
margin-bottom: 15px;
line-height: 1.4;
}

#tou01 strong{
display:block;
font-size: 20px;
margin-bottom: 20px;
}

#tou01 em {
margin-right: 10px;
white-space: nowrap;
}

#info{
text-align: left;
width: 900px;
height: auto;
background: #000000 url(img/bk.gif) right top no-repeat;
padding: 20px 0;
}

#info h2{
background: url(img/tit01.gif) center no-repeat;
text-indent: -9999px;
margin: 10px 0;
height: 40px;
}

#info h3{
width: 480px;
background-position: left;
background-repeat: no-repeat;
text-indent: -9999px;
margin: 10px 0 10px 20px;
}

.tit02{ background-image: url(img/tit02.gif); height: 60px; }
.tit03{ background-image: url(img/tit03.gif); height: 30px; }

#info p{
width: 408px;
text-align: left;
margin-left: 20px;
margin-bottom: 15px;
line-height: 1.5;
}

#infoBottom{
width: 860px;
background-color:#a40000;
padding: 15px 20px;
}

#infoBottom h2, #infoBottom h3{
text-align: left;
}

#infoBottom p{
text-align: left;
margin-bottom: 15px;
line-height: 1.5;
}

#infoBottom a{ color: #FFFFFF; }

.btn{
margin: 20px 0;
text-align: center;
}

.pan{
text-align: left;
width: 900px;
height:auto;
margin: 15px auto;
}

#footer{
width: 860px;
margin: 0 auto;
padding: 15px 20px;
}

.clearfix:after {
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix{ display: inline-block;}

	/* IE-mac \*/
	*html .clearfix{ height: 1%; }
	.clearfix { display: block; }
	/* End IE-mac */