@charset "utf-8";

/*-- リセット --*/
*{
margin:0;
padding:0;
border:none;
outline:none;
font-style:normal;
font-family:Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
text-decoration:none;
letter-spacing:0.05em;
}

/*-- レイアウト --*/
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;
}

.header p{
	position: absolute;
	top: 204px;
	left: 106px;
}

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

.header .btn{
width:420px;
padding-left:20px;
text-align:center;
}

.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;
font-weight:bold;
}

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

.introduction p{
width:510px;
font-size:12px;
color:#000;
line-height:1.3;
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:12px;
}

.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 .unitR h2{
padding-top:20px;
font-weight:bold;
color:#00beb9;
}

object + p a{
text-decoration:underline;
}

object + p a:hover{
text-decoration:none;
}

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

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

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

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

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

.linkBtn{
padding-left:70px;
}

.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;
margin-top:30px;
clear:both;
}