@charset "utf-8";

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

/*-- レイアウト --*/
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:315px;
margin:30px auto;
background:url(../img/header_bg.png) no-repeat top center;
display:block;
text-align:left;
}

.header div{
width:423px;
text-align:center;
}

.sub{
padding-top:30px;
}

.header h1{
padding:10px 0px 20px 0px;
}

.read{
width:385px;
padding-bottom:20px;
padding-left:15px;
font-size:12px;
color:#4d4d4d;
text-align:left;
line-height:1.5;
letter-spacing:0.1em;
}

.header div div{
float:left;
}

.credit{
width:220px;
margin-left:15px;
padding:10px;
background:#fff;
float:left;
font-size:10px;
color:#4d4d4d;
text-align:left;
line-height:1.3;
letter-spacing:0.05em;
}

.header .btn{
padding-right:15px;
float:right;
}

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

.introduction h1{
padding-bottom:15px;
clear:both;
font-size:20px;
color:#eb78aa;
}

.introduction p{
width:430px;
font-size:12px;
color:#4d4d4d;
line-height:1.5;
letter-spacing:0.1em;
}

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

.article span{
font-weight:bold;
color:#000;
}

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

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

.article .unitR{
float:right;
}

.article .unitL div,.article .unitR div{
padding-bottom:15px;
}

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

.img02{
padding-left:10px;
float:right;
}

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

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

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

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

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

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

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

.toTop a{
text-decoration:underline;
}

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

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

.footer{
width:950px;
margin-top:30px;
padding:30px 0px;
background:#eb78aa;
clear:both;
color:#fff;
}