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

/*スクロールエリア強制表示*/
html {
	overflow-y: scroll;

	}

/*ボディー フォント指定*/
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size:62.5%;
}


* {margin: 0;padding: 0;}

/*///////////////見出し要素///////////////////////*/

h1, h2, h3,h4,h5,h6,dt {font-size: 1.6em;font-weight: bold;}

/*///////////////段落 テーブル 箇条書きリストの文字指定///////////////////////*/

p,table {font-size: 1.4em;line-break: normal;line-height:1.6em;}

/*///////////////リスト ///////////////////////*/
ul,ol {	list-style-type: none;}
li,dd{ font-size: 1.4em; line-break: normal;line-height:1.6em;}

/*///////////////画像指定///////////////////////*/
img { border-style: none; vertical-align:bottom;}

/*///////////////リンク指定///////////////////////*/
a {	color:#214277;;overflow: hidden;}
a:hover { text-decoration:none;color: #00a0bf;}



/*///////////////装飾関係////////////////////////////////////////////////////////////////////////*/
.border_red	{border-bottom:1px solid #CC0000;}

/*☆☆テキストカラー☆☆*/
.red{ color:#cc0000;}
.blue{ color:#07334f;}
.yellow{ color:#ff6600;}
.orange{ color:#ff6600;}
.txt_Blue { color:#0677be;}

/*☆☆テキスト サイズ ・ウエイト☆☆*/
.big { font-size:200%; line-height:150%}
.small { font-size: 80%;}
.font_L { font-size:120%;}
.bold{ font-weight:bold;}
/*絶対指定*/
.txt_11{ font-size:11px;}
.txt_12{ font-size:12px;}
.txt_14{ font-size:14px;}
.txt_16{ font-size:16px;}
.txt_18{ font-size:18px;}


/*☆☆テキスト アンダーライン☆☆*/
.u {text-decoration:underline;}

/*☆☆テキスト 配置☆☆ */
.txt_center { text-align:center;}
.txtRight { text-align:right; }

/*背景色指定*/
.gray_bg{ background:#f0f7f8;}

/*ボックス要素 */
.alpha_innner{margin:10px 0;}

.blue_inner{ 
	clear:both; 
	margin:20px 0;
	padding:10px 10px 0 10px;
	background:#e1f6ff;
	border:2px solid #6699cc;
	border-radius:8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 

}

.gray_inner {
	 clear:both; 
	 margin:20px 0;
	 padding:10px; 
	 background:#f5f9fa; 
	 border:1px solid #999;
	border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
	  }

.form_alert_inner{ 
	clear:both; 
	margin:20px auto;
	padding:10px 10px 10px 10px;
	background:#e1f6ff;
	border:2px solid #6699cc;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align:left;
	font-weight: bold;
}

/*左右2分割ボックス*/
.inner_left	{ float:left;width:440px;padding:0 20px;}
.inner_right{ float:right;width:440px;padding:0 20px;}


/* 点線 */
.dottedline {
	border-bottom: #cccccc 1px dashed;
}

/*フロート*/
.left{ float:left}
.right{ float:right;}


/*/////////////ポイント指定/////////////*/	

.point_1 {
	background: url(../img/li_bg_1.png) no-repeat 0 6px  ;
	padding-left:14px;
}	

.list_style_1 li{
	padding:0 0 0 20px;
	margin:8px 0;
	font-size:1.1em;
	background: url(../img/li_bg_1.png) no-repeat  3px;
	}
	
/*/////////////入力フォーム/////////////*/	

input,textarea {
	border:1px solid #CCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input { padding:2px;}

textarea {
	padding:4px;
	font-size:1.8em;
	background:#edf9fd;
	}
	
select { width:200px;}

/*/////////////アイコン/////////////*/	

.icon_top img {vertical-align:top;}
.icon_middle img {vertical-align:middle;}
.icon_bottom img {vertical-align:bottom;}


/*/////////////table 指定/////////////*/	
/*  テーブル スタイル1 //////////////*/

.table_1 table {
	width:100%;
	margin:20px 0;
	border-spacing:0;
	/*IE 7用*/
	*border-collapse: collapse;
 }
/*th*/
.table_1 th {
  color: #fff;
  padding: 10px 14px;
  background: #006699;
  background:-moz-linear-gradient(rgba(0,102,153,0.7), rgba(0,102,153,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(0,102,153,0.7)), to(rgba(0,102,153,0.9)));
  font-weight: bold;
  border-right:1px solid #003366;
  text-shadow:0 -1px 0 rgba(0,102,153,0.9);
  box-shadow: 0px 1px 0 rgba(255,255,255,0.3) inset;
  text-align:left;
}

/*  */


/*最初の行（見出しが横に並ぶ場合） */
.table_1 tr:first-child th{
border-top:1px solid #003366;
border-bottom:1px solid #003366;
}

.table_1 tr:first-child td:first-child{
border-left:1px solid #84b2e0;	
}

/*最初の行（見出しが縦並びの場合）　*/
.table_1 tr th:first-child{
border-bottom:1px solid #003366;
border-left:1px solid #003366;
}

/*最初の行 （th 最初）左上角丸*/
.table_1 tr:first-child th:first-child {
  border-radius: 5px 0 0 0;
  border-left:1px solid #003366;
}
/*最後の行 （th 最初）左下角丸*/
.table_1 tr:last-child th:first-child {
  border-radius: 0 0 0 5px;
}

/*td*/
.table_1 td {
  padding: 10px 14px;
  border-bottom: 1px solid #84b2e0;
  border-right: 1px solid #84b2e0;
}


/*少し狭いテーブル*/
.table_1 table.table_narrow td, .table_1 table.table_narrow th{
text-align:center;
padding:10px 6px;
font-size:0.9em;
}

.table_1 table.table_narrow tr td:first-child{
border-left:1px solid #84b2e0;
}

.table_1 table.table_narrow tbody tr td.gray_bg{
border-left:none;	
}

/* の（td）*/
.table_1 td:last-child {
 
}
/*最初の行 の（td）*/
.table_1 tr:first-child td {
  border-top: 1px solid #84b2e0;
}
/*最初の行 の最後の（td）右上角丸*/
.table_1 tr:first-child td:last-child {
  	border-radius: 0 5px 0 0;
}
/*最後の行 （td 最後）右下角丸*/
.table_1 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
  box-shadow: 0 0 0 rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}

.table_1 th  a {
	color:#FFF;
}

/* html5用
---------------------------------------------------------- */

main .table_1 th {
	border-bottom:1px solid #003366;
}

/*  テーブル スタイル_2 （th）横並び /////////////////////*/

.table_2 table {
	width:100%;
	margin:20px 0;
	/*IE 7用*/
	*border-collapse: collapse;
 }

.table_2 th {
  color: #fff;
  padding: 8px 15px;
  background: #006699;
  background:-moz-linear-gradient(rgba(0,102,153,0.7), rgba(0,102,153,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(0,102,153,0.7)), to(rgba(0,102,153,0.9)));
  font-weight: bold;
  border-left:1px solid #003366;
  border-top:1px solid #003366;
  border-bottom:1px solid #003366;
  text-align: center;
  text-shadow:0 -1px 0 rgba(0,102,153,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.table_2 th:first-child {
  border-radius: 5px 0 0 0;	
}
.table_2 th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #003366;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.table_2 td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
.table_2 td:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.table_2 tr:last-child td {
  box-shadow: 0 2px 0px rgba(0,0,0,0.1);
}
.table_2 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.table_2 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.table_2 th  a {
	color:#FFF;
}

/*  テーブル スタイル_3 （1行テーブル） /////////////////////*/

.table_3 table {
	width:100%;
	margin:20px 0;
	/*IE 7用*/
	*border-collapse: collapse;
 }
 
 .table_3 th {
  color: #fff;
  padding: 8px 15px;
  background: #006699;
  background:-moz-linear-gradient(rgba(0,102,153,0.7), rgba(0,102,153,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(0,102,153,0.7)), to(rgba(0,102,153,0.9)));
  font-weight: bold;
  border-left:1px solid #003366;
  border-top:1px solid #003366;
  border-bottom:1px solid #003366;
  text-align: left;
  text-shadow:0 -1px 0 rgba(0,102,153,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  border-radius: 5px 0 0 5px;
}

.table_3 td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-top: 1px solid #84b2e0;
  border-right: 1px solid #84b2e0;
  text-align: left;
  border-radius: 0 5px 5px 0;
  box-shadow: 0 2px 0px rgba(0,0,0,0.1);
}


/*テーブル中　詳細指定*/
.photo_th_td{
	text-align:center;
	}
	
.con{
	background:#156ea1;
	color:#FFF;
	}
	

td h4,td h5 {
	clear:both;
	margin:10px 0;
	padding:4px;
	font-size:1.1em;
	color:#FFF;
	background: #096792;
	}
	
td p {
	font-size:1em;
	}