@charset "utf-8";


/* 01.Style Reset

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

/* style reset */

html { overflow-y: scroll; }

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

body {
	color: #000;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	}

body a {
	color: #0066CC;
	text-decoration: none;
}

body a:visited {
	color: #810081;
	text-decoration: none;
}

body a:hover {
	color: #999999;
	text-decoration: underline;
}



/* 1. 共通（幅 968px）
----------------------------------------------*/
#Header {
	border-bottom: 20px solid #ffcc00;	/* #28BFDD; */
}

#Header h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #333333;
}


#HeaderInn {
	width: 968px;
	margin: 0 auto;
	padding: 10px 0;
}

#Container {
	width: 998px;
	margin: 0 auto;
	background: url(../img/bg.png) 0 0 repeat-y #FFF;
}

#Inner {
	margin-left: 15px;
	width: 968px;
}

#MainArea {
	padding-top: 20px;
}

#MainArea h2 {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

#Footer {
	border-top: 2px solid #ffcc00;	/* #28BFDD; */
}

#FooterInn {
	width: 968px;
	margin: 0 auto;
	padding: 10px 0;
}

.ContensBox {
	/* padding: 20px; */
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.ContensBox2 {	/* 追加設定 */
	padding-top: 20px;
	padding-left: 250px;
	padding-right: 250px;
	padding-bottom: 20px;
}

.ContensBox3 {	/* 追加設定 */
	text-align: center;
	padding-top: 0px;
	padding-left: 250px;
	padding-right: 250px;
	padding-bottom: 0px;
}

.hpLink {
	text-align: right;
	padding: 20px;
}

.logout {
	float: right;
	margin-bottom: 10px;
}

/* 2. ログイン
----------------------------------------------*/
#LoginBox {
	width: 428px;
	margin-top: 20px;
	margin-left: 270px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #ffcc00; /* #28BFDD */
	border-radius: 10px;
}

#LoginContact {
	/* width: 428px; */
	width: 600px;
	margin-top: 20px;
	/* margin-left: 270px; */
	margin-left: 250px;
}

.field {
	width: 328px;
	margin-top: 10px;
	margin-left: 46px;
	padding: 1px;
	background: #FFF;
}
.fieldL {
	float: left;
	width: 110px;
	padding: 4px;
	text-align: center;
	color: #333;
	background: #ffcc00; /* #28BFDD */
}
.fieldR {
	float: left;
	width: 180px;
	margin-left: 10px;
	padding: 4px;
}

.LoginButton {
	width: 342px;
	margin-top: 20px;
	margin-left: 46px;
	background-color: #ff6600;	/* #006699 */
	padding: 10px;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	-webkit-transition: none;
	transition: none;
	border-style: none;
}
.LoginButton:hover {
	background-color: #CCC;
	color: #333;
}
.LoginButton:active {
	background: #CCC;
	color: #333;
}
.LoginButton:visited {
	color: #333;
}


/* 3. 資料検索
----------------------------------------------*/
.TableL3 {
	width:100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.TableL3 th {
	/* width: 25%; */
	/* vertical-align: top; */
	/* color: #fff; */
	padding: 4px;
	text-align: center;
	font-weight: normal;
	background-color: #ffcc00;	/* #28BFDD; */
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.TableL3 td {
	padding: 4px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* 4. 検索フォーム
----------------------------------------------*/
#SearchBox {
	margin-top: 20px;
	padding-bottom: 30px;
}

#SearchBtn {
    width: 131px;
    height: 40px;
    margin-right: 10px;
    background: url(../img/search2.png) 0 0 no-repeat;
    border-style: none;
}

.SearchField {
	width: 600px;
	margin-top: 10px;
	margin-left: 170px;
	border: 1px solid #ffcc00;	/* #28BFDD */
}
.SearchFieldL {
	float: left;
	width: 110px;
	padding: 4px;
	text-align: center;
	color: #333;
	background: #ffcc00;	/* #28BFDD */
}
.SearchFieldR {
	float: left;
	width: 400px;
	margin-left: 10px;
	padding: 4px;
}

.SearchButton {
	width: 600px;
	text-align: right;
	margin-top: 10px;
	margin-left: 170px;
}
.SearchButton img {
	vertical-align: bottom;
}


/* 5. 検索結果
----------------------------------------------*/
.TableRes {
	width:100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.TableRes th {
	padding: 4px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	font-weight: normal;
	background-color: #ffcc00;	/* #28BFDD */
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.TableRes td {
	padding: 4px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.TR1 { width: 15%; }
.TR2 { width: 10%; }
.TR3 { width: 10%; }
.TR4 { width: 40%; }
.TR5 { width: 15%; }
.TR6 { width: 10%; }


/* スタイル
----------------------------------------------*/
/* Margin */
.mr5 { margin-right: 5px; }
.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }


/* layout */
.fL { float: left; }
.fR { float: right; }

.tC { text-align: center; }


/* Border */
.bNon { border-style: none; }


/* Clear */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}