/* ====================================
基本設定開始
==================================== */
body {
	margin:0;
	padding:0;
	color:#333333;
	font-size:80%;
	line-height:140%;
	background:url(../img/body_bg.jpg) repeat-x 0 0;
} 
#shadow_top{
	width:100%;
	background:url(../img/shadow_top.jpg) no-repeat 50% 0;
}
#shadow{
	width:100%;
	background:url(../img/shadow.jpg) repeat-y 50% 0;
}
/* 画像のボーダー解除 */
img{border:0;}
img.border{border:1px solid #dddddd;}

/* リンク */
a{
	color:#0000FF;
	text-decoration:underline;
	overflow:hidden;
}
a:hover,a:active{
	color:#0000FF;
	text-decoration:none;
}

/* テキスト寄せ */
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

/* フロート */
.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;}
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  zoom:1;
}

/* 詳細はこちらリンク */
.focus {text-align:right;}
.focus a{
	background:url(../img/ya1.jpg) no-repeat left center;
	padding-left:18px;
}

/* フォントサイズのパターン */
.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;}

/* フォント色のパターン */
.fontred1,.msg{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;}
.fontbrown2{color:#CC9966;}
.fontbrown3{color:#B28500;}
.fontpurple1{color:#6633CC;}
.fontpurple2{color:#9999FF;}
.fontpink1{color:#FF33CC;}
.fontpink2{color:#FF99CC;}
.fontgray1{color:#666666;}
.fontgray2{color:#999999;}

/* 汎用的な幅のパターン */
.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_top{
	width:750px;
	height:29px;
	margin:0 auto;
	text-align:right;
}
#head_top p.subnavi,#head_top h1.subnavi{
	margin:0;
	padding:5px 0 0;
	color:#ffffff;
	font-size:100%;
	font-weight:normal;
}
#head{
	width:750px;
	margin:0 auto;
	padding:0 0 21px;
}
#head h1{
	margin:0;
	padding:0;
}
#head p.logo{
	margin:0;
	padding:0;
}
#head p.tel{
	margin:0;
	padding:0 0 10px;
}
/* ====================================
ヘッダ終了
==================================== */

/* ====================================
グローバルナビ開始
==================================== */
#gnavi{
	width:170px;
	margin:18px 0 0;
	padding:0;
}
#gnavi ul{
	margin:0;
	padding:0;
}
#gnavi li{
	display:inline;
	margin:0;
	padding:0;
}
#gnavi a{
	display:block;
	width:170px;
	height:42px;
	margin:0 0 1px;
	padding:0;
	text-indent:-9999px;
}

#gnavi li.g1 a{background:url(../img/gnavi1.jpg) no-repeat left top; height:22px; margin-bottom:7px;}
#gnavi li.g2 a{background:url(../img/gnavi2.jpg) no-repeat left top;}
#gnavi li.g3 a{background:url(../img/gnavi3.jpg) no-repeat left top;}
#gnavi li.g4 a{background:url(../img/gnavi4.jpg) no-repeat left top;}
#gnavi li.g5 a{background:url(../img/gnavi5.jpg) no-repeat left top;}
#gnavi li.g6 a{background:url(../img/gnavi6.jpg) no-repeat left top;}
#gnavi li.g7 a{background:url(../img/gnavi7.jpg) no-repeat left top;}

/* マウスオーバー */
#gnavi li.g2 a:hover,#gnavi li.g2 a:active{background:url(../img/gnavi2_on.jpg) no-repeat left top;}
#gnavi li.g3 a:hover,#gnavi li.g3 a:active{background:url(../img/gnavi3_on.jpg) no-repeat left top;}
#gnavi li.g4 a:hover,#gnavi li.g4 a:active{background:url(../img/gnavi4_on.jpg) no-repeat left top;}
#gnavi li.g5 a:hover,#gnavi li.g5 a:active{background:url(../img/gnavi5_on.jpg) no-repeat left top;}
#gnavi li.g6 a:hover,#gnavi li.g6 a:active{background:url(../img/gnavi6_on.jpg) no-repeat left top;}
#gnavi li.g7 a:hover,#gnavi li.g7 a:active{background:url(../img/gnavi7_on.jpg) no-repeat left top;}

/* 現在位置表示 */
#gnavi li.g2 a.now{background:url(../img/gnavi2_on.jpg) no-repeat left top;}
#gnavi li.g3 a.now{background:url(../img/gnavi3_on.jpg) no-repeat left top;}
#gnavi li.g4 a.now{background:url(../img/gnavi4_on.jpg) no-repeat left top;}
#gnavi li.g5 a.now{background:url(../img/gnavi5_on.jpg) no-repeat left top;}
#gnavi li.g6 a.now{background:url(../img/gnavi6_on.jpg) no-repeat left top;}
#gnavi li.g7 a.now{background:url(../img/gnavi7_on.jpg) no-repeat left top;}

/* 第2階層メニュー */
#gnavi li.g3 li a{
	width:135px;
	height:auto;
	margin:0;
	padding:7px 5px 7px 30px;
	border-bottom:1px solid #eeeeee;
	background:url(../img/list1.jpg) no-repeat 14px 50% #ffffff;
	color:#666666;
	text-indent:0;
	text-decoration:none;
	font-size:90%;
}
#gnavi li.g3 li a:hover,#gnavi li.g3 li a:active{
	background:url(../img/list1.jpg) no-repeat 14px 50% #ffffff;
	text-decoration:underline;
	color:#333333;
}
/* ====================================
グローバルナビ終了
==================================== */


/* ====================================
本文領域開始
==================================== */
#contwrap{
	width:750px;
	margin:0 auto 10px;
}
/* 左側 */
#cont_left{
	width:170px;
	display:inline;
	margin:0 0 0 36px;
	padding:0;
	float:left;
}
/* お問い合わせ */
#cont_left h3.inqbox_title{
	margin:16px 0 0;
	padding:0;
}
#cont_left .inqbox{
	width:168px;
	margin-bottom:12px;
	border:1px solid #D4D0C8;
	border-top:0;
}
#cont_left .inqbox p{
	margin:0;
	padding:10px 7px 5px;
}
#cont_left .inqbox p.focus{
	margin:0;
	padding:0 7px 8px;
}

#cont_left p{
	margin:0 0 12px;
	padding:0;
}

/* 右側 */
#cont_right{
	width:487px;
	display:inline;
	margin:0 20px 0 0;
	padding:0;
	float:right;
}

#cont{
	width:458px;
	margin:0 auto;
}
#cont h1{
	margin:0;
	padding:12px 13px;
	background:#B1F2EF;
	font-size:130%;
}
#cont h1 span{
	display:block;
	background:url(../img/h1_ya.jpg) no-repeat 0 50%;
	padding-left:30px;
}
#cont h1 span span{
	display:inline;
	background:none;
	padding:0;
}
#cont div.h2{
	padding-bottom:5px;
	background:url(../img/h2_bottom.jpg) no-repeat 0 100%;
}
#cont h2{
	margin:30px 0 0;
	padding:6px 0 1px;
	background:url(../img/h2_back.jpg) no-repeat 0 0;
	text-align:center;
	font-size:110%;
	color:#FFFFFF;
}
#cont h2.top{
	margin-top:10px;
}
#cont h3{
	margin:20px 0 10px;
	padding:3px 0;
	background:url(../img/h3_ya.jpg) no-repeat 0 50%;
	border-bottom:1px solid #01C2BD;
	font-size:110%;
	text-align:center;
}
#cont h3.image{
	margin:30px 0 0;
	padding:0;
	border-top:1px dotted #cccccc;
	border-bottom:none;
	background:none;
	text-align:left;
}
#cont h4{
	margin:20px 0 0;
	padding:0;
	font-size:110%;
	color:#3e8043;
}
#cont p.narrow{
	margin:0;
}

/* テーブル */
table{
	margin:20px auto 0;
	padding:0;
	background:#CCC;
}
table th{
	background:#FAFAFA;
	text-align:left;
	vertical-align:top;
}
table td{
	background:#FFF;
}

/* リスト */
ul{
	margin:10px 20px;
	padding:0;
}
ol{
	margin:10px 20px 10px 30px;
	padding:0;
}
ul.type1{
	list-style-type:none;
	list-style-image:url(../img/list1.jpg);
}
ul li{
	margin:0;
	padding:3px 0 0;
}
ol li{
	margin:0;
	padding:3px 0 0;
}
/* パンくずリスト */
p.path{
	margin:0;
	padding:14px 0 14px;
}
/* お問い合わせのボックス　*/
.contact_box,#cont .contact_box{
	margin:20px 0 10px;
	width:100%;
	height:220px;
	position:relative;
	background:url(../img/contact_box_back.jpg) no-repeat left top;
}
.contact_box p,#cont .contact_box p{
	position:absolute;
	top:150px;
	left:30px;
}

/* ページトップへ　*/
p.pagetop{
	margin:20px 0 0;
	padding:0;
	text-align:right;
}
/* ====================================
本文領域終了
==================================== */


/* ====================================
フッタ開始
==================================== */
#fot{
	width:750px;
	margin:0 auto;
	border-top:1px solid #D6D6D6;
}
#fot p.name{
	margin:0;
	padding:10px 20px 0;
	font-weight:bold;
}

#fot address{
	margin:0;
	padding:5px 20px 8px;
	font-style:normal;
}
p#fot_copyright{
	margin:0;
	padding:6px 0;
	text-align:center;
	background:#01C2BD;
	color:#FFFFFF;
}
/* ====================================
フッタ終了
==================================== */