@charset "utf-8";




* {
    margin: 0;
    padding: 0;
}

/* 20120327 add */
body {
}

img{
	border:0;
}

p{
	color:#333333;
	line-height:130%;
}

div#wrapper{
	width:800px;
	margin:0 auto;
}
.relative   {  
    position: relative;  
} 


/*-- header --*/

div.head01{
	float:left;
	width:277px;
	height:13px;
	padding-top:10px;
}

div.head02{
	padding-top:10px;
	float:right;
	width:400px;
	height:16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:right;
}

/* 20120327 add */
div.header{
	clear: both;
	width:800px;
	height:65px;
}
.header ul {
	padding-top: 34px;
	list-style-type: none;
}
.header ul li{
	float: right;
	padding-left: 10px;
}
.header ul li#twitter {
	width: 100px;
}
h1{
	float: left;
	height: 53px;
	width: 317px;
	padding-top: 10px;
}

/* 20120327 del
h2{
	float:left;
	width:203px;
	height:75px;
}
h3 img{
	margin-bottom:17px;
}
*/

/*-- section01 --*/
/* 20120327 add */
h4{
	margin:0 auto;
	padding:0;
}
.section01{
	width:800px;
	font-size: 14px;
	background: url(../img/section01_bg.gif) repeat-y left top;
}
.section01 ul{
	width: 800px;
	overflow: hidden;
	padding: 5px 0 0;
	list-style-type: none;
	background: url(../img/section01_bottom.gif) no-repeat left bottom;
}
.section01 ul li{
	height: 9em;
	width: 340px;
	float: left;
	padding: 20px 0 0 40px;
}
.section01 ul li img{
	margin-bottom: 5px;
}
.section01 ul li span{
	font-size: 11px;
	display: block;
}

/*-- section_btn --*/
/* 20120327 add */
.section_btn{
	width: 800px;
	margin: 40px 0;
}
.btn01,
.btn02,
.btn03 {
	margin-left: 40px;
	width:620px;
	height:133px;
}
.btn01 a,
.btn02 a,
.btn03 a{
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	width: 620px;
	height: 133px;
}

.btn01{	background: url(../img/btn01.jpg) no-repeat 0 0;}
.btn02{	background: url(../img/btn02.jpg) no-repeat 0 0;}
.btn03{	background: url(../img/btn03.jpg) no-repeat 0 0;}

.btn01 a{	background: url(../img/btn01.jpg) no-repeat 0 0;}
.btn02 a{	background: url(../img/btn02.jpg) no-repeat 0 0;}
.btn03 a{	background: url(../img/btn03.jpg) no-repeat 0 0;}

.btn01 a:hover{	background: url(../img/btn01_o.jpg) no-repeat 0 0;}
.btn02 a:hover{	background: url(../img/btn02_o.jpg) no-repeat 0 0;}
.btn03 a:hover{	background: url(../img/btn03_o.jpg) no-repeat 0 0;}

.section_btn2{width:800px;margin:20px 0}
.note_ex{
	width:766px;
	text-align:left;
	font-size:12px;
	margin:0px 0px 20px 18px
}
.note_ex10 {
	width:766px;
	text-align:left;
	font-size:10px;
	margin:0px 0px 20px 18px
}


/*-- regulation --*/

p.cam01{
	text-align:center;
	font-size:12px;
	margin-bottom:15px;
}

/*-- section02 --*/
/* 20120327 add */
.section02{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.left_box,.right_box {
	position: absolute;
}

.section02 .left {
	float: left;
	margin-left: 19px;
	width: 372px;
}
.section02 p.left_box {
	position: absolute;
	left: 160px;
	top: 710px;
	width: 215px;
	font-size: 12px;
	line-height: 20px;
}




.section02 .right {
	float: right;
	margin-right: 19px;
	width: 371px;
}
.section02 p.right_box {
	position: absolute;
	left: 555px;
	top: 710px;
	width: 215px;
	font-size: 12px;
	line-height: 20px;
}
.section02 .btn1 {
	position: absolute;
	top: 980px;
	left: 28px;
	width: 353px;
	height: 86px;
}
.section02 .btn2 {
	position: absolute;
	top: 980px;
	left: 420px;
	width: 353px;
	height: 86px;
}
.section05 .btn3 {
	position: absolute;
	top: 1107px;
	left: 420px;
	width: 354px;
	height: 86px;
}



.section02 dl{
	font-size:14px;
	line-height:140%;
	padding-bottom: 30px;
	background: url(../img/section02_bottom.gif) no-repeat left bottom;
}
.section02 dl dt{
	padding: 20px 0 5px 35px;
}
.section02 dl dd{
	padding: 0 70px 5px 65px;
	line-height: 1.6;
}
.section02 dl dd.section02-bottom{
	padding-right: 240px;
}
.section02 p.graph{
	position: absolute;
	right: 40px;
	bottom: 20px;
}

/*-- section03 --*/
/* 20120327 add */

.section03{
	margin: 20px auto;
	width: 800px;
	background: url(../img/section03_bg.gif) repeat-y left top;
}
.section03 ul{
	list-style-type: none;
	font-size: 12px;
	background: url(../img/section03_bottom.gif) no-repeat left bottom;
}
.section03 ul li{
	overflow: hidden;
	width: 700px;
	padding: 20px 0 15px;
	margin: 0 50px 5px;
	border-bottom: 1px solid #DADBD2;
}
.section03 ul li p,
.section03 ul li h5{
	float: left;
}
.section03 ul li h5{
	padding: 5px 0 0 20px;
}
.section03 ul li p.section03-txt{
	width: 600px;
	padding: 10px 0 10px 20px;
	line-height: 1.8;
}
.section03 ul li.end{
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}
.section03 ul li.bottom{
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}
.section03 ul li.bottom h5{
	padding: 0 0 20px;
}
.section03 ul li.bottom strong{
	padding: 10px 18px 0;
	font-size: 16px;
	color: #DA264C;
}
.section03 ul li.bottom p{
	padding: 5px 18px 30px;
	line-height: 1.8;
	width: 660px;
}


/* 20120327 del
div.section03_box{
	margin:0 auto;
	width:780px;
}
div.section03{
	border-left:solid 3px #FFCC00;
	border-right:solid 3px #FFCC00;
	border-bottom:solid 3px #FFCC00;
	width:774px;
	padding-top:10px;
	padding-bottom:20px;
}
div.step01{
	margin-left:30px;
	padding-bottom:20px;
	width:700px;
	background: url(../img/step01.gif) no-repeat 0 0   ;
}
div.step02{
	margin-left:30px;
	padding-bottom:20px;
	width:700px;
	background: url(../img/step02.gif) no-repeat 0 0   ;
}
div.step03{
	margin-left:30px;
	padding-bottom:20px;
	width:700px;
	background: url(../img/step03.gif) no-repeat 0 0   ;
}
div.step_in{
	padding-left:150px;
}
div.step_in h5{
	font-size:19px;
	color:#EC7B15;
	border-bottom:dotted 1px #EC7B15;
}
div.step_in p{
	margin-top:6px;
	font-size:14px;
	line-height:140%;
}
div.point {
	margin-left:40px;
	width:600px;
	background: url("../img/point.gif") no-repeat scroll 0 50% transparent;
	border: 1px solid #B3B3B3;
	font-size: 14px;
	line-height:150%;
	padding: 3px 0 3px 100px;
}
div.point a{
	color:#000099;
}
*/

/*-- section04 --*/
/* 20120327 add */
.section04{
	width:800px;
	font-size: 12px;
	background: url(../img/section04_bg.gif) repeat-y left top;
}
.section04 ul{
	width: 800px;
	overflow: hidden;
	list-style-type: none;
	background: url(../img/section04_bottom.gif) no-repeat left bottom;
}
.section04 ul li{
	width: 340px;
	float: left;
	padding: 20px 0 0 40px;
}
.section04 ul li p{
	line-height: 1.8;
	padding: 20px 20px 30px 50px;
	background: url(../img/section04_a.gif) no-repeat 9px 20px;
}
.section04 ul li p a{
	color: #333333;
	text-decoration: none;
	background: url(../img/section04_arrow.gif) no-repeat left center;
	padding-left: 14px;
}
.section04 ul li p a span{
	color: #0000FF;
	text-decoration: underline;
}


/* 20120327 del
div.section04{
	margin:30px auto;
	width:780px;
}
div.section04_cont{
	width:400px;
	float:left;
}
div.section04_btn{
	float:right;
	margin:10px auto;
	display:block;
	text-indent:-9999px;
	width:358px;
	height:141px;
	background: url(../img/btn03.jpg) no-repeat 0 0  ;
}
div.section04_btn a{
	display:block;
	text-indent:-9999px;
	width:358px;
	height:141px;
	background: url(../img/btn03.jpg) no-repeat 0 0  ;
}
div.section04_btn a:hover{
	background: url(../img/btn03_o.jpg) no-repeat 0 0  ;
}
p.section04text01{
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:5px;
}
p.section04text02{
	font-size:14px;
	line-height:130%;
}
*/


/* キャンペン規約 */

.regulation {
background-color:#EEEEEE;
border:1px solid #4488CC;
font-size:11px;
height:30em;
overflow:auto;
padding:5px;
}

#kiyaku {
	font-size: 1.33em;
	float: left;
}
div.regulation_title {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    font-size: 100%;
    font-weight: bold;
    margin: 0 auto;
    padding: 2px 8px;
    width: 750px;
}
div.regulation {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    height: 210px;
    margin: 0 auto;
    overflow: auto;
    padding: 5px 8px;
    width: 750px;
}

.regulation {
    background-color: #EEEEEE;
    border: 1px solid #4488CC;
    font-size: 11px;
    height: 30em;
    overflow: auto;
    padding: 5px;
}
.kiyaku_title{
	text-align:center;
	font-weight:bold;
}





/********** regulation **********/
div.regulation_title{
padding:2px 8px;
margin:0px auto;
width:750px;
font-weight:bold;
font-size:100%;
border:1px solid #ccc;
border-bottom:0px;
}
div.regulation{
padding:5px 8px;
margin:0px auto;
width:750px;
height:210px;
overflow:auto;
border:1px solid #ccc;
background:#eee;
}
p.kiyaku_title{
padding:0px;
margin:0px;
text-align:center;
font-weight:bold;
font-size:90%;
}
p.kiyaku_text{
padding:0px;
margin:0px;
text-align:left;
font-size:90%;
line-height:1.5;
}





/* フッター */

#footer {
background-color:#FFFFFF;
border-top:1px solid #00A0EA;
margin:0 auto;
padding:10px;
}
.foot_nav {
height:17px;
margin:auto;
padding:5px;
text-align:center;
}
.foot_nav li {
border-left:1px solid #CCCCCC;
display:inline;
font-size:12px;
line-height:15px;
padding:2px 8px;
}
.foot_nav li:first-child {
border-left:medium none;
}
.foot_nav2 {
/* height:17px; 20120327 del */
margin:auto;
padding:5px;
text-align:center;
	overflow: hidden;/* 20120327 add */
}
.foot_nav2 li {
display:inline;
font-size:12px;
line-height:15px;
padding:2px 8px;
line-height:1.6;/* 20120327 add */
}
.foot_nav2 li a {
background:url("../img/ico_group.gif") no-repeat scroll left center transparent;
padding-left:15px;
}
#footer .note {
font-size:11px;
margin:10px auto;
width:790px;
}
.copyright {
color:#666666;
font-size:11px;
text-align:center;
}


div.goto_pagetop{
	text-align: right;/* 20120327 add */
	padding:20px;
	padding-right: 0;/* 20120327 add */
}


.goto_pagetop a {
background-image:url("../img/goto_pagetop.gif");
background-position:right center;
background-repeat:no-repeat;
font-size:11px;
line-height:12px;
padding-right:12px;
}
.header_logo_bg { position: relative; }
.icon_ribbon{ position: absolute; left: 19px; top: 35px; _top: 38px; }

.syuryoukokuchi {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}



/* ClearBox Setting
--------------------------------------------------*/
.clearbox {
	zoom:100%;
}
.clearbox:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}