*{
font-size:11px;
line-height:1.6em;
color:#444;
margin:0;
padding:0
}

body{
text-align:center;
background:#fff
}

a{
font-weight:bold;
color:#000
}

a:hover{
color:#999
}

div#container{
margin:0 auto;
text-align:left;
width:800px;
background:#fff
}

h1{
display:none
}

h2{
color:#444;
font-size:12px;
}

/* ページ上部のロゴエリア */
div#upper{
width:100%;
height:100px;
background:url(../img/logo_text.gif) no-repeat 220px 45px #fff;
}

/* ロゴマーク部分 */
div#upper p{
width:210px;
height:100%
}

div#upper a{
display:block;
width:100%;
height:100%;
background:url(../img/logo_mark.gif) no-repeat 50px 10px #fff;
}

div#upper a span{
display:none
}

/* グローバルメニュー */
div#gmenu{
margin:0 50px;
width:700px;
height:22px;
border-bottom:1px solid #ccc;
}

div#gmenu ul{
height:100%;
list-style-type:none
}

div#gmenu ul li{
width:140px;
height:100%;
float:left;
}

div#gmenu ul li a{
display:block;
width:100%;
height:100%
}

div#gmenu ul li a span{
display:none
}

div#gmenu ul li#gmenu_1 a{background:url(../img/gmenu_1.gif) no-repeat 0 0 #fff}
div#gmenu ul li#gmenu_1 a:hover{background-position:0 -22px}

div#gmenu ul li#gmenu_2 a{background:url(../img/gmenu_2.gif) no-repeat 0 0 #fff}
div#gmenu ul li#gmenu_2 a:hover{background-position:0 -22px}

div#gmenu ul li#gmenu_3 a{background:url(../img/gmenu_3.gif) no-repeat 0 0 #fff}
div#gmenu ul li#gmenu_3 a:hover{background-position:0 -22px}

div#gmenu ul li#gmenu_4 a{background:url(../img/gmenu_4.gif) no-repeat 0 0 #fff}
div#gmenu ul li#gmenu_4 a:hover{background-position:0 -22px}

div#gmenu ul li#gmenu_5 a{background:url(../img/gmenu_5.gif) no-repeat 0 0 #fff}
div#gmenu ul li#gmenu_5 a:hover{background-position:0 -22px}


/* 共通コンテンツ */
div#contents{
width:700px;
margin:0 50px;
}


/* トップページのコンテンツ */
div#top_contents{
padding:8px 0 0 0;
margin:50px 50px 10px 50px;
width:700px;
height:237px;
background:url(../img/top_image.gif) no-repeat 100% 0 #fff;
}

div#top_contents ul{
list-style-type:none
}

div#top_contents ul li{
margin:0 0 50px 0;
width:123px;
height:16px;
}

div#top_contents ul li a{
display:block;
width:100%;
height:100%
}

div#top_contents ul li a span{
display:none
}

div#top_contents ul li#pro_1 a{background:url(../img/top_pro_1.gif) no-repeat 0 0}
div#top_contents ul li#pro_1 a:hover{background-position:0 -16px}

div#top_contents ul li#pro_2 a{background:url(../img/top_pro_2.gif) no-repeat 0 0}
div#top_contents ul li#pro_2 a:hover{background-position:0 -16px}

div#top_contents li#pro_3 a{background:url(../img/top_pro_3.gif) no-repeat 0 0}
div#top_contents li#pro_3 a:hover{background-position:0 -16px}

div#top_contents li#pro_4 a{background:url(../img/top_pro_4.gif) no-repeat 0 0}
div#top_contents li#pro_4 a:hover{background-position:0 -16px}

div#top_contents li#pro_4{margin:0 0 0 0}

/* トップページのボタン部分 */
div#top_btn{
margin:40px 50px 0 50px;
width:700px;
height:76px;
}

div#top_btn ul{
list-style-type:none
}

div#top_btn ul li{
float:left;
margin:0 0 0 0;
width:150px;
height:76px;
}

div#top_btn ul li a{
display:block;
width:100%;
height:100%
}

div#top_btn ul li a span{
display:none
}

div#top_btn ul li#btn_1 a{background:url(../img/top_btn_1.jpg) no-repeat 0 0}
div#top_btn ul li#btn_1 a:hover{background-position:0 -76px}

div#top_btn ul li#btn_2 a{background:url(../img/top_btn_2.jpg) no-repeat 0 0}
div#top_btn ul li#btn_2 a:hover{background-position:0 -76px}

div#top_btn li#btn_3 a{background:url(../img/top_btn_3.jpg) no-repeat 0 0}
div#top_btn li#btn_3 a:hover{background-position:0 -76px}

div#top_btn li#btn_4 a{background:url(../img/top_btn_4.jpg) no-repeat 0 0}
div#top_btn li#btn_4 a:hover{background-position:0 -76px}

div#top_btn ul li#btn_1{margin:0 33px 0 0}
div#top_btn ul li#btn_2{margin:0 33px 0 0}
div#top_btn ul li#btn_3{margin:0 34px 0 0}
div#top_btn ul li#btn_4{margin:0 0 0 0}

/* conmon */
div#conmon{
margin:30px 0 0 0;
width:700px;
}

div#conmon p{
margin:0 70px 2em 305px;
}



div#news{
width:100%;
background:url(../img/top_news.gif) no-repeat 0 0 #fff;
margin:50px 50px 0 50px;
padding:30px 0 10px 0;
}

div#news dl dt{
background:url(../img/mark_dt.gif) no-repeat 0 0;
line-height:1.2em;
margin:0;
text-indent:1.2em;
}

div#news dl dd{
line-height:1em;
margin:0 0 1em 1.2em;
}

div#news a{
font-weight:normal;
}


/* ご使用方法のページ */
div#use{
padding:50px 0 30px 0;
margin:30px 0 0 0;
width:700px;
background:url(../img/use_image.gif) no-repeat 0 0 #fff;
}

div#use ol{
margin:0 30px 0 350px;
}

div#use ol li{
margin:0 0 25px 0
}

div#use p{
margin:10px 0 0 130px;
}


/* 製造工程のページ */
div#production{
padding:10px 0 30px 0;
margin:10px 0 0 0;
width:700px;
background:url(../img/production_image.gif) no-repeat 0 20px #fff;
}

div#production h2{
margin:30px 0 10px 145px;
}

div#production table{
margin:0 0 0 135px;
}

div#production span{
display:none
}

div#production b{
font-size:20px;
font-style:italic;
}


div#production td{
vertical-align:top;
padding:5px 0 0 0;
width:136px;
height:110px
}

div#production td#p1l{background:url(../img/production_1.jpg) no-repeat 0 0 #fff}
div#production td#p2l{background:url(../img/production_2.jpg) no-repeat 0 0 #fff}
div#production td#p3l{background:url(../img/production_3.jpg) no-repeat 0 0 #fff}
div#production td#p4l{background:url(../img/production_4.jpg) no-repeat 0 0 #fff}
div#production td#p5l{background:url(../img/production_5.jpg) no-repeat 0 0 #fff}
div#production td#p6l{background:url(../img/production_6.jpg) no-repeat 0 0 #fff}


/* ゲルマニウム */
div#germa{
padding:60px 0 0 0;
margin:0 0 70px 0;
background:url(../img/ge_image.jpg) no-repeat 0 0 #fff;
}

/* マヌカ */
div#manuka{
padding:60px 0 0 0;
margin:0 0 70px 0;
background:url(../img/manuka_image.jpg) no-repeat 0 0 #fff;
}

/* オイル */
div#oil{
padding:60px 0 0 0;
margin:0 0 70px 0;
background:url(../img/oil_image.jpg) no-repeat 0 0 #fff;
}

/* 無添加手作り */
div#handmade{
padding:60px 0 0 0;
margin:0 0 70px 0;
background:url(../img/handmade_image.gif) no-repeat 0 0 #fff;
}

/* 会社概要 */
div#aboutus{
padding:30px 0 0 0;
margin:0 0 70px 0;
background:url(../img/aboutus_image.gif) no-repeat 0 0 #fff;
}

div#aboutus h2{
margin:0 0 0 305px;
}

/* ホスピタリティ */
div#hospitality{
padding:30px 0 0 0;
margin:0 0 70px 0;
background:url(../img/hospitality_image.gif) no-repeat 0 0 #fff;
}

div#hospitality h2{
margin:0 0 0 305px;
}

div#hospitality img{
border:none;
float:left
}

/* 商品開発秘話 */
div#development{
padding:30px 0 0 0;
margin:0 0 70px 0;
background:url(../img/dev_image.jpg) no-repeat 0 0 #fff;
}

div#development h2{
margin:0 0 0.5em 305px;
}

div#development img{
border:none;
float:left
}


/* 商品情報 */
div#product{
padding:30px 0 0 0;
margin:0 0 70px 0;
background:url(../img/product_image.jpg) no-repeat 0 0 #fff;
}

div#product h2{
margin:0 0 0.5em 305px;
}

div#product h2 a{
font-weight:normal;
font-size:12px
}


div#product ul{
margin:0 0 1em 325px;
}

div#product li{
margin:0 0 0 0;
}

div#product p{
margin:0 70px 0.5em 305px;
}

/* コンタクト */
div#contact{
height:300px;
padding:30px 0 0 0;
margin:0 0 30px 0;
background:url(../img/contact_image.gif) no-repeat 0 0 #fff;
}







div#footer{
clear:left;
border-top:1px solid #ccc;
margin:20px 50px 10px 50px
}

address{
margin:10px 0 0 0;
font-style:normal;
font-size:11px;
color:#888;
text-align:center
}