@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f6f6f6;border-top:4px solid #F57E20;}
html { padding:0; margin:0;}
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 250px 0px;}
h4 {font-size:15px; font-weight:normal; margin:0; padding:0}
/* main */
.main { margin:0; padding:0;}
.main_resize { margin:0 auto; padding:0; 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 12px 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 12px 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_left { width:325px; float:left; padding:0; margin:0;}
.main_right { width:315px; float:right; padding:0; margin:0;}
.main_right_bg { background:#fff;  border:1px solid #efefef; padding:10px; 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 {padding:0; margin:0; width:223px; float:left;}
.logo img { margin:0; padding:0;}
/*menu*/
.menu { width:223px; padding:0; margin:0 auto; }
.menu ul { padding:0; margin:0; 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 { padding:0; margin:0; 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 { margin:0; padding:5px 5px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; 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:945px; margin:0 auto; padding:10px 0;}
.footer p { text-align:center; font:normal 11px  Arial, Helvetica, sans-serif; color:#a1a1a1;}
.footer a { color:#c6c6c6; text-decoration:none;}
.footer {padding:0;  margin:0 auto;  background:#1d1d1d; border-top:1px solid #111; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; padding:0; 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;
}