@charset "UTF-8";
/*==================================================
 LAYOUT CSS
==================================================*/

* {
	line-height: 150%;
	font-family: Meiryo, Arial, Helvetica, sans-serif;
	}

body {
	min-width: 1100px;
	text-align: center;
	background: url(../img/layout/bodyBg.gif) repeat 0px 0px;
	}

a {
	color: #286FB1;
	text-decoration: none;
	}
	a:hover {
	color: #9A0101;
	}

p, div {
	font-size: 12px;
	color: #1A1919;
	}

input, select, textarea {
	}

#container {
	background: url(../img/layout/containerBg.jpg) repeat-x 0px 0px;
	}
#containerWrap {
	margin: 0px auto;
	background: url(../img/layout/containerWrapBg.jpg) no-repeat 0px 0px;
	}
	
#header,
#content {
	/* margin: 0px 138px; */
	}
	
#header {}
#headerWrap {
	width: 960px;
	margin: 0px auto;
	}

	#head {
		height: 97px;
		overflow: hidden;
		zoom: 1;
		}
		#head .left {
			float: left;
			overflow: hidden;
			zoom: 1;
		}
		#head .right {
			width: 600px;
			float: right;
			overflow: hidden;
			zoom: 1;
		}
			#head .right .banner {
				float: left;
				margin: 21px 0px 0px 0px;
				}
				
		#searchBox {
			float: right;
			display: table-cell;
			width: 274px;
			height: 20px;
			vertical-align: middle;
			margin: 20px 0px 0px 0px;
			background: url(../img/layout/searchBoxBg.gif) no-repeat 0px 0px;
			}
		#searchBoxWrap {
			text-align: right;
			padding: 0px 6px 0px 113px;
			}
			#searchBox #keyword {
				width: 140px;
				height: 20px;
				font-size: 12px;
				line-height: 20px;
				background: none;
				border: none;
				}
			#searchBox .btn {
				width: 15px;
				height: 15px;
				}
			#searchBox * {
				vertical-align: middle;
				zoom: 1;
				}		
		
		#hButton {
			clear: right;
			float: right;
			width: 370px;
			height: 32px;
			margin: 6px 0px 0px 0px;
			background: url(../img/layout/hButtonBg.gif) repeat 0px 0px;
			overflow: hidden;
			zoom: 1;
			}
		#hButtonWrap {
			padding: 3px 3px 3px 4px;
			}
		
	#logo {
		margin: 14px 0px 0px 0px;
		}

	#gNavi {}
		#gNavi ul {
			overflow: hidden;
			zoom: 1;
			}
			#gNavi ul li {
				float: left;
				display: inline;
				}
				#gNavi ul li a {
					display: block;
					}


#content {
	width: 960px;
	margin: 0px auto;
	}
#contentWrap {
	padding: 15px 0px 50px 0px;
	overflow: hidden;
	zoom: 1;
	}
	
	#centerPage{
		float: left;
		width: 706px;
		margin: 0px 12px 0px 0px;
		}
	#centerPageWrap{}
	
	#rightPage{
		float: left;
		width: 240px;
		}
	#rightPageWrap{}
	
	body.index #leftPage{
		float: left;
		width: 345px;
		margin: 0px 15px 0px 0px;
		}
	body.index #leftPageWrap {}
	
	body.index #centerPage{
		float: left;
		width: 345px;
		margin: 0px 11px 0px 0px;
		}
	body.index #centerPageWrap{}
	
	body.index #rightPage{
		float: right;
		width: 240px;
		margin: 0px 0px 0px 0px;
		}
	body.index #rightPageWrap{}

/* 2016.04 added TopPage SlideBnr
------------------------------------------------------------------------*/
#middlePage{
		float: left;
		width: 600px;
		}
#middlePageWrap{}
/* ------------------------------------------------------------------------ */


#footer {
	height: 262px;
	background: url(../img/layout/footerBg.gif) repeat-x 0px 0px;
	}
#footerWrap {
	position: relative;
	width: 960px;
	margin: 0px auto;
	}
	
	#pageTop {
		position: absolute;
		top: 12px;
		right: -36px;
		}
	
	#yellowPage {
		height: 111px;
		overflow: hidden;
		zoom: 1;
		}
		#yellowPage h3 {
			margin: 27px 0px 10px 0px;
			}
		#yellowPage ul {
			overflow: hidden;
			zoom: 1;
			}
			#yellowPage ul li {
				float: left;
				display: inline;
				margin: 0px 28px 10px 0px;
				}
				#yellowPage ul li a {
					display: block;
					color: #FFFFFF;
					padding: 0px 0px 0px 15px;
					background: url(../img/common/arrow01.gif) no-repeat 0px center;
					}
	#foot {
	height: 84px;
	overflow: hidden;
	zoom: 1;
		}
		#foot .left {
	float: left;
	margin: 14px 0px 0px;
			}
		#foot .right {
	float: left;
	margin: 18px 0px 0px;
			}
			#foot .right ul {
	margin: 0px 0px 0px 20px;
	overflow: hidden;
	zoom: 1;
				}
				#foot .right ul li {
					float: left;
					display: inline;
					margin: 0px 28px 10px 0px;
					}
					#foot .right ul li a {
						display: block;
						color: #1A1919;
						padding: 0px 0px 0px 10px;
						background: url(../img/common/arrow02.gif) no-repeat 0px center;
						}
		
	
	#copyright {
		padding: 10px 0px 0px 0px;
		text-align: center;
		}