@charset "utf-8"; 

h1 {margin:0 0 0 35px; float:left; display:inline; padding-top:32px;}
h1 a {display:block; width:148px; height:30px; background:url(../images/img_rogo.gif) no-repeat; }
h1 span {position:absolute; left: -9999px; top: 0;}
h2 {clear:both; margin:0;}
h2 img {margin-top:15px; margin-bottom:8px;}
ul {margin:0; padding:0;}
h3 {margin:0; padding:0; margin:10px 0 10px 0;}
h4 {margin-top:15px; margin-bottom:15px;}
h5 {background:url(../commodity/milk/images/bg_h5.gif) repeat-x bottom; margin:0 15px 5px 15px; padding:0 0 5px 3px; font-size:16px; color:#008CEA;}
h5 a:link {text-decoration:none; color:#008CEA;}
h5 a:visited {text-decoration:none; color:#008CEA;}
h5 a:hover {text-decoration:underline; color:#59BDFF;}



#body_style {background:#400B0B; font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Osaka; font-size:80%; line-height:1.8em; margin:0; padding:0; color:#666666; text-align:center;}


#container {width:740px; background:url(../images/bg_main.jpg) repeat-y; text-align:center; margin: 0 auto; padding:0 10px 0 10px;}



/*---------- header ----------*/
#header {width:740px; height:60px; margin:0; padding:0; background:url(../images/bg_header.gif) no-repeat; text-align:left; margin-bottom:15px;}
#header li { height:25px; float:left; margin: 0; padding: 0; list-style-type:none; display:inline; margin-top:32px;}
#header li span {display:none;}
#header li a {display:block; height:25px; text-decoration:none;}
#header li#header01 a {width:77px; background:url(../images/btn__head_menu01.gif) top; margin-left:185px;}
#header li#header01 a:hover {background:url(../images/btn__head_menu01.gif) bottom;}
#header li#header02 a {width:83px; background:url(../images/btn__head_menu02.gif) top;}
#header li#header02 a:hover {background:url(../images/btn__head_menu02.gif) bottom;}
#header li#header03 a {width:190px; background:url(../images/btn__head_menu03.gif) top;}
#header li#header03 a:hover {background:url(../images/btn__head_menu03.gif) bottom;}


/*---------- main ----------*/
#main {width:700px; margin:0 20px 0 20px; text-align:left;}
#g_navi {margin:0; padding:0;}
#g_navi li {height:30px; float:left; margin: 0; padding: 0; list-style-type:none; display:inline;}
#g_navi li span {display:none;}
#g_navi li a {display:block; height:30px;}
#g_navi li#g_navi01 a {width:92px; background:url(../images/btn_menu01.gif) top; margin-left:9px;}
#g_navi li#g_navi01 a:hover {background:url(../images/btn_menu01.gif) bottom;}
#g_navi li#g_navi02 a {width:92px; background:url(../images/btn_menu02.gif) top; margin-left:47px;}
#g_navi li#g_navi02 a:hover {background:url(../images/btn_menu02.gif) bottom;}
#g_navi li#g_navi03 a {width:105px; background:url(../images/btn_menu03.gif) top; margin-left:47px;}
#g_navi li#g_navi03 a:hover {background:url(../images/btn_menu03.gif) bottom;}
#g_navi li#g_navi04 a {width:120px; background:url(../images/btn_menu04.gif) top; margin-left:47px;}
#g_navi li#g_navi04 a:hover {background:url(../images/btn_menu04.gif) bottom;}
#g_navi li#g_navi05 a {width:91px; background:url(../images/btn_menu05.gif) top; margin-left:47px;}
#g_navi li#g_navi05 a:hover {background:url(../images/btn_menu05.gif) bottom;}


#inquiry {width:550px; background:#FFFFFF; margin-left:auto; margin-right:auto;}
#inquiry_body {width:510px; text-align:left; margin-left:30px;}
#inquiry_body h2 {border-bottom:#850D0E 2px solid; width:490px;}
#inquiry table {margin-left:15px;}
#inquiry th,td {text-align:left;}

/*---------- パンくず ----------*/
#navi {margin:0; padding:0; list-style:none; line-height:1em; font-size:10px; height:10px; color:#999999;}
#navi li {float:left; margin:0; padding:0; line-height:1em; margin-right:7px; padding-right:11px; background:url(../images/img_arrow02.gif) no-repeat center right; height:10px;}
#navi li a {display:inline; height:10px; line-height:1em;}
 

/*---------- left ----------*/
#left {width:335px; float:left; clear:both; display:inline;}


/*---------- right ----------*/
#right {width:335px; float:left; margin-left:30px;}


/*---------- access ----------*/
.map_frame {width:690px; height:350px; color:#333333; border:solid #CCCCCC 1px; text-align:left; margin-top:25px; font-size:smaller; margin-left:auto; margin-right:auto; clear:both;}


/*---------- 商品紹介 ----------*/
.intoro_frame {width:221px; float:left; margin-right:15px;}
.intoro_frame h3 {margin-bottom:0;}
.intoro_frame p {margin:0 5px 0 5px; padding-top:10px;}
.intoro_frame div {background:url(../commodity/images/bg_line.gif) repeat-y;}
.intoro_frame hr {margin-left:1px; margin-right:1px;}


/*---------- 商品紹介枠 ----------*/
.commodity_frame {width:335px; background:url(../commodity/milk/images/bg_frame.gif) repeat-y;}
.commodity_frame img {margin-left:1px; margin-right:18px;}
.commodity_frame p {margin:10px 15px 10px 15px;}
.commodity_frame hr {margin-left:1px; margin-right:1px;}
.commodity_left {float:left; width:335px; margin-right:30px; clear:both;}


/*---------- ソフトクリーム商品 ----------*/
.soft_frame {width:140px; float:left; margin-right:46px;}
.soft_frame h5 {margin:0; text-align:center}
.soft_frame p {margin-top:5px;}


/*---------- 先頭へ戻るボタン ----------*/
.rtop {text-align:right; margin-top:15px;}
.rtop a {background:url(../images/btn_page_top.gif) top no-repeat; display:block; width:119px; height:15px; float:right;}
.rtop a:hover {background:url(../images/btn_page_top.gif) bottom no-repeat;}
.rtop a span {display:none;}


/*---------- 詳細ボタン ----------*/
.btn01 {text-align:right; margin-top:0px;}
.btn01 a {background:url(../commodity/images/btn01.gif) top no-repeat; display:block; width:66px; height:29px; float:right; margin-right:10px;}
.btn01 a:hover {background:url(../commodity/images/btn01.gif) bottom no-repeat;}
.btn01 a span {display:none;}


/*---------- お問合せボタン ----------*/
.btn02 {margin-top:0px; margin-left:70px;}
.btn02 a {background:url(../delivery/images/btn_inruiry.gif) top no-repeat; display:block; width:190px; height:53px;}
.btn02 a:hover {background:url(../delivery/images/btn_inruiry.gif) bottom no-repeat;}
.btn02 a span {text-indent:-9999px; display:block;}


/*---------- ホームページご注文ボタン ----------*/
.order01 {margin-top:0px;}
.order01 a {background:url(../shop/images/btn_homepage.jpg) top no-repeat; display:block; width:337px; height:50px;}
.order01 a:hover {background:url(../shop/images/btn_homepage.jpg) bottom no-repeat;}
.order01 a span {text-indent:-9999px; display:block;}


/*---------- FAXご注文ボタン ----------*/
.order02 {margin-top:0px;}
.order02 a {background:url(../shop/images/btn_fax.jpg) top no-repeat; display:block; width:337px; height:50px;}
.order02 a:hover {background:url(../shop/images/btn_fax.jpg) bottom no-repeat;}
.order02 a span {text-indent:-9999px; display:block;}


/*---------- 写真拡大 ----------*/
#photo_up {width:200px; height:400px; background:#FFFFFF; margin-left:auto; margin-right:auto;}
#photo_up img {display:block;}
#photo_up02 {width:400px; height:400px; background:#FFFFFF; margin-left:auto; margin-right:auto;}
#photo_up02 img {display:block;}

/*---------- アクセス ----------*/
#access_frame {width:380px; float:left;}



/*----------　フッター ----------*/
#fotter {background:url(../images/img_rogo_small.gif) center left no-repeat; padding-left:142px; margin-left:8px;}
#fotter p {margin:0;}
#fotter address {line-height:1.5em; font-size:smaller;}
#fimage {margin-left:auto; margin-right:auto; text-align:center;}
#fotter a:link {text-decoration:none; color:#666666;}
#fotter a:visited {text-decoration:none; color:#666666;}
#fotter a:hover {text-decoration:underline; color:#CA9662;}
#fotter strong {font-weight:normal;}


/*----------　ブログ ----------*/
#blog_body_left,#blog_body_archive {width:490px; float:left;}
#blog_body_left h3 {background:url(../blog/images/ttl_title.jpg) no-repeat; width:490px; height:25px; color:#996633; font-size:15px; text-indent:22px; padding-top:2px; margin:0; margin-top:23px;}
.blog_entry_body {width:490px; background:url(../blog/images/bg_body.gif) repeat-y;}
.blog_entry_edit {padding:15px;}
.date {float:right; font-size:80%; background:#FFECEC; margin-top:15px; margin-bottom:0; padding-bottom:0;}
#blog_body_right {width:195px; float:right; margin-top:15px;}
#blog_commodity {width:193px; border:1px solid #E7E7E7; margin-top:13px;}
#blog_commodity h3 {margin-left:0;}
#blog_commodity a {background:url(../images/img_triangle.gif) no-repeat; padding-left:12px; line-height:1em; height:12px;}
#blog_commodity img {margin-left:6px;}
.blog_list {background:#FFEEEE; width:195px; margin-top:20px; padding-bottom:15px;}
.blog_list h3 {margin:0;}
.blog_list li {list-style:url(../images/img_triangle.gif); margin-left:30px; margin-top:15px; line-height:1em;}
#blog_body_archive h3 {background:url(../blog/images/ttl_archive.gif) no-repeat; width:490px; height:auto; color:#996633; font-size:15px; text-indent:137px; padding-top:18px; margin:0; margin-top:15px; line-height:1em; padding-bottom:14px;}

.archive_list {border-collapse:collapse;}
.archive_list th {background:url(../images/img_triangle.gif) no-repeat center left; text-align:left; vertical-align:middle; border-bottom:dotted 1px #DBB08E; padding:5px; padding-left:14px;}
.archive_list td {vertical-align:top; border-bottom:dotted 1px #DBB08E; vertical-align:middle; padding:5px;}

/*ブログカテゴリナビゲーション*/
#category {margin:20px 0 0 0; padding:0; text-align:center;}
#category li {float:left; margin: 0; padding: 0; list-style-type:none; display:inline; text-indent:-9999px; overflow:hidden;}
#category li a {display:block; height:25px; margin:0; padding:0;}
#category li#camenu01 a {background:url(../blog/images/btn_archive01.gif) top; width:95px; margin-left:80px;}
#category li#camenu01 a:hover {background:url(../blog/images/btn_archive01.gif) bottom;}
#category li#camenu02 a {background:url(../blog/images/btn_archive02.gif) top; width:113px;}
#category li#camenu02 a:hover {background:url(../blog/images/btn_archive02.gif) bottom;}
#category li#camenu03 a {background:url(../blog/images/btn_archive03.gif) top; width:96px;}
#category li#camenu03 a:hover {background:url(../blog/images/btn_archive03.gif) bottom;}



/*------------ hr bug --------------*/
div.redrule {height: 1px; background:#CCCCCC; clear:both; margin-top:20px; margin-bottom:10px}
div.redrule hr {display: none;}
div.redrule * {display: none;}


.frame_clr_y {width:680px; border:#FFCC99 solid 1px; background:#FFFFCC; padding:5px 10px; margin-top:5px;}