@charset "utf-8";

body{
background:#F2F0EA;
font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
strong {font-weight:normal;}
em{font-style:normal;}
/* --- HEADER --- */

#header{
background:url(../img/parts/header_bg.gif) no-repeat;
width:800px;
height:4.1em;
margin:0 auto;
padding:32px 5px 0 5px;
}

#header:after{
content:"";
display:block;
clear:both;
}

h1{
float:right;
width:360px;
margin-bottom:0.3em;
margin-top:-28px;
padding:0.4em 10px 0 0;
font-size:68.75%;
font-weight:normal;
text-align:right;
}

#site_name{
float:left;
background:url(../img/parts/site_name_bg.gif) right top no-repeat;
width:254px;
padding:9px 146px 15px 20px;
}

h1#site_name{
margin-bottom:0;
margin-top:0;
}


#header .contact_us{
float:right;
background:url(../img/parts/contact_us_bg.gif) no-repeat;
width:310px;
height:60px;
margin-top:-8px;
padding-right:15px;
}

#header .contact_us p{
padding:10px 0 6px 0;
text-align:center;
}

#header .contact_us address{
text-align:center;
}

#header .contact_us .roll_over{
margin-right:8px;
}

/* --- MAIN CONTENTS --- */

#main_contents{
clear:both;
background:url(../img/parts/main_contents_bg.gif) left bottom no-repeat;
width:800px;
height:48px;
margin:0 auto;
padding:0 5px 0 5px;
list-style:none;
}

#main_contents li{
float:left;
display:inline;
}

#main_contents .child_contents{
position:absolute;
clear:both;
display:none;
background:url(../img/parts/child_contents_bg.png);
width:123px;
padding:5px 10px 10px 10px;
margin-left:-5px;
list-style:none;
}
#main_contents .child_contents li{
float:none;
display:block;
}

#main_contents li img{
display:block;
vertical-align:bottom;
}

#main_contents .child_contents li img{
display:inline;
}

/* --- CONTENT --- */

#content{
background:url(../img/parts/content_bg.gif) repeat-y;
width:800px;
margin:0 auto;
padding:0 5px;
}

/* --- ARTICLE --- */

#article{
float:left;
width:560px;
padding:0 20px 20px 20px;
}

#article h2{
clear:both;
margin:0 0 15px -7px;
}

#article h3{
background:url(../img/parts/article_h3_bg.gif) no-repeat;
padding:0 0 0 35px;
line-height:35px;
margin-bottom:10px;
}

#article h4{
padding:0 0 0.3em 10px;
}

#article p,
#article address{
padding:0 0 1em 20px;
line-height:1.7;
font-size:87.5%;
}

#article p.catch{
padding:5px 0 40px 0;
}

#article ul,
#article ol{
padding:0 0 1em 55px;
line-height:1.7;
font-size:87.5%;
}

#article table{
width:540px;
margin:0 auto 0.6em auto;
}
#article th{
font-size:87.5%;
text-align:right;
padding:5px 3px 5px 5px;
}
#article td{
font-size:87.5%;
padding:5px 5px 5px 3px;
}
#article td ul{
padding-left:18px;
padding-bottom:0;
}

#article a:link,
#article a:visited{
color:#006699;
}

#article a:hover,
#article a:active{
color:#CC0000;
}

#article ol.num_list{
list-style:none;
padding-left:20px;
}

#article .num1{
background-image:url(../nasuduke/img/num1.gif);
}
#article .num2{
background-image:url(../nasuduke/img/num2.gif);
}
#article .num3{
background-image:url(../nasuduke/img/num3.gif);
}

#article .num1,
#article .num2,
#article .num3{
background-position:left center;
background-repeat:no-repeat;
line-height:28px;
padding-left:35px;
}

#article .num1{
background-image:url(../img/parts/num1.gif);
}
#article .num2{
background-image:url(../img/parts/num2.gif);
}
#article .num3{
background-image:url(../img/parts/num3.gif);
}

/* --- SAFE --- */
#safe{
background:#F8FDF2;
border:1px solid #EEEEEE;
width:538px;
min-height:108px;
margin-top:20px;
padding:10px;
}
#safe h2{
float:left;
width:108px;
height:108px;
margin:0;
padding-right:8px;
}

#article #safe h3{
background:none;
border-bottom:none;
margin-bottom:10px;
width:auto;
padding-top:10px;
}

#safe p{
padding-bottom:0;
}



/* --- ASIDE --- */

#aside{
float:right;
width:180px;
padding:5px 10px 15px 10px;
}

#aside h2{
margin-bottom:7px;
}

#aside h2.shopping{
padding-top:7px;
}


#aside p{
margin-bottom:10px;
}

#aside ul{
list-style:none;
margin-bottom:10px;
}

#aside ul img{
vertical-align:bottom;
}

#aside .pickup_product{
background:url(../img/pickup_product/pickup_product_bg.gif) repeat-y;
width:180px;
}

#aside .pickup_product h3{
margin-bottom:10px;
}

#aside .pickup_product p{
padding:0 10px;
}

#aside .pickup_product dl{
padding:0 10px 10px 10px;
line-height:1.5;
font-size:75%;
}
#aside .pickup_product dt{
width:4em;
text-align:right;
font-weight:bold;
}
#aside .pickup_product dd{
margin-top:-1.5em;
padding-left:4em;
}

#aside .pickup_product p.order{
background:url(../img/pickup_product/pickup_product_dl_bg.gif) left bottom no-repeat;
margin:0;
padding-bottom:10px;
}

/* --- TOPIC PATH --- */

.topic_path{
clear:both;
color:#666666;
background:#FFFFFF;
border-top:1px solid #DDDDDD;
width:780px;
padding:0 10px;
line-height:4em;
list-style:none;
font-size:68.75%;
}

.topic_path:after{
content:"";
display:block;
clear:both;
}

#article .topic_path{
width:560px;
background:none;
border-top:none;
padding:5px 0 5px 0;
margin-left:-10px;
line-height:1.8;
font-size:68.75%;
}

.topic_path li{
float:left;
padding-right:0.3em;
}

.topic_path li.home{
background:url(../img/parts/topic_path_home_bg.gif) left center no-repeat;
padding:0 0.3em 0 18px;
}

.topic_path li.to_page_top{
float:right;
background:url(../img/parts/topic_path_to_top_bg.gif) left center no-repeat;
min-width:8em;
padding:0 0 0 15px;
text-align:right;
}

.topic_path a:link,
.topic_path a:visited,
#article .topic_path a:link,
#article .topic_path a:visited{
color:#333333 !important;
text-decoration:none;
}

.topic_path a:hover,
#article .topic_path a:hover{
color:#669933 !important;
background-color:transparent !important;
}


/* --- ALL CONTENTS --- */

#all_contents{
clear:left;
background:#FFFFFF url(../img/parts/all_contents_bg.gif) left bottom no-repeat;
border-top:1px solid #DDDDDD;
width:800px;
padding:1em 0;
line-height:2;
font-size:68.75%;
text-align:center;
list-style:none;
}

#all_contents li{
display:inline;
border-left:1px solid #DDDDDD;
padding-left:0.5em;
}

#all_contents li.left_child{
border-left:none;
padding-left:0;
}

/* --- FOOTER --- */

#footer{
background:url(../img/parts/footer_bg.gif) no-repeat;
width:800px;
margin:0 auto;
padding:15px 5px 0 5px;
}

#footer .shop_info{
float:left;
width:353px;
height:75px;
padding-left:120px;
}


#footer .shop_info address{
float:left;
width:205px;
padding:0 7px 10px 5px;
}

#footer .shop_info p{
float:left;
width:124px;
padding:0 8px 10px 4px;
}

#footer .shop_info address img,
#footer .shop_info p img{
padding-bottom:7px;
}

#footer .shop_info p.name{
float:none;
width:auto;
padding:0;
}

#footer .shop_info p.name img{
float:none;
width:auto;
padding-bottom:13px;
}

/* --- SUB CONTENTS --- */

#sub_contents{
float:right;
background:url(../img/home/sub_contents_bg.gif) left top no-repeat;
width:273px;
height:30px;
padding:0 10px 0 10px;
margin-top:35px;
font-size:75%;
}

#sub_contents li{
float:left;
display:inline;
margin-right:8px;
}

#sub_contents img{
vertical-align:bottom;
padding:7px 0 8px 0;
}

#sub_contents li.last_child{
margin-right:0;
}

/* --- COPYRIGHT --- */

#copyright{
clear:both;
background:#448811 url(../img/parts/copyright_bg.gif) no-repeat;
color:#FFFFFF;
width:800px;
line-height:1.8em;
font-family:Arial, Helvetica, sans-serif;
font-size:68.75%;
font-weight:bold;
text-align:center;
}