@charset "utf-8";

/* !Reset */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* { padding: 0; margin: 0 }
html { overflow-y: scroll; font: small }
body { font-size: 100%; background: white; color: black }
section, nav, article, aside, hgroup, header, footer, figure, figcaption, details, menu { display: block }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: inherit }
pre { font-family: inherit; white-space: pre-wrap; word-wrap: break-word }
li { list-style: none }
address, caption, cite, code, dfn, em, strong, th, var { font-style: inherit; font-weight: inherit }
q:before, q:after { content: "" }
sub { line-height: 1; vertical-align: text-bottom }
sup { line-height: 1; vertical-align: text-top }
br { letter-spacing: 0 }
img, iframe, embed, object { max-width: 100%; border: 0; vertical-align: bottom }
table { border-collapse: collapse; border-spacing: 0; font: 100% }
caption, th { text-align: left }
fieldset { border: 0 }
legend { color: inherit }
input, button, select, optgroup, option, textarea { font-size: 100%; line-height: inherit; font-family: inherit; color: inherit }

/* !Base */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { width: 100%; background: #f6f6f6; border-top: 4px solid #F57E20 }
a:hover { text-decoration: none }
h1 {font-size: 13px; font-weight: normal; margin: 8px 0; padding: 0 }
.item-catch-phrase {color: #F57E20;font-size: 18px;font-weight: bold;line-height: 140% }
.sup-point {background: url(images/point.gif) no-repeat }
h4 { font-size:15px; font-weight:normal; margin:0; padding:0 }

.left { float: left }
.right { float: left; width: 380px }

/* main */
.main_resize { margin:0 auto; width:680px }
.main_resize h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:10px 5px; margin:0 }
.main_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#8f8f8f }
.spl {color: #DC3522;font-size: 22px;font-weight: bold;margin: 6px 0px 0px 3px;padding-left: 5px }
.spl2 {color: #77312B;font-weight: bold;font-size:15px;margin:0 0 6px }
.spl3 {font-weight:normal;font-size:15px;margin: 7px 0px 0px 10px;padding:8px 0 4px }
.main_resize p { font:normal 14px Arial, Helvetica, sans-serif; color:#565656; line-height:1.8em; padding:5px; margin:0 }
.main_resize p span { color:#cd4c0f; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em }
.main_resize p.grey { font: normal 14px Arial, Helvetica, sans-serif; color:#898989; line-height:1.8em; padding:5px; margin:0 }
/*.main_resize a { color:#cd4c0f; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif; padding:0; margin:0 }*/
.main_resize img { margin:0; padding:0 }
.main_resize ul { list-style:none; margin:10px 0 0 5px; padding:0 }
.main_resize li { /*background:url(images/ul_li.gif) left no-repeat; padding:5px 0 3px 20px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#898989;*/}
.main_resize img.floated { float:left; margin:5px 5px; padding:0 }
.main_resize img.floated2 { float:left; margin:5px 5px; padding:0 0 100px }
.main_left { width:325px; float:left }
.main_right { width:315px; float:right }
.main_right_bg { background:#fff;  border:1px solid #efefef; padding:10px; margin:15px auto }
.main_right_bg2 { background:#fff;  border:1px solid #efefef; margin:15px auto }
.blog { width:190px; height:250px; float:left; padding:0; margin:10px 30px 10px 10px;text-align:center}
.blog2 { width:216px; float:left; padding:0; margin:10px 10px 30px 0; background:#f6f6f6 }
.blog2 img { padding:0 6px }

/* logo */
.logo { width:223px; float:left }

/*menu*/
.menu { width:223px; margin:0 auto }
.menu ul { list-style:none; border:0 }
.menu ul li { display:block;  margin:0; padding:0; border:0; background:none }
.menu ul li a { background:none; width:197px; display:block; margin:0; padding:11px 0 11px 26px; color:#111; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none }
.menu ul li a:hover { color:#fff;  background: url(images/hover.gif) no-repeat top }
.menu ul li a.active { color:#fff;  background:url(images/hover.gif) no-repeat top }

/* search */
.search { float: right; width: 320px }
.search p { font: bold 11px Arial, Helvetica, sans-serif; color:#959595; padding:7px; margin:0; float:left }
.search form { display:block; padding:15px 0; margin:0 }
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:180px; padding:0 5px; height:31px; margin:0 }
.search form .keywords { float:left; border:0; width:180px; padding:7px 0; height:17px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c; line-height:17px }
.search form .button { float:left; margin:0; padding:0 }
/********** contact form **********/
#contactform { padding:5px 5px }
#contactform * { color:#F00 }
#contactform ol { list-style:none }
#contactform li { background:none; border:none; display:block; clear:both }
#contactform li.buttons { margin:5px 0 5px 0; clear:both }
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#222; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left }
#contactform label span { color:#F00 }
#contactform input.text { width:530px; border:1px solid #e9e9e9; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left }
#contactform textarea { width:530px; border:1px solid #e9e9e9; margin:2px 0; padding:2px; background:#fff; float: left }
#contactform li.buttons input { padding:3px 0 3px 420px; margin: 10px 0 0 0; border: 0; color:#FFF; float: left }
/*************footer**********/
.footer_resize { width: 680px; margin: 0 auto; padding: 20px 0 }
.footer p { text-align:center; font:normal 11px  Arial, Helvetica, sans-serif }
.footer a { color:#c6c6c6; text-decoration:none }
.footer { margin:0 auto; background: #1d1d1d; border-top: 1px solid #111; color: #A1A1A1 }
.footer dd { font-size: 12px }

p.clr, .clr { clear:both; background:none }
li.bg, .bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; margin:5px 0; background:none; line-height:0 }

/* Slider */
#slider {  width:678px; padding:10px 0; margin:0; background:#fff; border:1px solid #efefef }
#slider2 {  width:678px; padding:10px 0 0 0; margin:0; background:#fff; border:1px solid #efefef }
#slideshow { margin:0 auto; width:653px }
.slider-item { margin:0 auto; padding:0 }
.slider_content_inner img { border: none; margin:0 auto }
.controls-center { width: 678px; margin:0 auto; padding:0 }
.controls-center h2 { width:350px; float:left; font: bold 14px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:15px 0 0 20px; margin:0 }
.controls-center h3 { text-align:right; font: normal 36px Arial, Helvetica, sans-serif; color:#111; padding:10px 20px 15px 0; margin:0 }
.controls-center p {width:300px; float:left;  font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:3px 0 0 20px; margin:0 }
#slider_controls { float: right; margin:0;  width:90px }
#slider_controls ul { margin:0 auto; padding:0; width:74px }
#slider_controls ul li { background:none; margin: 0; padding: 0; list-style: none }
#slider_controls ul li { float: left; display: block }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none }
#slider_controls ul li a:focus { outline: none }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center }

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0 }
* html .clearfix             { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */

p.set_otoku {
background:url("images/affiliate_set_otoku.gif") no-repeat scroll 0 0 transparent;
float:left;
height:88px;
text-indent:-9999px;
width:283px;
}
p.set_value {
background:url("images/affiliate_set_value.gif") no-repeat scroll 0 0 transparent;
float:left;
height:127px;
text-indent:-9999px;
width:283px;
}

/* Button */
.links {margin:0 auto;text-align:center }

.button {
-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
cursor:pointer;
display:inline-block;
font:14px/100% Arial,Helvetica,sans-serif;
margin:0 2px;
outline:medium none;
padding:0.5em 2em 0.55em;
text-align:center;
text-decoration:none;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
vertical-align:baseline;
}
.button:link { color:#fff; text-decoration:none }
.button:hover { text-decoration:none }
.button:hover { text-decoration:none }
.button:active { position:relative; top:1px }
.medium { font-size: 12px; padding: 0.4em 1.5em 0.42em }
.large { font-size: 18px; padding: 0.4em 1.5em 0.42em; margin:10px 0 }

/* orange */
.orange {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* blue */
.blue {
color: #d9eef7;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top,  #00adee,  #0078a5);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top,  #0095cc,  #00678e);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
color: #80bed6;
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -moz-linear-gradient(top,  #0078a5,  #00adee);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* rosy */
.rosy {
color: #fae7e9;
border: solid 1px #b73948;
background: #da5867;
background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
background: #ba4b58;
background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
color: #dca4ab;
background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
.green {
background: -webkit-gradient(linear, left top, left bottom, from(#33A8AA), to(#378588));
background:-moz-linear-gradient(center top , #33A8AA, #378588) repeat scroll 0 0 transparent;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#33A8AA', endColorstr='#378588');
border:1px solid #329C9D;
color:#E8F0DE;
}
.green:hover {
background:-moz-linear-gradient(center top , #92d8d9, #5ea4a7) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#92d8d9), to(#5ea4a7));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#92d8d9', endColorstr='#5ea4a7');
}
.green:active {
background:-moz-linear-gradient(center top , #378588, #33A8AA) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#378588), to(#33A8AA));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#378588', endColorstr='#33A8AA');
color:#fff;
}

#recommend-inner ul li {
float: left;
padding: 5px 10px 6px 20px;
background: url(images/icon_check.gif) no-repeat left center;
font-size: 13px; /* 追加 */

}
#detail #main #recommend ul li.short,
#detail #main #recommend2 ul li.short {
width: 227px;
voice-family: "\"}\"";
voice-family: inherit;
width: 197px;
}
#detail #main #recommend ul li.long,
#detail #main #recommend2 ul li.long {
width: 450px;
voice-family: "\"}\"";
voice-family: inherit;
width: 420px;
}
.main_resize p.hd {
font-size: 12px;
font-weight: bold;
margin: 0px 5px;
padding: 5px 0px;
text-align: center;
}
.main_resize p.lead {
font-size: 11px;
margin: 0px 5px;
padding: 0px;
text-align: center;
}

/* 内容 */
div#product{
margin:10px 0;
padding: 10px 10px 0;
width:380px;
height:190px;
background-color:#E0E8F3;
}

div#tsubu_all{

}

div#tsubu{
float:left;
}

div#tsubu_setumei{
height:30px;
margin-left: 10px;	
}

div#naiyou_moji01{
font-size:13pt;
color:#135EA5;
padding-left:10px;
font-weight: bold;
}

div#naiyou_moji02{
font-size:9pt;
color:#666666;
}

div#line_dot{
position:relative; bottom:6px; right:10px;
}

table#naiyou{
margin:0;
padding:0;
}

div#week{
float:right;
widht:400px;
heigh:100px;
font-size:9pt;
margin-top:10px;
line-height:1.3em;
}

span#moji_blue{
color:#135EA5;
}

div#seibun{
position:relative; bottom:6px;
}

/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:block;
overflow:hidden;
}

.cf:after {
clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}