﻿@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/back.gif);
	font: normal normal normal 10pt/160% "ＭＳ Ｐゴシック";
}


.main #container {
	width: 905px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	padding: 0px 0px 0px 5px;
	background-image: url(../images/shadow_back.jpg);
}
.head {
	width: 900px;
	text-align: left;
	float: left;
	background-image: url(../images/head.jpg);
}

.head_left {
	width: 210px;
	text-align: left;
	float: left;
}

.head_right {
	width: 250px; /* chg 2010.8.11 takama 元、600 */
	text-align: right;
	float: right;
	padding: 5px 10px 0px  0px;
}

.head_center {	/* add 2010.8.11 takama */
	width: 330px;
	text-align: left;
	float: left;
	padding: 20px 0px 0px 0px;
}

H1 { margin: 0px 0px 0px 0px; font: normal normal normal 8pt/120% "ＭＳ Ｐゴシック"; color: #505050;}


/*メニュー部分*/
.menu {
	background-image: url(../images/menu00_f2.jpg);
	float: left;
	width: 900px;
}

.menu01 {
	padding: 0px 0px 0px 21px;
	float: left;
}
.menu02 {
	padding: 0px 0px 0px 0px;
	float: left;
}

.menu03 {
	padding: 0px 21px 0px 0px;
	float: left;
}

.title_img {
	width: 900px;
	clear: both;
	padding-top: 20px;
}

/************************内部ページ************************/

/*メニュー部分*/

.menu_box00 {
	width: 820px;
	margin: 30px auto;
	padding: 0px 40px;
	float: left;
}

.menu_box00_2 {
	width: 820px;
	margin: 10px auto 30px auto;
	padding: 0px 40px;
	float: left;
}


.menu_box01 {
	margin: 0px 20px 0px 0px;
	float: left;
}

.menu_box02 {
	margin: 0px 0px 0px 0px;
	float: left;
}


/*３つの基本部分*/


.main #in {
	width: 820px;
	float: left;
	text-align: center;
	margin: 20px auto;
	padding: 0px 40px;
	background-image: url(images/hana_back.gif);
	background-repeat: no-repeat;
}

.in01 {
	width: 430px;
	float: left;
	text-align: left;
}
.in02 {
	float: right;
	width: 370px;
	}
	
.kihon_r {
	margin: 0px 0px 20px 0px;
	float: left;
	border: 1px #F0E7A1 solid;
	width: 408px;
	background-image: url(images/3kihon_r.jpg);
	padding: 50px 10px 10px 10px;
	background-repeat: no-repeat;
}

.kihon_b {
	margin: 0px 0px 20px 0px;
	float: left;
	border: 1px #F0E7A1 solid;
	width: 408px;
	background-image: url(images/3kihon_b.jpg);
	padding: 50px 10px 10px 10px;
	background-repeat: no-repeat;
}


.kihon_j {
	margin: 0px 0px 20px 0px;
	float: left;
	border: 1px #F0E7A1 solid;
	width: 408px;
	background-image: url(images/3kihon_j.jpg);
	padding: 50px 10px 10px 10px;
	background-repeat: no-repeat;
}
	
.box01 {
	padding: 0px 0px 0px 40px;
	clear: both;
	text-align: left;
}

.box02 {
	padding: 0px 0px 30px 0px;
	clear: both;
	text-align: left;
}

.img01 {
	margin: 0px 0px 20px 0px;
}

.img01 {
	margin: 0px 0px 10px 0px;
}

/******メニュー詳細ページ******/

.menu_title {
	padding: 0px 40px 20px 40px;
	text-align: left;
	width: 820px;
	clear: both;
}


.box03 {
	padding: 0px 70px;
	text-align: left;
	float: left;
	width: 760px;
}

.box03_back {
	padding: 0px 70px;
	text-align: left;
	float: left;
	width: 760px;
	background-image: url(images/hana_back02.gif);
}

.box03_back2 {
	padding: 0px 70px;
	text-align: left;
	float: left;
	width: 760px;
	background-image: url(images/hana_back03.gif);
}

.box03_back3 {
	padding: 0px 70px;
	text-align: left;
	float: left;
	width: 760px;
	background-image: url(images/hana_back04.gif);
}


.box04 {
	text-align: left;
	width: 760px;
	margin: 0px 0px 30px 0px;
	font: normal normal normal 10pt/180% "ＭＳ Ｐゴシック";
	clear: both;
}

.box05 {
	text-align: right;
	width: 800px;
	margin: 20px auto 0px auto;
	clear: both;
}

.stitle {
	padding: 1px 0px 1px 15px;
	text-align: left;
	background-image: url(images/menu_back.gif);
	width: 650px;
	font: normal normal bold 12pt/100% "ＭＳ Ｐゴシック";
	margin: 10px 0 15px 0;
	clear: both;
	background-repeat: repeat-y;
}

.stitle_s {
	padding: 1px 0px 1px 15px;
	text-align: left;
	background-image: url(images/menu_back.gif);
	width: 400px;
	font: normal normal bold 12pt/100% "ＭＳ Ｐゴシック";
	margin: 10px 0 15px 0;
	background-repeat: repeat-y;
}

.face01 {
	width: 480px;
	float: left;
	text-align: left;
	margin-bottom: 30px;
}
.face02 {
	float: right;
	width: 260px;
	}

.face03 {
	width: 260px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

.face04 {
	float: right;
	width: 240px;
	padding: 0px 0px 0px 5px;
	}




/*ファッター部分*/

.main #footer {
	clear: both;
	width: 900px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #666666;
}

/*画像用*/
IMG { border: none; }

/* add avanti */
IMG.r {
	MARGIN-TOP: 4px; FLOAT: right; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; MARGIN-RIGHT: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
IMG.l {
	MARGIN-TOP: 4px; FLOAT: left; MARGIN-BOTTOM: 10px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; MARGIN-RIGHT: 10px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
