@charset "shift_jis";
/*------------------------------------------------------
 ブラウザクリア
------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote {
	margin: 0;
	padding: 0;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 1.2;
	color: #333;
	font-size: 100%;
}
article, aside, hgroup, header, footer, figure,  figcaption, nav, section, aside {
	display: block;
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: bottom;
}
html, body {
	width: 100%;
}
body {
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	background-color: #FFFFFF;
	font-size: 100%;
}
p {
	font-size: 90%;
}
a {
	-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);
}
.clear {
	clear: both;
}
.fColor_red {
	color: #F00;
}
/* クリアフィックス */
.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* End hide from IE-mac */
.clear { 
	clear: both; 
}
.alCenter {
	text-align: center;
}
header {
	width: 100%;
	position: relative;
	background:#FFEED7;
	border-bottom:1px solid #999;
}
header h1 {
	text-align: center;
	padding-top: 20px;
}
header h1 span {
	display: block;
	height: 31px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-width: 0 5px 0 15px;
	-webkit-border-image: url(../img/common/backbtn.png) 0 5 0 15;
	color: #FFF;
	line-height: 31px;
	font-size: 80%;
	padding-right: 5px;
}
header h1 span a {
	color: #333;
	text-decoration: none;
}
/*------------------------------------------------------
 toolbar
------------------------------------------------------*/
/*------------------------------------------------------
 toolbar
------------------------------------------------------*/
div#wrap {
	z-index: 1;
}
div#gopc {
	height: 35px;
	width: 100%;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 3;
	text-align: left;
	background:#FFEED7;
}
.button {
	position: absolute;
	overflow: hidden;
	font-family: inherit;
	font-size: 90%;
	color: #666;
	text-shadow: rgba(255, 255, 255, 0.6) 0px -1px 0;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}
.button img {
	vertical-align: middle;
}
#topLogo {
	padding-left:5px;
	line-height: 26px;
}
#menuButton,
#pcButton {
	top: 4px;
	height: 23px;
	padding-top: 7px;
	padding-right: 42px;
	display: block;
	font-size: 11px;
}
#menuButton {
	right: 82px;
	background: url(../img/common/icon_menu.png) no-repeat 100% 50%;
	-webkit-background-size: 39px 28px;
}
#pcButton {
	right: 10px;
	background: url(../img/common/icon_pc.png) no-repeat 100% 50%;
	-webkit-background-size: 39px 28px;
}
/* キーワード検索 */
.searchBtnMini {
	width: 50px;
	height: 30px;
}
/* キーワードInput */
#free_word {
	width: 200px;
/*	color: #999; */
	margin-right: 5px;
	line-height: 24px;
}
p.coutionGray {
	color: #999;
	font-size: 10px;
	line-height: 13px;
}
/* =========================================================
quickMenu
========================================================= */
div#quickMenu {
	clear: both;
	margin-top: 15px;
}
div#quickMenu h2 {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background:#EEE;
	padding: 6px 0;
	text-align: center;
}
div#quickMenu {
	background-color: #DDD;
}
div#quickMenu ul {
    padding: 7px 0;
	margin: 0 auto;
    width: 320px;
    height: 80px;
    overflow: hidden;
}
div#quickMenu li {
    float: left;
    display: block;
    width: 105px;
    text-align: center;
}
/* =========================================================
footer
========================================================= */
footer {
	text-align: center;
}
/* =========================================================
appli
========================================================= */
div#appli {
	border-top: 6px solid #F90;
	border-bottom: 1px solid #999;
	padding: 10px 0;
}
div#appli img {
	padding-bottom: 10px;
}
div#appli img:last-child {
	margin-bottom: 0;
}
footer p {
	padding: 10px 0;
}
/* =========================================================
rengoLinks
========================================================= */
#rengoLinks,
#contactArea {
	background-color: #FFF;
}
#rengoLinks h1,
#contactArea h1 {
	font-size: 85%;
	text-align: center;
	background-color: #FEEED7;
	padding: 5px 0;
}
#rengoLinkList,
#contactList {
	padding: 10px;
}
#rengoLinkListInner,
#contactListInner {
	width: 100%;
	overflow: hidden;
}
#contactList ul {
	width: 498px;
	height: 90px;
}
#contactList ul li {
	width: 83px;
	float: left;
	background: url(../img/bg_icons01.png) no-repeat 10px -720px;
	background-size: 60px 1750px;
	-webkit-background-size: 60px 1750px;
}
#contactList ul li a {
	width: 83px;
	height: 30px;
	display: block;
	padding-top: 60px;
	text-align: center;
	font-size: 90%;
	color: #333;
	text-decoration: none;
	line-height: 15px;
	background-size: 60px 1750px;
	-webkit-background-size: 60px 1750px;
}
#contactList1 a {
	background: url(../img/bg_icons01.png) no-repeat 10px -780px;
}
#contactList2 a {
	background: url(../img/bg_icons01.png) no-repeat 10px -840px;
}
#contactList3 a {
	background: url(../img/bg_icons01.png) no-repeat 10px -900px;
}
#contactList4 a {
	background: url(../img/bg_icons01.png) no-repeat 10px -960px;
}
#contactList5 a {
	background: url(../img/bg_icons01.png) no-repeat 10px -1020px;
}
#contactList6 a {
	background: url(../img/bg_icons01.png) no-repeat 10px -1080px;
}
#rengoLinkList ul {
	width: 1705px;
	height: 80px;
}
#rengoLinkList ul li {
	width: 145px;
	float: left;
	margin-right: 5px;
	display: inline;
}
#rengoLinkList ul li a {
	width: 145px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	background-size: 145px 880px;
	-webkit-background-size: 145px 880px;
}
#rengoLinkList1 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 0;
}
#rengoLinkList2 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -80px;
}
#rengoLinkList3 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -160px;
}
#rengoLinkList4 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -240px;
}
#rengoLinkList5 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -320px;
}
#rengoLinkList6 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -400px;
}
#rengoLinkList7 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -480px;
}
#rengoLinkList8 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -560px;
}
#rengoLinkList9 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -640px;
}
#rengoLinkList10 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -720px;
}
#rengoLinkList11 a {
	background: url(../img/bg_rengolink01.png) no-repeat 0 -800px;
}
.pointer {
	width: 100%;
	text-align: center;
	font-size: 80%;
	margin-top: 10px;
}
.pointer span {
	padding: 0 2px;
	color: #CCC;
	text-align: center;
}
.pointer span.current {
	color: #333;
}
footer {
	background-color: #FFF;
	border-top: 1px solid #CCC;
}