@charset "utf-8";


/*--reset---------------------------------*/



* { margin: 0; padding: 0; font-size: 1em; font-style: normal;}

body {
	text-align: center;
	background: #ffffcc;
	color: #000;
	cursor: auto;
	font: normal normal 75%/1.5 "Osaka,","ＭＳ Ｐゴシック","MS PGothic",",ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ","Meiryo",Sans-Serif;
	letter-spacing: .1em;
	word-spacing: .1em;
}


img { border: none; color: #fff; background: transparent; vertical-align: bottom;}





/*--module---------------------------------*/



#wrapper {
	margin: 0 auto;
	padding: 0 0 40px;
	width: 780px;
	height: 100%;
	background: url(./img/bg.gif) repeat-y;
}

#header {
	position: relative;
	margin: 0 0 20px;
}

#container {
	margin: 0 auto;
	width: 738px;
	text-align: left;
}

#regist {
	text-align: center;
	margin: 0 0 20px;
}





/*--header------------------------------*/



#header #headerqr {
	position: absolute;
	top: 107px;
	right: 21px;
	text-indent: -999em;
}

#header #headerqr a {
	display: block;
	width: 183px;
	height: 82px;
	background: url(img/qe_btn.gif) no-repeat 4px 36px;
	outline: none;
}

#header #infomation {
	background: #fff;
	width:740px;
}





/*--campaign------------------------------*/



#campaign {
	text-align: center;
	margin: 0 0 10px;
}

#campaign p { padding: 0 0 10px;}





/*--content------------------------------*/



#content { margin: 0 0 15px;}

#content .bx {
	float: left;
	width: 242px;
	margin: 0 6px 6px 0;
	color: #fff;
}

#content .sub-p { padding: 10px;}

#content .sub-img {
	width: 242px;
	height: 110px;
	padding: 10px 0 0;
	text-align: center;
	background: url(img/sub_bg.gif) no-repeat;
}

#content #sub01 .sub-img { background-position: 0 0;}
#content #sub02 .sub-img { background-position: -248px 0;}
#content #sub03 .sub-img { background-position: -496px 0;}
#content #sub04 .sub-img { background-position: -738px 0;}
#content #sub05 .sub-img { background-position: -986px 0;}

#content #sub06 dl {
	width: 242px;
	height: 120px;
	background: url(img/sub_bg.gif) -1234px 0 no-repeat;
}
#content #sub06 dt {
	height: 24px;
	margin: 0 0 10px;
	text-indent: -9999em;
}
#content #sub06 dd {
	padding: 0 0 0 32px;
	font-size: 10px;
	line-height: 1.3;
	background: url(./img/dot.gif) 24px 50% no-repeat;
}


#content .notes {
	clear: both;
	padding: 5px 0;
	font-size: 10px;
	letter-spacing: normal;
	color: #008cea;
}

#content #sub03,
#content #sub06 { margin-right: 0;}
#content #sub06 { float: right;} /* For IE6 Only */

#content #sub01 .sub-p { background: #FF5368;}
#content #sub02 .sub-p { background: #FB9100;}
#content #sub03 .sub-p { background: #FF80BF;}
#content #sub04 .sub-p { background: #68CE46;}
#content #sub05 .sub-p { background: #3CB0FF;}
#content #sub06 .sub-p { background: #AD77E3;}





/*--access------------------------------*/



#access {
	margin: 0 0 20px;
	padding: 0 0 14px;
	width: 740px;
	background: url(./img/access_buttom_bg.gif) no-repeat 0 100%;
}


#access #howto { 
	padding: 10px 22px 5px;
	width: 696px;
	color: #793d00;
	background: url(./img/access_top_bg.gif) repeat-y;
}

#access #howto div { margin: 0 0 15px;}

#access #howto h3 { padding: 3px 0;}

#access #howto h3,
#access #howto p {
	float: left;
	padding-right: 8px;
}

#access #howto span {
	color: #ff5b15;
	font-weight: bold;
}


#access .bx {
	padding: 0 0 10px;
	width: 740px;
	background: url(./img/access_center_bg.gif) repeat-y;
}

#access .bx h3 { margin: 0 0 15px;}


#access #entry {
	float: left;
	padding: 24px 15px 0 22px;
	width: 374px;
	background: url(./img/access_sp_bg.gif) no-repeat;
}
* html #access #entry { width: 373px;}

#access #entry #adrstxt { width: 155px;}
#access #entry #carrier { width: 115px;}

#access #entry form img { margin: 0 0 -2px;}


#access #qr {
	float: right;
	padding: 24px 22px 0 15px;
	width: 292px;
	background: url(./img/access_sp_bg.gif) 100% 0 no-repeat;
}





/*--linkBanner------------------------------*/



#linkBanner {
	height: 70px;
	width: 596px;
	text-align: center;
	margin: 0 auto;
	list-style: none;
	background: transparent;
}
#linkBanner li {
	float: left;
	display: inline;
	padding-right: 5px;
}





/*--Plan------------------------------*/



#plan {
	padding: 14px 0 0;
	width: 740px;
	color: #5f5f5f;
	background: #e1f2fd url(./img/plan_top_bg.gif) no-repeat;
}

#plan .hgroup {
	padding: 5px 20px;
	background: url(./img/plan_bg.gif) repeat-y;
}

#plan .hgroup p {
	padding: 5px 0 0;
	color: #f00;
}


#plan .notes,
#plan #footcopy {
	padding: 0 15px;
	font-size: 10px;
}

#plan .notes {
	padding-top: 15px;
	background: url(./img/plan_center_bg.gif) no-repeat;
}

#plan #footcopy {
	padding: 5px 15px 14px;
	background: url(./img/plan_bottom_bg.gif) 0 100% no-repeat;
}
#plan #footcopy p { margin: 10px 0 0;}





/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#footer:after,
#container:after,
#content:after,
#howto:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#footer,
#container,
#content,
#howto,
.clearfix { display: inline-block;}  

/* Holly Hack Targets IE Win only \*/
* html #footer,
* html #container,
* html #content,
* html #howto,
* html .clearfix { height: 1%;}
#footer,
#container,
#content,
#howto,
.clearfix { display: block;}
/* End Holly Hack */


/******************************************************************** universal
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}