@charset "UTF-8";

*{
margin: 0;
padding: 0;
}

img{
border: 0;
}

ul li{
list-style: none;
}

address{
font-style: normal;
}

.section{
margin-bottom: 15px;
padding: 10px;
}

body *{
font-size: 12px;
font-weight: normal;
line-height: 1.3;
color: #555;
}

/*SEO*/
/* --- topicPath --- */
div#topicPath{
padding: 8px 20px;
font-size: 10px;
display: block;
}

div#topicPath a{
font-size: 10px;
}

/* --- headerArea --- */
div#headerArea{
background: url('../images/common/bg_header.gif') no-repeat top;
width: 755px;
height: 115px;
position: relative;
}

div#headerArea h1{
position: absolute;
top: 20px;
left: 15px;
/*SEO*/
font-size: 10px;
font-weight: normal;
line-height: 1.8;
color: #555;
text-align: center;
}

div#headerArea p{
position: absolute;
top: 10px;
right: 10px;
}

div#headerArea ul{
position: absolute;
top: 75px;
}

div#headerArea ul li{
display: inline;
}

/* --- container --- */
div#container{
width: 755px;
border: #666666 1px solid;
margin: 0 auto;
}

div#visit{ background-image: url(../images/common/visit.jpg); margin-top: 10px; padding: 130px 0 17px 10px; }


* html div#container{
position: absolute;
left: 50%;
margin-left: -377px;
}

/* --- wrapper --- */
div#wrapper{
margin: 0 auto;
padding: 10px;
width: 735px;
border-top: #666666 1px dashed;
}

/* --- スターハック　元のwrapper指定 
* html div#wrapper{
width: 745px;
}
*/
* html div#wrapper{
width: 771px;
}

/* --- subArea --- */
div#subArea{
width: 200px;
margin-right: 10px;
float: left;
}

div#subArea ul#subNaviEach{
padding: 7px;
}

div#subArea ul#subNaviCategory{
padding: 7px;
}

div#subArea .section{
margin-bottom: 5px;
}

div#subArea div#bannerArea,
div#subArea div.bannerArea{
margin-top: 5px;
}

div#subArea div#bannerArea p
div#subArea div.bannerArea p{
margin-top: 10px;
text-align: center;
}


/* --- mainArea --- */
div#mainArea{
width: 525px;
float: right;
margin-bottom: 10px;
}

/* --- mainOnlyArea --- */
div#mainOnlyArea{
margin: 0 auto 10px;
}


/* --- footerArea --- */
div#footerArea{
margin: 10px 0;
background:url(../images/common/bg_footer.gif) no-repeat bottom;
border-top: #666666 1px dashed;
text-align:center;
width:100%;
clear:both
}

div#footerArea ul{
margin: 5px 0 2px;
}

div#footerArea ul li{
display: inline;
padding: 0 5px;
border-left: #666666 1px solid;
}

div#footerArea ul li a{
color: #143191;
font-weight: bold;
text-decoration: none;
}

div#footerArea ul li.firstElement{
border: 0;
}

/* --- clearfix --- */
.clearfix:after { content:"."; height:0; clear:both; display:block; visibility:hidden; }

.clearfix { display:inline-block; zoom:100%; }



/* --- col --- */
.colLeft{
float: left;
}

.colRight{
float: right;
}

/* --- listMark --- */
ul.listMark li{
margin-left: 15px;
margin-bottom: 10px;
list-style-image: url(../images/common/list_square.gif);
}

/* --- linktop --- */
p.linkTop{
text-align: right;
padding-left: 20px;
}


div#preparation p{ color: #737373; font-size: 28px; text-align:center; margin-top:30px; marjin-top;font-family: HiraKakuPro-W6, "ヒラギノ角ゴ Pro W6"; width: 100%; height: 300px;" }