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

.clearfix{width:100%;}
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;}
a{ color:#1122CC;}
a:hover{ text-decoration:none;}
ol, ul {list-style: none; margin:0; padding:0;}

body{ background:url(img/bg.gif) repeat; margin:0; font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#222; font-size:0.875em; line-height:1.375em;}

#head{ background:url(img/bg_head.gif); height:146px; border-top:#FE5252 3px solid; border-bottom:#D9E3E5 2px solid;}
#innerhead{ width:960px; margin:0 auto;}
#innerhead img{ margin:10px 0 0 10px;}

#content{ background:#fff; width:960px; margin:0 auto; border-left:#CFD2C4 1px solid;border-right:#CFD2C4 1px solid; padding-bottom:20px; }
#content:after {
    content: ""; 
    display: block; 
    clear: both;}
	
#left{ float:left; width:710px;}
#right{ float:right; width:230px; margin:30px 10px 0;}
#rightback{ background:repeat url(img/leftback.gif); padding:0 5px 5px 5px; border-bottom:#BAB8AB 1px solid;border-right:#BAB8AB 1px solid;border-left:#BAB8AB 1px solid;}
#rightinner{ background:#FFF;  border-bottom:#BAB8AB 1px solid;border-right:#BAB8AB 1px solid;border-left:#BAB8AB 1px solid; font-size:0.875em;}

#introtext{ margin:30px 0 0 10px;}
.introtext{ margin:0 5px; padding:14px 20px 0 0;
background:url(img/doc.jpg) no-repeat right top;}
.width{ width:500px; margin:0 0 0 20px;}
.underline{border-bottom: dotted 1px #CCC;
padding-bottom: 4px; line-height:30px;
}

.productname{ font-size:24px; float:left;}
.info{ margin-right:18px; float:right;}
.no1{ margin:10px 0 0 10px; background:url(img/no1.jpg) no-repeat; padding:35px 0 0 90px; height:32px; width:610px;}
.no2{ margin:10px 0 0 10px; background:url(img/no2.jpg) no-repeat; padding:35px 0 0 90px; height:32px; width:610px;}
.no3{ margin:10px 0 0 10px; background:url(img/no3.jpg) no-repeat; padding:35px 0 0 90px; height:32px; width:610px;}
.no4{ margin:10px 0 0 10px; background:url(img/no4.jpg) no-repeat; padding:35px 0 0 90px; height:32px; width:610px;}
.no5{ margin:10px 0 0 10px; background:url(img/no5.jpg) no-repeat; padding:35px 0 0 90px; height:32px; width:610px;}

.no1content{ width:676px; padding:10px; margin-left:10px; border-bottom:#FFA900 2px solid; border-left:#FFA900 2px solid; border-right: #FFA900 2px solid;}
.no2content{ width:676px; padding:10px; margin-left:10px; border-bottom:#999999 2px solid; border-left:#999999 2px solid; border-right: #999999 2px solid;}
.reddescription{ color:#DD0000; font-weight:bold; font-size:16px; margin:10px 0;}
.productimg{ float:left; margin:10px 0 0 10px;}

.ranktable {width:490px; float:right; margin-top:10px;}
.ranktable table{border-collapse: collapse; width:100%;}

.ranktable th, .ranktable td {
padding:6px 8px;
border: #ccc 1px solid;
}

.ranktable th{ width:30%; color:#FE5252; background:#FFEEEE; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4); text-shadow:1px 1px 0 #FAE1DE;}
.ranktable td{ width:70%; background:#FFF;}

.point{ color:#DD0000; font-weight:bold; font-size:20px;}

.desc{ padding:12px; background:#FDF8E3; margin-top:10px;}

.imp{ background:#FF0; color:#DD0000; font-weight:bold;}

.spectable table {
text-align: center;
border-collapse: collapse;
margin: 14px 0;
}

.spectable th, .spectable td {
	width:676px;
border: #CCC 1px solid;
padding: 7px;
}

.spectable th {
background: #FFEEEE;
}

.linkbutton{ text-align:center;}

.under2 th{background:#EEF8FF !important;color: #222 !important; text-shadow:none !important;}

.siderankimg {
padding: 12px 0 0 8px;
}

.siderankimg img {
margin-right: 8px;
}

.l {
float: left;
}

.sideproduct {
line-height: 1.2;
font-size:1.125em;
font-weight:bold;
margin-left: 40px;
}

.sidetext {
margin: 12px 0 0 7px;
font-weight: bold;
line-height: 1.4;
}

.sideimg {
text-align: center;
margin: 10px 0;
}

.sidedesc {
margin: 0 7px;
line-height: 1.4;
padding-bottom: 20px;
border-bottom: dotted 1px;
}

#footer{ margin:0 auto; width:960px;}
.clearfix li{ float:left; margin:5px 12px;}

address{ text-align:center; background:#FE5252; padding:5px 0; color:#FFF; font-style:inherit; font-weight:bold;font-size:0.875em;}



#checkleftline{ border:#CFD2C4 1px solid; margin:30px 0 0 10px; padding:10px;}
.vote{padding: 12px;
background: #FDF8E3;
margin: 10px;}
#checkleftline h2{ background:#fe5252; color:#FFF; padding:10px;}
#checkleftline h3{ border-left:#fe5252 solid 6px;  padding:10px;}
#checkleftline table{ font-size:12px; text-align:center; border-collapse: collapse; margin:20px 0; }
#checkleftline th{ background:#F6F6F6;}
#checkleftline th, #checkleftline td{border: #CCC 1px solid; padding:5px;}

.webmaster{ width:678px;}