@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;
color:#4d4d4d;
}

.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:277px;
margin:30px auto;
position:relative;
}

.header h1{
position:absolute;
top:0;
left:0;
}

.header p{
position:absolute;
top:200px;
left:250px;
}

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

.introduction h2{
padding-bottom:10px;
clear:both;
font-size:18px;
font-weight:bold;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.introduction p{
width:595px;
font-size:12px;
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;
}

.contents h3{
padding-bottom:15px;
}

.contents p{
padeding-bottom:15px;
}

.contents strong{
font-weight:normal;
color:#ff4150;
}

.unitL .img{
float:left;
padding:10px 10px 10px 0;
}

.end{
margin-bottom:15px;
}

.come{
clear:both;
padding-top:15px;
}

.btn{
margin:0 auto;
text-align:center;
padding-bottom:10px;
}

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

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