﻿/* default style */

html,body,div,h1,h2,dl,dt,dd,ul,li{
padding:0 0 0 0;
margin:0 0 0 0;
font-weight:normal;
}

img{border:none;}
p{font-size:14px; line-height:1.45em;}
strong.attention{color:#CC0000;}
.block{display:block;}
.btm10{margin-bottom:10px;}
.btm15{margin-bottom:15px;}
.btm20{margin-bottom:20px;}
.btm30{margin-bottom:30px;}
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.clear{clear:both;}
.clear hr{display:none;}
.commonBorder{border:1px solid #614275;}


/* layout style */
body{background:url(images/bg.jpg) left top repeat-x; text-align:center;}

a{color:#996699;}
a:hover{color:#996699; text-decoration:none;}

#header{
background:url(images/bg2.jpg) center top no-repeat;
}
#headerInner{
width:862px;
margin:0 auto;
text-align:left;
}


/* header style */

#header h1{
padding:0;
}

#header h1 img{
display:block;
}

#header p{
width:820px;
padding:10px 20px;
font-size:14px;
line-height:1.45em;
color:#FFFFFF;
background-color:#2B142B;
}
* html #header p{width:860px;}


#container{
width:860px;
margin:0 auto;
text-align:left;
}
#contents{}
.contentsInner{width:820px; margin:0 0 0 20px;}
.contentsInner2{width:780px; margin:0 0 0 40px;}

h2{width:820px; font-size:14px; line-height:1.2em; margin:20px 0 5px 0px;}
h3{margin-top:28px;}
p.txt{margin:20px 0; font-size:14px; line-height:1.45em;}

#exp{
width:862px;
margin:0;
}
#expBtn{margin:18px 0 5px; text-align:left;}
#expBtn.left{margin-left:15px;}



#banner01{text-align:center;margin-top:30px;}

.a8Lead{background:url(images/closshead_bg.jpg) right top no-repeat; margin-top:16px;}
.a8Lead img{float:left;}
img.appMrgn{margin-top:13px;}
.appBox{border-left:1px solid #614275; border-right:1px solid #614275; border-bottom:1px solid #614275;}
* html .appBox{width:817px; margin-left:3px;}
.appBoxInner{padding:7px 20px;}
.appBoxLead{font-size:16px; font-weight:bold; color:#660099; margin:10px 0 15px 10px;}
.itemLink{}
.itemLinkL{float:left; width:230px; text-align:center;}
.itemLinkL img{margin-bottom:10px;}
.itemLinkL textarea{width:227px; height:94px; font-size:12px;}
.itemLinkR{float:right; width:510px;}
.itemLinkR img{margin-right:13px; width:150px; float:left;}
.itemLinkR textarea{width:340px; height:144px; float:left; font-size:12px;}

.stepBg{font-size:14px; color:#FFFFFF; font-weight:bold; padding:7px; border:#B69647 solid 1px; background-color:#7F5C81; margin-bottom:10px;}
.fontFam{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#step02Box{background:url(images/step02_top.jpg) left top no-repeat;}
#step02BoxInner{background:url(images/step02_bottom.jpg) left bottom no-repeat;}
#step02BoxInnerWrap{padding:25px 40px;}
#step02BoxLead{font-size:18px; font-weight:bold; color:#7F5C81; margin:0 0 15px 0;}
#step02BoxL{width:500px; font-size:14px; line-height:1.8em; float:left;}
#step02BoxR{width:190px; float:right;}

#contest{width:824px; height:260px; margin:0 0 10px 20px; background:url(images/contest_bg.jpg) left top no-repeat;}
#contestInner{padding:30px 0 0 174px; font-size:14px; line-height:1.7em; color:#FFFFFF;}
#contest a{color:#996699;}
#contest a:hover{color:#996699; text-decoration:none;}

table#contestTable{width:860px; margin:20px 0 0 0; border-collapse:collapse;}

table#contestTable td{border:1px solid #d1c0a5;}


* html #thBg01{padding-top:182px;}
* html #thBg02{padding-top:197px;}
* html #thBg03{padding-top:37px;}
* html #thBg04{padding-top:82px;}

*:first-child+html #thBg01{padding-top:182px; height:190px;}
*:first-child+html #thBg02{padding-top:197px; height:205px;}
*:first-child+html #thBg03{padding-top:37px; height:45px;}
*:first-child+html #thBg04{padding-top:82px; height:90px;}

table#contestTable td{font-size:12px; line-height:1.7em; padding:15px;}
#contestExp{margin:15px 0; font-weight:bold; padding:15px;}
#banner03{}



p.returntop{
text-align:right;
margin:30px 0 0;
}

/* footer */
#footer{
text-align:center;
background:url(images/footer_bg.jpg) left top repeat-x;
padding:0 0 25px 0;
}

#footer address{padding:20px 0;}


.cl {
/*display:inline-block;/*zoomの代用*/
zoom: 100%;/*IE独自拡張*/
}

.cl:after {
content: "."; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

.l{float:left;}
.r{float:right;}
.c{text-align:center;}





