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



/**********タグ再定義**********/

html,
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;/*スマートフォンの横向き時に文字が大きくなるのを防ぐ none指定は避ける*/
}

/**********タグ再定義**********/



/**********float_fix**********/

.fix {
	overflow: hidden;
}
.fix:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; width: 0; }
/*\*/
* html .fix { height: 0; overflow: visible; }
/**/

#header,
#gnavi,
#contents,
#mainImg,
#thumb,
#controls,
#blockSearch,
#blockInfo,
#pagetop {
	overflow: hidden;
}
#header:after,
#gnavi:after,
#contents:after,
#mainImg:after,
#thumb:after,
#controls:after,
#blockSearch:after,
#blockInfo:after,
#pagetop:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; width: 0; }
/*\*/
* html #header,
* html #gnavi,
* html #contents,
* html #mainImg,
* html #thumb,
* html #controls,
* html #blockSearch,
* html #blockInfo,
* html #pagetop { height: 0; overflow: visible; }
/**/

/**********float_fix**********/



/**********container**********/

#container {
	text-align: left;
	width: 720px;
	margin: 0 auto;
	padding-bottom: 10px;
}
/*ウインドウサイズ（720px）以下の場合の指定*/
@media screen and (max-width: 720px){
#container {
	width: 100%;
	border: none;
}
}
/**********container**********/



/**********header**********/

#header	{
	background-image: url(header.gif);
	background-repeat: no-repeat;
	padding-right:15px;
	padding-left: 0;
	padding-top: 20px;
	padding-bottom: 34px;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -20px;
	margin-left: auto;
	text-align: right;
}

#header p{font-size:80%;
	margin: 0 20px 0 0;
	padding: 0;}

#header a:link	{color: #0099FF;}

#header a:visited	{color: #0099FF;}

/**********header**********/



/**********contents**********/

#contents {
	margin-bottom: 10px;
	padding:0px 10px 0px 10px;
}
/*ウインドウサイズ（700px）以下の場合の指定*/
@media screen and (max-width: 700px){
#contents {
	padding:0px 0px 0px 0px;
}
}
/*ウインドウサイズ（600px）以下の場合の指定*/
@media screen and (max-width: 600px){
#contents {
	padding:0px 0px 0px 0px;
	font-size:120%;
}
}

/**********contents**********/



/**********Pages**********/
h1 {
	margin-bottom:4px;
	padding-top:9px;
	height:39px;
	_height:48px;
	background:url(../h1.png) no-repeat;
	font-weight:bold;
	font-size: 14px;
	margin-top: 25px;
	margin-left: auto;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 14px;
	width: 700px;
	margin-right: auto;
	text-align: left;
}

.title {
	display: none;
}

.title2 {
	display: none;
}

/*ウインドウサイズ（320px）以下の場合の指定*/
@media screen and (max-width: 320px){

h1 {
	display: none;
}

.title{
	display: block;
	margin-top: 0px;
	border-left: 8px solid #7FBBD8;
	font-size: 110%; line-height: 1.6; color: #000; font-weight: bolder;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

.title2{
	display: block;
	margin-top: 30px;
	border-left: 8px solid #7FBBD8;
	font-size: 110%; line-height: 1.6; color: #000; font-weight: bolder;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 0px;
}
}

.w100_c{
	width: 100%;
	text-align: center;
}

.w98_r{
	width: 98%;
	text-align: right;
}

.blue_16 {
	font-size: 115%; line-height: 2; color: #0062A9;
}

#Tbl {
	width: 100%;
	margin: 4px 0 4px 0;
	border-collapse: collapse; 
}
#Tbl .red {
	font-size: 80%; line-height: 1.7; color: #ff0000;
}
#Tbl .red_2 {
	font-size: 100%; line-height: 1.7; color: #ff0000;
}
#Tbl .black_s {
	font-size: 80%; line-height: 1.7; color: #000;
}
#Tbl th {
	font-size: 95%; line-height: 1.7; color: #FFF;
	border: 1px solid #0062A9;
	vertical-align: middle;
	background: #7FBBD8;
	text-align: center;
	width: 105px;
	padding: 7px 9px 6px 9px;
}
#Tbl td {
	font-size: 95%; line-height: 1.7; color: #000;
	border: 1px solid #0062A9;
	background: #F1EFEA;
	padding: 6px 0px 5px 9px;
}

#Tbl2 {
	width: 98%;
	margin: 4px 0 4px 0;
	border-collapse: collapse; 
}
#Tbl2 th {
	font-size: 95%; line-height: 1.7; color: #FFF;
	text-align: center;
	border: 2px solid #F1EFEA;
	vertical-align: middle;
	background: #0062A9;
	padding: 3px 9px 2px 9px;
}
#Tbl2 th.grey {
	font-size: 95%; line-height: 1.7; color: #000;
	text-align: center;
	border: 2px solid #F1EFEA;
	vertical-align: middle;
	background: #F1EFEA;
	padding: 3px 9px 2px 9px;
}
#Tbl2 td {
	font-size: 95%; line-height: 1.7; color: #000;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #F1EFEA;
	background: #FFFFFF;
	padding: 5px 0px 4px 9px;
}
#Tbl2 td.w_title {
	font-size: 95%; line-height: 1.7; color: #000;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #F1EFEA;
	background: #FFFFFF;
	padding: 5px 0px 4px 9px;
}
#Tbl2 td.grey {
	font-size: 95%; line-height: 1.7; color: #000;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #F1EFEA;
	background: #F1EFEA;
	padding: 5px 0px 4px 9px;
}
#Tbl2 td.grey_title {
	font-size: 95%; line-height: 1.7; color: #000;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #F1EFEA;
	background: #F1EFEA;
	padding: 5px 0px 4px 9px;
}

#Tbl p {
	display: none;
}

input[type="text"] {
	margin: 4px 0 4px 0;
}

input[type="submit"] {
	width:100px;
	height:25px;
	font-size:100%;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #666666;
	cursor:pointer;
}

input[type="button"] {
	width:100px;
	height:25px;
	font-size:100%;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #666666;
	cursor:pointer;
}

textarea {
	width:80%;
	height:65px;
	font-size:100%;;
	border: 1px solid #666666;
}

.ifrm-container {
	width:99.5%;
	height:100px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust: 100%;
	display: inline-block;
	margin: 0px;
	border: 1px solid #666666;
}

.ifrm {
	width:100%;
	height:100%;
	border:none;
	display:block;
}

/*ウインドウサイズ（600px）以下の場合の指定*/
@media screen and (max-width: 600px){
#Tbl th {
	display: block;
	width: 100%;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	vertical-align: top;
	background: #7FBBD8;
	text-align: left;
	padding: 8px 9px 7px 15px;
}
#Tbl td {
	display: block;
	width: 97%;
	border: 2px solid #FFF;
	padding: 10px 10px 9px 10px;
}

#Tbl span {
	display: none;
}

#Tbl p {
	display:block;
	margin: 0px 0 4px 0;
}

#Tbl p.black_s {
	font-size: 80%; line-height: 1.7; color: #000;
}

#Tbl p.red {
	font-size: 80%; line-height: 1.7; color: #ff0000;
}

.w98_r{
	width: 85%;
	text-align: right;
}

#Tbl2 {
	width: 100%;
	margin: 4px 0 4px 0px;
	border-collapse: collapse; 
	display: block;
}
#Tbl2 th {
	display: none;
}
#Tbl2 th.grey {
	display: none;
}
#Tbl2 td {
	width: 100%;
	display: block;
	font-size: 95%; line-height: 1.7; color: #000;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #FFFFFF;
	background: #FFFFFF;
	padding: 7px 10px 6px 10px;
}
#Tbl2 td.w_title {
	font-size: 95%; line-height: 1.7; color: #FFF;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #FFFFFF;
	background: #0062A9;
	padding: 5px 10px 4px 10px;
}
#Tbl2 td.grey {
	font-size: 95%; line-height: 1.7; color: #000;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #FFF;
	background: #FFF;
	padding: 7px 10px 6px 10px;
}
#Tbl2 td.grey_title {
	font-size: 95%; line-height: 1.7; color: #FFF;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #FFF;
	background: #0062A9;
	padding: 5px 9px 4px 9px;
}

input[type="text"] {
	padding: 5px;
	max-width: 70%;
}
}

ul li{
	list-style:none;
	float:left;
}
/**********Pages**********/