@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;
margin:0;
padding:0;
letter-spacing:0.05em;
line-height:1.4;
}

* + 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;
}

.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:#000;
}

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

.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:right;
}

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

.article .sat{
font-weight:bold;
color:#EB0A0A;
}

.article .tex{
color:#4d4d4d;
}

.article .hea{
padding-bottom:5px;
font-size:16px;
font-weight:bold;
}

.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{
padding-top:10px;
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:#000;
clear:both;
text-align:center;
color:#fff;
font-size:12px;
}

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