/* ====================================
basic
==================================== */
body {
	margin:0;
	padding:0;
	color:#333333;
	font-size:85%;
	line-height:1.4;
	background : transparent url(../img/y8b.gif);
}
#shadow-top{
	display:flex;
	display:-webkit-flex;
	margin:8px auto 0;
	padding-top:10px;
	width:829px;
	background:#efefe1;
}
#wrapper{
	width:808px;
	margin:0 auto;
	padding:0;
	background:#ffffff;
}
/* img */
img{
	border:0;
	vertical-align:bottom;
}

/* a */
a{
	color:#0099FF;
	text-decoration:underline;
	overflow:hidden;
}
a:hover,a:active{
	color:#FF6600;
	text-decoration:none;
}

/* text-align */
.txtC{
	text-align:center;
}
.txtR{
	text-align:right;
}
.txtL{
	text-align:left;
}

/* Arrangement */
.floatl{
	float:left;margin:0;
}
.floatr{
	float:right;margin:0;
}
.floatl10{
	float:left;margin:0 10px 10px 0;
}
.floatr10{
	float:right;margin:0 0 10px 10px;
}
.clear{
	clear:both;
}
.overflow{
	overflow:hidden; 
}
.disp{
	display:inline-block;
}

/* focus */
.focus{
	text-align:left;
}
.focus a{
	background : transparent url(../img/ya1.jpg) no-repeat scroll left center;
	padding-left:15px;
}

/* font-size */
.font200{
	font-size:200%;
}
.font150{
	font-size:150%;
}
.font140{
	font-size:140%;
}
.font130{
	font-size:130%;
}
.font120{
	font-size:120%;
}
.font110{
	font-size:110%;
}
.font90{
	font-size:90%;font-weight:normal;
}
.font80{
	font-size:80%;font-weight:normal;
}
.font70{
	font-size:70%;font-weight:normal;
}
.font60{
	font-size:60%;font-weight:normal;
}
.font50{
	font-size:50%;font-weight:normal;
}

/* font-color */
.fontred1{
	color:#FF0000;
}
.fontred2{
	color:#FF3300;
}
.fontorange1{
	color:#FF6600;
}
.fontorange2{
	color:#FF9900;
}
.fontyellow1{
	color:#FFcc00;
}
.fontyellow2{
	color:#FFFF00;
}
.fontblue1{
	color:#0000FF;
}
.fontblue2{
	color:#3399CC;
}
.fontgreen1{
	color:#006600;
}
.fontgreen2{
	color:#99CC00;
}
.fontbrown1{
	color:#993300;
}
.fontbroun2{
	color:#CC9966;
}
.fontpurple1{
	color:#6633CC;
}
.fontpurple2{
	color:#9999FF;
}
.fontpink1{
	color:#FF33CC;
}
.fontpink2{
	color:#FF99CC;
}
.fontgray1{
	color:#666666;
}
.fontgray2{
	color:#999999;
}

/* width */
.width5{
	width:5%;
}
.width7{
	width:7%;
}
.width8{
	width:8%;
}
.width10{
	width:10%;
}
.width12{
	width:12%;
}
.width15{
	width:15%;
}
.width17{
	width:17%;
}
.width18{
	width:18%;
}
.width20{
	width:20%;
}
.width22{
	width:22%;
}
.width25{
	width:25%;
}
.width27{
	width:27%;
}
.width28{
	width:28%;
}
.width30{
	width:30%;
}
.width32{
	width:32%;
}
.width35{
	width:35%;
}
.width37{
	width:37%;
}
.width38{
	width:38%;
}
.width40{
	width:40%;
}
.width42{
	width:42%;
}
.width45{
	width:45%;
}
.width47{
	width:47%;
}
.width48{
	width:48%;
}
.width50{
	width:50%;
}
.width52{
	width:52%;
}
.width55{
	width:55%;
}
.width57{
	width:57%;
}
.width58{
	width:58%;
}
.width60{
	width:60%;
}
.width62{
	width:62%;
}
.width65{
	width:65%;
}
.width67{
	width:67%;
}
.width68{
	width:68%;
}
.width70{
	width:70%;
}
.width72{
	width:72%;
}
.width75{
	width:75%;
}
.width77{
	width:77%;
}
.width78{
	width:78%;
}
.width80{
	width:80%;
}
.width82{
	width:82%;
}
.width85{
	width:85%;
}
.width87{
	width:87%;
}
.width88{
	width:88%;
}
.width90{
	width:90%;
}
.width92{
	width:92%;
}
.width95{
	width:95%;
}
.width97{
	width:97%;
}
.width98{
	width:98%;
}
.width100{
	width:100%;
}
/* ====================================
head
==================================== */
#head{
	width:808px;
	height:140px;
	margin:auto;
}
#head .h1{
	margin:0;
	padding:2px 2px 0 2px;
	float:left;
}
#head p.logo{
	width:150px;
	height:136px;
	margin:0;
	padding:1px;
	float:left;
}
#head .right{
	float:right;
	text-align:right;
	width:651px;
	height:72px;
}
#head .right p{
	margin:3px 2px;
}
#head .right p.tel{
	float:right;
	width:161px;
	height:14px;
	margin:0;
	padding:1px 14px 30px 0;
}

/* ====================================
groval-navi
==================================== */
#gnavi{
	float:left;
	width:651px;
	height:67px;
	margin:auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}
#gnavi ul{
	height:67px;
	display:flex;
	display:-webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	list-style-type:none;
}
#gnavi li{
	flex:1;
	-webkit-flex:1;
	width:100%;
}
#gnavi a{
	display:block;
	height:65px;
	margin:0 1px;
	/*リンク文字非表示*/
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	
}

/* base */
#gnavi li.g1 a{
	background : transparent url(../img/gnavi1.jpg) no-repeat scroll left top; 
}
#gnavi li.g2 a{
	background : transparent url(../img/gnavi2.jpg) no-repeat scroll left top;
}
#gnavi li.g3 a{
	background : transparent url(../img/gnavi3.jpg) no-repeat scroll left top;
}

/* action */
#gnavi li.g1 a:hover,#gnavi li.g1 a:active{
	background : transparent url(../img/gnavi1_on.jpg) no-repeat scroll left top;
}
#gnavi li.g2 a:hover,#gnavi li.g2 a:active{
	background : transparent url(../img/gnavi2_on.jpg) no-repeat scroll left top;
}
#gnavi li.g3 a:hover,#gnavi li.g3 a:active{
	background : transparent url(../img/gnavi3_on.jpg) no-repeat scroll left top;
}

/* after */
#gnavi li.g1 a.now{
	background : transparent url(../img/gnavi1_on.jpg) no-repeat scroll left top;
}
#gnavi li.g2 a.now{
	background : transparent url(../img/gnavi2_on.jpg) no-repeat scroll left top;
}
#gnavi li.g3 a.now{
	background : transparent url(../img/gnavi3_on.jpg) no-repeat scroll left top;
}

/* ====================================
content
==================================== */
#contwrap{
	width:808px;
	margin:0 auto 0;
	padding:0 0 20px;
	border-bottom:2px solid #efefe1;
}

#cont{
	width:760px;
	margin:0 auto;
	padding:0;
}

#cont h1{
	margin:0;
	padding:12px 20px 14px 45px;
	background : transparent url(../img/h1_back.jpg) no-repeat scroll 0px 0px;
	font-size:140%;
}

#cont h2{
	margin-top:20px;
	padding:0 0 10px;
	background : transparent url(../img/h2_line.jpg) no-repeat scroll 0px 100%;
	font-size:120%;
}
#cont h2 span{
	display:block;
	padding-left:15px;
	background : transparent url(../img/h2_ya.jpg) no-repeat scroll 0px 50%;
}
#cont h3{
	margin-top:20px;
	padding:5px 0 5px 15px;
	font-size:100%;
	background : transparent url(../img/table1.jpg) repeat scroll left top;
}

#cont p{
	margin:0 5px;
	padding:10px 5px 0;
}

/* inqbox */
#cont .inqbox{
	margin:20px 15px 5px;
	border-top:double #d7cdc1;
	border-bottom:double #d7cdc1;
	background:#f6f4f0;	
}
#cont .inqbox p{
	margin:0;
	padding:10px 10px 10px 40px;
	background : transparent url(../img/inqbox_ya.jpg) no-repeat scroll 10px 14px;
	font-weight:bold;
}

/* box */
#cont .box1{
	margin:15px 15px 0;
	padding:0 10px 15px;
	border:double #d7cdc1;
	background:#FAFAFA;
}
#cont .box1 p{
	padding:15px 10px 0;
	font-weight:bold;
	color:#533b3b;
}

#cont .box2{
	margin:15px 15px 0;
	padding:0 10px 15px;
	background:#EEE;
}
#cont .box2 p{
	padding:15px 10px 0;
}

/* table */
table{
	width:730px;
	margin:10px auto 0;
	background:#FFF;
}
table th{
	color:#eeeeee;
	background:#6f6a26;
	text-align:left;
	vertical-align:middle;
	padding: 5px 10px;
}
table td{
	text-align:left;
	vertical-align:middle;
	padding: 5px 10px;
	background : transparent url(../img/table1.jpg) repeat scroll left top;
}
table.type1 th{
	background:#9E9936;
}
table.type1 td{
	background : transparent url(../img/table2.jpg) repeat scroll left top;
}

/* ul, ol, li */
ul,ol{
	margin:0;
	padding:0;
}
ul li{
	margin:0;
	padding:1px 0;
}
ol li{
	margin:0;
	padding:0;
}
/* ?p?????????X?g */
#cont p.path{
	margin:0;
	padding:14px 0 14px;
}
/* ?y?[?W?g?b?v??@*/
#cont p.pagetop{
	margin:0;
	padding:10px 0;
	text-align:right;
}

/* ====================================
footer
==================================== */
#footwrap{
	width:808px;
	margin:0 auto;
	background:#ffffff;
}

#foot{
	width:760px;
	margin:0 auto;
}
#foot p.name{
	margin:0;
	padding:10px 0 0;
	font-weight:bold;
}

#foot address{
	margin:0;
	padding:2px 0 10px;
	font-style:normal;
}
p#foot_copyright{
	padding:6px 0;
	text-align:center;
	color:#FFF;
	background : transparent url(../img/copyright_back.jpg) no-repeat scroll left top;
	background-size: cover;
}
#shadow_bottom{
	width:828px;
	height:116px;
	margin:0 auto;
	background:#efefe1;
}