@charset "utf-8";
/*========================
全ページ共通
========================*/

/*------------------------
基本設定
------------------------*/

html { overflow-y:scroll; }

img { border:0; vertical-align:top; }

form {margin:0; padding:0; }

strong {font-weight:normal;}


/*------------------------
フォント
------------------------*/

p {
	color: #333333;
	text-align: left;
}

.white_b{
color:#ffffff;
font-weight: bold;
font-size:115%;
}

.white2_b{
color:#ffffff;
font-weight: bold;
font-size:136%;
}

.glay{color:#8d8d8e;}

.glay_b{color:#8d8d8e;font-weight: bold;}

.blue{color:#28acc0;}

.font2_b {font-size:115%; color:#697380;}

.font_b {font-weight: bold;}

.font_10 {font-size:77%;}

.font_11 {font-size:85%;}

.font_12 {font-size:92%;}

.font_14 {font-size:107%;}

.font_15 {font-size:115%;}

.font_16 {font-size:122%;}

.font16_b {font-size:122%; color:#23a4b7; font-weight: bold;}

.font_18 {font-size:136%;}

.font18_b {font-size:136%; color:#23a4b7; font-weight: bold;}

.font182_b {font-size:136%; font-weight: bold;}


/*------------------------
ベース
------------------------*/


body {
	margin:0;
	padding:0;
	color: #333333;
	font:13px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS P Gothic", sans-serif;

	*font-size:small; /* IE 7 */
	*font:x-small; /* IE 6以下 */
	text-align: left;
	}

/*------------------------
リンク
------------------------*/


a:link {
	color:#7f8b9a;
    text-decoration:none;
	}

a:visited {
	color:#7f8b9a;
	text-decoration:none;
	}

a:hover {
	color:#28acc0;
    text-decoration: underline;
	}


a:active {
	color:#23a4b7;
    text-decoration: underline;
	}

	
/*------------------------

テーブル

------------------------*/
.top_box{
width:523px;
height:260px;
margin:0px;
padding:0px;
overflow:auto;
border:1px #bac5d3 solid;
}

.topfla_box{
width:848px;
margin:0px;
padding:0px;
border:1px #bac5d3 solid;
}

.map_box{
width:520px;
margin:10px auto;
padding:20px;
border:1px #bac5d3 solid;
}

.select_box{
width:380px;
margin:10 auto;
padding:10px 0;
border-bottom:dotted 1px #bac5d3;
}

.glay_box{
width:560px;
margin:10px auto;
padding:5px;
background-color:#efefef;
border:1px #bac5d3 solid;
}

table.cpc{
	width:580px;
	margin:0 auto 10px;
	padding:5;
	border-collapse:collapse;
	}

table.cpc th {
	width:130px;
	padding:8px;
	background:#EEE;
	border:1px solid #bac5d3;
	vertical-align:top;
	}
	
table.cpc td {
	width:450px;
	padding:8px;
	border:1px solid #bac5d3;
	}
	
table.sub{
	width:100%;
	margin:0 auto;
	padding:0;
	}

table.sub th {
	width:8%;
	padding:2px;
	vertical-align:top;
	background-color:#FFFFFF;
	}
	
table.sub td {
	width:92%;
	padding:2px;
	}
	
table.table010 {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 570px;
  border-collapse: collapse;
  border: 1px solid #bac5d3;
}

table.table010 th,
table.table010 td {
  border: 1px solid #bac5d3;
  text-align: center;
  padding: 5px 5px;
}

table.table010 th {
  background: #EEE;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table010 td.01 {
  width:190px;
  font-size: 180%;
  text-align: center;
}
table.table010 td.02 {
  width:190px;
  font-size: 180%;
  text-align: center;
}

table.table010 td.03 {
  width:190px;
  font-size: 180%;
  text-align: center;
  white-space: nowrap;
}
	
	
#left {
	width:260px;
	margin:0 ;
	padding:0;
	float:left;
	}	
	
#right {
	width:320px;
	margin:0 auto;
	padding:0;
	float:right;
	}	
	
#in_left {
	width:580px;
	margin:0 ;
	padding:0;
	float:left;
	}	

/*------------------------



float 解除



------------------------*/



/*IE7以外のモダンブラウザ向け*/

.clearfix:after{

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	height:1px;

	}



/*IE7およびMacIE5向け*/

.clearfix{

	display:inline-block;

	}



/*Hides from IE-mac\*/

* html .clearfix{

	height:1%;

	}

	

/*End hide from IE-mac*/ /*IE6以前向け*/

.clearfix{

	display:block;

	}

	

/*DWデザインビュー向け　公開時には削除

.clearfix{

    overflow:hidden;

	}*/