﻿@charset "utf-8";

@import url("specific.css");

/* ====================================
基本設定開始
==================================== */
body {
	margin:0;
	padding:0;
	color:#333333;
	font-size:80%;
	line-height:1.4;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:12px;
	background:url(img/body_back.jpg) repeat-x 0 0;
}
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif; text-align:center;}
*+html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}

#page{
	width:100%;
	min-width:1024px;
	background:url(img/body_back2.jpg) no-repeat 50% 0;
}
* html body #wrapper{text-align:left;}
#wrapper{
	width:1018px;
	margin:0 auto;
}
/* 画像のボーダー解除 */
img{
	border:0;
}

img.waku{
	padding:5px;
	background:url(img/imgwaku.jpg) repeat 0 0;
}
/* リンク */
a{
	color:#E60012;
	text-decoration:underline;
	overflow:hidden;
}
a:hover,a:active{
	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;}

/* 詳細はこちらリンク */
.focus {text-align:right;}
.focus a{
	background:url(img/ya1.jpg) no-repeat left center;
	padding-left:15px;
}

/* フォントサイズのパターン */
.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{color:#E60012;}
.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;}

/* 汎用的な幅のパターン */
.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%;}

/* マージン */
.mb5{margin-bottom:5px; !important;}
.mb10{margin-bottom:10px; !important;}
.mb15{margin-bottom:15px; !important;}
.mb20{margin-bottom:20px; !important;}
.mb30{margin-bottom:30px; !important;}
/* ====================================
基本設定終了
==================================== */

/* ====================================
ヘッダー開始
==================================== */
#head{
	height:109px;
	margin:0 0 7px 0;
}
#head h1,
#head p.logo{
	margin:0;
	padding:0;
	float:left;
}
#head .right{
	padding:23px 2px 0 0;
	float:right;
	text-align:right;
}
#head .right p.subnavi{
	width:351px;
	margin:0 0 5px;
	padding:0;
}
#head .right p.tel{
	margin:0;
	padding:0;
}
/* ====================================
ヘッダー終了
==================================== */

/* ====================================
グローバルナビ開始
==================================== */
#gnavi{
	height:60px;
	margin:0 0 18px 0;
}
#gnavi ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#gnavi li{
	display:inline;
	margin:0;
	padding:0;
}
#gnavi a{
	display:block;
	width:205px;
	height:60px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
}

#gnavi li.g1 a{background:url(img/gnavi1.jpg) no-repeat left top; width:198px;}
#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; width:204px;}
#gnavi li.g6 a{background:url(img/gnavi6.jpg) no-repeat left top; width:204px;}

/* マウスオーバー */
#gnavi li.g1 a:hover,#gnavi li.g1 a:active{background:url(img/gnavi1_on.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.g5 a:active{background:url(img/gnavi6_on.jpg) no-repeat left top;}

/* 現在位置表示 */
#gnavi li.g1 a.now{background:url(img/gnavi1_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;}

/* ====================================
グローバルナビ終了
==================================== */


/* ====================================
本文領域開始
==================================== */
#contwrap{
	width:1000px;
	margin:0 auto;
	padding-bottom:30px;
}
#contwrap h1{
	margin:0 0 22px;
	padding:0;
	font-size:140%;
}

/* 左カラム */
#left{
	width:680px;
	float:left;
}

/* パンくずリスト */
#left p.path{
	margin:0 0 15px 0;
	padding:5px 10px;
	background:url(img/path_back.jpg) repeat 0 0;
}
#left p.path a{
	text-decoration:none;
}
#left p.path a:hover{
	text-decoration:underline;
}
#left h2{
	margin:25px 0 10px 0;
	padding:13px 10px 11px 25px;
	background:url(img/h2_back.jpg) no-repeat 0 0;
	font-size:120%;
	color:#ffffff;
}
#left h2.type1{
	margin:0 0 10px 0;
	padding:0 0 0 25px;
	background:url(img/h2_ya.jpg) no-repeat 0 50%;
	color:#E60012;
	font-size:140%;
}

#left h3{
	margin:25px 0 10px 0;
	padding:10px 10px 8px 30px;
	font-size:110%;
	background:url(img/h3_back.jpg) no-repeat 0 0;
	color:#000000;
	border-bottom:1px solid #d9d2d0;
}
#left h4{
	margin:20px 0 5px;
	padding:0;
	color:#d9120b;
	font-size:110%;
}
#left p{
	margin:0 0 15px;
	padding:0;
}
/* ページトップへ　*/
#left p.pagetop{
	margin:0;
	padding:15px 0;
	text-align:right;
	clear:both;
}


/* 右カラム */
#right{
	width:300px;
	float:right;
}
#right h2{
	margin:0 0 10px;
}
#lnavi{
	margin-bottom:25px;
}
#lnavi ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#lnavi li{
	margin:0;
	padding:0;
}
#lnavi li a{
	width:265px;
	display:block;
	padding:8px 5px 8px 30px;
	background:url(img/lnavi_ya.gif) no-repeat 6px 50%;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}
#lnavi li li{
	margin:0 0 0 27px;
	padding:0;
}
#lnavi li li a{
	width:244px;
	display:block;
	padding:8px 5px 8px 24px;
	background:url(img/lnavi_ya2.gif) no-repeat 6px 50%;
	text-decoration:none;
	color:#6A602F;
	border-bottom:1px dotted #ccc;
}

#lnavi li a:hover,
#lnavi li a.now{
	background-color:#fef1f0;
}
#lnavi li li a:hover,
#lnavi li li a.now{
	background-color:#f4f2e9;
}

#right p{
	margin:0 0 10px;
	padding:0;
}


/* 装飾 */
.box1{
	margin:0 0 10px;
	background:#FAFAFA;
	padding:10px 10px 0;
	border:1px solid #cccccc;
}

/* テーブル */
table{
	margin:0 auto 15px;
	background:#ddd;
}
table th{
	background:#fef3f3;
	text-align:left;
	vertical-align:top;
	color:#666666;
}
table td{
	background:#FFF;
	vertical-align:top;
}

/* リスト */
ul,ol{
	margin:0 0 15px;
	padding:0;
}
ul li,
ol li{
	margin:0 0 5px 25px;
	padding:0;
}
ul.type1{
	list-style-image:url(img/list1.gif);
}


/* ====================================
本文領域終了
==================================== */


/* ====================================
フッター開始
==================================== */
#footwrap{
	width:100%;
	margin:0;
	padding:0;
	background:#e60012;
}
#foot{
	width:1024px;
	height:296px;
	margin:0 auto;
	background:url(img/foot_back.jpg) no-repeat 0 0 #e60012;
}
#foot .name{
	width:350px;
	float:left;
}
#foot .name p{
	margin:0 0 3px;
	padding:0;
	text-align:center;
}
#foot .name address{
	margin:0;
	padding:0 61px;
	font-style:normal;
	line-height:1.6;
}
#foot .right{
	width:650px;
	float:right;
	margin:0 10px 0 0;
	padding-top:45px;
	text-align:right;
	font-size:13px;
}
#foot .right p.footlink{
	margin:0 0 10px;
	padding:0;
	color:#fff;
}
#foot .right p.footlink a{
	color:#fff;
	text-decoration:none;
}
#foot .right p.footlink a:hover{
	text-decoration:underline;
}
#foot .right p#foot_copyright{
	margin:0;
	padding:0;
	color:#fff;
}
/* ====================================
フッター終了
==================================== */