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

/* #############################

   最終更新 : 2017.11

   ############################# */
   
/* ------- CSS INDEX -------
    汎用クラス
   コンテナー
   見出し
   切替タブ　上部
   フォーム
   テーブルデザイン
   ボタン
    ページの前後移動ボタン
/* -----------------------------------
   フォントサイズ対応（％で指定）
   10px = 77%
   11px = 85% 
   12px = 93%
   13px = 100%
   14px = 108%
   15px = 116%
   16px = 123.1%
   17px = 131%
   18px = 138.5%
   19px = 146.5%
   20px = 153.9%
   21px = 161.6%
   22px = 167%
   23px = 174%
   24px = 182%
   25px = 189%
   26px = 197%
   ----------------------------------- */

/* -----------------------------------
    汎用クラス
   ----------------------------------- */
body, td, th, h1, h2, h3, h4, h5, h6 { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body { font-size: 82%; /* 13px */ padding-bottom: 20px; color: #000; line-height: 1.4; text-align: center; }

strong { font-weight: bold; }
a { text-decoration: none; }
a:link { color: #00F; }
a:visited { color: #800080; }
a:hover { color: #FF4700; transition: all 0.3s linear; }
a:active { color: #F00; }
a:hover img { filter: alpha(opacity=60); opacity: 0.6; transition: all 0.3s linear; }

.floatRight { float: right; }
.floatLeft { float: left; }

.marginTop0px { margin-top: 0px !important; }
.marginTop3px { margin-top: 3px !important; }
.marginTop5px { margin-top: 5px !important; }
.marginTop10px { margin-top: 10px !important; }
.marginTop15px { margin-top: 15px !important; }
.marginTop20px { margin-top: 20px !important; }
.marginTop30px { margin-top: 30px !important; }
.marginTop50px { margin-top: 50px !important; }
.marginBottom0px { margin-bottom: 0px !important; }
.marginBottom3px { margin-bottom: 3px !important; }
.marginBottom5px { margin-bottom: 5px !important; }
.marginBottom10px { margin-bottom: 10px !important; }
.marginBottom15px { margin-bottom: 15px !important; }
.marginBottom20px { margin-bottom: 20px !important; }
.marginBottom30px { margin-bottom: 30px !important; }
.marginTopBottom5px { margin-top: 5px !important; margin-bottom: 5px !important; }
.marginTopBottom10px { margin-top: 10px !important; margin-bottom: 10px !important; }
.marginLeft0px { margin-left: 0px !important; }
.marginLeft5px { margin-left: 5px !important; }
.marginLeft10px { margin-left: 10px !important; }
.marginRight30px { margin-right: 30px !important; }
.marginRight50px { margin-right: 50px !important; }
.paddingLeft5px { padding-left: 5px !important; }
.paddingLeft10px { padding-left: 10px !important; }
.paddingLeft20px { padding-left: 20px !important; }
.paddingRight10px { padding-right: 10px !important; }
.paddingRight20px { padding-right: 20px !important; }

.width1em { width: 1em !important; }
.width2em { width: 2em !important; }
.width3em { width: 3em !important; }
.width4em { width: 4em !important; }
.width5em { width: 5em !important; }
.width6em { width: 6em !important; }
.width7em { width: 7em !important; }
.width8em { width: 8em !important; }
.width10em { width: 10em !important; }
.width12em { width: 12em !important; }
.width15em { width: 15em !important; }
.width20em { width: 20em !important; }
.width25em { width: 25em !important; }
.width30em { width: 30em !important; }
.width40em { width: 40em !important; }
.width50em { width: 50em !important; }
.width100pre { width: 100% !important; }

.bgRed { background-color: #F00 !important; color: #FFFFFF; }
.bgYellow { background-color: #FFFF00 !important; }
.bgGreen { background-color: #83E571 !important;}
.bgYellowLight { background-color: #FAE72D !important; }
.bgGray { background-color: #f5f5f5 !important; }

span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.text-space {
	width: 10px;
	height: 10px;
	display: inline-block;
}
.text-bold {
	font-weight: bold;
}
.text-right {
	text-align: right;
}

/* --- Clear Fix ------------- */

.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }


/* -----------------------------------
   ヘッダー
 * ----------------------------------- */
#header {
	background-color: #fde0be;
	height: 40px;
}
#header-inner {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#header h1 {
	float: left;
	padding-top: 7px;
}

/* -----------------------------------
   グローバルナビ
 * ----------------------------------- */
#global-navi {
	display: table;
	position: absolute;
	right: 0px;
	height: 40px;
    }
#global-navi li {
    display : table;
	float: left;
	border-right: 1px solid #E17C06;
    }
#global-navi li a {
    display : table;
	color: #E17C06;
	padding-left: 10px;
	padding-right: 10px;
    }
 
#global-navi lia:hover {
    background-color : #E17C06;
    }
 
#global-navi li span {
    display : table-cell;
    vertical-align : middle;
    height : 40px;
    }
#global-navi li:first-child {
	border-left: 1px solid #E17C06;	
}
#global-navi li:hover,
#global-navi li a:hover,
#global-navi li#active a {
	color: #ffffff;
	background-color: #E17C06;	
}

/* -----------------------------------
   コンテナー
 * ----------------------------------- */
 
#wrapper {
	margin: 0px auto 10px;
	min-width: 960px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#container-main {
	padding: 0px 10px 15px 0px;
	background-color: #FFFFFF;
	margin-top: 5px;
}


/* -----------------------------------
   見出し
 * ----------------------------------- */

h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
h3 {
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 13px;
	line-height: 1.2;
	font-weight: bold;
	color: #444444;
}


/* -----------------------------------
   フォーム
 * ----------------------------------- */

input {
	padding: 2px;
	margin-right: 2px;
	margin-left: 2px;
}
input,
select,
label {
	vertical-align: middle;
}
input[type="button"] { padding: 0px 5px; }
.inputRow label + input { margin-left: 5px; }


/* -----------------------------------------
   テーブルデザイン
 * ----------------------------------------- */

.tableTdLeft,
.tableTdCenter,
.table-Center,
.tableNoFrame {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
}
.tableTdLeft th,
.tableTdCenter th,
.table-Center th{
	padding: 3px 3px 1px;
	border: 1px solid #CCCCCC;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	background-color: #f5efe5;
}
.tableTdLeft td,
.tableTdCenter td,
.table-Center td{
	padding: 3px 3px 1px;
	border: 1px solid #CCCCCC;
	font-size: 100%;
	line-height: 1.2;
	text-align: left;
}
.table-Center th {
	text-align: left;
}
.tableTdCenter td,
.table-Center td{
	text-align: center;
}
.tableNoFrame td {
	padding: 2px;
	line-height: 1.2;
}
.table-photo img  {
	width: 90%;
}
th.tableTextCenter,
td.tableTextCenter {
	text-align: center;
}
td.textJustify {
	text-align: justify;
}
.text-left {
	text-align: left !important;
}
/* 縦スクロールのテーブル */
.scrollTbl-Y {
	height: 400px;
	padding-right: 3px;
	overflow-y: auto;
}


/* -----------------------------------------
   ボタン
 * ----------------------------------------- */

a.basicBtn {
	padding: 4px 5px 2px;
	margin-right: 2px;
	margin-left: 2px;
	border: 1px solid #DDDDDD;
	line-height: 1.2;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	background-color: #E6E6E6;
	border-radius: 4px;
}
a.basicBtn:visited {
	color: #00F;
}
a.basicBtn:hover {
	border: 1px solid #FF4700;
	color: #FF4700;
}

.btn-container {
	margin: 10px auto 15px;
	display: block;
	text-align: center;
}


/* -----------------------------------
    ページの前後移動ボタン
 * ----------------------------------- */
.pager {
	margin: 10px auto 5px;
	display: block;
	text-align: center;
}
.prevNext {
	margin: 0px 5px;
	display: inline-block;
}
.prevNext:visited {
	color: #00F;
}
.prevNext:hover {
	color: #FF4700;
}



/* -----------------------------------
    その他
 * ----------------------------------- */

.footNote {
	padding-left: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.2;
	text-indent: -1em;
	font-size: 12px;
	margin-right: 10px;
}