@charset "utf-8";
/* CSS Document */

body{
    background-color: #FFF;
color:#333333;
	margin:0px auto;
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.6;}
.fortop	{background-image:url(../images/back-for-top2.jpg);
	background-repeat: repeat-x;}

.naka { background-image:url(../images/naka-back1.jpg);
	background-repeat: repeat-x;}
	
p {margin:0 0 1em 0;}	
.red {color:#FF0000;}
.gray {color:#666666;}

h2 {height:60px; margin:0 0 15px 0; padding:0;}
h3 {border-left: #990000 solid 5px; height:40px; padding-left:10px; color:#990000; font-size:16px; font-weight:bold; line-height:36px; border-bottom:#999999 dotted 1px;}
h2.fotop {color:#FF6600; padding:0; margin:0 0 15px 0; font-size:16px; line-height:1.4; background-image:none;}
h3.fotop {color:#FF6600; padding:0; margin:0 0 15px 0; font-size:16px; line-height:1.4;}
h4 { color: #333333; font-size:14px; font-weight:bold; line-height:1.6; margin:0 0 1em 0; padding:0;}

#header {
	height: 168px;
	width:960px;
	margin:0 auto; padding-top:0;
	background-image:url(../images/head1.jpg);
	background-repeat: no-repeat;
	text-align:left;
	position:relative;
}

#header-top {
	height: 165px;
	width:960px;
	margin:0 auto; padding-top:0;
	background-image:url(../images/head1.jpg);
	background-repeat: no-repeat;
	text-align:left;
	position:relative;
}

#shop-logo {position:absolute; top:33px;}


#header h1,#header-top h1 {font-size:12px; color:#FFFFFF; font-weight:normal; margin:0; padding:0; line-height:0; position:relative; top:24px; }


#header2 {
	height: 275px;
	width:960px;
	margin:0 auto 10px auto; padding-top:0;
	background-image:url(../images/top-main.jpg);
	background-repeat: no-repeat;
	text-align:center;
	position:relative;
}

#header3 {
	height: 275px;
	width:962px;
	margin:0 auto 10px auto; padding-top:0;
	text-align:center;
	position:relative;
}

#navigation {position:relative; height:57px;}
ul#navigation {
	width:960px;
	margin:0 auto;
	padding:0;
	overflow:hidden;　/*float解除*/
	zoom:100%;　/*float解除*/
}
ul#navigation li {
	float:left; /*次の要素を右側へ回り込ませる*/
	list-style:none; /*リストの●を消す*/
	margin-right:0px;
}
ul#navigation li a {
	display:block; /*インラインからブロック要素へ変更*/
	height:57px; /*高さ*/
	width:159x; /*横幅*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	letter-spacing:1px; /*文字間隔*/
	text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
	background-image:url(../images/navi.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#navigation a.menu1 {background-position:0px 0px;width:164px;}
ul#navigation li a.menu1:hover {background-position:0 -57px;}
ul#navigation a.menu2 {background-position:-164px 0px;width:159px;}
ul#navigation li a.menu2:hover {background-position:-164px -57px;}
ul#navigation li a.menu3 {background-position:-323px 0px;width:159px;}
ul#navigation li a.menu3:hover {background-position:-323px -57px;}

ul#navigation a.menu5 {background-position:-482px 0px;width:159px;}
ul#navigation li a.menu5:hover {background-position:-482px -57px;}
ul#navigation li a.menu6 {background-position:-641px 0px;width:159px;}
ul#navigation li a.menu6:hover {background-position:-641px -57px;}
ul#navigation li a.menu7 {background-position:-800px 0px;width:159px; margin-right:0;}
ul#navigation li a.menu7:hover {background-position:-800px -57px; margin-right:0;}

ul#navigation a.menu1-ac {background-position:0px -114px;width:164px;}
ul#navigation a.menu2-ac {background-position:-164px -114px;width:159px;}
ul#navigation a.menu3-ac {background-position:-323px -114px;width:159px;}

ul#navigation a.menu5-ac {background-position:-482px -114px;width:159px;}
ul#navigation a.menu6-ac {background-position:-641px -114px;width:159px;}
ul#navigation a.menu7-ac {background-position:-800px -114px;width:159px;}


#clearspace { clear:both;}

#contents {clear:both; width:960px; margin:20px auto;}

#left-side-area { width:216px; margin:0 22px 0 0; float:left; }
.left-navi ul { margin:0 0 20px 0; padding:0; }
.left-navi li {list-style:none;  }

.left-navi li a {color:#814142; line-height:48px; font-size:12px; background-image:url(../images/left-navi.jpg); background-repeat:no-repeat; width:216px; height:47px; display:block; margin-bottom:8px;padding-left:14px; text-decoration:none; }

.left-navi li a:hover {color: #FF6600;}

li.thispage a {background-image:url(../images/left-navi-2.jpg);}


#center-area {width:700px; float:left;}
#center-area-2 {width:700px; float:right;}

#right-area {width:216px; float:right;}

#footer {
    font-size:12px; background-image:url(../images/foot-back.jpg);
	background-repeat:repeat;
	border-top:1px solid  #993333; margin-top:0;
	clear:both;
}




#foot-menu {
	width:960px; height:auto; margin:0 auto; padding:15px 0; 
	position:relative;
	left: 0px;
	top:0px;
}
.foot-right { float:right; }
.sitemap { padding-right:30px; margin-top:0;}
.sitemap a {text-decoration:none; color: #993333;}
.address { float:left; margin-right:30px; margin-top:0; }	

#copy {clear:both; text-align:left; padding-bottom:15px; font-size:10px; color:#666666;}

#pagetop {padding:30px 0 0 0; margin:0 auto; width:960px; text-align:right; }





a:hover {color: #FF0000;}



.table_face1 {margin-bottom:20px; border-collapse:collapse; border-top:#999999 solid 1px; border-left:#999999 solid 1px;}

.table_face1 th {text-align:center; color: #993333; padding:10px; font-weight:normal; text-align:left;
border:#999999 solid 1px; background-color: #fff9e9;border-right:#999999 solid 1px; border-bottom:#999999 solid 1px; }

.table_face1 td {text-align:left; padding:10px; 
border-right:#999999 solid 1px; border-bottom:#999999 solid 1px; background-color:#fff;}

.table_face1 td .title {margin:10px;}



.table_face2 {margin-bottom:20px; border-collapse:collapse; border-top:#999999 solid 1px; border-left:#999999 solid 1px;}

.table_face2 th {text-align:left; color: #993333; padding:4px 10px; width:150px; font-weight:normal; 
border:#999999 solid 1px; background-color: #fff9e9;border-right:#999999 solid 1px; border-bottom:#999999 solid 1px; }

.table_face2 td {text-align:left; padding:4px 10px; 
border-right:#999999 solid 1px; border-bottom:#999999 solid 1px; background-color:#fff;}

.table_face1 td .title {margin:10px;}
.table_face2 td.price {width:80px; text-align:right;}


.table_face3 {margin-bottom:20px;}

.table_face3 th { font-weight:normal; text-align:left; color: #666666; padding:8px; 
 border-bottom:#999999 dotted 1px;  vertical-align:top;}

.table_face3 td {text-align:left; padding:8px;  border-bottom:#999999 dotted 1px; }


.table_face4 {margin-bottom:20px; border-top:#999999 dotted 1px;}

.table_face4 th { font-weight:normal; text-align:left; color: #993333; padding:8px; 
 border-bottom:#999999 dotted 1px; vertical-align:top; background-color: #fff9e9; background-image:url(images/formback.jpg); background-repeat:repeat-y;}

.table_face4 td {text-align:left; padding:8px;  border-bottom:#999999 dotted 1px;  border-left:#999999 dotted 1px;}

.step-table {margin:0px 0;}
.step-table td {padding:14px 4px 20px 4px; border-bottom:1px dotted #666666;}

.difference {padding:10px 20px; border:1px dotted #666666; margin:20px 0; background-image:url(../images/diffe-back.jpg); background-repeat:repeat-y;}


/* テキスト部分用カラー */

.red14 { font-size:14px; color:#FF0000;}
.red18 { font-size:18px; color:#FF0000;}
.blue {color:#3366FF;}
.orange {color:#FF6600;}


.rightimage {margin-bottom:20px; padding-bottom:20px;}
.rightimage img {float:right; padding-left:20px; padding-bottom:20px;}

.text_right {text-align:right;}

.indent20 {padding-left:2em;}
.indent20 {padding-left:1em;}