@charset "UTF-8";

/*-----------------------------------------
support共通
-----------------------------------------*/

h5.bar{
	width:676px;
	height:27px;
	background:url(../images/h5_bar.jpg) no-repeat;
	font-size:14px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:20px;
	padding:3px 0 0 10px;
	border-left:5px solid #CC3399;
	border-right:1px solid #CCCCCC;
	}

.submenu{
	font-size:12px;
	border-left:4px solid #ec4fc2;
	padding:5px 0 5px 9px;
	color:#666666;
	}	

.submenu li{
	padding:2px;
	background:url(../images/mark_sub.gif) no-repeat;
	background-position:0 8px;
	padding-left:11px;
	}	

.submenu a{
	color:#666666;
	text-decoration:none;
	}

.submenu a:hover{
	color:#F90;
	text-decoration:underline;
	}		
	
.over a{
	color:#CC3399;
	text-decoration:none;
	}		

/*-----------------------------------------
change.html
-----------------------------------------*/

span.day{
	color:#FF0000;
	}
	
dl{
	margin-top:10px;
	}

dt{
	font-weight:bold;
	border-bottom:2px solid #636;
	margin-bottom:5px;
	padding-bottom:5px;
	}	

dd{
	margin-bottom:5px;
	background:url(../images/mark_list.jpg) no-repeat;
	background-position:left 9px;
	margin-left:10px;
	padding-left:13px;
	}	

/*-----------------------------------------
list.html
-----------------------------------------*/

#map{
	position:relative;
	width:692px;
	height:333px;
	background:url(../../images/support/bg_map.jpg) no-repeat;
	}

#maptext{
	position:absolute;
	top: 149px;
	}	

#member{
	position:absolute;
	top: 254px;
	font-weight:bold;
	}	

#map p{
	margin:0;
	padding:0;
	}	

#map p img{
	vertical-align:bottom;
	}	

#bt_1{
	position:absolute;
	left: 406px;
	top: 43px;
	}
		
#bt_2{
	position:absolute;
	left: 420px;
	top: 110px;
	}

#bt_3{
	position:absolute;
	left: 535px;
	top: 266px;
	}

#bt_4{
	position:absolute;
	left: 318px;
	top: 153px;
	}

#bt_5{
	position:absolute;
	left: 379px;
	top: 282px;
	}

#bt_6{
	position:absolute;
	left: 143px;
	top: 298px;
	}

#jrclink{
	position:absolute;
	top: 114px;
	}	

/*-----------------------------------------
table
-----------------------------------------*/

.design_table table{
	clear:both;
	font-size:11px;
	width: 692px;
	margin:0 auto;
	border:1px solid #CCCCCC;
	border-collapse:separate;
	border-spacing:1px;
	}

.design_table table th {
	font-style:normal;
	color:#333333;
	padding:3px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#e8e8e8;
	font-weight:normal;
	text-align:left;
	}

.design_table table th.thtop{
	background-color:#E0DED4;
	}
.design_table table th.th_l{
	width: 162px;
	}
.design_table table th.th_c{
	width: 371px;
	}
.design_table table th.th_r{
	width: 141px;
	}
	

.design_table table td{
	padding:3px;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #CCCCCC;
	background-color:#F4F4F4;
	}

.design_table table .tb_bottom{ 
	border-bottom:1px solid #F1F0EA;
	}

.design_table table td.bgtop{
	background-color:#E0DED4;
	}	


/*-----------------------------------------
mail
-----------------------------------------*/

#mailbox{
	border:1px solid #CCCCCC;
	background-color:#efefef;
	padding:0 10px;
	}	

.design_table2 table{
	clear:both;
	font-size:12px;
	width: 692px;
	margin:0 auto;
	border:1px solid #CCCCCC;
	border-collapse:separate;
	border-spacing:1px;
	}

.design_table2 table th{
	width:200px;
	font-style:normal;
	color:#333333;
	padding:5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#e8e8e8;
	font-weight:normal;
	text-align:left;
	}


.design_table2 table th.thtop{
	background-color:#E0DED4;
	}
	

.design_table2 table td{
	padding:5px;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #CCCCCC;
	background-color:#F4F4F4;
	}

.design_table2 table .tb_bottom{ 
	border-bottom:1px solid #F1F0EA;
	}

.design_table2 table td.bgtop{
	background-color:#E0DED4;
	}	

.design_table2 table td.center{
		text-align:center;
		}
		
p.attention {
	padding: 10px 10px 0 10px;
}



.material #inner_pan{
	font-size:11px;
	}	

.material #inner_pan ul{
	list-style:none;
	float: right;
	}
	
.material #inner_pan li{
	float:left;
	color:#666666;
	}

.material #inner_pan li a{
	color:#2e65c9;
	text-decoration:none;
	}	
		
.material #inner_pan li a:hover{
	color:#FF9966;
	}	
		
.material h4.bar{
	margin-bottom:6px;
	}
.material h5.bar{
	margin-top:2px;
	margin-bottom:10px;
	}

.material .step_menu{
	font-size:12px;
	padding:0 0 260px 16px;
	color:#2e65c9;
	}	

.material .step_menu li{
	padding:2px;
	background:url(../../images/support/material_arrow.gif) no-repeat;
	background-position:0 9px;
	padding-left:8px;
	}	

.material .step_menu a{
	color:#2e65c9;
	text-decoration:none;
	}

.material .step_menu a:hover{
	color:#2e65c9;
	text-decoration:underline;
	}		
		
.material #twobox p.p01 {
	width: 662px;
	margin: 0 0 15px 15px;
}

.material #twobox .section {
	margin: 0 0 15px 0;
	padding: 0;
}

.material #twobox .section h6 {
	font-size: 12px;
	font-weight: normal;
	width: 632px;
	margin: 0 0 5px 15px;
	padding: 2px 0 0 15px;
	background:url(../../images/support/material_arrow02.gif) no-repeat;
	background-position:0 6px;
	line-height: 1.6em;
}
.material #twobox .section h6 img {
	margin: 0 0 0 5px;
}

.material #twobox .section p.p02 {
	font-size: 11px;
	width: 632px;
	margin: 0;
	padding: 0 0 0 30px;
}

.material #twobox .step03 {
	padding-bottom: 200px;
}