@charset "utf-8";

/*============================================================================
	html body
==============================================================================*/

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	text-align: center;
}
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: justify;
	background: #fdf7e7;
}

/* ポップアップ等のbody用 */
body#emp { background: #FFF;}

/* for IE6 */
* html body { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea {	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* リンク */
a {text-decoration: none;}
a:link {color: #222222;}
a:visited {color: #222222;}
a:hover {color: #222222; text-decoration: underline;}
a:active {color: #222222;}

/*============================================================================
	common
==============================================================================*/

/* clearfix */
.clear {clear: both;}
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/* テキストサイズ */
.std10 { font-size: 77%; }
.std11 { font-size: 85%; }
.std12 { font-size: 93%; }
.std13 { font-size: 100%; }
.std14 { font-size: 108%; }
.std15 { font-size: 116%; }
.std16 { font-size: 123.1%; }
.std17 { font-size: 131%; }
.std18 { font-size: 138.5%; }
.std19 { font-size: 146.5%; }
.std20 { font-size: 153.9%; }
.std21 { font-size: 161.6%; }
.std22 { font-size: 167%; }
.std23 { font-size: 174%; }
.std24 { font-size: 182%; }
.std25 { font-size: 189%; }
.std26 { font-size: 197%; }
/* カラー */
.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.lgray { color: #999999; }
.red { color: #990000; }
.pink { color: #FF3366; }
.green { color: #006600; }
.orange { color: #FF6600; }
.blue { color: #0066CC; }
.lblue { color: #0099FF; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }

/* 画像右 */
.imgR {	float: right; padding: 0 0 10px 10px;}
/* 画像中央 */
.imgC {	display: block; margin: auto;}
/* 画像左 */
.imgL {	float: left; padding: 0 15px 10px 0;}

/*============================================================================
	module
==============================================================================*/
/* #wrapper（ページ全体 横幅） */
#outer {width: 100%; margin: auto;	clear: both;height: 100%;}

/* header#globalHeader（ヘッダ） */
header#globalHeader {width: 100%; height: 60px; padding: 5px 0; margin-bottom:0;background-color: #FFFFFF;}

/* #main（中央） */
#main {	width: 100%; clear:both; overflow:hidden; padding-bottom: 60px;}

/* #leftSide（左メニュー） */
#leftSide {width: 250px; padding: 0px; float: left; background: #fdf7e7;
/* overflow:auto;下伸ばし */
padding-bottom: 32768px;/* 下伸ばし */
margin-bottom: -32768px;/* 下伸ばし */
height: auto !important;
height: 100%;
min-height: 100%;
 z-index: 1000;
}

/* #mainCont（内容） */
#mainCont {padding: 0px 10px 30px 30px; overflow:auto; background: #fdf7e7; z-index: 900;}

/* footer#globalFooter（フッタ） */
footer#globalFooter {

position: fixed;
bottom:0;

	text-align: center;
	width: 100%;
	padding: 10px 0;
	clear: both;
	background-color: #FFFFFF;

	bottom: 0;
}

/*============================================================================

	style

==============================================================================*/
/*============================================================================
	header#globalHeader
==============================================================================*/

header#globalHeader h1{float: left; margin-top: 20px; margin-left: 20px;}
header#globalHeader h1 a{ font-size:110%; margin:8px; color: #666;}
header#globalHeader h1 a:hover{ color: #666; text-decoration: none;}

header#globalHeader .search{ min-width:200px; float:right; margin-top: 20px; padding-right:30px;}
.search ul.snsBtn{ list-style-type:none;} 
.search ul.snsBtn li{
	font-size: 14px;
	padding:3px 3px 0 5px;
	list-style-type:none;
	float:right;
	color: #666;
} 
.search ul.snsBtn li i{
	margin-right: 10px;
} 
.search ul.snsBtn li a{color: #666; font-size: 90%;}

/*============================================================================
	#leftSide
==============================================================================*/

.main_menu i{
	width: 30px;
	margin-right: 5px;
	text-align: center;
}
.sub_menu li a i{
	width: 30px;
	margin-right: 5px;
	text-align: center;
}


ul#menu, ul.sub_menu{
        list-style:none;
        margin:0;
        padding:0;
}
#menu{
        width:250px;
}
.main_menu{
	display: block;
        background:#fdf7e7 url(../img/icon_arrow2.gif) no-repeat 230px center;
        
        color:#333;
        cursor:pointer;
        width:230px;
		height: 40px;
	font-size: 16px;
	padding: 20px 10px 0px 10px;
	border-bottom: 1px solid #333333;
}
a.main_menu {
        color:#333;
        text-decoration: none;
}
.sub_menu li{

	border-bottom: 1px solid #333;
	background: #f8ecc4;
}
.sub_menu li a{
		color: #666666;
        display:block;
        text-decoration: none;
        width:230px;
		height: 20px;
		padding: 15px 10px 10px 10px;
}
.sub_menu li a:hover{
	color: #666666;
	background: #e6dfcc;
        text-decoration: none;
}


/*============================================================================
	#mainCont
==============================================================================*/

.pan{
	margin: 20px auto;
	font-size:12px;
	padding-bottom: 10px;
	font-weight: normal;
	color: #646472;	
}
.pan a{color: #333;}

#mainCont h2{
	margin: 20px auto;
	font-size:16px;
	padding-bottom: 10px;
	font-weight: normal;
	color: #333;
	border-bottom: 1px solid #333;
}
#mainCont h3{
	margin: 20px auto 10px auto;
	font-size:16px;
	padding-bottom: 10px;
	font-weight: normal;
	color: #646472;
}
#mainCont h4.freeKugiri{
	color: #333;
	margin:5px auto;
	font-size:100%;
	font-weight:normal;
}
#mainCont p { margin:10px auto; font-size: 100%; line-height:150%; color: #333;}
#mainCont Div.freeBox { font-size:90%; color: #333; padding:10px; line-height:140%; border: 1px dotted #999;}

/* Main部分バナー */
.mainBn{ margin:10px auto; text-align: center;}

/* デフォルト リスト */
#mainCont ol.defList {border-collapse: collapse;}
#mainCont ol.defList li {
	margin:10px auto;
	font-size:90%;
	line-height:100%;
	list-style:disc;
	list-style-position:inside;
	padding-left:10px;
}

/* searchBox */
.searchBox{
	padding: 5px 0 20px 0;
	border-bottom: 1px solid #a8a8b7;
	margin-bottom: 20px;
}

/* searchTable */
.searchTable table {
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
.searchTable th, .searchTable td {
	border: none;
	padding: 8px 0px;
	font-size: 100%;
	color: #646472;
	vertical-align: middle;
}

.searchTBtitle{
	padding: 0 10px;
	font-size: 100%;
}
.searchBox .searchTable input{
	padding: 10px;
	border: 1px solid #868695;
	border-radius: 5px;
}

.searchBox .searchTable select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 8px 20px 8px 8px;
	background: #FFF url(../img/icon_select_arrow.png) right 50% no-repeat;
	background-size: 8px 8px;
	border: 1px solid #868695;
	border-radius: 5px;
}
.searchBox .searchTable select::-ms-expand {
	display: none;
}



/*  dataTable */
/* 入力系テーブル */

i.iconRight{
	padding-right: 0;
	margin-right: 0;
	margin-left: 3px;
	cursor: pointer;
}

.dataBox{
	width: 940px;
	padding: 5px 0 20px 0;
}

.dataTable table {
	border: 1px solid #ececfb;
	border-collapse: collapse;
	margin:1em 0;
}
.dataTable th, .dataTable td {
	padding: 15px 5px;
	font-size: 100%;
	line-height: 180%;
	border: 1px solid #ececfb;
	color: #646472;
	vertical-align: middle;
}
.dataTable th {
	font-size: 110%;
	text-align: center;
	color: #646472;
}
/* 偶・奇数 */
.dataTable table tr.odd td {	background: #fff;}
.dataTable table tr.even td {	background: #fdfbf5;}

.dataTBtitle{
	padding: 0 10px;
	font-size: 100%;
}
.dataTable input{
	padding: 10px;
	border: 1px solid #868695;
	border-radius: 5px;
}

.dataTable select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 5px 20px 5px 8px;
	background: #FFF url(../img/icon_select_arrow.png) right 50% no-repeat;
	background-size: 12px 12px;
	border: 1px solid #868695;
	border-radius: 5px;
}
.dataTable select::-ms-expand {
	display: none;
}

/* デフォルト テーブル */
.clearTable table {
	border-collapse: collapse;
	margin: 0;
	border: none;
}
.clearTable table tr{
	margin: 5px 0;
}
.clearTable th, .clearTable td {
	padding: 5px;
	font-size: 100%;
	color: #646472;
	vertical-align: middle;
	border: none;
	font-weight: normal;
	text-align: center;
}


/* 4 */
.inlineBlock4{
	margin: 20px auto 20px auto;
	text-align: center;
}
.inlineBlock4 a.inlineBlockOne4{
	float: left;
	display: block;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	width: 164px;
	height: 164px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-radius: 8px;
	background: #333;
	color: #FFF;
	box-sizing: border-box;
}
.inlineBlock4 a.inlineBlockOne4:hover{

	background: #666;
	color: #FFF;
	box-sizing: border-box;
}
.inlineBlock4 a.inlineBlockOne4 h4.inlineBlockTitle4{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto 16px;
}
.inlineBlock4 a.inlineBlockOne4 .inlineBlockImg4{
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* 3 */
.inlineBlock3{
	margin: 20px auto 20px auto;
	text-align: center;
}
.inlineBlock3 a.inlineBlockOne3{
	float: left;
	display: block;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	width: 164px;
	height: 84px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-radius: 3px;
	background: #464848;
	color: #FFF;
	box-sizing: border-box;
}
.inlineBlock3 a.inlineBlockOne3:hover{
	background: #333333;
	color: #FFF;
	box-sizing: border-box;
}
.inlineBlock3 a.inlineBlockOne3 h4.inlineBlockTitle3{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin: 16px auto 6px;
}
.inlineBlock3 a.inlineBlockOne3 .inlineBlockText3{
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	margin: 0 auto 16px;
	color: #ffcc00;
}
.inlineBlock3 a.inlineBlockOne3 .inlineBlockImg3{
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}




.logBox {
	clear: both;
	width: 900px;
	height: 250px;
	overflow: auto;
	margin: 0;
	padding: 10px 20px;
	border: 1px solid #979a9f;
	border-radius: 8px;
}

dl {
	width: 890px;
}
dt {
	float:left;
	clear:left;
	width:90px;
	padding: 5px;
	font-size: 100%; line-height:150%; color: #646472;
}
dd {
	float:left;
	width:780px;
	padding: 5px;
	font-size: 100%; line-height:150%; color: #646472;
}

/* pager */
.pager {
	text-align:center;
	margin:40px 30px 20px 0;
	clear:both;
}
.pager li {
	display:inline;
}
.pager li.pager_num span {
	display:inline-block;
	padding:4px 8px;
	margin-left:5px;
}
.pager li.pager_num span.now {
	display:inline-block;
	padding:8px 15px;
	margin-left:5px;
	background-color:#333;
  border-radius: 3px;
	font-weight:bold;
	color:#FFF;
}
.pager li.pager_num a {
	display:inline-block;
	padding:8px 15px;
	margin-left:5px;
	text-decoration:none;
	color: #666;
}
.pager li.pager_num a:hover {
background:#333 url(../img/btn_ov.png) center center;
  color: #FFF;
  border-radius: 3px;
}
.pager_next {
	margin-left:10px;
	font-weight:bold;
}
.pager_next a:link {
	margin-left:10px;
	text-decoration:underline;
}
.pager_next a:visited {
	margin-left:10px;
	text-decoration: underline;
}
.pager_next a:hover {
	margin-left:10px;
	text-decoration:none;
}

/*============================================================================
	footer#globalFooter
==============================================================================*/

#backTop {margin:10px 0;}
#backTop a{font-size:90%;}
#backTop a:hover{}

footer#globalFooter p.copyright {
	font-size: 80%;
	margin: 10px auto 10px auto;
	color: #666;
}

footer#globalFooter .freeText {
	font-size: 77%;
	margin: 0 5px 10px 0;
	text-align:right;
}


/* page-top */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 30px;
}
#pageTop a {
	display: block;
	background: url(../img/gototop.png);
	width: 61px;
	height: 61px;
	text-indent: -9999px;
}
#pageTop a:hover {
	background: url(../img/gototop.png);
}

/*============================================================================
	Table系
==============================================================================*/

/* デフォルト テーブル */
.defTable table {
	border: 1px solid #FFF;
	border-collapse: collapse;
	margin:1em 0;
}
.defTable th, .defTable td {
	padding: 6px 4px;
	font-size: 100%;
	border: 1px solid #FFF;
	color: #333;
	vertical-align: middle;
}
.defTable th {
	padding: 4px 4px;
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	background: #e8e5c5;
	color: #333;
}
.defTable tr:nth-child(odd) {
	background: #fdfbf5;
}
.defTable tr:nth-child(even) {
	background: #fff;
}

.defTable input{
	padding: 5px 8px;
	border: 1px solid #868695;
	border-radius: 5px;
}

.defTable select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 8px 20px 8px 8px;
	background: #FFF url(../img/icon_select_arrow.png) right 50% no-repeat;
	background-size: 8px 8px;
	border: 1px solid #868695;
	border-radius: 5px;
}
.defTable select::-ms-expand {
	display: none;
}


/*============================================================================
	form周り
==============================================================================*/

input.wC{
	padding: 10px;
	border: 1px solid #868695;
	border-radius: 5px;
}
input.wL{
	padding: 5px;
	border: 1px solid #868695;
	border-radius: 5px;
	width: 600px;
}
input.wM{
	padding: 5px;
	border: 1px solid #868695;
	border-radius: 5px;
	width: 200px;
}
input.wS{
	padding: 5px;
	border: 1px solid #868695;
	border-radius: 5px;
	width: 60px;
}
textarea.wArea{
	padding: 5px;
	border: 1px solid #868695;
	border-radius: 5px;
	width:600px;
	height:200px;
}

/*============================================================================
	ボタン
==============================================================================*/

a.regBtn{
	display: block;
	background:#333;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-radius: 5px;
	border: none;
	padding: 6px 10px;
	margin: 0 auto 5px auto;
	cursor: pointer;
}
a.regBtn:hover{
	text-decoration: none;
	background:#666;
}
a.regBtn i{
	margin-right: 5px;
}

.searchBtn{
	display: block;
	border: none;
	width: 260px;
	background:#333;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	border-radius: 8px;
	padding: 13px 0px 10px 0;
	margin: 0 auto 5px 0;
}
.searchBtn:hover{
	text-decoration: none;
	background:#666;
}

a.btnNormal{
	clear: both;
	text-align:center;
	padding: 5px;
	margin: 5px;
	color:#FFF;
	display: block;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
	border-radius: 3px; 
	border: 1px solid #000;
	font-size: 80%;
	font-weight:bold;
	line-height: 100%;
	background-color: #333;

}

.btnInputBlack {
	width: 95%;
	margin:5px;
	text-align:center;
	display: block;
	padding: 5px;
	color: #FFF;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #000;
	font-size: 80%;
	font-weight:bold;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#000));
	background-color: #333;
	/* IE */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#333, EndColorStr=#000);
}

/*============================================================================
	Login
==============================================================================*/

#loginHead {
	text-align:center;
	vertical-align: middle;
	width:100%;
	margin:0 auto;
	padding:40px 0px 30px 0px;
	position: relative; /* for IE */
}

#loginHead h1{
	width: 150px;
	margin: 0 auto;
	font-size: 200%;
	color: #666;
}

#loginHead h1 img{
	width: 150px;
}

#loginMain {width: 100%;}

#loginMain p.loginText{
	width:260px;
	text-align: center;
	margin: 10px auto;
	color: #666;
	padding:10px;
}

#loginTable {
	width:300px;
	background-color: #FFF;
	margin:20px auto;
	padding:15px 10px 5px 10px;
	box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
	position: relative; /* for IE */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* loginTable */
.loginTable table {
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.loginTable th, .loginTable td {
	padding: 10px;
	border: none;
	font-size: 110%;
}
.loginTable th {
	padding-bottom: 3px;
	border: none;
	font-size: 110%;
	color: #666;
	vertical-align: top;
}
.loginTable td {
	padding: 10px;
	border: none;
	font-size: 110%;
	vertical-align: middle;
}

.formPad {
	padding:5px;
	font-size:100%;
	width: 240px;
}

a.loginBtn{
	display: block;
	width: 260px;
	background:#333;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	border-radius: 5px;
	border: none;
	padding: 10px 0px 10px 0;
	margin: 0 auto 5px auto;
	cursor: pointer;
}
a.loginBtn:hover{
	text-decoration: none;
	background:#666;
}
a.loginBtn i{
	margin-right: 10px;
}
/*
.loginBtn{
	display: block;
	width: 260px;
	background:#00085b url(../img/icon_btn_login.png) no-repeat 58px center;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	border-radius: 5px;
	border: none;
	padding: 10px 0px 10px 0;
	margin: 0 auto 5px auto;
	cursor: pointer;
}
.loginBtn:hover{
	text-decoration: none;
	background:#004768 url(../img/icon_btn_login.png) no-repeat 58px center;
}
*/