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

/*=========================================
 containerq
=========================================*/

h2{
	margin-bottom:10px;
	}


/*h3{
	width:520px;
	margin:10px 0px 20px 32px;
	padding:10px 32px 10px 10px;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	color:#666666;
	border-top: solid 3px #669966;
	border-bottom: solid 3px #669966;
	}*/

h3{
	overflow:hidden;
	height:30px;
	margin-left:25px;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#666666;
	line-height:30px;
	}

/*h3{
	height:30px;
	background:url(../../common_img/h3_bk.gif) left top no-repeat;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	}*/

h4{
	height:23px;
	background:url(../../common_img/h4_bk.gif) left top repeat-x;
	font-size:14px;
	font-weight:bold;
	color:#333;
	border-top:#666666 1px solid;
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	border-left:#666666 3px solid;
	padding-left:5px;
	line-height:23px;	
	}
	
h5{
	height:20px;
	width:540px;
	border-left:#888888 10px solid;
	margin-left:25px;
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	}
	
/*h5{
	height:20px;
	border-bottom:#666666 1px solid;
	border-left:#666666 3px solid;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	}*/

h6{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.contents_l{
	width:620px;
	margin-bottom:30px;
	margin-left:20px;
	}

.contents_l ul{
	margin:0 0 0 2em;
	padding:0;
	}

.contents_l li{
	margin-bottom:20px;
	}

.contents_l p{
	margin-bottom:20px;
	}

.contents_m{
	width:590px;
	margin-bottom:30px;
	margin-left:15px;
	margin-top:20px;
	}

.contents_m ul{
	margin:0 0 0 2em;
	padding:0;
	}

.contents_m li{
	margin-bottom:20px;
	}


.contents_m p{
	width:550px;
	margin-bottom:20px;
	margin-left:20px;
	}


.contents_s{
	width:560px;
	margin-left:15px;
	margin-bottom:20px;
	}

.support_contents{
	width:620px;
	margin-bottom:10px;
	margin-left:20px;
	margin-top:20px;
	}

.support_contents p{
	margin-bottom:20px;
	}

.support_contents_s{
	width:590px;
	margin-bottom:10px;
	margin-left:15px;
	margin-top:20px;
	}

.h5_contents{
	width:560px;
	margin-left:15px;
	margin-bottom:20px;
	}
/* 2012.03.23 追加 */
.h5_contents_s{
	width:530px;
	margin-left:45px;
	margin-bottom:20px;
	}
.h5_contents img {
	margin-bottom: 15px;
	}

/*=========================================
 sub menu
=========================================*/

#sub_menu{
	width:640px;
	padding:0 10px 0 10px;
	margin-bottom:30px;
	}

#sub_menu ul{
	list-style:none;
	margin:0;
	padding:0;
	}

#sub_menu li{
	background:url(../../common_img/ico_b.gif) left top no-repeat;
	float:left;
	padding-left:13px;
	margin-right:20px;
	font-size:12px;
	}

#sub_menu a,#sub_menu a:link,#sub_menu a:hover,#sub_menu a:visited,#sub_menu a:active{
	text-decoration:none;
	}

/*=========================================
 contents
=========================================*/
#charge_table{
	border-collapse:collapse;
	border:#666666 1px solid;
	margin-bottom:30px;
	}

#charge_table th{
	background-color:#dbd8d7;
	border:#666666 1px solid;
	padding:10px;
	vertical-align:middle;
	}


/*#charge_table th{
	background-color:#d4efd4;
	border:#666666 1px solid;
	padding:10px;
	vertical-align:middle;
	}*/

#charge_table td{
	background-color:#ffffff;
	border:#666666 1px solid;
	padding:10px;
	vertical-align:middle;
	}

.td_center{
	text-align:center;
	}

.w_580{
	width:580px;
	margin-left:20px;
	margin-bottom:20px;
	}

/*=========================================
 Right_menu
=========================================*/

/**reserv_btn*******/
#reserv_btn{
	width:190px;
	height:45px;
	margin-bottom:15px;
	}

#reserv_btn ul{
	list-style:none;
	margin:0;
	padding:0;
	}

#reserv_btn  li{
	overflow:hidden;
	}
	
#reserv_btn li#reserv a,#reserv_btn li#reserv a:link,#reserv_btn li#reserv a:visited{
	width:190px;
	height:45px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/reserv_btn.gif) left top no-repeat;
	}

#reserv_btn li#reserv a:hover,#reserv_btn li#reserv a:active{
	width:190px;
	height:45px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/reserv_btn.gif) left bottom no-repeat;
	}

/**phone*******/
#new_ad{
	width:168px;
	padding:10px 10px 5px 10px;
	border:#666 1px solid;
	background:#FFF;
	margin-bottom:15px;
	text-align:center;
	}

#new_ad p{
	margin-bottom:5px;
	}

/**right_table*******/
#right_table{
	width:190px;
	border-collapse:collapse;
	border:#666666 1px solid;
	background-color:#FFF;
	margin-bottom:15px;
	}

#right_table th{
	background-color:#51793d;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	padding:5px;
	height:25px;
	line-height:25px;
	}

#right_table th a{
	color:#FFF;
	text-decoration:none;
	}

#right_table th a:hover{
	color:#FFF;
	text-decoration:underline;
	}

.right_table_th_2{
	line-height:110%;
	}

#right_table td{
	border-bottom:#666666 1px dotted;
	background:url(../../common_img/red_ico_25-40.gif) left top no-repeat;
	padding-left:25px;
	padding-right:10px;
	height:40px;
	line-height:110%;
	}

#right_table a,a:hover{
	text-decoration:none;
	}

/**document*******/
#document{
	width:190px;
	height:32px;
	margin-bottom:10px;
	}

#document ul{
 list-style:none;
	margin:0;
	padding:0;
	}

#document li{
	overflow:hidden;
	}

#document li#doc_btn a,#document li#doc_btn a:link,#document li#doc_btn a:visited{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../../option/platinum/image/documnt_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#document li#doc_btn a:hover,#document li#doc_btn a:link:active{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../../option/platinum/image/documnt_btn.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/**document02*******/
#document02{
	width:190px;
	height:32px;
	margin-bottom:10px;
	}

#document02 ul{
 list-style:none;
	margin:0;
	padding:0;
	}

#document02 li{
	overflow:hidden;
	}

#document02 li#doc_btn02 a,#document li#doc_btn02 a:link,#document li#doc_btn02 a:visited{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/btn_login02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#document02 li#doc_btn02 a:hover,#document li#doc_btn02 a:link:active{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/btn_login02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/**login*******/
#login{
	width:190px;
	height:45px;
	margin-bottom:10px;
	}

#login ul{
 list-style:none;
	margin:0;
	padding:0;
	}

#login li{
	overflow:hidden;
	}

#login li#login_btn a,#login li#login_btn a:link,#login li#login_btn a:visited{
	width:190px;
	height:45px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/btn_login01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#login li#login_btn a:hover,#login li#login_btn a:link:active{
	width:190px;
	height:45px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/btn_login01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/**change*******/
#change{
	width:250px;
	height:32px;
	margin-bottom:10px;
	}

#change ul{
 list-style:none;
	margin:0;
	padding:0;
	}

#change li{
	overflow:hidden;
	}

#change li#change_btn a,#change li#change_btn a:link,#change li#change_btn a:visited{
	width:250px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/change_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#change li#change_btn a:hover,#change li#change_btn a:link:active{
	width:250px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/change_btn.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
/*=========================================
 platinum_detail
=========================================*/

.platinum_detail{
	width:550px;
	margin-left:20px;
	margin-top:15px;
	}

.platinum_detail img{
	float:left;
	margin-top:10px;
	}

.pla_detail_txt{
	width:370px;
	padding:15px;
	border:#bd0f39 1px solid;
	background:#fdf2f5;
	float:right;
	}
	
/*=========================================
 plan_btn
=========================================*/

#flets_plan{
	margin-left:20px;
	}

#flets_plan ul{
	list-style:none;
	margin:0;
	padding:0;
	}

#flets_plan li{
	float:left;
	margin-right:20px;
	overflow:hidden;
	}

/*光 with フレッツ*/
#flets_plan li#flets_01 a,#flets_plan li#flets_01 a:link,#flets_plan li#flets_01 a:visited{
	width:200px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/plan_btn_isp-hikari-flets.gif) left top no-repeat;
	}

#flets_plan li#flets_01 a:hover,#flets_plan li#flets_01 a:active{
	width:200px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/plan_btn_isp-hikari-flets.gif) left bottom no-repeat;
	}

/*フレッツ光各プラン*/
#flets_plan li#flets_02 a,#flets_plan li#flets_02 a:link,#flets_plan li#flets_02 a:visited{
	width:200px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/plan_btn_flets-hikari.gif) left top no-repeat;
	}

#flets_plan li#flets_02 a:hover,#flets_plan li#flets_02 a:active{
	width:200px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/plan_btn_flets-hikari.gif) left bottom no-repeat;
	}

/*光 with フレッツ申し込み*/
#flets_plan li#flets_03 a,#flets_plan li#flets_03 a:link,#flets_plan li#flets_03 a:visited{
	width:250px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/isp-hikari-flets_app.gif) left top no-repeat;
	}

#flets_plan li#flets_03 a:hover,#flets_plan li#flets_03 a:active{
	width:250px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/isp-hikari-flets_app.gif) left bottom no-repeat;
	}

/*=========================================
 application_Flow
=========================================*/

.platinum_flow_tit{
	width:550px;
	height:30px;
	padding-left:20px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	line-height:30px;
	background:url(../platinum/image/platinum_flow_tit.gif) left top no-repeat;
	margin-bottom:20px;
	margin-left:10px;
	}

.platinum_flow_tit_r{
	width:550px;
	height:30px;
	padding-left:20px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	line-height:30px;
	background:url(../platinum/image/platinum_flow_tit_r.gif) left top no-repeat;
	margin-bottom:20px;
	margin-left:10px;
	}

.flow_txt{
	width:470px;
	float:left;
	}

/*=========================================
 FAQ
=========================================*/
.question{
	width:510px;
	height:30px;
	background:url(../platinum/image/faq_ico_q.gif) left top no-repeat;
	padding-left:40px;
	line-height:30px;
	color:#666666;
	margin-left:20px;
	margin-bottom:20px;
	}

.answer{
	width:550px;
	background:url(../platinum/image/faq_ico_a.gif) left top no-repeat;
	margin-left:20px;
	margin-bottom:40px;
	margin-top: 20px;
	}

.answer_1{
	width:550px;
	background:url(../platinum/image/faq_ico_a.gif) left top no-repeat;
	margin-left:20px;
	margin-bottom:40px;
	line-height:35px;
	margin-top: 20px;
	}

.line_gray_dot{
	border-bottom:#666 1px dotted;
	margin-bottom:20px;
	}.next {
	text-align: center;
	margin-top: 15px;
	width: 465px;
	}
.title_blue {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #666666;
	background-image: url(../cloudmail/image/bgtitle.gif);
	background-repeat: no-repeat;
	height: 40px;
	padding-top: 15px;
	padding-left: 15px;
	}
.title_blue_02 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #666666;
	background-image: url(../cloudmail/image/bgtitle.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 15px;
	padding-left: 15px;
	}
.url {
	padding: 10px;
	border: 1px dotted #666666;
	color: #666666;
	margin-bottom: 15px;
	}
.help_img {
	border: 1px solid #777;
	}
.number {
	font-size: 14px;
	margin-bottom: 15px;
	}
/* 2012.06.29 */	
.number_12 {
	font-size: 12px;
	margin-bottom: 15px;
	}
/* ---------- */

.box_right {
	float: right;
	width: 300px;
	margin-top: 15px;
	text-align: center;
	}
.box_left {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-top: 15px;
	}

/*=========================================
 SCHEDULE BOX
=========================================*/

#box_area{
	margin:0 auto;
	border: thin solid #CCC;
	width:400px;
	margin-top:15px;
	background-color:#FFF;
	border-collapse: collapse;
	}

#box_line{
	border-right: thin solid #CCC;
	border-bottom: thin solid #CCC;
	border-collapse: collapse;
	padding-left:10px;
	}

#box_line_b{
	background-color:#ebebeb;
	border-right: thin solid #CCC;
	border-bottom: thin solid #CCC;
	border-collapse: collapse;
	padding-left:10px;
	}


.fix{
	background-color:#666666;
	font-size:14px;
	color:#FFF;
	padding:5px;
	}

.table_b{
	width:200px;
	background-color:#E7EEFB;
	font-size:14px;
	padding:5px;
	}

/*--------------------------------------*/
u{
	text-decoration: none;
	border: solid 1px #ff0000;
	background-color: #ffff99;
	color: #cd3232;
	padding: 2px;
	font-weight: bold;
	}

#dmy10{
	margin-bottom:10px;
	}
#dmy200{
	margin-bottom:200px;
	}
em{
	color:#cd3232;
	}
em.span{
	font-size: 14px;
	color:#cd3232;
	}
em.span3{
	font-size: 14px;
	font-weight: bolder;
	color:#cd3232;
	}

/* 文字を太くするだけ 2012.06.29 */
em.span2{
	font-weight: bolder;
	color:#000000;
	}
/* ----------------------------- */

em.blue{
	color:#0000ff;
	}

.marunum{
	font-size: 18px;
	color: #cd3232;
	}

.b_dot{
	font-size: 18px;
	color: #0033ff;
	}
	
.g_dot{
	font-size: 18px;
	color: #333333;
	}

.caution{
	padding: 10px;
	line-height: 18px;
	list-style-type: none;
	border: solid 1px #cd3232;
	}

.number span{
	font-size: 14px;
	border: 1px solid #cd3232;
	margin-right: 10px;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	color: #cd3232;
	}

/* ----- 2012.06.29  */
.number_12 span{
	font-size: 12px;
	border: 1px solid #cd3232;
	margin-right: 10px;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	color: #cd3232;
	}
/* ---------------------- */

.list_opt ul{
	list-style-type: square;
	margin:0;
	padding:0;
	}

.list_opt li{
	/* float:left; */
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
	
	

#charge_table_w{
	border-collapse:collapse;
	border:#666666 1px solid;
	margin-bottom:30px;
	}

#charge_table_w th{
	background-color:#ffffff;
	border:#666666 1px solid;
	padding:10px;
	vertical-align:middle;
	}
	
#charge_table_gl{
	border-collapse:collapse;
	border:#dbd8d7 1px solid;
	margin-bottom:30px;
	}


#charge_table_gl th{
	background-color:#dbd8d7;
	border:#666666 1px solid;
	padding:10px;
	vertical-align:middle;
	}

#charge_table_w td{
	background-color:#ffffff;
	border:#666666 1px solid;
	padding:10px;
	vertical-align:middle;
	}
	
	
	
/** 罫線なしテーブル **/	

#charge_table_trns{
	border-collapse:collapse;
	border:none;
	margin-bottom:30px;
	}
	
#charge_table_trns th{
	background-color:#ffffff;
	border:none;
	padding:10px;
	vertical-align:top;
	}

#charge_table_trns td{
	background-color:#ffffff;
	border:none;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	}

/**right_table_gl*******/
#right_table_gl{
	width:190px;
	border-collapse:collapse;
	border:#666666 1px solid;
	background-color:#FFF;
	margin-bottom:15px;
	}

#right_table_gl th{
	background-color:#dbd8d7;
	color:#423838;
	font-weight:normal;
	text-align:center;
	padding:5px;
	height:25px;
	line-height:25px;
	}

#right_table_gl th a{
	color:#FFF;
	text-decoration:none;
	}

#right_table_gl th a:hover{
	color:#FFF;
	text-decoration:underline;
	}

.right_table_gl_th_2{
	line-height:110%;
	}

#right_table_gl td{
	border-bottom:#666666 1px dotted;
	background:url(../../common_img/red_ico_25-40.gif) left top no-repeat;
	padding-left:25px;
	padding-right:10px;
	height:40px;
	line-height:110%;
	}

#right_table_gl a,a:hover{
	text-decoration:none;
	}

/**right_table_red *******/
#right_table_rd{
	width:190px;
	border-collapse:collapse;
	border:#7a5555 1px solid;
	background-color:#FFF;
	margin-bottom:15px;
	}

#right_table_rd th{
	background-color:#ee9393;
	color:#423838;
	font-weight:normal;
	text-align:center;
	padding:5px;
	height:25px;
	line-height:25px;
	}

#right_table_rd th a{
	color:#FFF;
	text-decoration:none;
	}

#right_table_rd th a:hover{
	color:#FFF;
	text-decoration:underline;
	}

.right_table_rd_th_2{
	line-height:110%;
	}

#right_table_rd td{
	border-bottom:#666666 1px dotted;
	background:url(../../common_img/red_ico_25-40.gif) left top no-repeat;
	padding-left:25px;
	padding-right:10px;
	height:40px;
	line-height:110%;
	}

#right_table_rd a,a:hover{
	text-decoration:none;
	}


/*
.td_center{
	text-align:center;
	}

.w_580{
	width:580px;
	margin-left:20px;
	margin-bottom:20px;
	}
*/