@charset "UTF-8";

/* mypage CSS */

/* インフォメーション
-----------------------------------------------------*/


h3.smid {font-size:small; color:#333; border-bottom:1px #999 solid; padding:7px 0 5px 8px;margin:20px 0;/*background:url(/images/common/mid_bk.gif) no-repeat ;*/ }
h3.hlpmid {font-size:small; color:#666; background:#eee; border-bottom:1px #ccc solid; padding:3px; margin:5px 0;}
h3.hlpmidb {font-size:small; color:#333; border-left:5px #ccc solid; padding:5px; /*margin:5px 0 0 0;*/}

p.about {/*text-indent: 1em;*/ margin-bottom: 15px; line-height: 1.4em;}
p.about2 { line-height: 1.4em;}

ul#helpnavi {margin:10px auto;list-style-type:none;height:36px;padding:0;}
ul#helpnavi li {float:left; border:1px #999 solid;background:#fcf7f3; padding:8px; width:114px; height:36px; margin:0 1px; text-align:center;}

#helpdtl {width:680px;/*border:1px #ddd solid;*/}
#helpdtl h4 {margin:15px 0 10px 0;padding:5px; border-bottom:1px #999 dotted; background:#f0f0f0;}
#helpdtl p {margin:0 10px 20px 30px; }


.box0 {background:#FFF; /*width:600px;*/ margin:0 0px 15px 0;}
.box1 {float:left; background:#FFF; width:320px; margin:0 10px 15px 0;}
.box2 {float:right; background:#FFF; width:320px; margin:0 0 15px 0;}
.box0 h3,.box1 h3,.box2 h3 {margin:5px 0; font-size:medium;}
.box0 p,.box1 p,.box2 p {font-size:small; line-height:1.4em; margin:0; padding:0;}

.box0 img {margin:0 10px;}

.waku01 {width:680px;}
.waku01 div.wTop01 {background:url(/images/www/info/wTop01.gif) no-repeat bottom; width:680px; height:10px; }
.waku01 div.wCtr01 {background:url(/images/www/info/wCtr01.gif) repeat-y; width:680px; }
.waku01 div.wBtm01 {background:url(/images/www/info/wBtm01.gif) no-repeat top; width:680px; height:10px; }


	.usebk680 { background:url('/images/www/info/use_bk680.gif') repeat-y top; width:680px;padding:0;margin:0;}
	.usebk680 div {float:left; margin: 10px 5px 0px 28px!important;margin:10px 20px 0px 15px; padding:0 0 0px 0; width:185px!important;width:180px;}

/* for how_xxx page 2008.11.18 */
.box_how {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

.box_how .left {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 350px;
}
.box_how .left_280 {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 280px;
}
.box_how .right {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	width: 330px;
	text-align: left;
}
.box_how .right_400 {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	width: 400px;
	text-align: left;
}
.box_how_center {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: none;
	width: 100%;
	text-align: center;
}
.box_how_center .left {
	margin: 0;
	padding: 0;
	float: left;
	width: 350px;
	text-align: center;
}
.box_how_center .right {
	margin: 40px 20px 0 0;
	padding: 0;
	float: right;
	width: 300px;
	text-align: left;
}