*{
	margin:0;
	padding:0;
	line-height:150%;
	font-size:14px;
}
body{
	background-color:#ffffff;
	text-align:center;
	padding:0px 7px 0px 7px;
}
img{
	border:0;
}
h1{
	font-size:12px;
}
h2{
	font-size:20px;
}

/************************
		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; }




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; }

#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 
{ 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  
{
background-image: url(images/home.gif);
}

#menu #company 
{
background-image: url(images/company.gif);
}

#menu #delivery 
{
background-image: url(images/delivery.gif);
}

#menu #payment  
{
background-image: url(images/payment.gif);
}

#menu #broken  
{
background-image: url(images/broken.gif);
}

#menu #review  
{
background-image: url(images/review.gif);
}

#menu #law  
{ background-image: url(images/law.gif); width: 260px; float: right; }

#menu li#home a 
{
background-image: url(images/home.gif);
}

#menu #company a 
{
background-image: url(images/company.gif);
}

#menu #delivery a 
{
background-image: url(images/delivery.gif);
}

#menu #payment a 
{
background-image: url(images/payment.gif);
}

#menu #broken a 
{
background-image: url(images/broken.gif);
}

#menu #review a {background-image: url(images/review.gif);}

#menu #law a  
{ background-image: url(images/law.gif); width: 260px; float: right; }

#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; }
.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;
}

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;
}
.menu ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
}
.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_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;
}







/* 中央揃えのサイト対応　クリッカブルマップを使わなくても、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: 20px;			/* 左端からの距離 */
    width:231px;
    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: 767px;		/* 左端からの距離 */
    width:212px;
    height:32px;
    z-index:2;
}

#layer4 {			/* ４追加プレゼントの指定 */
    position: absolute;
    top:114px;			/* 上からの距離 */
    left: 772px;		/* 左端からの距離 */
    width:208px;
    height:34px;
    z-index:2;
}