/* CSS Document */
/* commons  =============================================== */

* {
margin: 0;
padding:0;
list-style: none;
}

img {
vertical-align: bottom;
border: none;
}

a {
color:#28579D;
text-decoration: none;
}

a:link {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}


.clear {
font-size: 0;
line-height: 0;
height:0;
clear: both;
display: block;
}
.text {
font-size: 0.8em;
line-height: 140%;
}
.text2 {
font-size: 1.0em;
line-height: 140%;
}
.text3 {
font-size: 0.9em;
line-height: 140%;
}

.text14 {
	font-size:14px;
	line-height:130%;
}

.text18 {
font-size:18px;
}

.table_text{
font-size:12px;
margin:3px;
padding-left:3px;
}


.table_text2{
font-size:14px;
margin:3px;
padding:3px;
}


/* body  =============================================== */

body {
text-align:center;
color: #333333;
background-color: #5b5b5b;
font-size: 0.8em;
line-height: 150%;
}




/* margin  =============================================== */

.mgT {
margin-top: 15px;
}

.mgT30 {
margin-top: 30px;
}

.mgB {
margin-bottom: 15px;
}

.mgB30 {
margin-bottom: 30px;
}

.mgTB {
margin-top: 30px;
margin-bottom: 15px;
}

.mg1 {
margin-right: 1px;
}

.mgB5 {
	margin-bottom: 0px;
}

/* Begin Content Areas   =============================================== */

#wrap {
width:909px;
margin:0px auto 0px auto;
text-align:left;
background-image: url("../images/back.gif");
background-repeat: repeat-y;
}


#black_bar {
	width:900px;
	height:20px;
	margin:0px auto 0px auto;
	background-color: #003366;
	/*background-color: #313131;*/
font-size: 11px;
	color: #FFFFFF;
}

#black_bar h1 {
font-size: 11px;
color: #FFFFFF;
}

#head_box {
	width:899px;
	height:106px;
	margin:0px auto 0px auto;
	background-image: url("../images/head_bk.gif");
}

#header_box h1 img{
padding-top: 10px;
}

#pankuzu_box {
	width:899px;
	height:24px;
	margin:0px auto 0px auto;
	background-color: #f6f6f6;
	padding-bottom: 5px;
	font-size: 11px;
	color: #000000;
	border-width: 0px 0px 3px 0px;
	border-color: #ededed;
	border-style: solid;
}

#pankuzu_box #pankuzu {
float: left;
margin-left: 20px;
display: inline;
font-size: 12px;
margin-top: 6px;
}

#pankuzu_box #favorite_bt {
float: right;
margin-right: 15px;
padding-top: 5px;
}

#pankuzu a {
color: #333333;
text-decoration: none;
}
#pankuzu a:hover {
text-decoration: underline;
}
#pankuzu a:hover.noborder {
text-decoration: none;
}

#contents{
padding: 15px 0;
width:870px;
margin: 10px auto 20px auto;
}

#contents #maincontents{
float:left;
width:663px;
}

#contents #maincontents #link_text{
font-size:14px;
padding-bottom:20px;
}

#contents #maincontents #hikaku_link{
font-size:11px;
padding-bottom:15px;
}



#contents #maincontents #lead_text{
	padding-bottom:30px;
	font-size:15px;
	line-height:140%;
	margin-left: 5px;
}

#contents #maincontents #current_box{
width:15px;
border-color:#008ac9;
border-width: 1px 1px 1px 1px;
border-style: solid;
margin-right:3px;
}

#contents #maincontents #other_box{
width:15px;
border-color:#008ac9;
border-width: 1px 1px 1px 1px;
border-style: solid;
background-color:#A5DFFC;
margin-right:3px;
}

#contents #maincontents #mainbox1{
border-color:#7cc20d;
border-width: 0px 2px 2px 2px;
border-style: solid;
margin-top:0px;
margin-bottom:20px;
background-color:#f0fdcf;
}

#contents #maincontents #mainbox2{
border-color:#70b905;
border-width: 5px 3px 3px 3px;
border-style: solid;
}

#contents #maincontents #mainbox3{
border-color:#ff9103;
border-width: 5px 3px 3px 3px;
border-style: solid;
}

#contents #maincontents #mainbox4{
border-color:#e70618;
border-width: 5px 3px 3px 3px;
border-style: solid;
}

#contents #maincontents #mainbox5{
border-color:#c8c8c8;
border-width: 3px 3px 3px 3px;
border-style: solid;
}

#contents #maincontents #mainbox_inner{
width:638px;
margin:0px auto 0px auto;
}

#contents #maincontents #mainbox_inner_white{
	border-color:#ffa200;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	width:636px;
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
	padding-top: 10px;
}


#contents #navi{
float:right;
width:192px;
}

#contents #navi #osusume{
border-color:#03a2e9;
border-width: 0px 1px 1px 1px;
border-style: solid;
padding:10px;
margin-bottom:15px;
font-size:11px;
}

#contents #navi #favorit{
	border-color:#ffa000;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
	background-color:#fff7d9;
	font-size: 11px;
}

#contents #navi ul{
list-style-type: none;
}


#contents #navi li{
width:177px;
height:28px;
background-color:#eeeeee;
margin-top:2px;
padding-top:10px;
padding-left:15px; 
}

.redbold{
color:#FF0000;
font-weight: bold;
}


/* トップページ　レビュー
---------------------------------------- */

#review {
	width: 640px;
	margin-bottom:5px;
}

#review #review_title{
	margin-bottom:10px;
}

#review #review_text{
	padding-left: 5px;
	margin-bottom:10px;
	line-height: 140%;
}

#review_box {
	background-image: url(../images/blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	font-size: 12px;
	color: #2222DF;
	padding-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 1px;
}

#review_box2 {
	background-image: url(../images/blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	font-size: 12px;
	line-height: 140%;
	padding-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 1px;
}


#review_box a:hover {
	text-decoration: underline;
}

.bold_text {
	font-weight: bold;
	color: #0000FF;
}


/* FOOTER
---------------------------------------- */
div#footer {
padding: 15px 0;
width:870px;
background-color: #EEEEEE;
margin: 15px auto 0 auto;
padding-top: 15px;
font-size: 0.95em;
color: #333333;
line-height: 160%;
height: 80px;
}


div#footer_com {
margin-top:10px;
}