@import "yui.css";

body
{
line-height:100%;
color:#333;
font-size:13px;
background:url(./img/background.jpg) no-repeat top center;
}

h1
{
font-size:12px;
text-align:right;
color:#FFF;
}

#menu
{
font-size:0px;
}

#menu div#under_menu
{
font-size:12px;
}

#menu div#under_menu p
{
margin-left:32px;
text-indent:-29px;
margin-bottom:3px;
margin-top:3px;
}
#menu div#under_menu p img
{
    margin-right:2px;
}

b
{
color:#009999;
}

a
{
color:#42A7F0;
text-decoration:none;
}

a:hover
{
color:orange;
text-decoration:underline;
}


#key
{
width:900px;
height:273px;
background:url(./img/key.jpg) no-repeat;
}

#key div
{
display:none;
}

.clear
{
clear:both;
}

p
{
line-height:145%;
margin:10px 5px 15px 5px;
}

#shop_img
{
margin-right:10px;
}

#main
{
width:922px;
margin-left:auto;
margin-right:auto;
background:url(./img/background_border.jpg) repeat-y center;
}

#content
{
background:url(./img/background.png) repeat-y;
width:900px;
margin-left:auto;
margin-right:auto;
}

#header
{
position:relative;
width:900px;
height:117px;
background:url(./img/header.png) no-repeat;
}


#logo
{
position:absolute;
top:31px;
left:21px;
}


#global_link
{
font-size:10px;
}

#global_link li#g1
{
position:absolute;
top:88px;
left:164px;
width:61px;
}


#global_link li#g2
{
position:absolute;
top:88px;
left:227px;
width:86px;
}


#global_link li#g3
{
position:absolute;
top:88px;
left:315px;
width:218px;
}

#global_link li#g4
{
position:absolute;
top:88px;
left:535px;
width:83px;
}


#global_link li#g5
{
position:absolute;
top:88px;
left:620px;
width:108px;
}

#global_link li#g1 a span,
#global_link li#g2 a span,
#global_link li#g3 a span,
#global_link li#g4 a span,
#global_link li#g5 a span
{
display:none;
}

#global_link li#g1 a
{
height:25px;
width:61px;
display:block;
background:url(./img/g1.png) no-repeat;
}


#global_link li#g2 a
{
height:25px;
display:block;
background:url(./img/g2.png) no-repeat;
width:86px;
}


#global_link li#g3 a
{
height:25px;
display:block;
background:url(./img/g3.png) no-repeat;
width:218px;
}


#global_link li#g4 a
{
height:25px;
display:block;
background:url(./img/g4.png) no-repeat;
width:83px;
}


#global_link li#g5 a
{
height:25px;
display:block;
background:url(./img/g5.png) no-repeat;
Width:108px;
}

#global_link li#g1 a:hover
{
background:url(./img/g1b.png) no-repeat;
}


#global_link li#g2 a:hover
{
background:url(./img/g2b.png) no-repeat;
}


#global_link li#g3 a:hover
{
background:url(./img/g3b.png) no-repeat;
}


#global_link li#g4 a:hover
{
background:url(./img/g4b.png) no-repeat;
}


#global_link li#g5 a:hover
{
background:url(./img/g5b.png) no-repeat;
}

#main_contents
{
width:900px;
margin-left:auto;
margin-right:auto;
}

#contents_main
{
width:710px;
float:right;

}

#menu
{
float:left;
width:190px;
}

/*for_index*/
#top_block
{
width:690px;
margin-left:auto;
margin-right:auto;
}

/*for_index end*/


#top_block_left
{
width:400px;
float:left;
}

#top_block_right
{
width:280px;
float:right;
border:solid 1px #333;
background:#FFF9E6;
}

#top_block_right div
{
height:36px;
background:url(./img/info.png) no-repeat top;
text-indent:-99999px;
}

#top_block_right dl
{
font-size:12px;
margin:6px;
}

#top_block_right dl dt
{
width:60px;
float:left;
margin-bottom:5px;
}

#top_block_right dl dd
{
width:195px;
float:right;
margin-bottom:5px;
}

#item_list
{
margin-top:20px;
}

#cat_list
{
width:670px;
margin-left:auto;
margin-right:auto;
}

.cell
{
width:134px;
float:left;
text-align:center;
}

.itemname
{
color:#5F6007;
background:#eaeaea;
margin:5px;
padding:3px;
height:26px;
}

.itemtxt
{
font-size:12px;
margin:0 5px 15px 0;
padding:0 3px 3px 3px;
height:70px;

}

.itemtxt p
{
line-height:110%;
}

.catname
{
background:url(./img/cat_title.png) no-repeat;
width:670px;
height:25px;
margin-bottom:10px;
position:relative;
margin-left:auto;
margin-right:auto;
}

.catname span,.catname2 span
{
position:absolute;
left:30px;
top:5px;
font-size:15px;
font-weight:bold;
color:#FFF;
}


#ban_area
{
margin-bottom:10px;
width:690px;
margin-left:auto;
margin-right:auto;
}


#company_ban
{
width:280px;
float:right;
}


#osusume_ban
{
width:390px;
float:left;
}

/*
#key2
{
width:900px;
height:136px;
background:url(./img/key2.jpg) no-repeat;
position:relative;
margin-bottom:15px;
}
*/


#key2 h2
{
position:absolute;
top:59px;
left:40px;
font-size:22px;
color:#412D25;
}


#in_contents
{
width:690px;
margin-left:auto;
margin-right:auto;
}

#in_contents h3
{
width:690px;
height:46px;
background:url(./img/h2title.png) no-repeat;
position:relative;
color:#000;
font-size:17px;
}

#in_contents h3 span
{
position:absolute;
top:17px;
left:38px;
}

table#summary
{
border-collapse:separate;
border-spacing:3px;
}

#summary tr td,#summary tr th
{
padding:5px;
border-bottom:1px #ccc solid;
line-height:140%;
}

#summary tr th
{
font-size:14px;
font-weight:bold;
}

#summary tr td.hpb-cnt-tb-cell1
{
background:#eaeaea;
}

table#contact
{
margin-top:10px;
border-collapse:separate;
border-spacing:3px;
border:solid 1px #eaeaea;
}

.cell_gray
{
padding:10px;
background:#eaeaea;
}

.cell_gray small
{
color:#009999;
}

.mail
{
line-height:130%;
background:#ffffea;
border:solid 1px #ccc;
width:90%;
padding:10px;
margin-left:auto;
margin-right:auto;
font-size:12px;
margin-bottom:20px;
}

#how_to
{
width:600px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}


.catname2
{
margin-top:15px;
background:url(./img/cat_title.png) no-repeat;
width:670px;
height:25px;
margin-bottom:10px;
position:relative;
margin-left:auto;
margin-right:auto;
}

dt.menu
{
position:relative;
height:24px;
background:url(./img/item_cat.png) no-repeat;
}

dt.menu span
{
position:absolute;
top:7px;
left:30px;
}

dt.menu span a
{
font-size:12px;
color:#FFF;
font-weight:bold;
}

dd.item-name
{
font-size:12px;
font-weight:normal;
padding-left:10px;
margin-top:2px;
margin-bottom:4px;
}

#menu ul li
{
font-size:12px;
font-weight:normal;
padding-left:10px;
margin-top:2px;
margin-bottom:4px;
}

.blogroot
{
margin-top:0px;
width:660px;
margin-left:auto;
margin-right:auto;
font-size:10px;
font-weight:bold;
color:#ccc;
}


.blogroot a
{
color:#A2D2FC;
}

#footer
{
margin-top:20px;
width:900px;
background:url(./img/footer.png) no-repeat top;
text-align:center;
height:100px;
color:#eaeaea;
margin-left:auto;
margin-right:auto;
}

#footer div
{
padding:20px;
color:#FFF;
}

#footer p
{
font-size:10px;
}

#footer a
{
color:#FFF;
}

#key2,#key3,#key4,#key5
{
position:relative;
width:900px;
height:146px;
}

#key2 div,#key3 div,#key4 div,#key5 div
{
display:none;
}

#key2
{
background:url(./img/key_company.png) no-repeat;
}


#key3
{
background:url(./img/key_how_to_buy.png) no-repeat;
}


#key4
{
background:url(./img/key_contact.png) no-repeat;
}


#key5
{
background:url(./img/key_to_co.png) no-repeat;
}

#cart
{
margin-top:10px;
margin-bottom:5px;
}

#habuta_table
{
border-collapse:separate;
border-spacing:3px;
}


#habuta_table td
{
padding:10px;
border:dotted 1px #E3C277;
}


.habuta_left
{
background:#FFF4D6;
text-align:left;
}

#table_title
{
fot-size:14px;
font-weight:bold;
background:#F0F8BC;
}

#message_area
{
width:690px;
margin-left:auto;
margin-right:auto;
}


#message_area div
{
width:670px;
margin-left:auto;
margin-right:auto;
}

#message_area div p img
{
float:left;
margin:0 10px 10px 10px;
border:solid 5px #eaeaea;
}

#maga
{
width:174px;
margin-left:auto;
margin-right:auto;
}


#maga img
{
margin-top:10px;
margin-bottom:10px;
}
#maga form
{
margin-bottom:10px;
}

#yasumi
{
border:solid 1px #666;background:#eaeaea;padding:10px;margin:10px 0;line-height:140%;
}

#area
{
margin-top:15px;
width:640px;
margin-left:auto;
margin-right:auto;
padding:10px;
background:#eaeaea;
}

#area ul li
{
float:left;
width:60px;
}