@charset "Shift_JIS";


/* --------- 1:リセット --------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* --------- 2:共通スタイル --------- */

/*　フロート指定クラス　*/
.floatL {float: left;}
.floatR {float: right;}

/*　テキスト揃え指定クラス　*/
.tLeft {text-align:left;}
.tCnter {text-align:center;}
.tRight {text-align:right;}

/*　上下位置指定クラス　*/
.vm {vertical-align: middle;}

/*　マージン指定クラス　*/
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}

.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.ml05{margin-left:5px; !important;}
.ml10{margin-left:10px; !important;}
.ml15{margin-left:15px; !important;}
.ml20{margin-left:20px; !important;}


/*　パディング指定クラス　*/
.pd05{padding:5px !important;}
.pd10{padding:10px !important;} 
.pd15{padding:15px !important;} 
.pd20{padding:20px !important;} 
.pd30{padding:30px !important;} 

.pt10{padding-top:10px !important;} 
.pt20{padding-top:20px !important;} 
.pt30{padding-top:30px !important;} 


/*　テキストボールド指定クラス　*/
.fwb {font-weight:bold;}

.none {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}

.noBorder {
	border: 0px;
}

/* フロート解除 */
.clear {
	clear: both;
}

/* フロートしているナビゲーションのリストアイテムのフロート解除を、
直下のHTML要素の有無に関わらずクリアするための設定（俗に言うclearfix） */
/* .clearfix */
.clearfix {
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/* ---------- 3:バグ回避 ----------- */

/* IE6 で画像が消えることがあるバグを回避 */
img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #sidenavi {
  margin-top: 0;
}



/* --------- 4:レイアウト --------- */

body {
	background: url(../images/bg.gif) #FFFDEE repeat-x;
}

/* 全体をセンタリング */
#container {
  background: transparent;
  width: 818px;
  margin: 0 auto;
	padding: 0;
}

/*ヘッダー部分 */
#header {
	width: 818px;
	margin: 0;
	position: relative;
}


/*コンテンツ部分 */
#contents {
	width: 798px;
	margin: 0 11px;
	background: #FFFFFF;
	border-left: #E4CFA2 1px solid;
	border-right: #E4CFA2 1px solid;
	text-align: center;
}

.contentsInner {
	padding: 0 29px;
}


/* --------- 5:ヘッダー --------- */

#header h1 {
	display: block;
	width: 818px;
	height: 211px;
	background: url(../images/header_01.jpg) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

#header h2 {
	display: block;
	width: 818px;
	height: 233px;
	background: url(../images/header_02.jpg) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

/* --------- 6:voice --------- */

#voice {
	width: 740px;
}

#voice .voice_ttl h3 {
	display: block;
	width: 740px;
	height: 82px;
	background: url(../images/voice_ttl.jpg) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

#voice .box01 {
	width:250px;
	height: 203px;
	float:left;
	background: url(../images/voice_01.gif) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

#voice .box03 {
	width:251px;
	height: 203px;
	float:right;
 	background: url(../images/voice_03.gif) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

#voice .box02 {
	width:239px;
	height: 203px;
	float:right;
	background: url(../images/voice_02.gif) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

/* --------- 7:himitsu --------- */

#himitsu {
	width: 740px;
	height: 453px;
	background: url(../images/himitsu_bg.gif) no-repeat;
}

#himitsu .himitsu_ttl h3 {
	display: block;
	width: 740px;
	height: 37px;
	background: url(../images/himitsu_ttl.jpg) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

/* --------- 8:tea --------- */

#tea {
	width: 740px;
	height: 547px;
	margin-bottom: 20px;
	background: url(../images/tea_bg.jpg) no-repeat;
}

#tea .tea_ttl h3 {
	display: block;
	width: 740px;
	height: 37px;
	background: url(../images/tea_ttl.jpg) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

#teaKotsu {
	width: 690px;
	height: 55px;
	margin: 15px 25px;
}

.teaLeft {
	width: 220px;
	float: left;
}

.teaRight {
	margin-left: 220px;
	_margin-left: 220px;
	height: 40px;
	_height: 55px;
	background: #CB4647;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	padding: 10px 5px 5px 5px;
}


#teaVoice {
	width: 696px;
	height: 206px;
	margin: 0 22px;
}

#teaVoice .voice01 {
	display: block;
	width: 281px;
	height: 206px;
	float: left;
	background: url(../images/tea_voice01.gif) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

#teaVoice .voice02 {
	display: block;
	margin-left: 281px;
	_margin-left: 281px;
	height: 206px;
	background: url(../images/tea_voice02.gif) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

/* --------- 9:safe --------- */

#safe {
	width: 740px;
	height: 371px;
	margin-bottom: 20px;
	background: url(../images/safe_bg.jpg) no-repeat;
}

#safe .safe_ttl h3 {
	display: block;
	width: 740px;
	height: 37px;
	background: url(../images/safe_ttl.jpg) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}

.safe_text {
	width: 500px;
}

/* --------- 10:course --------- */
#course {
	width: 740px;
	_width: 745px;
	margin: 0 25px 20px 25px;
}

.courseLeft {
	width: 370px;
	float: left;
}

.courseRight {
	margin-left: 370px;
}


#course2 {
	width: 735px;
	_width: 740px;
	height: 155px;
	margin-bottom: 15px;
}


/* --------- 11:attention --------- */
#attention {
	width: 740px;
	_width: 745px;
	margin: 0 25px 20px 25px;
}

.attentionLeft {
	width: 350px;
	float: left;
}

.attentionRight {
	margin-left: 360px;
}

.attentionBorder1 {
	width: 328px;
	border: #D4A07B 1px solid;
	background: #F9F3E3;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: left;
}

.attentionBorder2 {
	width: 358px;
	border: #D4A07B 1px solid;
	background: #F9F3E3;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: left;
}



/* --------- 12:フッタ --------- */

#footBlock {
 width:750px;
 _width:755px;
 height: 55px;
 margin: 0 20px 10px 20px;
 padding: 18px 0 0 0;
 background: url(../images/foot_bg.gif) no-repeat;
 color: #FFFFFF;
}


/* --------- 13:copyright --------- */

#copyright {
	display: block;
	width: 220px;
	height: 12px;
	margin: 0 285px;
	padding-bottom: 20px;
	background: url(../images/copyright.gif) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
}