﻿@charset "utf-8";

/* タグ継承「基本」 */
body {
	font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", Verdana;
	color: #333333;
	font-size: 12px;
}
* {
	margin: 0px;
	padding: 0px;
}
p{
	line-height: 1.5em;
	font-size: 12px;
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align:bottom;
}
a{
	color: #0099CC;
	text-decoration: none;
}
a:hover{
	color: #0099CC;
	text-decoration: underline;
}
/* クラス類 */
.red {color : red ;}
.blue{color : navy ;}
.white{color : white ;}
.black{color : black ;}
.orange{color : #ff6600 ;}
.green{color : green ;}
.gray{color : #cccccc ;}
.left{float: left;}
.img_clear{
	clear: left;
	float: left;
}

/* clearfix */
/* modern browsers */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
  clear:both;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 基本のラッピング */
#main_wrapper {
	width: 1011px;
	margin-right: auto;
	margin-left: auto;
}

/* ヘッダー */
#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 1011px;
}

#header dl {
	padding-top: 65px;
	float: right;
	width: 300px;
	padding-right: 30px;
}
#header dd {
	float: left;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height: 15px;
	background-position: left;
	padding-right: 10px;
	font-size: 11px;
}
/* グローバルメニュー */
#main_menu {
	background-image: url(images/menu_off_bg.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 1005px;
	padding-left: 6px;
}
#main_menu ul {
	float: left;
}

#main_menu em {
	visibility: hidden;
}
#main_menu li{
	height: 49px;
	width: 143px;
	list-style-type: none;
	float: left;
}
#main_menu li a{
	height: 49px;
	width: 143px;
	display: block;
}
#main_menu li#bt01 a:hover{
	height: 49px;
	width: 143px;
	background-image: url(images/menu_on_bg_01.jpg);
	text-decoration: none;
}
#main_menu li#bt02 a:hover{
	height: 49px;
	width: 143px;
	background-image: url(images/menu_on_bg_02.jpg);
	text-decoration: none;

}
#main_menu li#bt03 a:hover{
	height: 49px;
	width: 143px;
	background-image: url(images/menu_on_bg_03.jpg);
	text-decoration: none;

}
#main_menu li#bt04 a:hover{
	height: 49px;
	width: 143px;
	background-image: url(images/menu_on_bg_04.jpg);
	text-decoration: none;

}
#main_menu li#bt05 a:hover{
	height: 49px;
	width: 143px;
	background-image: url(images/menu_on_bg_05.jpg);
	text-decoration: none;

}
#main_menu li#bt06 a:hover{
	height: 49px;
	width: 143px;
	background-image: url(images/menu_on_bg_06.jpg);
	text-decoration: none;

}
#main_menu li#bt07 a:hover{
	height: 49px;
	width: 143px;
	background-image: url(images/menu_on_bg_07.jpg);
	text-decoration: none;

}
/* メインイメージをバックグランドにて */
#main_image {
	background: url(images/main_img.jpg) no-repeat;
	height: 236px;
	width: 1011px;
}

/* メインイメージ内のH1タグ */
#main_image h1 {
	font-size: 10px;
	font-weight: normal;
	color: #C6C6C6;
	padding-right: 5px;
	float: right;
}

/* ページ用メインイメージ領域 */
#main_image_page {
	height: 137px;
	width: 1011px;
	background: url(images/page_mainimage.jpg) no-repeat;
}

/* メインのコンテンツボックス「バックグランドにて2カラムのイメージ挿入」 */
#contents_box {
	float: left;
	width: 978px;
	background-image: url(images/contents_body_center.jpg);
	padding-left: 23px;
	padding-right: 10px;
	clear: none;
}
/* 左ボックス基本 */
#left_box {
	float: left;
	width: 711px;
}
/* 左ボックス内に存在するインナーボックス */
#inner_box {
	background-image: url(images/inner_box_center.jpg);
	width: 703px;
	padding-left: 8px;
	float: left;
}
/* 右側のボックス基本 */
#right_box {
	float: right;
	width: 242px;
}
/* 右側のボックス内のバナースタイル */
/* 右側のボックス内のバナースタイル */
#r_banner_box {
	width: 242px;
}


#r_banner_box em {
	visibility: hidden;
}
#r_banner_box li {
	height: 74px;
	width: 242px;
	margin-bottom: 10px;
	list-style-type: none;
}

#r_banner_box li a {
	height: 74px;
	width: 242px;
	margin-bottom: 10px;
	display: block;
}


#r_banner_box li#ba01 {background: url(images/r_banner_bg.jpg);}
#r_banner_box li#ba02 {background: url(images/r_banner_bg.jpg) 0 -84px;}
#r_banner_box li#ba03 {background: url(images/r_banner_bg.jpg) 0 -168px;}
#r_banner_box li#ba04 {background: url(images/r_banner_bg.jpg) 0 -252px;}
#r_banner_box li#ba05 {background: url(images/r_banner_bg.jpg) 0 -336px;}
#r_banner_box li#ba06 {background: url(images/r_banner_bg.jpg) 0 -420px;}
#r_banner_box li#ba07 {background: url(images/r_banner_bg.jpg) 0 -504px;}
#r_banner_box li#ba08 {background: url(images/r_banner_bg.jpg) 0 -588px;}
#r_banner_box li#ba09 {background: url(images/r_banner_bg.jpg) 0 -664px;}


#r_banner_box li a:hover {text-decoration:none;}
#r_banner_box li#ba01 a:hover {background-image: url(images/r_banner_01.jpg);}
#r_banner_box li#ba02 a:hover {background-image: url(images/r_banner_02.jpg);}
#r_banner_box li#ba03 a:hover {background-image: url(images/r_banner_03.jpg);}
#r_banner_box li#ba04 a:hover {background-image: url(images/r_banner_04.jpg);}
#r_banner_box li#ba05 a:hover {background-image: url(images/r_banner_05.jpg);}
#r_banner_box li#ba06 a:hover {background-image: url(images/r_banner_06.jpg);}
#r_banner_box li#ba07 a:hover {background-image: url(images/r_banner_07.jpg);}
#r_banner_box li#ba08 a:hover {background-image: url(images/r_banner_08.jpg);}
#r_banner_box li#ba09 a:hover {background-image: url(images/r_banner_09.jpg);}

/* フッターボックス基本 */
#footer_box {
	float:left;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 127px;
	width: 911px;
	padding-top: 50px;
	padding-right: 50px;
	padding-left: 50px;
	color: #FFFFFF;
	text-align: center;
}
#footer_box a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer_box a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer_box address {

}
/* その他のスタイル */
#text_box_01 {
	float: left;
	width: 526px;
}
#text_box_01 h2 {
	font-size: 12px;
}

#left {
	float: left;
}

/* 下層ページ用css */
h2.page {
	width:711px;
	height:37px;
	margin-bottom:15px;
	}

h2.contacttitle {background:url(images/contact_title.gif) no-repeat;}
	
.page h2 span {
	visibility:hidden;
	}
	
.page h3 {
	padding:0 0 5px 5px;
	border-bottom:3px #ccc solid;
	}

/* お問い合わせフォーム */
table {
	width:80%;
	margin:0 auto;
	font-size:13px;
	}

th {
	width:180px;
	padding:20px 10px;
	text-align:left;
	border-bottom:#031e39 solid 3px;
	background:#f7f7f7;
	}
	
td {
	padding:20px 10px;
	text-align:left;
	border-bottom:#333 dotted 1px;
	background:#f7f7f7;
	}


