@charset "UTF-8";
/* CSS Document */
@import url("header.css");

/*===================================
basic_css commonLayout

_1. reset
_2. setup

_3. common
　-3-1　containerq
　-3-2　header
		-3-3　navi
　-3-4　page-up
　-3-5　footer

_4. class
_5. other


/*=========================================
_1. reset
=========================================*/

body,
h1,h2,h3,h4,h5,h6,p,
dl,dt,dd,
form,fieldset,legend,pre,blockquote,
/*ul,li,ol,*/
em,
button,
address,
noscript {
	margin: 0px;
	padding: 0px;
	font:normal 12px/1.5em "ＭＳ Ｐゴシック", Osaka, san-serif;
}

table{
	text-align:left;
}

img {
	margin:0px;
	padding:0px;
	border:0;
}

.clear {
	height:0px;
	line-height:0;
	font-size:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/*=========================================
_2. setup
=========================================*/
body {
	background-color:#FFF;
	color:#333;
}

a,a:link,a:visited{
	color:#2d6c9f;
	text-decoration:underline;
}

a:hover,a:active{
	color:#ba0731;
	text-decoration:underline;
}

/*=========================================
_3-1. containerq
=========================================*/
#wrapper{
	width:920px;
	border:#666 1px solid;
	background-color:#FFF;
	margin:0 auto;
	padding:0;
}

#main_contents{
	width:880px;
	margin-left:20px;
	text-align:left;
}

#main_contents_top{
	width:900px;
	text-align:left;
}

#contents_left{
	width:660px;
	float:left;
}

#top_left{
	width:680px;
	float:left;
}

#contents_left_top{
	width:660px;
	margin-left:20px;
}



#contents_right{
	width:190px;
	padding:10px 5px 0 5px;
	float:right;
}

#contents_right_top{
	width:190px;
	padding:10px 5px 0 5px;
}

#right_top{
	width:190px;
	float:right;
}

.right_blue{
	background-color:#e4edf4;
}

/*=========================================
_3-2. header
=========================================*/
#header{
	width:880px;
	_width:900px;
	height:60px;
	border-bottom:#666 1px solid;
	padding:20px;
}

#header_old{
	width:740px;
	_width:782px;
	height:50px;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
	border-top:#666 1px solid;
	padding:20px;
	margin:0 auto;
}

#header_other{
	width:812px;
	height:60px;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
	border-top:#666 1px solid;
	padding:20px;
	margin:0 auto;
}

h1{
	float:right;
}

/***Head_tub***/
#head_tub{
	width:370px;
	height:50px;
	float:left;
}

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

#head_tub li{
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

/*DreamHUB*/
#head_tub li#hub a,#head_tub li#hub a:link,#head_tub li#hub a:visited {
	display:block;
	width:185px;
	height:50px;
	background:url(../common_img/head_hub_off.gif) left top no-repeat;
	text-indent:-9999px;
}

#head_tub li#hub a:hover,#head_tub li#hub a:active{
	display:block;
width:185px;
	height:50px;
	background:url(../common_img/head_hub_on.gif) left top no-repeat;
	text-indent:-9999px;
}

/*Provider*/
#head_tub li#prov a,#head_tub li#prov a:link,#head_tub li#prov a:visited {
	display:block;
	width:185px;
	height:50px;
	background:url(../common_img/head_prov_off.gif) left top no-repeat;
	text-indent:-9999px;
}

#head_tub li#prov a:hover,#head_tub li#prov a:active{
	display:block;
width:185px;
	height:50px;
	background:url(../common_img/head_prov_on.gif) left top no-repeat;
	text-indent:-9999px;
}

/*Provider*/
#head_tub li#prov2 a,#head_tub li#prov2 a:link,#head_tub li#prov2 a:visited {
	display:block;
	width:185px;
	height:50px;
	background:url(../common_img/head_prov_02.gif) left top no-repeat;
	text-indent:-9999px;
}

#head_tub li#prov2 a:hover,#head_tub li#prov2 a:active{
	display:block;
width:185px;
	height:50px;
	background:url(../common_img/head_prov_on.gif) left top no-repeat;
	text-indent:-9999px;
}

/*Provider*/
#head_tub li#prov3 a,#head_tub li#prov3 a:link,#head_tub li#prov3 a:visited {
	display:block;
	width:185px;
	height:50px;
	background:url(../common_img/head_prov_03.gif) left top no-repeat;
	text-indent:-9999px;
}

#head_tub li#prov3 a:hover,#head_tub li#prov3 a:active{
	display:block;
width:185px;
	height:50px;
	background:url(../common_img/head_prov_on.gif) left top no-repeat;
	text-indent:-9999px;
}

/***Head_search***/
#head_search{
	width:280px;
	float:right;
	margin-right:30px;
	margin-top:10px;
}

#head_search_s{
	width:240px;
	height:25px;
	float:right;
	margin-right:20px;
	margin-top:10px;
	padding:0;
}

.search_txt{
	width:198px;
	height:23px;
	border:1px #999 solid;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;
}

.search_txt_s{
	width:160px;
	_width:151px;
	height:25px;
	border:1px #999 solid;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;
}

.search_btn{
	float:left;
	width:80px;
	height:25px;
	padding:0;
	margin:0;
}


/*=========================================
_3-3. navi
=========================================*/
#page-navi{
	text-align:left;
	width:900px;
	padding:5px 0 5px 0;
	margin:0;
}

#page-navi ul li{
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0;
}

#page-navi li{
	float:left;
	margin-right:10px;
}

/*=========================================
_3-4. page-up
=========================================*/
.page-up{
	padding:0 0 20px 0;
	text-align:right;
	font-size:11px;
}

/*=========================================
_3-5. footer
=========================================*/
#footer{
	width:880px;
	height:40px;
	border-top:#666 1px solid;
	padding:10px 20px 10px 20px;
	color:#666;
}

#footer_safety{
	float:left;
	padding-right:20px;
}

#footer_navi{
	width:685px;
	padding-top:8px;
	float:left;
	text-align:center;
	margin:0 auto;
}

#footer_navi p{
	margin:0;
	font-size:10px;
}

#footer_navi a{
	color:#666;
	text-decoration:none;
}

#footer_navi a:hover{
	color:#ba0731;
	text-decoration:underline;
}

#footer_navi a:active{
	color:#ba0731;
	text-decoration:underline;
}

#footer_navi ul{
	list-style:none;
	margin-top:5px;
	padding:0;
	}

#footer_navi li{
	float:left;
	margin-right:5px;
	font-size:11px;
}

#footer_fb{
	float:left;
	padding-left:20px;
}


/*=========================================
_4. class
=========================================*/

.hint{
	background:url(../common_img/hint_ico.gif) left top no-repeat;
	padding-left:18px;
}

.f_10{
	font-size:10px;
}

.f_10_red{
	font-size:10px;
	color:#ba0731;
}

.f_12{
	font-size:12px;
}

.f_12_red{
	font-size:12px;
	color:#ba0731;
}

.f_12_red_b{
	font-size:12px;
	font-weight:bold;
	color:#ba0731;
}

.f_12_blue{
	font-size:12px;
	color:#2d6c9f;
}

.f_14_blue{
	font-size:14px;
	color:#2d6c9f;
}

.f_14{
	font-size:14px;
}

.f_14_red{
	font-size:14px;
	color:#ba0731;
}

.f_14_red_s{
	font-size:14px;
	color:#ba0731;
	text-align: center;
}

.f_16_red_b{
	font-size:16px;
	color:#ba0731;
	font-weight:bold;
}
	
.f_14_b{
	font-size:14px;
	font-weight:bold;
}


.w_12{
	color:#FFF;
	font-size:12px;
}

.w_14_b{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

.red{
	color:#F00;
	font-weight: bold;
}

.red_b {
	font-size:12px;
	color:#ba0731;
	font-weight:bold}
	
.blue{
	color:#2d6c9f;
}

.blue_b{
	color:#2d6c9f;
	font-weight:bold
}

.d_blue{
	color:#142079;
}
	
.green{
	color:#009900;
}

.drak_yellow{
 color:#d19d37;
	}
	
.yellow{
 color:#ffcc33;
	}

.left{
	float:left;
}

.right{
	float:right;
}

.ma5{
	margin:5px;
}

.ma10{
	margin:10px;
}

.ma15{
	margin:15px;
}

.ma20{
	margin:20px;
}

.f_b{
	font-weight:bold;
}

/*=========================================
cloud_info
=========================================*/
#cloud_info{
	width:400px;
	border:#999 1px solid;
	border-collapse:collapse;
	margin:0 0 15px 65px;
}

#cloud_info th{
	text-align:right;
	border-bottom:#999 1px dotted;
	font-weight:normal;
	padding:5px;
	font-size:14px;
	color:#666;
}

#cloud_info td{
	border-bottom:#999 1px dotted;
	padding:5px;
}

#cloud_info td.cap{
	text-align:left;
	color:#666;
	font-size:10px;
	vertical-align:bottom;
	border-left:#999 1px dotted;
}

#cloud_info td.sta{
	text-align:center;
	color:#00F;
	font-weight:bold;
	font-size:14px;
}

#cloud_info caption{
	text-align:right;
}

#cloud_cap{
	float:left;
	margin-left:10px;
	font-size:10px;
}

#cl_info_box p{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#999 1px dotted;
}

#info_red{
	border:#F00 2px solid;
	padding:10px 5px 10px 5px;
	margin-bottom:15px;	
}

#info_red p{
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#info_red a,#info_red a:link,#info_red a:visited{
	color:#F00;
	text-decoration:none;
}

#info_red a:hover,#info_red a:active{
	color:#F00;
	text-decoration:underline;
}