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

.unitL{
float:left;
}

.main{
width:570px;
float:left;
}

.unitR{
float:right;
}

.header{
width:540px;
height:304px;
padding:30px 0px 0px 30px;
position:relative;
text-align:left;
float:left;
z-index:0;
}

.header h1{
width:406px;
height:304px;
position:absolute;
z-index:1;
}

.header h2{
width:217px;
height:98px;
position:absolute;
top:30px;
right:0px;
z-index:2;
}

.btn{
position:absolute;
height:78px;
bottom:25px;
right:0px;
z-index:3;
}

.attention{
width:233px;
position:absolute;
bottom:0px;
right:0px;
z-index:4;
font-size:11px;
line-heihgt:1.4;
}

.detail{
width:540px;
padding:30px 0px 30px 30px;
float:left;
text-align:left;
}

.detail .unitL{
width:251px;
}

.detail .unitR{
width:251px;
margin-left:15px;
padding-left:15px;
border-left:dotted 1px #4d4d4d;
}

.detail h2{
padding-bottom:10px;
font-size:15px;
}

.detail p{
font-size:12px;
line-height:1.4;
}

.past{
padding:15px;
margin-top:30px;
margin-right:30px;
background:#fae1eb;
}

* html .past{
margin-right:15px;
}

.footer{
width:950px;
margin:0 auto;
padding:30px 0px;
background:#000;
clear:both;
color:#fff;
}