﻿*{
	margin:0;
	padding:0;
	line-height:150%;
	font-size:14px;
}
body{
	background-color:#ffffff;
	padding:0px 7px 0px 7px;
}
img{
	border:0;
}
h1{
	font-size:12px;
}

h2{color:#6b4931; font-weight:bold;font-size:20px; 
	padding-top:10px;padding-left:60px;margin-top:0px;margin-left:20px;width:590px;height:48px;
	background:url(./img/h2.gif);background-repeat:no-repeat;border:none;}

h2 a{color:#6b4931; font-weight:bold;font-size:20px; 
	}


.bgge	{background:url(img/02b.gif);background-repeat:repeat-y;width:660px;margin-top:10px;}

.bggee	{background:url(img/kariwaku00.gif);background-repeat:repeat-y;width:649px;margin-top:10px;padding-bottom:0px;}

.ken	{margin-top:0px;background:url(./img/kariwakuh2.gif);background-repeat:no-repeat;}

p	{padding-left:30px;padding-right:40px;line-height:40px;font-size:120%;}

.eul	{margin-left:50px;margin-top:20px;margin-bottom:20px;border:double 3px #00aeff;padding-left:20px;width:300px;}

.eul2	{margin-left:50px;margin-top:20px;margin-bottom:20px;border:double 3px #00aeff;padding-left:20px;width:400px;}

.eul3	{margin-left:50px;margin-top:20px;margin-bottom:20px;border:double 3px #00aeff;padding-left:20px;width:500px;}


/************************
		ID
*************************/
#main_table{
	width:700px;
	text-align:left;
}
#main_table td{
	text-align:left;
	vertical-align:top;
}
#left_menu{
padding-left:5px;
	text-align:center;
	width:200px;
	border:1px solid #808080;
}
#main_content{
padding-left:0px;
	text-align:left;
	width:700px;
	border:1px solid #808080;
}

/*************
 CLASS 
 ***************/
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.red{
	color:#ff0000;
	font-weight:bold;
}
.blue{
	color:#0000ff;
	font-weight:bold;
}
.small{
	font-size:12px;
}
/*
table td{
	border:1px solid #787878;
}*/



.menu_left { background-color: #ffffff; text-align: left; width: 163px; margin: 0 0 20px 0; padding: 5px; border: solid 1px #292929;29; }
.menu_right { background-color: #ffffff; text-align: left; width: 163px; margin: 0 0 20px 20px; padding: 5px; border: solid 1px #292929;29; }
.one { color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none; }
.one_over { color: #292929; line-height: 30px; background-color: #ffe8c5; text-indent: 20px; list-style-type: none; }

.one0	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one1	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one2	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one3	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one4	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one5	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one6	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one7	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one8	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one9	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one10	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one11	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one12	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one13	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one14	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one15	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one16	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one17	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one18	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}
.one19	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}

.one20	{color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none;}




body { background-image: url(images/back.gif); background-repeat: repeat; text-align: center; margin: 0; padding: 0; }

#main{ background-color: #fff; background-image: url(images/backgroundimage.gif); margin: 0 auto; padding: 0; width: 986px;text-align:left; }

#header{ font-size: 12px; background-color: #fff; width: 970px; float: left; margin-left: 8px; display:inline; }

#content{ background-color: #fff; width: 570px; float: left; }

#leftmenu{ font-size: 12px; background-color: #fff; text-align: left; float:left; width: 195px; margin-left: 8px; display:inline; }

#rightmenu{ font-size: 12px; background-color: #fff; text-align: right; float:right; width: 195px; margin-right: 8px; display:inline; }

#footer { font-size: 14px; background-color: #fff; width: 970px; float: left; margin: 0 0 0 8px; padding: 0; }

p { }

td { }

a:link { }

a:visited { }

a:hover { }

a:active { }

h1 { color: #888; font-size: 14px; font-weight: normal; float: left; margin: 0; }




#menu ul 
{ text-align:left;background-image: url(images/menu_bg.gif); background-repeat: repeat-x; background-position: 0 0; position:relative; width: 970px; height:30px; margin: 0; padding: 0; }

#menu li 
{
display: block;
width: 105px;
height: 30px;
background-position: 0 0px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
list-style-type:none;
float: left;
}

#menu li a 
{
display: block;
width: 105px;
height: 30px;
background-position: 0 -30px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
}    



#menu li#home a
{
background-image: url(images/01.gif);
}

#menu #head_02 
{
background-image: url(images/02.gif);
}

#menu #head_03 
{
background-image: url(images/03.gif);
}

#menu #head_04  
{
background-image: url(images/04.gif);
}

#menu #head_05  
{
background-image: url(images/05.gif);
}

#menu #head_06  
{
background-image: url(images/06.gif);
}

#menu #head_07  
{ background-image: url(images/07.gif); }

#menu #head_08  
{ background-image: url(images/08.gif); }

#menu #head_09  
{ background-image: url(images/09.gif); }









#menu li#home a 
{
background-image: url(images/01.gif);
}

#menu #head_02 a 
{
background-image: url(images/02.gif);
}

#menu #head_03 a 
{
background-image: url(images/03.gif);
}

#menu #head_04 a 
{
background-image: url(images/04.gif);
}

#menu #head_05 a 
{
background-image: url(images/05.gif);
}

#menu #head_06 a {background-image: url(images/06.gif);}

#menu #head_07 a  
{ background-image: url(images/07.gif); }

#menu #head_08 a  
{ background-image: url(images/08.gif); }

#menu #head_09 a  
{ background-image: url(images/09.gif); }



#menu li a:hover 
{
background-position: 0 0px;
}

#link li
{ font-size: 12px; background-color: #ffffff; margin: 5px; padding: 15px; border: solid 1px #292929; display: inline;padding-bottom:0px;padding-top:45px; }







h3 { color: #292929; font-size: 16px; font-weight: bold; margin: 0; }
h4 { color: #292929; font-size: 14px; font-weight: bold; }
form { margin: 20px 0 0; padding: 0; }
.reviewtitle { color: #292929; font-size: 13px; line-height: 26px; background-color: #ffeed7; text-align: left; text-indent: 10px; width: 580px; }
.reviewbox { color: #292929; font-size: 14px; line-height: 20px; text-align: left; width: 560px; margin-bottom: 30px; padding: 10px; }
.reviewend { color: #292929; font-size: 14px; line-height: 20px; background-color: #ffc2c2; text-align: left; width: 560px; margin-bottom: 30px; padding: 10px; }
.ordertitle { color: #292929; font-size: 20px; font-weight: bold; line-height: 30px; text-align: left; width: 580px; border-bottom: 1px dotted #292929; }
.order { font-size: 14px; line-height: 24px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; width:558px; margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-left: 10px; border: solid 1px #292929; }
.price { color: #f00; font-size: 18px; margin: 0; }
.point { color: #7d4100; font-size: 14px; font-weight: bold; margin: 0; }
.postage { font-size: 14px; font-weight: bold; margin: 0; }
.age { font-size: 12px; margin: 0; }
.directionsbox { color: #292929; font-size: 14px; line-height: 20px; text-align: left; margin-bottom: 80px; padding: 10px; width: 560px; }
.textbox_01 { color: #292929; font-size: 14px; line-height: 20px; text-align: left; margin-top: 20px; margin-bottom: 20px; padding: 10px; border: solid 1px; }
.qa-q { color: #f00; font-size: 18px; line-height: 15px; padding-bottom: 5px; border-bottom: 1px dotted #f00; }
.qa-a { color: #00f; font-size: 12px; line-height: 15px; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid gray; }




.footer_box { margin: 0; text-align:center;}
.two { color: #292929; line-height: 30px; text-indent: 20px; list-style-type: none; display: inline; }






img	{border:none;}

.h2ms	{background:url(img/h2ms.gif);height:88px;background-repeat:no-repeat;
	padding-left:80px;padding-top:30px;width:570px;_width:480px;_padding-left:90px;margin-top:70px;}

.h2np	{background:url(img/h2np.gif);height:88px;background-repeat:no-repeat;
	padding-left:40px;padding-top:30px;width:570px;_width:480px;_padding-left:90px;margin-top:70px;}

.h2ps	{background:url(img/h2ps.gif);height:88px;background-repeat:no-repeat;
	padding-left:40px;padding-top:30px;width:570px;_width:480px;_padding-left:90px;margin-top:70px;}

.h2n	{background:url(img/h2oo.gif);height:88px;background-repeat:no-repeat;
	padding-left:40px;padding-top:30px;width:570px;_width:480px;_padding-left:90px;margin-top:70px;}

.h2ko	{background:url(img/h2ko.gif);height:88px;background-repeat:no-repeat;
	padding-left:80px;padding-top:30px;width:570px;_width:480px;_padding-left:90px;margin-top:70px;}




ul.modori{clear:both;
	list-style-type:none;
	text-align:right;padding:10px;margin:0;
	margin-bottom:50px;margin-top:50px;
}

ul.modori li{list-style-type:none;display:inline;
	padding:5px;margin:2px 0;
	border:1px solid #abc2cd;
}

ul.modori li a{text-decoration:none;color:#333;
	padding:5px 0;margin:10px;}

ul.modori li a:hover{text-decoration:none;color:#333;
	padding:5px 0;margin:10px;background:#ffff00;}










.menu {
     width: 173px;
     padding: 0px;
     border-top: 1px solid #000040;
     border-right: 1px solid #000040;
     border-left: 1px solid #000040;
	font-size:12px
	text-align:left;
}
.menu ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: left;
}
.menu li {
     margin: 0px;
     padding: 0px;
}
.menu a {
     width: 173px;
     display: block;
     padding: 23px 0px;
     border-bottom: 1px solid #000040;
     background-color: #f0f0ff;
     text-decoration: none;
	background-repeat:no-repeat;
	font-size:12px;
}
.menu a:hover {
     width: 173px;
     display: block;
     padding: 23px 0px;
     border-bottom: 1px solid #000040;
     background-color: #eeee00;
     text-decoration: none;
     color: #0d0d0d;
	font-size:12px;
}












.menu_left {
     width: 173px;
     padding: 0px;
	font-size:12px;
}
.menu_left ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
}
.menu_left li {
     margin: 0px;
     padding: 0px;
	font-size:12px;
}
.menu_left a {
     width: 173px;
     display: block;
     padding: 23px 0px;
     border-bottom: 1px solid #000040;
     background-color: #f0f0ff;
     text-decoration: none;
	background-repeat:no-repeat;
	font-size:12px;
}
.menu_left a:hover {
     width: 173px;
     display: block;
     padding: 23px 0px;
     border-bottom: 1px solid #000040;
     background-color: #eeee00;
     text-decoration: none;
     color: #0d0d0d;
	font-size:12px;
}

.menu_left .on{
     width: 173px;
     display: block;
     padding: 23px 0px;
     border-bottom: 1px solid #000040;
     background-color: #eeee00;
     text-decoration: none;
     color: #0d0d0d;
	font-size:12px;
}







.menu_right {
     width: 173px;
     padding: 0px;
}
.menu_right ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
	font-size:12px;
}
.menu_right li {
     margin: 0px;
     padding: 0px;
}
.menu_right a {
     width: 173px;
     display: block;
     padding: 23px 0px;
     border-bottom: 1px solid #000040;
     background-color: #f0f0ff;
     text-decoration: none;
	font-size:12px;
	background-repeat:no-repeat;
}
.menu_right a:hover {
     width: 173px;
     display: block;
     padding: 23px 0px;
     border-bottom: 1px solid #000040;
     background-color: #eeee00;
     text-decoration: none;
     color: #0d0d0d;
	font-size:12px;
}







ul#globalNavi {
	margin: 0;
	padding: 0;
	width: 970px; /* 必ずwidthの設定をしてください */
}

ul#globalNavi:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

ul#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	width: 240px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
	border:solid 1px #ff2463;
}

ul#globalNavi li a {
	padding: 0.6em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	background-color: #fffac4;
}

ul#globalNavi li a:hover {
	color: #000;
	background-color: #ffb631;
	text-decoration: none;
}


.orderr a:hover {
	background-color: #ffff00;
	border:none;
}
.orderr a {
	background-color: #ffffcc;
	border:none;
}







/* 中央揃えのサイト対応　クリッカブルマップを使わなくても、absoluteで位置指定ができる、CSSレイヤーを使ったランディング */

#frame {
    /*
        absoluteの親要素が、relativeの場合のみ
        中央揃えでも絶対指定ができるようになる。
        （省略不可）
    */
    position: relative;
}
#layer0 {			/* 大本の背景画像 */
    position: absolute;
    top:50px;			/* 上からの距離 */
    left: 0px;			/* 左端からの距離 */
    width:970px;
    height:315px;
    z-index:0;
}

#layer1 {			/* 自動変更日付の位置指定 */
    position: absolute;
    top:0px;			/* 上からの距離 */
    left: 10px;			/* 左端からの距離 */
    width:250px;
    height:100px;
    z-index:1;
}

#layer2 {			/* 御注文ボタンの指定 */
    position: absolute;
    top:155px;			/* 上からの距離 */
    left: 780px;		/* 左端からの距離 */
    width:166px;
    height:160px;
    z-index:2;
}

#layer3 {			/* ３豪華プレゼントの指定 */
    position: absolute;
    top:80px;			/* 上からの距離 */
    left: 766px;		/* 左端からの距離 */
    width:212px;
    height:32px;
    z-index:2;
}

#layer4 {			/* ４追加プレゼントの指定 */
    position: absolute;
    top:114px;			/* 上からの距離 */
    left: 772px;		/* 左端からの距離 */
    width:208px;
    height:34px;
    z-index:2;
}


.blue	{font-weight:700;color:#0000ff;font-size:120%;}
.red	{font-weight:700;color:#ff0000;font-size:120%;}
.bold	{font-weight:700;color:#000000;font-size:120%;}


/* header */
.hdstyle a{font-size:11px;}


.on {background:#ffff00;}