@charset "utf-8";
/* CSS Document */

/* ===========================================================================
CSS Information

Update:2009/11/02

reset
link
Clear Fix Hack (Float Clear Hack)
Campaign Layout
Footer
=========================================================================== */

/*----------------------------------------------------------------------------
	reset
----------------------------------------------------------------------------*/
*{
margin:0;
padding:0;
line-height:1.2;
font-size:100%;
}
html {
margin: 0;
padding: 0;
height:100%;
font-size:75%;
overflow-y:scroll;
}
body{
margin:0;
padding:0;
width:100%;
height:100%;
font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
color:#444;
text-align:left;
}
body > #container {
height: auto;
width:auto;
}

img{border:none;vertical-align:top;}
ul{list-style:none;}
p{line-height:140%;}
form{margin:0; padding:0;}
/* IE6 */ 
 
* html{ 
overflow-x:hidden;
} 

/*----------------------------------------------------------------------------
	link
----------------------------------------------------------------------------*/
a{color:#555;font-size:100%;
}
a:visited {color:#555;}
a:hover{color:#555;text-decoration:none;}
a:active{color:#555;}
*:focus{-moz-outline-style: none;}
a { outline: none;
}


/*----------------------------------------------------------------------------
	Clear Fix Hack (Float Clear Hack)
----------------------------------------------------------------------------*/
.clearfix:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix{
zoom: 1;
}

/*----------------------------------------------------------------------------
	Campaign Layout
----------------------------------------------------------------------------*/
body #container{
text-align:center;
margin:0 auto;
width:982px;
background: url(../../campaign/images/bg_body.gif);
padding:42px 0 0;
}

body #mainBox{
margin:0 10px;
text-align:left;
width:962px;
}

/*----------------------------------------------------------------------------
	Contents
----------------------------------------------------------------------------*/

h1{
margin:0px 10px 20px;
}

h2{
margin-bottom:10px;
}

h3{
margin-bottom:10px;
}

#mainImg{
background:url(../../campaign/images/main_bg.jpg) 0 0 no-repeat;
height:389px;
position:relative;
margin-bottom:20px;
}

#mainCopyarea{
position:absolute;
top:71px;
left:66px;
width:830px;
}

#mainTxt{
position:absolute;
left:141px;
top:180px;
color:#000;
}

#mainTxt p{
font-size:14px;
line-height:1.5;
}

#mainTxt p span{
font-size:18px;
font-weight:bold;
line-height:1.3;
}

#contentsArea{
text-align:center;
}

#contentsInner01,
#contentsInner02{
margin-left:66px;
text-align:left;
width:831px;
}
#contentsInner02{
margin-bottom:30px;
padding-bottom:10px;
background:url(../../campaign/images/line_dotted.gif) 0 bottom repeat-x;
}

#contentsInner01 p span{
font-size:16px;
font-weight:bold;
line-height:1.5;
}

#contentsInner01 .icon01Area{
background:url(../../campaign/images/icon_oubo01.gif) left top no-repeat;
}
#contentsInner01 .icon02Area{
background:url(../../campaign/images/icon_oubo02.gif) left top no-repeat;
padding-bottom:35px;
}
#contentsInner01 .icon03Area{
background:url(../../campaign/images/icon_oubo03.gif) left top no-repeat;
}

#contentsInner01 p{
padding-top:10px;
padding-left:122px;
margin-bottom:10px;
}

#contentsInner01 ul{
margin-left:122px;
}
#contentsInner01 ul li{
margin-bottom:10px;
}

#contentsInner01 ul li.lavel01{
background:url(../../campaign/images/label_01.gif) 0 0 no-repeat;
padding-left:93px;
font-size:14px;
line-height:1.5;
}
#contentsInner01 ul li.lavel01 span,
#contentsInner01 ul li.lavel02 span{
font-size:16px;
font-weight:bold;
}
#contentsInner01 ul li.lavel02{
background:url(../../campaign/images/label_02.gif) 0 0 no-repeat;
padding-left:93px;
font-size:14px;
padding-bottom:5px;
}


#contentsInner02 h4.h4bg{
background:url(../../campaign/images/h4_ttl01bg.gif) 0 0 no-repeat;
padding:75px 0 0 34px;
}

.stepBox{
margin-bottom:15px;
}
.stepBox2{
margin-left:35px;
margin-bottom:15px;
}

.stepBox3{
margin-left:35px;
margin-bottom:15px;
}

h4{
margin-bottom:10px;
}
h5{
font-size:14px;
margin-left:15px;
}

.leftArea{
float:left;
display:inline;
margin-left:35px;
margin-right:20px;
margin-bottom:20px;
width:556px;
}

.rightArea{
float:left;
display:inline;
width:130px;
}
.leftArea p{
margin-left:50px;
}
h5.step01{
background:url(../../campaign/images/icon_step1.gif) 0 0 no-repeat;
padding-left:65px;
padding-top:7px;
padding-bottom:10px;
margin-bottom:10px;
}
h5.step02{
background:url(../../campaign/images/icon_step2.gif) 0 0 no-repeat;
padding-left:65px;
padding-top:7px;
padding-bottom:10px;
margin-bottom:10px;
}
h5.step03{
background:url(../../campaign/images/icon_step3.gif) 0 0 no-repeat;
padding-left:65px;
padding-top:7px;
padding-bottom:10px;
margin-bottom:10px;
}

.stepBox2 p,
.stepBox3 ul{
margin-left:50px;
}

.stepBox3 li{
float:left;
margin-right:20px;
margin-bottom:10px;
}

#btnArea{
margin:0 0 20px 100px;
width:760px;
text-align:left;
}

#btnArea .leftArea{
float:left;
display:inline;
margin-right:10px;
width:335px;
}

#btnArea .leftArea ul{
margin-left:15px;
}

#btnArea .leftArea li{
margin-bottom:7px;
}
#btnArea .rightArea li{
margin-bottom:5px;
}


#btnArea .rightArea{
float:left;
display:inline;
width:200px;
margin-left:22px;
}
/*----------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------*/
#footBg{
background:#1a1a1a url(../images/bg_foot.gif) top repeat-x;
width:100%;
}

#footArea{
margin:0 auto;
padding-top:20px;
background:#1a1a1a url(../images/bg_foot.gif) top repeat-x;
width:982px;
height:100%;
}

#foot{
padding:10px 0 50px;
width:100%;
height:100%;
}

#copyRight{
margin:0 0px;
text-align:right;
padding-right:5px;
}


h1 span {
	border: #F09 solid 1px;
	color: #F09;
	padding: 5px;
	font-size: 14px;
	margin: 12px;
}
* html h1 {
	margin-top: 10px;
}