/* reset */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{ margin: 0; padding: 0; }
table { border-collapse: collapse; border: none; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6, strong
{ font-size: 100%; font-weight: bold; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select
{ font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: #000; }
img, a img { vertical-align: bottom; border: none; background: transparent; }
object, embed { vertical-align: top; }
hr { height: 0px; margin: 7px 0; border: none; border-top: 1px solid #000; }
input[type=text] { border-style: groove; }
textarea { border-style: groove; }
/* font.jp */
body { font-family: "Lucida Grande" , "Hiragino Kaku Gothic Pro" , "\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3" , "\30e1\30a4\30ea\30aa" , "MS UI Gothic" , "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF" , "Osaka" , verdana, arial, sans-serif;
font-size : 88%; }
h1 { /*20px font-size: 125%; */ /*17px*/ font-size: 106.3%; }
h2 { /*19px font-size: 118.8%; font-size:100%;*/ }
h3 { /*15px font-size: 93.8%;*/ }
.s1 { /*15px font-size: 93.8%;*/ /*14px*/ font-size: 87.5%; }
.s2 { /*12px*/ font-size: 75%; }
.s3 { /*11px*/ font-size: 68.7%; }
/* General styles */
body { border: 0; /* This removes the border around the viewport in old versions of IE */ width: 100%; min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ }
#header { clear: both; float: left; width: 100%; }
.colmask { position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear: both; float: left; width: 100%; /* width of whole page */ overflow: hidden; /* This chops off any overhanging divs */ }
#footer { clear: both; float: left; width: 100%; }
/* 1 column full page settings */
.fullpage .col1 { margin: 0 1em; }
/* 2 column left menu settings */
.leftmenu .colright { float: left; width: 200%; position: relative; left: 12em; }
.leftmenu .col1wrap { float: right; width: 50%; position: relative; right: 12em; padding-bottom: 0.5em; }
.leftmenu .col1 { margin: 0 1em 0 13em; position: relative; right: 100%; overflow: hidden; }
.leftmenu .col2 { float: left; width: 12em; /* width - margin * 2 */ position: relative; right: 12em; /* width - margin */ }
/* 2 column left menu settings (Pixel Width) */
.leftmenupx .colright { float: left; width: 200%; position: relative; left: 200px; }
.leftmenupx .col1wrap { float: right; width: 50%; position: relative; right: 200px; padding-bottom: 1em; }
.leftmenupx .col1 { margin: 0 0 0 200px; position: relative; right: 100%; overflow: hidden; }
.leftmenupx .col2 { float: left; width: 185px; position: relative; right: 200px; }
/* 2 column right menu settings */
.rightmenu .colleft { float: left; width: 200%; margin-left: -12em; position: relative; right: 100%; }
.rightmenu .col1wrap { float: left; width: 50%; position: relative; left: 50%; padding-bottom: 0.5em; }
.rightmenu .col1 { margin: 0 1em 0 13em; overflow: hidden; }
.rightmenu .col2 { float: right; width: 12em; /* width - margin * 2 */ position: relative; left: 12em; /* width - margin */ }
/* 3 column blog style settings */
.blogstyle .colmid { float: left; width: 200%; margin-left: -12em; /* Width of right column */ position: relative; right: 100%; }
.blogstyle .colleft { float: left; width: 100%; margin-left: -12em; /* Width of centre column */ }
.blogstyle .col1wrap { float: left; width: 50%; padding-bottom: 1em; /* Centre column bottom padding. Leave it out if it's zero */ }
.blogstyle .col1 { margin: 0 1em 0 25em; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */ position: relative; left: 100%; overflow: hidden; }
.blogstyle .col2 { float: right; width: 10em; /* Width of left column content (left column width minus left and right padding) */ position: relative; left: 11em; /* Width of the left-had side padding on the left column */ }
.blogstyle .col3 { float: right; width: 10em; /* Width of right column content (right column width minus left and right padding) */ position: relative; left: 33em; }
/* holy grail 3 column settings */
.holygrail .colmid { float: left; width: 200%; margin-left: -12em; /* Width of right column */ position: relative; right: 100%; }
.holygrail .colleft { float: left; width: 100%; margin-left: -50%; position: relative; left: 24em; /* Left column width + right column width */ }
.holygrail .col1wrap { float: left; width: 50%; position: relative; right: 12em; /* Width of left column */ padding-bottom: 1em; /* Centre column bottom padding. Leave it out if it's zero */ }
.holygrail .col1 { margin: 0 13em; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */ position: relative; left: 200%; overflow: hidden; }
.holygrail .col2 { float: left; float: right; /* This overrides the float:left above */ width: 10em; /* Width of left column content (left column width minus left and right padding) */ position: relative; right: 1em; /* Width of the left-had side padding on the left column */ }
.holygrail .col3 { float: left; float: right; /* This overrides the float:left above */ width: 10em; /* Width of right column content (right column width minus left and right padding) */ margin-right: 3em; /* Width of right column right-hand padding + left column left and right padding */ position: relative; left: 50%; }
/* icon */
.lefticon { padding-left: 18px; background-repeat: no-repeat; background-position: left center; }
.righticon { padding-right: 18px; background-repeat: no-repeat; background-position: right center; }
.icon_Accept{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40J1u9SxObHckeakhMSdFSZVoUKjm4LHq7HVPeTfLOe2KA2&t=633838752626592912);}
.icon_ArrowRight{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40JrcUGHQ5eNRZq8XCbi240uctPHOKOSJjvG70XTiLSC4Q2&t=633838752626592912);}
.icon_Building{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40LHZ8Jg56MxiPYSLiK62S2_Na0oH3isFeDxw-FPfTeKGQ2&t=633838752626592912);}
.icon_Help{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40IAP3m7NjaiI2XWdwwb2dmvBE0LQYYSLZKD8hdwjck6sQ2&t=633838752626592912);}
.icon_Cart{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40LwtPq0h-0_KwJlkG2_Eotv2Dsu07iizblK764NaiQo4g2&t=633838752626592912);}
.icon_Sitemap{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40Lo0FYrX-gKbcfved84OEfbMdsDeeTqn8yQnmEJRhQMLg2&t=633838752626592912);}
.icon_DoorIn{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40LypdjmJYesgOUGVaJNC9bD9s0NjiwF0o4gtvqglFhYTQ2&t=633838752626592912);}
.icon_Email{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40L_WFZHnEj3m3F_fOvQEe0SJbCPjMIfA3uvMNxqZ9JWWQ2&t=633838752626592912);}
.icon_TopicPath{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40KPw6avtehQ2lLGf8PQoAwjAdr5qRmL6kjMCSpoSUFHQQ2&t=633838752626592912);}
.icon_TestLogo{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40LmSo_NCO76ib5R-VZ6erhsADXNlkfWWnUZEMu5aHAdtw2&t=633838752626592912);}
.icon_Magnifier{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40Ksvnsf8rRWSQ6FzLm2VftxCW7BMA-rI0sytsKKRq5Bqw2&t=633838752626592912);}
.icon_OpenId{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40IvpLv4sHPIy1PsFuw4-lULZBFeH3ulWZ85hSkimdxSeA2&t=633838752626592912);}
.icon_Next{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40J4AvQdWjtgH3_RFSbOFa_43_s-XvwvmIhvCnVmpKpOMw2&t=633838752626592912);}
.icon_Prev{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40I1ams4PjYGFv8wY0jqETZXVvRmfCWv3uqW6_55lxD-rA2&t=633838752626592912);}
.icon_House{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40KGOJn_QG812pVUelycAlBnLuF11AIIsRAjy006QansIQ2&t=633838752626592912);}
/* ----------tag-------------- */
html, a, h1, h2, h3 { color: #333333; }
table { border: 1px solid #666; }
th { border: 1px solid #666; }
td { border: 1px solid #666; }
a:hover { background-color: #ffffcc; }
input[type=text]:focus { background-color: #ffffcc; }
textarea:focus { background-color: #ffffcc; }
p { margin-bottom: 0.2em; }
dt, dd, li, h1, h2, h3, h4, h5, h6, pre, code, legend, input, textarea, p, blockquote, th, td { padding: 2px; line-height:1.3em; }
/* ----------container-------------- */
#container { width: 800px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
/* ----------header-------------- */
#header h1 { font-size: 12px; text-align: right; width:460px; float:right; margin-top:8px; }
#headertitle {border-bottom-width: 0; padding: 0 1em 1em 10em; width:120px; }
#headernav { border: solid 2px #cccccc; background-color: #99cccc; text-align: center; font-size: 87.5%; padding: 4px; }
#headernav ul { display: inline; }
#headernav ul li { display: inline; }
#headernav ul li a { padding-left: 18px; margin-right: 18px; background-repeat: no-repeat; background-position: left center; color: #006600; }
#headernav ul li a:hover { background-color: #ffffcc; }
/* ----------main-------------- */
.supple h2 { margin-top: 1em; color: #ffffff; background-color:#99cccc; padding-left: 8px; }
.supple div { font-size: 87.5%; margin: 2em 1em 4em 1em; }
.supple h3 { margin: 2em 0 1em 0; border-bottom: dashed 1px #333333; }
.pathnav { margin-top: 16px; font-size: 75%; border: 1px solid #006600; padding: 4px 0; clear: both; }
.prev { margin-left: 18px; padding-left: 18px; background-repeat: no-repeat; background-position: left center; }
.next { position: absolute; right: 18px; padding-right: 18px; background-repeat: no-repeat; background-position: right center; }
/* ----------sub-------------- */
.col2 dl { font-size: 87.5%; border: solid 2px #cccccc; margin-top: 16px; }
.col2 dt { background-color:#ffffcc;border-bottom: solid 2px #cccccc; color: #666666; padding: 4px; text-align: center; }
.col2 dd a { display: block; padding: 2px 4px; text-decoration:none; }
.col2 dd .flagment { padding-left: 20px; }
.col2 .selected { background-color: #ffcc33; }
.col2 dd { border-bottom: solid 1px #cccccc; }
.marks { border: solid 2px #66ccff; padding: 1em; text-align: center; margin-top: 16px; }
.marks p {font-size: 87.5%;}
.marks a img { margin-bottom: 16px; }
#subproducts { font-size: 87.5%; margin-top: 16px; border-width:1px; border-color: #66cc33;}
#subproducts li { border-style: solid; border-color: #66cc33; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; padding: 4px; }
#subproducts li .productname { margin: 0; padding: 0; border-bottom: dashed 1px #333333; color:#2e8b57; font-weight:bold;}
#subproducts li .aboutpoint{ float:right;}
/* ----------footer-------------- */
#footer { font-size: 75%; text-align: center; margin-top: 1em; clear: both; }
#footer hr { border: solid 1px #006600; }
#footer ul li { display: inline; }
#footer dl dt { margin-top: 1em; }
#footer dl dd { display: inline; font-size: 75%; }
#footer dl dd a { display: inline; margin: 0 2px; }
.address { display: inline; font-weight:normal; margin-right:1em; }
/* ----------default-------------- */
#welcome div { font-size: 87.5%; margin: 2em 1em 4em 1em; text-align: center; }
#welcome div img { }
/* ----------law-------------- */
#law table { font-size: 87.5%; margin: 2em 1em 4em 1em; }
#law th { padding: 4px; text-align: center; width: 10em; }
#law td { padding: 4px; }
/* ----------inquiry-------------- */
#inquiry dt { margin-top: 1em; }
#inquiry input[type=text] { width: 20em; }
#inquiry textarea { width: 30em; }
#inquiry input[type=submit] { margin-top: 1em; }
.validation { color: #cc0000; }
/* ----------sitemap-------------- */
#sitemap h3 { margin-top: 1em; color: #006600; border: none 0; }
#sitemap h3 a { padding: 4px 0; display: block; }
#sitemap dl { margin: 4px 0; border: none 1px #006600; color: #006600; }
#sitemap dt { margin: 2em 4px 4px 4px; }
#sitemap dd a { padding: 4px 1.5em; display: block; }
#sitemap dd a { background-image: url(Images/l.gif); background-position: center left; background-repeat: no-repeat; }
#sitemap dd .flagment { margin-left: 1em; }
/* ----------privacy-------------- */
#privacy h3 { margin-top: 1em; }
/* ----------lineup-------------- */
#lineup div {clear:both;}
/* ----------products-------------- */
#products { margin: 1em 0 1em 1em; text-align:center; }
#products li { margin: 1em 0 1em 0; font-size: 87.5%; display: block; clear: both; }
#products .productimg { display: inline; padding: 0; margin: 0; }
.price { color: #ff0000; font-weight: bold; }
.muryo { color: #6699ff; font-weight: bold; }
#products .productname { margin-bottom: 0; border-bottom: dashed 1px #333333; color:#2e8b57; font-weight:bold;}
/* ----------package-------------- */
#package dt { margin: 2em 0 1em 0; border-bottom: dashed 1px #333333; font-weight: bold; }
/* ----------point-------------- */
#point div ul { margin-left: 2em; }
#point div ul li { margin-top: 1em; list-style-type: disc; list-style-position: outside; }
/* ----------payment-------------- */
#payment div dl { margin:2em;}
#payment div dt { float:left; width:6em;font-weight:bold;clear:both;}
#payment div dd { margin-left:6em; }
#payment li{list-style-type:decimal; list-style-position:inside;}
/* ----------delivery-------------- */
/* ----------team6-------------- */
#team6 ul li { margin-top: 1em; margin-left: 1em; list-style-type: disc; list-style-position: outside; }
#team6 div a img { margin: 2em; }
/* ----------product-------------- */
#product div { font-size: 87.5%; margin: 2em 1em 1em 1em; }
#product h3 { margin: 2em 0 1em 0; border-bottom: dashed 1px #333333; }
#product h4 { margin-top: 1em; }
#product table { font-size: 87.5%; margin: 4em auto 4em auto; }
#product th { padding: 4px; text-align: center; width: 6em; }
#product td { padding: 4px; }
#faq div { font-size: 87.5%; margin: 2em 1em 4em 1em; }
#faq div dl { margin-top: 2em; }
#faq .faqseg { margin: 0 0 1em 0; border-bottom: dashed 1px #333333; }
#faq .faqsegcontent { margin: 1em 1em 2em 1em; }
#faq .faqsegcontent dt { margin: 0 0 1em 0; font-weight: bold; }
#faq .faqsegcontent dd { margin-bottom: 1em; }
.toinquiry { margin: 0 1em 0 1em; }
/* ----------orderflow-------------- */
#orderflow div dl dt { color: #006600; font-weight: bold; }
#orderflow div dl dd ul { margin-top: 0; margin-bottom: 3em; }
#orderflow div dl dd ul li { border: solid 1px #cccccc; list-style-type: decimal; list-style-position: inside; padding: 1em 1em 1em 1em; }
#orderflow div dl dd ul li img { display: block; margin: 1em auto 0em auto; }
/* ----------links-------------- */
#links dl { font-size: 87.5%; margin: 2em 1em 4em 1em; }
#links dl dt { margin: 2em 0 1em 0; border-bottom: dashed 1px #333333; }
#links dl dd { padding: 0 1em; }
#links dl dd ul li { display: inline; }
#links div code { display: block; }
#mutuallinks dl { font-size: 87.5%; margin: 2em 1em 4em 1em; }
#mutuallinks dl dt { clear: both; margin: 2em 0 1em 0; border-bottom: dashed 1px #333333; }
#mutuallinks dl dd { padding: 0 1em; }
#mutuallinks dl dd img { float: left; padding-bottom: 2em; }
#mutuallinks dl dd p { margin-left: 200px; }
/* ----------review-------------- */
#review dl { margin-top: 2em; }
#review dt { margin-top: 1em; }
#review table { width: 100%; }
#review th { text-align: center; padding: 4px; }
#review td { text-align: center; padding: 4px; border: none; border-bottom: solid 1px; }
/*#review dd{margin-top:1em;margin-left:120px;}*/
#review input[type=text] { width: 100%; }
#review textarea { width: 100%; }
/* ----------reviewcontent-------------- */
#reviewcontent div dl dt { margin-top: 1em; font-weight: bold; }
#reviewcontent div dl dd { margin-top: 1em; }
/* ----------error-------------- */
#error { margin: 1em; }
/* ----------icon-------------- */
.default img {vertical-align:middle; margin-left:2px;}
.supple img {vertical-align:middle; margin-left:2px;}
/* ----------text-------------- */
.title { font-weight:normal; color:#2e8b57;}
.pointtext { font-weight:normal; color:#ff66cc;}
.coupon { font-weight:normal; color:#4169e1;}#headernav ul li .h_home{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40KGOJn_QG812pVUelycAlBnLuF11AIIsRAjy006QansIQ2&t=633838752626592912);}
#headernav ul li .h_orderflow{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40IAP3m7NjaiI2XWdwwb2dmvBE0LQYYSLZKD8hdwjck6sQ2&t=633838752626592912);}
#headernav ul li .h_inquiry{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40L_WFZHnEj3m3F_fOvQEe0SJbCPjMIfA3uvMNxqZ9JWWQ2&t=633838752626592912);}
#headernav ul li .h_sitemap{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40Lo0FYrX-gKbcfved84OEfbMdsDeeTqn8yQnmEJRhQMLg2&t=633838752626592912);}
#headernav ul li .h_cart{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40LwtPq0h-0_KwJlkG2_Eotv2Dsu07iizblK764NaiQo4g2&t=633838752626592912);}
.next{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40J4AvQdWjtgH3_RFSbOFa_43_s-XvwvmIhvCnVmpKpOMw2&t=633838752626592912);}
.prev{background-image:url(/WebResource.axd?d=OuS-Wt2ajswRmsBX7WVb6Gx8inX5SaAY2TdFVgLS40I1ams4PjYGFv8wY0jqETZXVvRmfCWv3uqW6_55lxD-rA2&t=633838752626592912);}