/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;
background: #EDF6F7;
font: normal normal normal 15px/1.67 'Helvetica Neue', Helvetica, Arial, sans-serif;
background:url("images/header_line.gif") repeat-x scroll left top #FFFFFF;
color:#4C4C4C;
}

ul, dl, ol {
list-style:none outside none;
}

img {
border:0 none;
}
img.floated {
float: left;
margin: 5px;
padding: 0px;
}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

/* layout */

#wrapper {
/*width: 708px;*/
margin: 0 auto;
/*-webkit-box-shadow: 0px 0px 6px #777;
-moz-box-shadow: 0px 0px 6px #777;*/
background:#FFF;
background:url("images/head_banner_bg.gif") repeat-x scroll 0 0 transparent;
}

nav {
width: 940px;
height: 50px;
margin: 0 auto;
background: #384E80;
}

/* Header */
header#site_head {
background: url(images/bck_head.gif) repeat-x scroll left bottom transparent;
height: 60px;
padding:10px;
width: 100%;
display: block;
}

.header_cont {width: 660px;margin: 0 auto;/*padding-top: 15px;*/}
.header_cont h1 {text-indent:-9999px;float: left;}
.header_cont h1 a {background: url(images/logo.png) no-repeat;width: 143px;height: 45px;display: block;}
.header_cont h1 a:hover {background-position: 0px -45px;}
nav.head_nav {float: right;margin-top: 13px;}
nav.head_nav ul li {display: inline;margin: 0px 5px;}
nav.head_nav ul li a {color: #f6f6ee;font-size: 12px;font-weight: normal;text-transform: lowercase;padding: 5px 8px;}
nav.head_nav ul li.home a {
		background: #4f1d1e;
		-moz-border-radius: 10px;		
		-khtml-border-radius: 10px;				
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	nav.head_nav ul li a:hover {
		text-shadow: 1px 1px 1px #2c0306;
		background: #4f1d1e;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: inset 0px 0px 2px #2c0306;
		-khtml-box-shadow: inset 0px 0px 2px #2c0306;
		-webkit-box-shadow: -1px -1px 2px #2c0306; /*-webkit- inset fix*/
		box-shadow: inset 0px 0px 2px #2c0306;
		color: #f6f6ee;
	}
	
	nav.head_nav ul li.rss, nav.head_nav ul li.twitter  {
		position: relative;
		left: -355px;
		margin: 0;
	}
	
	nav.head_nav ul li.rss a {
		color: #b4676c;
		border-right: 1px solid #903f43;
		margin: 0;
		padding-left: 20px;
		background: url(images/rss.png) left no-repeat;
		font-size:10px;
	}
	
	nav.head_nav ul li.twitter a {
		color: #b4676c;
		margin-left: 3px;
		padding-left: 20px;
		background: url(images/twitter.png) left no-repeat;
		font-size:10px;
	}
	
	nav.head_nav ul li.rss a:hover, nav.head_nav ul li.twitter a:hover  {
		color: #f6f6ee; 		
		-moz-border-radius: 0;
		-khtml-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-khtml-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
p.headText  {
color:#999999;
float:left;
font-size:8px;
line-height:15px;
margin:11px 0 0 603px;
width:518px
}	

#main {
width: 732px;
margin: 0 auto;
/*background: #FFF url(images/colbg.png) repeat-y;*/
overflow: hidden;
}

#content {
float: left;
/*width: 450px;*/
margin-left: 15px;
}

#sidebar1 {
float: left;
padding-left: 20px;
width: 180px;
}

#sidebar2 {
float: right;
padding-right: 30px;
width: 180px;
}

footer {
/*width: 940px;*/
text-align:center;
margin: 0 auto;
clear: both;
}

/* basics */

h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
}

h1 {
font-size:13px;
position:absolute;
font-weight:normal;
margin:4px 0 0 0;
}

h2 {
border-bottom: 2px dotted #ddd;
color:#009966;
font-size:15px;
}

h3 {
border-bottom:1px solid #D1D1D1;font-size:15px; color: #009966;}

h4 {
border-bottom:2px solid #79CEC4;
font-size:14px;
font-weight:bold;
line-height:157%;
padding:6px 0 15px;
}

a:link, a:visited {
color:#009966;
text-decoration: none;
}

a:hover, a:active {
color:#009966;
text-decoration: underline;
}

p {margin-bottom: 18px;}

li {padding-left: 5px;}

/* nav */

nav .menu {
font-size: 16px;
font-weight: bold;
}

nav .menu ul {
margin: 0;
padding: 17px 0 0 20px;
list-style: none;
line-height: normal;
}

nav .menu li {
display: block;
float: right;
}

nav .menu a {
display: block;
float: left;
margin-right: 5px;
padding: 0px 15px;
color: #DCF4F4;
}

/** HEADER */

header h1 {
margin: 0;
padding: 0 0 0 30px;
line-height: normal;
float: left;
padding-top: 40px;
}

header h1 a:link, header h1 a:visited {
text-decoration: none;
color: #384E80;
font-size: 8px;
}

header h1 a:hover { 
text-decoration: underline;
color: #384E80;
font-size: 8px;
}



/** ARTICLES **/

article {
padding-bottom:20px;
}

article img {
border: none;
/*-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;*/
}

.star img {
border: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#content p, ul, ol, hr {
margin-bottom: 24px;
}

#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}

#content h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
line-height: 1.5em;
}

.alignleft, img.alignleft {
display: inline;
float: left;
/*margin-right: 24px;*/
margin-top: 4px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

/* sidebar and footer widget blocks */

aside h3 {
color: #5F822F;
font-size: 18px;
}

aside ul {
list-style: inside url(images/arrow.gif);
}

#footer-area {
background: #FAFAFA;
color: #888;
border-top:1px solid #E5E5E5;
font-size: 90%;
padding: 18px 0;
margin-top:40px;
overflow: hidden;
}

.footer-segment {
float: left;
margin-right: 20px;
margin-left: 20px;
width: 190px;
}

footer aside h4 {
color: #DCF4F4;
font-size: 16px;
line-height: 1.5em;
}

footer a:link, footer a:visited {
color:#009966;
font-size: 10px;
}

footer a:hover { 
text-decoration: underline;
color:#009966;
font-size: 10px;
}

/* 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:visited {
text-decoration:none;color:#fff;
}
.button:active {
position:relative;
top:1px;
}
.medium {
font-size: 12px;
padding: 0.4em 1.5em 0.42em;}
.large {
font-size: 18px;
padding: 0.5em 1.8em 0.55em;}

/* 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 */
.green {
background: #378588;
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: #5ea4a7;
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: #33A8AA;
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;
}

/**			table
-----------------------------------------*/
table.TablePlan {
	border-style:none;
	width:100%;
	color:#333;
	text-decoration:none;
	font-size:13px;
	/*font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka;
	font-weight:bold;*/
	vertical-align:middle;
	
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.TablePlan strong {
	font-weight:bold;
}

table.TablePlan th,
table.TablePlan td {

	padding:8px;
	vertical-align:middle;
		background-color:#fff;	
}
table.TablePlan th {
	width:25.9%;
	font-weight: bold;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	
}
table.TablePlan td {
	padding-right: 5px;
	border-left:1px solid #CCC;
	text-align: left;
}

table.TablePlan thead th,
table.TablePlan thead td {
	background-color:#efefef;	
}

table.TablePlan thead th {
	font-weight:bold;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align: left;
	width: 71px;
}

table.TablePlan thead th.cel1 {
	text-align: left;
	border-left: 0;
	width: 160px;
}

#section2-2 table.TablePlan thead th {
	width: 130px;
}
#section2-2 table.TablePlan thead th.cel1 {
	width: 160px;
}

table.TablePlan tbody th {
	/*font-weight: normal;*/
	white-space: nowrap;
		background-color:#efefef;
}
table.TablePlan tbody th,
table.TablePlan tbody td {
	border-top-color:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

table.TablePlan tbody tr.RowFooter th,
table.TablePlan tbody tr.RowFooter td {
	background-color:#F1F1E1;
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	font-weight:bold;
}
th.cel4 {
	background-color:#efefef;
	border-left:1px solid #ccc;
}
td.cel4 {
	background-color:#efefef;
}


table {
	clear: both;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999;
}
table td,
table th {
	vertical-align:top;
}



/* トップビッグバナー */
#specialBanner {
	/*position: relative;
	left: -5px;
	float: left;
	width: 708px;
	height: 377px;
	padding: 4px 0 0 4px;
	margin: 6px -10px 20px 0;
	background: url(images/top_banner_bg2.gif) no-repeat;*/
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
	background:#ffffff;
	padding:5px 5px 0 5px;
	margin-bottom:0px;
}
#specialBanner ul {
	width: 708px;
	height: 377px;
	margin-right: -4px;
	overflow: hidden;
}
#specialBanner li {
	float: left;
	height: auto !important;
	height: 155px;
	min-height: 155px;
	margin-right: 3px;
	padding: 0;
}
#specialBanner li img {
	vertical-align: top;
}


.freeIcon img {
margin-right:3px !important;
}


/* new clearfix */
.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 */

.hon1-bottom {
background-image:url("images/1hon-back.jpg");
background-repeat:no-repeat;
/*float:left;*/
height:142px;
margin-bottom:8px;
text-align:right;
width:648px;
}

.reviewer-rating {
background: url(images/ico_review_star_all.png) no-repeat;
font-size: 105%;
font-weight: bold;
line-height: 1;
margin-bottom:10px !important
}
.reviewer-rating.rtg-6 {
background-position: 0px -99px;
padding-left: 89px;
margin:0
}
.reviewer-rating.rtg-7 {
background-position: 0px -119px;
padding-left: 102px;
}