@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif}
div#wrapper { width: 970px; text-align: left; margin: 0 auto}

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; line-height: 100%}
ul,ol,dl,dd,dt { margin: 0; padding: 0}
li { margin: 0; padding: 0; line-height: 100%}
p { margin: 0 0 1em 0; padding: 0; line-height: 100%}
a { overflow: hidden}
a img { border: 0; text-decoration: none}
.cb { clear: both }
.cb3 { clear: both; margin-bottom: 30px}
.cb5 { clear: both; margin-bottom: 50px}
.cb6 { clear: both; margin-bottom: 60px}
.cb8 { clear: both; margin-bottom: 80px}
.block { display: block}
.block2 { display: block; margin-bottom: 30px}
.nowrap { white-space: nowrap}

a#a_lineup { display: block; padding-top: 20px}

img.img_right { float: right; margin-right: 20px}
img.img_left { float: left; margin-right: 20px}

div#top_words { display: block; position: absolute; font-size: 0.7em; text-align: left; color:#999; padding: 3px 0 0 3px}
div#header { width: 970px; margin: 0 auto; text-align: left}

div#header_inner { text-align: left}
div#header_inner ul { margin: 0; padding: 0}
div#header_inner ul li { display: block; margin: 0; padding: 0; height: 42px; float: left; list-style: none}
div#header_inner ul li a { display: block; height: 42px; margin: 0; padding: 0; text-indent: -9999px}
div#header_inner ul li#tm01 a { width: 239px; background: url(img/s_top_menu01.gif) no-repeat top left}
div#header_inner ul li#tm02 a { width: 145px; background: url(img/s_top_menu02.gif) no-repeat top left}
div#header_inner ul li#tm03 a { width: 145px; background: url(img/s_top_menu03.gif) no-repeat top left}
div#header_inner ul li#tm04 a { width: 160px; background: url(img/s_top_menu04.gif) no-repeat top left}
div#header_inner ul li#tm05 a { width: 136px; background: url(img/s_top_menu05.gif) no-repeat top left}
div#header_inner ul li#tm06 a { width: 135px; background: url(img/s_top_menu06.gif) no-repeat top left}

div#header_inner ul li#tm01 a:hover { width: 239px; background: url(img/s_top_menu01b.gif) no-repeat top left}
div#header_inner ul li#tm02 a:hover { width: 145px; background: url(img/s_top_menu02b.gif) no-repeat top left}
div#header_inner ul li#tm03 a:hover { width: 145px; background: url(img/s_top_menu03b.gif) no-repeat top left}
div#header_inner ul li#tm04 a:hover { width: 160px; background: url(img/s_top_menu04b.gif) no-repeat top left}
div#header_inner ul li#tm05 a:hover { width: 136px; background: url(img/s_top_menu05b.gif) no-repeat top left}
div#header_inner ul li#tm06 a:hover { width: 135px; background: url(img/s_top_menu06b.gif) no-repeat top left}

body#m01 ul li#tm01 a { width: 239px; background: url(img/s_top_menu01a.gif) no-repeat top left}
body#m02 ul li#tm02 a { width: 145px; background: url(img/s_top_menu02a.gif) no-repeat top left}
body#m03 ul li#tm03 a { width: 145px; background: url(img/s_top_menu03a.gif) no-repeat top left}
body#m04 ul li#tm04 a { width: 160px; background: url(img/s_top_menu04a.gif) no-repeat top left}
body#m05 ul li#tm05 a { width: 136px; background: url(img/s_top_menu05a.gif) no-repeat top left}
body#m06 ul li#tm06 a { width: 135px; background: url(img/s_top_menu06a.gif) no-repeat top left}

body#m01 ul li#tm01 a:hover { width: 239px; background: url(img/s_top_menu01a.gif) no-repeat top left}
body#m02 ul li#tm02 a:hover { width: 145px; background: url(img/s_top_menu02a.gif) no-repeat top left}
body#m03 ul li#tm03 a:hover { width: 145px; background: url(img/s_top_menu03a.gif) no-repeat top left}
body#m04 ul li#tm04 a:hover { width: 160px; background: url(img/s_top_menu04a.gif) no-repeat top left}
body#m05 ul li#tm05 a:hover { width: 136px; background: url(img/s_top_menu05a.gif) no-repeat top left}
body#m06 ul li#tm06 a:hover { width: 135px; background: url(img/s_top_menu06a.gif) no-repeat top left}

div#naka { }

div#shop_top {padding: 8px 0 }
div#shop_top_contents { height: 290px}
div#tc_inner01 { display: block; width: 340px; float: left}
div#tc_inner02 { display: block; width: 384px; float: left}
div#tc_inner02 p { font-size: 0.8em; line-height: 1.4em; margin-bottom: 0.5em; margin-left: 20px}
div#tc_inner02 p.md { margin-left: 0; line-height: 2em }

div#submenu { width: 215px; float: left; text-align: left; margin-top: 10px}
div#submenu .sub_menu { margin-bottom: 10px; width: 210px}
div#submenu .sub_menu img { margin: 0 0 5px 0}
div#submenu .sub_waku { background: url(img/sub_hk.gif) repeat-y top left; width: 210px; margin-bottom: 15px}
div#submenu .sub_waku ul li { display: block; list-style: none; font-size: 0.8em; margin-left: 8px; line-height: 1.3em; color: #999}
div#submenu .sub_waku ul li.list0 { background: url(img/sub_list_hk_s.gif) no-repeat top left; padding: 8px 4px 10px 20px}
div#submenu .sub_waku ul li.list1 { background: url(img/sub_list_hk.gif) no-repeat top left; padding: 8px 4px 10px 20px}
div#submenu .sub_waku ul li.pdficon img { float: right; margin-left: 5px}
div#submenu .sub_waku ul li.pdficon2 img { vertical-align: text-top; margin-left: 5px}
div#submenu .sub_waku ul li.list_sb { background: url(images/pochi_01sb.gif) no-repeat top left; padding: 8px 4px 11px 20px}

div#submenu .sub_wakuo { background: url(img/sub_hko.gif) repeat-y top left; width: 210px; margin-bottom: 0}
div#submenu .sub_wakuo ul li { display: block; list-style: none; font-size: 0.8em; margin-left: 8px; line-height: 1.3em; color: #999}
div#submenu .sub_wakuo ul li.list0 { background: url(img/sub_list_hko_s.gif) no-repeat top left; padding: 8px 4px 10px 20px}
div#submenu .sub_wakuo ul li.list1 { background: url(img/sub_list_hko.gif) no-repeat top left; padding: 8px 4px 10px 20px}

div#submenu .com_text { text-align: left; width: 210px; font-size: 0.9em; line-height: 1.2em; padding-bottom: 80px}

div#contents { width: 745px; float: right; margin-top: 10px }
div#pankuzu { font-size: 0.8em; height: 32px; line-height: 0.8em; padding-left: 3px}
div#pankuzu img { vertical-align: text-top; margin: 0 2px}
div#pankuzu h1 { display: inline }

.h240 { height: 240px}
.font_red { color: #c00}
.font_ore { color: #f60}
.font_bro { color: #960}
.font_hai { color: #999}
.small { font-size: 12px}
.large { font-size: 1.3em; line-height: 1.5em}
.exlarge { font-size: 2em}

/*線H1*/
div#contents div.title_sub { background:url(images/lineup_mdh1.gif) no-repeat top left; height: 95px}
div#contents div.title_sub h2 { padding: 28px 0 0 16px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 500px; color: #333}

div#title_sub ul { display: block; float: left; padding-top: 33px}
div#title_sub ul li { display: block; float: left; list-style: none; padding: 1px 20px 0 15px; font-size: 0.7em;
background: url(images/pochi_l01.gif) no-repeat top left}
div#title_sub ul li a { white-space: nowrap}

div#contents div.title_sub2 { background:url(img/shop_md_hk.gif) no-repeat top left; height: 90px; margin-top: 10px; margin-left: 7px}
div#contents div.title_sub2 h1 { padding: 22px 0 0 16px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 680px; color: #333}
div#contents div.title_sub2 h2 { padding: 22px 0 0 16px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 680px; color: #333}


.h2img img { margin-bottom: 18px; margin-top: 10px}
.h2img2 img { margin-top: 10px}
.h2img3 img { margin-top: 10px; margin-bottom: 20px}
.himg3 img { margin-bottom: 30px}
.himg2 img { margin-bottom: 20px}
.himg1 img { margin-bottom: 12px}
.himg4 img { margin: 30px 0}

div#inq_box { background: url(images/l_banner_inq_hk.jpg) no-repeat top left; width: 720px; height: 301px; margin-bottom: 100px}
div#inq_box div.inq_inbox01 { height: 62px; width: 720px; text-indent: -9999px}
div#inq_box div.inq_inbox02 { width: 165px; float: left}
div#inq_box div.inq_inbox02 a { display: block; margin: 15px 0 0 40px; width: 120px; height: 40px; text-indent: -9999px}
div#inq_box div.inq_inbox03 { width: 540px; float: left; line-height: 1.5em; font-size: 0.8em}

div#hanb_box { margin-left: 10px; text-align: left; padding-bottom: 80px}
div#hanb_box p { width: 700px; text-align: center; font-size: 0.8em; padding-top: 5px; line-height: 1.6em}

div#wrapper div.to_top { display: block; width: 960px; text-align: right; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc}
div#wrapper div.to_top ul {}
div#wrapper div.to_top ul li { display: block; float: right; list-style: none; padding: 0 0 0 15px;
background: url(../images/pochi_02.gif) no-repeat top left; font-size: 0.8em}
div#wrapper div.to_top ul li a { text-decoration: none; white-space: nowrap}

div#footer { text-align: left; clear: both}
div#footer div.copyright { text-align: right; font-size: 0.8em; color: #999; padding: 22px 11px 20px 0}

div#links { padding-top: 80px; padding-left: 60px }
div#links table tr td { background: url(images/links_bar.gif) no-repeat top right; vertical-align: top; line-height: 1.5em;
font-size: 0.9em; padding-left: 16px; padding-bottom: 140px}



div#shop { margin-left: 15px}
div#shop div.item_list01 { }
div#shop div.item_list01 ul{ }
div#shop div.item_list01 ul li { list-style: none; display: block; width: 350px; height: 360px;
text-align: center; float: left}
div#shop div.item_list01 ul li img { display: block; margin: 0 auto}
div#shop div.item_list01 ul li span.md_buy { display: block; width: 320px; height: 42px; text-align: left; margin: 0 auto }
div#shop div.item_list01 ul li span.md_buy img { display: block; margin: 0 auto 0 0}
div#shop div.item_list01 ul li span.text { display: block; width: 320px; height: 20px; color: #c00; text-align: left; margin: 0 auto;
font-size: 0.9em}
div#shop div.shop_guide_menu { padding: 20px 0 0 20px}
div#shop div.shop_guide_menu ul { padding-top: 22px}
div#shop div.shop_guide_menu ul li { list-style-type: none; background: url(img/pochi01.gif) no-repeat top left; display: block; width: 180px; padding: 0 0 0 20px; font-size: 0.9em; float: left; line-height: 1.3em; min-height: 30px; _height: 30px}

div.f_about_box img { border: 0}
div#shop div.item_data { margin-left: 10px}
div#shop div.item_data div.item_data_1 { display: block; width: 330px; float: left}
div#shop div.item_data div.item_data_2 { display: block; width: 365px; float: left}
div#shop div.item_data div.item_data_2 img { sisplay: block; margin-bottom: 20px}
div#shop div.item_data div.item_data_2 ul { padding-left: 23px}
div#shop div.item_data div.item_data_2 ul li { list-style-image: url(../images/pochi_sq.gif); font-size: 
0.8em; line-height: 1.6em; margin-bottom: 1.1em}
div#shop div.item_data p.font_red { margin: 0 3px 0 2px; padding: 0; font-size: 0.9em}
div#shop div.item_lineup table { background-color: #999; margin-bottom: 60px; margin-left: 20px}
div#shop div.item_lineup table tr td { background-color: #fff; vertical-align: top}
div#shop div.item_lineup table tr th { background-color: #e4e4e4; vertical-align: top; text-align: left; padding: 8px; font-size: 0.9em; font-weight: normal} 
div#shop div.item_lineup table tr td.td_data { padding: 8px}
div#shop div.item_lineup table tr td.td_data p { font-size: 0.9em; line-height: 1.5em; margin-bottom: 1em}
div#shop p.junbichu { display: block; padding: 30px; font-size: 1.3em; line-height: 1.6em}

div#wrapper div.f_about_box { padding: 60px 0 100px 5px}
div#wrapper div.f_about_box img { display: block}

div#item_data {}
div#item_data div.inner1 { width: 340px; float: left; text-align: left}
div#item_data div.inner1 img { margin: 0 auto}
div#item_data div.inner2 { width: 370px; float: left}
div#item_data div.inner2 img { margin-bottom: 1em}
div#item_data div.inner2 p { font-size: 0.9em; line-height: 1.4em}
div#item_data div.photo3p { padding: 30px 0 80px 0}
div#item_data div.photo3p ul li { display: block; float: left; font-size: 0.8em; text-align: left; list-style-type: none}
div#item_data div.photo3p ul li img { display: block; margin: 0 auto 5px 0}
div#item_data div.photo3p ul li.p3p_01 { width: 240px}
div#item_data div.photo3p ul li.p3p_02 { width: 240px}
div#item_data div.photo3p ul li.p3p_03 { width: 236px}
div#item_data div.font_red { font-size: 0.9em; line-height: 1.5em; height: 20px}
div#item_data div.item_name { height: 40px; padding-top: 3px}
div#item_data div.item_name img { display: inline }
div#item_data ul.ul_sq { list-style: url(../images/pochi_sq.gif); margin-bottom: 20px; margin-left: 8px }
div#item_data ul.ul_sq li { margin-left: 18px; font-size: 90%; margin-top: 2px; margin-bottom: 5px; line-height: 1.4em}

div#item_data div.table01 { padding: 20px 0 60px 6px}
div#item_data div.table01 p { font-size: 0.9em; line-height: 1.6em}
div#item_data div.table01 table { background: #999; margin-bottom: 15px}
div#item_data div.table01 table tr th { font-weight: normal; text-align: center; font-size: 0.8em; padding: 6px 0; background-color: #fff}
div#item_data div.table01 table tr th.th_gy { background-color: #eaeded}
div#item_data div.table01 table tr td { font-weight: normal; text-align: center; font-size: 0.9em; padding: 6px 0; background-color: #fff}
div#item_data div.table01 table tr td.td_lft { text-align: left; line-height: 1.4em; padding-left:10px; font-size: 0.8em}
div#item_data div.item_table { margin-left: 7px }
div#item_data div.item_table div.mds { background-color: #368eff; display: block; padding: 0; color: #fff; text-align: left; width: 700px; margin-bottom: 3px}
div#item_data div.item_table div.mds p { padding: 10px; font-size: 0.85em; margin: 0; line-height: 100%}
div#item_data div.item_table table {background-color: #999; margin-bottom: 60px;}
div#item_data div.item_table table caption { background-color: #368eff; display: block; padding: 10px; border-bottom: 3px solid #fff; font-size: 0.85em; color: #fff; text-align: left; width: 100%}
div#item_data div.item_table table tr th { font-weight: normal; font-size: 0.9em; background-color: #e4e4e4; text-align: center}
div#item_data div.item_table table tr td { vertical-align: top; font-size: 0.9em; background-color: #fff; text-align: left}
div#item_data div.item_table table tr td img { display: block; margin: 0 auto 0 0}
div#item_data .item_tuiki { position: relative; top: -40px; font-size: 1.2em}
div#item_data div.item_table table tr td dl { }
div#item_data div.item_table table tr td dl dt { float: left; width: 50px; margin-bottom: 1em; font-size: 0.9em; line-height: 1.3em}
div#item_data div.item_table table tr td dl dt.dt1 { margin-bottom: 0.8em}
div#item_data div.item_table table tr td dl dd { float: left; width: 180px; line-height: 1.3em}
div#item_data div.item_table table tr td dl dd.dd1 { margin-bottom: 0.8em}
div#item_data div.item_table table tr td p.price { clear: both; color: #c00; padding: 1em 0; margin-bottom: 0}
div#item_data div.item_table table tr td p.housou { font-size: 0.9em}
div#item_data div.item_table table tr td p.housou img { display: inline; vertical-align:middle; margin-right: 3px}
div#item_data div.item_table table tr td form { margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0}
div#item_data div.md_img { width: 700px; margin: 20px 0 0 0; height: 113px; margin-left: 7px; text-align: right}
div#item_data div.md_img2 { width: 700px; margin: 20px 0 0 0; height: 123px; text-align: right;margin-left: 7px}
div#item_data div.md_img img { display: inline;}
div#item_data div.md_hk0 { margin-left: 0}
div#item_data div.md_hk1 { background: url(img/md_ecorole.gif) no-repeat top left}
div#item_data div.md_hk2 { background: url(img/md_adsheet.gif) no-repeat top left}
div#item_data div.md_hk3 {}
div#item_data div.md_hk4 { background: url(img/md_kurukuru.gif) no-repeat top left}
div#item_data div.md_hk5 { background: url(img/md_adfilm.gif) no-repeat top left}
div#item_data div.md_hk6 { background: url(img/md_adpost.gif) no-repeat top left}

div#notes div.shop_guide_menu { padding: 20px 0 0 20px}
div#notes div.shop_guide_menu ul { padding-top: 22px}
div#notes div.shop_guide_menu ul li { list-style-type: none; background: url(img/pochi01.gif) no-repeat top left; display: block; width: 180px; padding: 0 0 0 20px; font-size: 0.9em; float: left; line-height: 1.3em; min-height: 30px; _height: 30px}
div#notes div.notes_cont { padding-bottom: 80px; margin-left: 13px}
div#notes div.notes_cont h3 { color: #c00; font-size: 0.9em; font-weight: normal; margin-bottom: 0.5em}
div#notes div.notes_cont ul li { list-style: url(../images/pochi_sq.gif); line-height: 1.3em; margin-left:18px; font-size: 0.9em;
margin-bottom: 0.5em; width: 670px}
div#notes div.notes_cont ul li.list_c { list-style-image: none; list-style:disc; margin-bottom: 0.5em}
div#notes div.notes_cont ul li.list_ba { list-style: url(img/pochi_02.gif); line-height: 1.3em; margin-left: 25px; font-size: 0.9em;
margin-bottom: 0.5em}
div#notes div.notes_cont ul { padding-bottom: 20px}
div#notes div.notes_cont div.nc_inner1 { display: block; width: 474px; float: left; padding-right: 20px}
div#notes div.notes_cont div.nc_hk02 { background: #d5e7fb url(img/notes_md_hk2.gif) no-repeat top left; padding: 10px 0 10px 50px; font-size: 0.8em; color: #00f; margin-bottom: 1em} 
div#notes div.notes_cont p { font-size: 0.9em; margin-bottom: 0.5em; line-height: 1.3em; margin-right: 30px}
div#notes div.notes_cont p.mr { margin-right: auto}
div#notes div.notes_cont div.nc_inner2 { display: block; width: 200px; float: left; text-align: center; font-size: 0.8em}
div#notes div.notes_cont div.nc_inner2 img { display: block; margin: 0 0 5px 0}
div#notes table { background-color: #dcdcdc; margin-bottom: 100px; margin-left: 15px}
div#notes table tr td { padding: 10px 0 10px 20px; background-color: #fff; text-align: left; font-size: 0.8em; line-height: 1.4em}
div#notes table tr th { background-color: #f8f8f8; padding: 10px 0 10px 10px; text-align: left; font-size: 0.8em; line-height: 1.4em; font-weight: normal; vertical-align: top }
div#notes table tr td.hk_gy { background-color: #eaeded}

div#guide { margin-left: 5px}
div#guide p { font-size: 0.9em; margin: 0 0 0.8em 0; line-height: 1.5em; padding-right: 50px}
div#guide div.step_box { background: url(img/step_hk.gif) repeat-y top left} 
div#guide div.step_box table {}
div#guide div.step_box table tr td { vertical-align: top}
div#guide div.step_box table tr td p { padding-right: 0}
div#guide div.step_box table tr td img.inline { display: inline}
div#guide div.step_box2 { background:url(img/guide_hk01.gif) repeat-y top left}
div#guide div.step_box2 table {}
div#guide div.step_box2 table tr td { vertical-align: top}
div#guide div.step_box2 table tr td p { padding-right: 0}
div#guide div.step_box2 table tr td img.inline { display: inline}
div#guide div.step_box3 { }
div#guide div.step_box3 table {}
div#guide div.step_box3 table tr td { vertical-align: top}
div#guide div.step_box3 table tr td p { padding-right: 0}
div#guide div.step_box3 table tr td img.inline { display: inline}

div#guide div.guide2 p { margin-left: 25px; margin-bottom: 40px}
div#guide div.guide2 table { margin-left: 40px; margin-bottom: 80px}
div#guide div.guide2 table tr td { vertical-align: top}
div#guide div.guide2 table tr td p { padding-right: 0; margin-bottom: 0.8em; margin-left: 0}
div#guide div.guide2 table tr td img.inline { display: inline}

table#haisou { background-color: #ccc; margin-left: 15px; margin-bottom: 30px}
table#haisou tr th { font-size: 0.8em; text-align: center; font-weight: normal; background-color: #e1ecd9}
table#haisou tr td { text-align: center; font-size: 0.8em; background-color: #fff}
table#haisou tr td.order { background-color: #fddf9b }
table#haisou tr td.shukka { background-color: #ddecff}
table#haisou tr td.otodoke { background-color: #ffdfdd}
table#haisou tr td.hy { background-color: #f3f3f3}
div#guide div.inner15 { margin-left: 15px}
table#haisou2 { background-color: #ccc; margin-bottom: 30px}
table#haisou2 tr td { text-align: left; font-size: 0.8em; background-color: #ece3d9}
table#haisou2 tr td.d1 { background-color: #d5e6fe}
table#haisou2 tr td.d3 { background-color: #c1e2e4}
table#haisou3 { background-color: #ccc}
table#haisou3 tr th  { vertical-align: top; font-size: 0.9em; line-height: 1.5em; font-weight: normal;
background-color : #f3f3f3; text-align: left; padding-left: 20px}
table#haisou3 tr td { padding-bottom: 5px; background-color: #fff; vertical-align: top}
table#haisou3 tr td p { font-size: 0.9em; line-height: 1.5em; margin: 0 0 0.5em 0; padding: 0}