@charset "utf-8";

/*-- リセット --*/
*{
margin:0;
padding:0;
border:none;
outline:none;
font-style:normal;
text-decoration:none;
}

body {
font:12.5px/1.5 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",'Lucida Grande',Helvetica,Arial,sans-serif;
}

* + html body {
font-family:'メイリオ','ＭＳ Ｐゴシック';
font-size:75%;
}

* html body {
font-family:'ＭＳ Ｐゴシック';
font-size:75%;
}

/*-- レイアウト --*/
html{
width:100%;
background:#afafaf;
}

body{
width:970px;
margin:0 auto;
background:url(../img/bg.png) repeat-y top center;
text-align:center;
}

.container{
width:950px;
margin:0 auto;
background:#fff;
overflow:hidden;
}

.topicPath{
width:950px;
height:30px;
margin:0 auto;
background:url(../img/topic_path_bg.png) repeat-x top left;
text-align:left;
}

.topicPath li{
display:inline;
}

.header{
width:890px;
height:273px;
margin:30px auto;
position:relative;
}


.header h1{
position:absolute;
top:0;
left:0;
z-index:5;
}

.header p{
	position: absolute;
	top: 187px;
	left: 262px;
	z-index: 10;
}


.introduction{
width:890px;
height:160px;
margin:15px 0px 0px;
padding:20px 30px;
background:url(../img/introduction_bg.png) no-repeat top center;
text-align:left;
}

.introduction h1{
	padding-bottom: 10px;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: normal;
}

.introduction p{
	width: 635px;
	font-size: 12px;
	color: #FFF;
	line-height: 15px;
	letter-spacing: 0.2em;
}


.title h2{
	background-color: #0b007f;
	color: #FFF;
	padding-left: 15px;
	clear: both;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	}





.article{
width:890px;
padding-left:30px;
font-size:12px;
color:#4d4d4d;
line-height:1.5;
letter-spacing:0.1em;
text-align:left;
}


.article h1{
padding-bottom:15px;
}


.article p{
padding-bottom:12px;
}

.article .unitL,.article .unitR{
width:425px;
}

.article .unitL{
padding-right:15px;
border-right:dotted 1px #4d4d4d;
float:left;
}

.article .unitR{
	float: left;
}

.article p{
padding-bottom:10px;
}

.article .fuku{
	font-weight: bold;
	color: #009dff;
	font-size: 11px;
	line-height: normal;
}

.article .yoshi{
	font-weight: bold;
	color: #ff0f3a;
	font-size: 11px;
	line-height: normal;
}

.article .kan{
	font-weight: bold;
	color: #00FF00;
	font-size: 11px;
	line-height: normal;
}


.article .tex{
	color: #4d4d4d;
	font-size: 11px;
	line-height: normal;
}

.article .hea{
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #000;
}

.article .com{
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #960;
}


.article .aud{
color:#000;
}

.article .oto{
font-weight:bold;
color:#1FA0D2;
}


.imgL{
float:left;
padding:0px 10px 10px 0px;
}

.imgR{
float:right;
padding:0px 0px 10px 10px;
}

.copy{
padding:10px;
color:#fff;
}

.copy p.btn{
padding-bottom:0px;
}

.linkBtn{
text-align:center;
}

h2{
	line-height: 1;
}

object{
text-align:center;
margin:0 auto;
}

.sma{
margin-top:-22px;
padding:2px 0px 5px 0px;
}

.sma a{
text-decoration:underline;
}

.sma a:hover{
text-decoration:none;
}


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

.toTop{
width:910px;
padding-top:20px;
clear:both;
font-size:12px;
text-align:right;
font-weight:bold;
}

.toTop a{
color:#000;
}

.toTop a:hover{
text-decoration:none;
color:#A50000;
}

.clear{
display:block;
height:1px;
clear:both;
overflow:hidden;
}

.footer{
width:950px;
height:72px;
margin-top:30px;
background:#0b007f;
clear:both;
text-align:center;
color:#fff;
font-size:12px;
}

.footer p{
padding-top:30px;
}


.unitL h2{
	color: #006;
	font-size: 12px;
	padding-bottom: 20px;
}