@charset "euc-jp";

/********** BASIC set **********/

body {
	background-image: url(../../images/bk.gif);
	margin: 0px;
	padding: 0px;
	text-align: center;
}

ul{
	margin: 0px;
	padding: 0px;
}

ul li img{
	display:block;
}

form{
	margin: 0px;
	padding: 0px;
}

table {
	border-collapse:collapse;
	text-align: center;
	font-size: 1em;
}
table.left {
	border-collapse:collapse;
	text-align: left;
	font-size: 1em;
}

td {
	padding: 5px;
	border: 1px solid #999999;
}

img{
	border: 0px none;
}

a {
	color: #3366CC;
	text-decoration: none;
}

a:hover{
	color: #6699FF;
	text-decoration: underline;
}

.block{
	display: block;
}


/********** LAYOUT set **********/

.line_head {
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(/images/head_bk.gif);
	margin: 0px;
	height: 20px;
	padding-right: 10px;
	text-align: right;
	line-height: 16px;
}

#contents {
	width: 790px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#bk_white{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.line_end {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(/images/end_bk.gif);
	margin: 0px;
	height: 20px;
	padding-right: 10px;
	text-align: right;
	line-height: 20px;
	font-family: Arial,Helvetica,sans-serif;
}

/********** HEADER set **********/

#header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
	text-align: left;
	height: 70px;
	width: 770px;
}

#logo_l{
	float: left;
	width: 246px;
	height: 70px;
}

#logo_r {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 484px;
	text-align: right;
	height: 34px;
}

#sub_mn {
	float: right;
	width: 410px;
	margin-top: 6px;
	height: 30px;
	text-align: right;
}

#sub_mn ul li{
	float:left;
	display:inline;
}

/********** GLOBAL NAVI set **********/

.gmn_bk{
	background-image: url(../../images/gmn_btm2.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 30px;
	clear: both;
}

.gmn_bk ul li{
	float:left;
	display:inline;
}


.price {
	color: #FF0000;
}

/********** BREADCRUMB set **********/

.breadcrumb{
	background-image: url(/images/breadcrumb_bk.gif);
	height:28px;
}
.breadcrumb ul{
	font-size:11px;
	}
.breadcrumb ul li{
	background-image: url(/images/breadcrumb_icon.gif);
	background-repeat:no-repeat;
	background-position:right top;
	line-height:24px;
	height:24px;
	padding:0px 20px 0px 10px;
	float:left;
	display:inline;
}
.breadcrumb ul li.on{
	background-image: none;
}
.breadcrumb ul li a{
	text-decoration:underline;
	color:#003366;
	}
.breadcrumb ul li a:hover{
	color:#006699;
	}

/********** MAINAREA RAYOUT set **********/

#sp10{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(/images/h1_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#area_r{
	font-size: 0.75em;
	line-height: 18px;
	float: right;
	width: 540px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}

#area_l{
	float: left;
	width: 220px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}

/********** MAINAREA(RIGHT) set **********/

/** headline set **/
h1{
	font-size: 1.1em;
	color: #003366;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:30px;
	}

h2{
	font-size: 1.1em;
	line-height: 0.9em;
	color: #FF6600;
	background-image: url(../../images/h2_bk.gif);
	padding: 11px;
}

h3{
	font-size: 1.05em;
	line-height: 1.0em;
	color: #003366;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding-bottom: 5px;
	padding-top: 7px;
	background-image:url(/images/h3_bk.gif);
	background-repeat: repeat-y;
	padding-left: 5px;
	margin-left:10px;
	margin-top:25px;
}

/** image layout set **/

.img-l{
	font-size: 0.8em;
	text-align: center;
	margin-right: 10px;
	margin-left: 0px!important;
	float: left;
	padding-left: 25px;
}

.img-r {
	font-size: 0.8em;
	text-align: center;
	margin-left: 10px!important;
	float: right;
	line-height: 1.2em;
}

.ph_cap{
	font-size: 0.8em;
	text-align: center;
	margin-top: 0px;
	line-height: 120%;
}

/** to top link set **/

.to_pagetop{
	font-size: 11px;
	line-height: 11px;
	color: #003366;
	background-color: #ECF5FF;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #003366;
	text-align: center;
	width: 80px;
	margin-left: 400px!important;
	padding-top: 4px;
	padding-bottom: 0px;
}

.to_pagetop a{
	color: #003366;
	text-decoration: none;
}

/** text decoration set **/

#area_r p{
	margin-left: 25px;
}

.h2_txt{
	color: #FF6600;
	background-color: #FFFFCC;
	padding: 7px;
	padding-left:17px;
	/* border: 1px dashed #FF6600;*/
	margin-right: 5px!important;
	margin-left: 10px!important;
	margin-bottom:25px!important;
	font-weight: bold;
	background-image:url(/images/h2_txt_bk.gif);
	background-repeat: repeat-y;	
}

.h3_txt{
	color: #003366;
	padding: 5px;
	border: 1px solid #003366;
	margin-right: 5px!important;
	font-weight: normal;
	background-image: url(../../images/h3_txt_bk.gif);
}

.txt_red{
	color: #FF0000;
}

.tips{
	background-color: #FFFFCC;
	border: 1px solid #FF6600;
	padding: 0px;
	margin: 0px 0px 0px 25px;
}

.tips p{
	margin-left: 10px!important;
	margin-right: 10px!important;
}

.note{
	background-image: url(/images/note_bk.gif);
	padding: 10px;
	margin-bottom:25px;
	margin-top:25px;
	}

.note strong{
	color: #FF6600;
}

/** link set **/

.to_otherpage{
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../../images/to_otherpage.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 25px;
	text-decoration: none;
	margin-left: 280px!important;
	text-align: left;
	line-height: 18px;
	font-weight:bold;
}
.to_otherpage a{
	color: #FFFFFF;
}
.to_otherpage a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/** list set **/

#area_r li{
	margin-left: 45px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#area_r li ul{
	padding-bottom: 15px;
}

#area_r li ul li{
	margin-left: 15px;
	list-style-image: url(/images/li_second_icon.gif);
}

/** form set **/

#area_form{
	background-image: url(/images/form_bk.gif);
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #cccccc;
}

#area_form .ruby{
	font-size: 0.8em;
	line-height: 1.0em;
}

#area_form .cap{
	color: #FFFFFF;
	background-color: #003366;
	padding: 3px 10px;
	margin-right: 25px;
	margin-bottom: 0px;
}

#area_form .must{
	font-weight: bold;
	color: #FF0000;
}

	/* privacy statement */
.p_info{
	font-size: 11px;
	line-height: 15px;
	background-color: #eeeeee;
	padding: 5px;
}

/** table set **/

.w60{
	width: 60px;
}

.py{
	background-color: #FFFFDF;
	/* pale yellow*/
}

th {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	border: 1px solid #999999;
	padding: 5px 7px 5px 7px;
	background-image: url(/images/th_bk.gif);
}

/** footer banner set **/

.ft_bnr{
	margin-top: 20px;
	padding-top: 20px;
	background-image: url(/images/dot.gif);
	background-repeat: repeat-x;
	background-position: top;

}

/********** MAINAREA(LEFT:SIDELINK) set **********/

.side_mn{
	background-color: #C9EAFF;
}

.side_mn a{
	color: #003366;
}
.side_mn a:hover{
	color: #0099CC;
	text-decoration: underline;
}

/** 1st menu set **/

.side_mn ul{
		list-style:none;
		}

.side_mn ul li{
	display:block;
	font-size: 13px;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 10px;
	background-image: url(/images/side_mn_icon_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AAC9EC;
}

.side_mn ul li.on{
	background-image: url(/images/side_mn_icon_b_on.gif);
	font-weight: bold;
}

.side_mn ul li.on a{
	color: #FF6600;
}

/** 2nd menu set **/

.side_mn ul.sub{
	padding: 0px!important;
	margin: 0px!important;
	font-weight: normal;
}

.side_mn ul.sub li{
	padding: 0px 0px 0px 15px!important;
	margin: 3px 5px 3px 0px!important;
	display:block;
	font-size: 12px;
	line-height: 14px;
	background-image: url(../../images/side_mn_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
}

.side_mn ul.sub li a{
	color: #003366;
}

.side_mn ul.sub li.on{
	background-image: url(../../images/side_mn_icon_on.gif);
	font-weight: bold;
}

.side_mn ul.sub li.on a{
	color: #FF6600;
}

/** 2nd-2 for cwg interview **/

.side_mn ul.sub li ul.sub2 li a{
	color: #003366;
	font-weight: normal;
}

.side_mn ul.sub li ul.sub2 li.on a{
	color: #FF6600;
	font-weight: bold;
}

/** banner&clocklink **/

.cl_link{
	font-size: 0.65em;
	display: block;

}

.bn_link{
	font-size: 0.60em;
	display: block;
	margin:10px 0px 10px 10px ;
	width:200px;
}

.bn_link img{
	display:block;
	margin-left:10px;
}

.bn_link_cl{
	font-size: 0.60em;
	display: block;
	margin:0px 10px 0px 10px ;
	width:200px;
}

.bn_link_cl embed{
	margin:0px 20px 0px 20px;
}

.bn_link_cl a{
	display:block;
	margin:0px 0px 0px 0px ;
}

/********** INTERVIEW PAGE set **********/

.q-txt{
	font-weight: normal;
	color: #003366;
}

.q-txt span{
	background-color: #eeeeee;
}

.voice_b{
	font-weight: bold;
	color: #CC0000;
}

.voice_bk{
	background-color: #FFF4FC;
	border: 1px solid #CCCCCC;
	padding: 10px 10px 0px;
	margin-right: 10px;
	margin-left: 10px;
}

/********** ORDER FLOW PAGE set **********/

.flow_bk{
	margin-left: 25px;
	padding: 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.flow_bk p{
	margin-left: 0px!important;
	margin-top: 5px!important;
	margin-bottom: 5px!important;
}

.flow_bk#kecp{
	background-color: #DFF4FF;
}

.flow_bk#cust{
	background-color: #FFF3C4;
}

.flow_sample {
	vertical-align: text-bottom;
}

/********** TOPPAGE set **********/

#sp10.top{
	background-image: none;
}

#area_l.top{
	margin-top: 0px;
}


#toppage{}

#toppage h1{
	margin: 0px;
	padding: 0px;
	border: none;
}

.separate2{
	width: 270px;
	float: left;
	}

#separate_box{
	margin: 10px;
}

#separate_box p{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px!important;
}

#separate_box strong{
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

/** voice set **/

#voice_box{
	margin: 10px;
	background-image: url(/images/voice_bk.jpg);
}

#voice_box p{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px!important;
	font-size: 11px;
	line-height: 13px;
}

/** function list set **/

#separate_box div.h3_txt{
	margin:0px 0px 10px 0px ;
}

#separate_box div.h3_txt ul li{
	margin-left:20px;
}

#separate_box div.h3_txt strong{
	color:#003366;
	text-decoration:none;
	border-bottom-width:0px;
}

/** what's new set **/

.wn2{
	margin:10px 0px 10px 0px;
}

/********** FAQ PAGE set **********/

/** answer set **/
.faq_a{
	background-color: #ECFDFF;
	margin-right: 10px;
	margin-left: 25px;
	border: 1px solid #FFFFFF;
	background-image: url(/faq/images/faq_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.faq_a div{
	font-size: 1em;
	line-height: 18px;
	color: #333333;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/*** question set **/

.faq_q{
	background-image: url(/faq/images/faq_q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/********** PREPAID PLAN PAGE set **********/

.pp_for{
	list-style-type: none;
	padding: 0px;
}

.pp_for li{
	font-size: 110%;
	line-height: 110%;
	font-weight: bolder;
	color: #FF6600;
	background-image: url(/plan/images/prepaid_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 25px!important;
	margin-top: 7px!important;
	margin-bottom: 7px!important;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

/********** MERIT PAGE set **********/

table.merit{
	width:500px;
}

.merit td{
/*	border-style: solid;
	border-width: 1px;*/
	text-align: left;
	vertical-align:top;
}

/*.merit td ul{
	padding:0px;
}*/

.merit td li{
	margin: 0px 0px 5px 0px!important;
	padding: 0px 0px 0px 7px!important;
	background-image: url(/whatis/images/merit_icon.gif);
	background-repeat:no-repeat;
	background-position:left top;
	list-style:none;
}

.merit td li strong{
	color:#FF0000;
	font-weight:bold;
}


/********** PARTS set **********/

.dot01{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 1px;
	background-image: url(../../images/dot.gif);
	background-repeat: repeat-x;
	background-position: center;
}

.dot05{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
	background-image: url(../../images/dot.gif);
	background-position: center;
	background-repeat: repeat-x;

}
.dot10{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 10px;
	background-image: url(../../images/dot.gif);
	background-position: center;
	background-repeat: repeat-x;

}
.dmy01{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 1px;
}

.dmy05{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
}

.dmy10{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 10px;
}

.dmy15{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 15px;
}

/********** OLD FAQ set **********/

.txt_btn{
	font-size: 0.8em;
	color: #999999;
	background-color: #FFFFFF;
	padding: 3px;
	width: 200px;
	border-top: 1px solid #999999;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #999999;
}

.txt_btn a{
	color: #999999;
}

#ans-area{
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 10px;
	background-color: #FFFFFF;
	padding: 5px;
}

/********** OLD WHAT'S NEW set **********/

.wn{
	font-size: 12px;
	line-height: 15px;
	color: #FF0000;
	background-image: url(/images/wn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
}
.wn a{
	font-size: 11px;
}

/********** NO USE **********/

.bk01{
	background-color: #FFFFEC;
	margin-left: 25px;
	padding: 5px;
}

.bk01 p{
	margin: 5px!important;
	color: #666666;
}

.nonline{
	border: none!important;
	background-color: #FFFFFF!important;
}

#img_r{
	float: right;
}

#img_l{
	float: left;
	margin: 0px;
	padding: 0px;
}

.voice_a{}