﻿/* ====================================
基本設定開始
==================================== */
body {
	margin:0;
	padding:0;
	background:#310209;
	font-size:80%;
	line-height:1.4;
	color:#FFF;
}
#wrapper{
	width:800px;
	margin:0 auto;
	padding:73px 0 0;
}

/* 画像のボーダー解除、位置調整 */
img{
	border:0;
	vertical-align:bottom;
}

/* リンク */
a{
	color:#ffcc00;
	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;}

/* clearfix */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* IE用clearfix */
.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* 詳細はこちらリンク */
.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:#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;}

/* 汎用的な幅のパターン */
.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%;}

/* 表示設定 */
.hidden{
	visibility:hidden;
}
/* ====================================
基本設定終了
==================================== */

/* ====================================
ヘッダー開始
==================================== */
#head{
	width:800px;
	margin:0 auto;
}
#head .left{
	width:213px;
	float:left;
}
#head .left h1{
	margin:0;
	padding:0;
}
#head .left p.logo{
	margin:0;
	padding:0;
}
#head .left p.tel{
	margin:0;
	padding:0;
}
#head .right{
	width:507px;
	float:right;
	text-align:right;
}
#head .right p.subnavi{
	margin:0;
	padding:0 0 18px;
}
#head .right p.subnavi a{
	margin-left:16px;
}
/* ====================================
ヘッダー終了
==================================== */

/* ====================================
グローバルナビ開始
==================================== */
#gnavi{
	width:507px;
	text-align:left;
}
#gnavi ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#gnavi li{
	display:inline;
	margin:0;
	padding:0;
}
#gnavi a{
	display:block;
	width:96px;
	height:40px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
}

#gnavi li.g1 a{background:url(../img/gnavi1.jpg) no-repeat left top;}
#gnavi li.g2 a{background:url(../img/gnavi2.jpg) no-repeat left top; width:120px;}
#gnavi li.g3 a{background:url(../img/gnavi3.jpg) no-repeat left top; width:121px;}
#gnavi li.g4 a{background:url(../img/gnavi4.jpg) no-repeat left top; width:72px;}
#gnavi li.g5 a{background:url(../img/gnavi5.jpg) no-repeat left top; width:98px;}

/* マウスオーバー */
#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.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;}


/* ====================================
グローバルナビ終了
==================================== */


/* ====================================
本文領域開始
==================================== */

#cont{
	width:800px;
	padding-bottom:14px;
}
#cont h1{
	margin:19px 0 0;
	padding:5px 23px;
	background:url(../img/h1_back.jpg) repeat-y 0 0;
	font-size:140%;
	color:#333;
}

#cont h2{
	margin:30px 0 0;
	padding:6px 23px;
	background:url(../img/h2_back.jpg) repeat 0 0;
	font-size:125%;
}

#cont h3{
	margin:20px 0 0;
	padding:0 0 10px;
	background:url(../img/h3_back.jpg) no-repeat 0 100%;	
	font-size:130%;
}
#cont h3 span{
	padding-left:23px;
	background:url(../img/h3_ya.jpg) no-repeat 0 50%;
}
#cont h4{
	margin:10px 0 0;
	padding:0 0 0 20px;
	border-left:5px solid #FFF;
	font-size:100%;
}

#cont p{
	margin:0;
	padding:15px 0 0;
}

/* テーブル */
table{
	margin:15px auto;
	background:#b7a7a9;
}
table th{
	background:#6f4e53;
	vertical-align:top;
}
table td{
	background:#310209;
}

/* リスト */
ul,ol{
	margin:10px 10px;
	padding:0;
	list-style-type:none;
}
ul li{
	margin:0;
	padding:0 0 3px 15px;
	background:url(../img/list1.jpg) no-repeat 0 5px;
}
ol li{
	margin:0;
	padding:0;
}
/* パンくずリスト */
#cont p.path{
	margin:0;
	padding:1px 1px 10px;
	background:url(../img/path_line.jpg) no-repeat 0 100%;
}
/* ページトップへ　*/
#cont p.pagetop{
	margin:0;
	padding:15px 0 0;
	text-align:right;
}
/* ====================================
本文領域終了
==================================== */


/* ====================================
フッター開始
==================================== */
#foot{
	clear:both;
	width:800px;
	margin:0 auto;
	padding:0;
	border-top:1px solid #a3828d;
	border-bottom:5px solid #a3828d;
}
#foot a{
	color:#FFF;
}
#foot p.name{
	margin:0;
	padding:10px 0 0px 10px;
	font-weight:bold;
}

#foot address{
	margin:0;
	padding:0 0 12px 10px;
	font-style:normal;
}
p#foot_copyright{
	margin:0;
	padding:2px 0;
	text-align:center;
	color:#A3828D;
}
/* ====================================
フッター終了
==================================== */
