@charset "utf-8";


/* netscape4で読みとばすcssをここに記述しています */
.button     {background-color:#66cc33; color:#FFFFFF; font-weight:900; font-size:11pt; width:140px; height:40px;}
.button_cert{background-color:#BBBBBB; color:#000000; font-weight:900; font-size:11pt; width:140px; height:40px;}
.button_dl  {background-color:#BBBBBB; color:#000000; font-weight:900; font-size:11pt; width:280px; height:40px;}

.button_fwd
{

    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px;
    BACKGROUND-COLOR: #ffcc66;
    /*font-size: 14pt;*/

}
.button_bck
{
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px;
    BACKGROUND-COLOR: #dddddd;
    /*font-size: 14pt;*/
}



.txt_zen {
	IME-MODE: active
}
.txt_han {
	IME-MODE: inactive
}
 .bigcheck{width:24px; height:24px} 

/* 以下SEO対策 */

a:link {
	color: #0000FF;
}
a:active {
	color: #66cc33;
}
a:visited {
	color: #990099;
}

div.linksmaple{
	width: 830px;
}

div.linksmaple a:hover{
	background-color: #ffffcc;
}


.header {
	background-color: #66cc33;
	width: 100%;
	/*background-image: url(img/back.gif);*/
	margin-top: 0px;
	margin-bottom: 0px;
	height: 89px;
}
.h {
	//width: 760px;
	width: 900px;
}
.h-left {
	text-align: left;
	float: left;
	//width: 400px;
	//width: 290px;
	width: 250px;
	margin-top: 10px;
}
.h-right {
	float: right;
	//width: 350px;
	width: 600px;
}
.h-right input {
	margin-top: 3px; 
	vertical-align: top;
}
}
.h-right select {
	margin-top: 3px; 
	vertical-align: top;
}
.topnav {
	font-size: 12px;
	text-align: left;
	width: 820px;
	margin-top: 0px;
}

.topnav a:link, .topnav a:visited{
	color: #333333;
	text-decoration: none;
}
.topnav a:hover {
	color: #66CC33;
}
.topnav ul {
	font-size: 11px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	line-height: 18px;
	margin-bottom: 2px;
	margin-top: 0px;
	width: 930px;
}
.topnav li {
	display: inline;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	margin-bottom: 1px;
}
.none {
	border: 0px none #FFFFFF;
}
.line {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #66CC33;

}
.c-top {
}
.c-top p {
	color: #006633;
	font-size: 14px;
	line-height: 130%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
}
.c-top a {
	font-size: 12px;
	line-height: 120%;
}
.c-top p a {
	font-size: 10px;
	padding-right: 0px;
	padding-left: 0px;
	color: #006633;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: left;
	float: none;
	width: auto;
	clear: left;
	margin-right: 0px;
	margin-left: 0px;
}
.pankuzu {
	text-align: left;
	font-size: 12px;
	line-height: 130%;
	width: 900px;
	margin:8px 25px 0;
	padding:0;
}
.pankuzu_new {
	text-align: left;
	font-size: 12px;
	line-height: 130%;
	margin-top: 1px;
	//width: 750px;
	width: 950px;
}
.contents {
	width: 750px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	/* clear: left; */


}
.contents td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;


}
.contents p {
	font-size: 12px;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 0px;

}
.content td a {
	font-size: 12px;
	line-height: 19px;
	height: 19px;






}
.c-top h1 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #006633;
	display: inline;
	width: 540px;
	float: left;
	text-align: center;









}
.dd {
	background-color: #FFFFFF;
	float: left;
}
.sh {
	margin-bottom: 20px;
	margin-right: 4px;
}
.box {
	border: 1px solid #66CC33;
	margin-top: 10px;
	margin-bottom: 10px;
}
.box img {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.box p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.box2 {
	text-align: left;


}
.box2 p {

	border: 1px solid #66CC33;
	padding: 0px 0px 0px 0px; /* 上 右 下 左 */
	margin: 0px 0px 5px 0px; /* 上 右 下 左 */
}
.box3 { /* 特集の枠 */
	border: 2px solid #66CC33;
	margin: 10px 5px 10px 5px;
	padding: 8px 8px 8px 8px; /* 上 右 下 左 */
}

.box4 {
	/* スクロールバーあり */
	width: 200px;
	height: 150px;
	overflow: auto; 
	border: solid 1px #66CC33; 
	background: #ffffff; 
	color: #0080FF;
	margin-top: 10px;
	margin-bottom: 10px;
}

.new {
	padding-bottom: 20px;
}
.com img {

}
.footernav {

	font-size: 12px;
	text-align: left;
	width: 820px;
	clear: left;
}
.footer {
	background-color: #66cc33;
	width: 100%;
	/*background-image: url(img/back.gif);*/
	margin-top: 18px;

}
.footernav ul {

	font-size: 11px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	line-height: 18px;
	margin-bottom: 2px;
	margin-top: 0px;
	width: 930px;
}
.footernav li {
	display: inline;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}
.footernav a:link, .footernav a:visited {

	color: #FFFFFF;
	text-decoration: none;
}
.footernav a:hover {

	color: #333333;
}
.com h3 {
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.contents h2 {
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 2px;

}
.img a {
	border: 0px;
}
.address {
	width: 740px;
}
/*
.f-recommend {
	float: right;
	text-align: right;
	font-size: 09px;
	line-height: 130%;
	padding-top:5px;
	padding-bottom:5px;
}
*/
.f-recommend {
	float: right;
	text-align: left;
	font-size: 10px;
	line-height: 130%;
	width:640px;
	padding-bottom:5px;
}

.f-left {
	float: left;
	text-align: left;
}
.f-right {
	float: right;
	text-align: right;
	font-size: 10px;
	line-height: 130%;
	margin-top: 2px;


}
.topnav p {
	margin-top: 0px;
	margin-bottom: 1px;
}
.topics {
	background-color: #66CC33;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	color: #FFFFFF;
	line-height: 150%;
	font-weight: bold;



}

.tori_midashi {
	color: #ffffff;
	background-color: #66cc33;
	width: 740px;
	/*background-image: url(img/back.gif);*/
	margin: 5px 5px 5px 5px;
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
	position: static;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
}
.tori_shohin {
}
.tori_shohin td{
	border-bottom: 1px solid #66CC33;
}

.shohin-left {
	float: left;
	width: 150px;
}
.shohin-right {
	float: right;
	text-align: left;
}
.shohin {
	width: 750px;
	margin: 10px 5px 5px 5px;
}
.shohin h1{
	text-align: center;
	font-size: 10px;
}
.shohin h2{
	text-align: center;
	font-size: 10px;
}
.shohin p{
	text-align: left;
	font-size: 10px;
}
.shohin dt{
	text-align: left;
	line-height: 150%;
	font-size: 12px;
	font-weight: bolder;
	color: #CC3333;
}
.shohin dd{
	text-align: left;
	font-size: 14px;
	line-height: 130%;
}

/* 商品詳細ページ用 */
#contentBody
{
    MARGIN-TOP: 0px;
    WIDTH: 740px
}
#contentBody pre
{
    TEXT-ALIGN: left;
	line-height: 150%;
}
#contentLeft
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 550px;
    PADDING-TOP: 10px
}
#contentLeft P
{
    TEXT-ALIGN: left;
    FONT-SIZE: 0.8em;
    LINE-HEIGHT: 120%
}
#contentLeft DL
{
    TEXT-ALIGN: left;
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 120%
}
#contentLeft DD
{
    TEXT-ALIGN: left;
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 120%
}
#contentLeft DT
{
    color: #000099;
    TEXT-ALIGN: left;
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 120%
}

/* 左が太い枠をh4としてブロック要素としています。サブタイトルに使います。 */
#contentLeft h4 
{
    TEXT-ALIGN: left;
	color : #009900;
    FONT-SIZE: 1em;
    LINE-HEIGHT: 120%

    margin: 0px 0px 0px 0px;
    PADDING: 2px 2px 2px 2px;

	border-width: 1px 1px 1px 12px;

	border-style: solid;
	border-color: #009900;

}

#contentRight
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 0.8em;
    FLOAT: right;
    PADDING-BOTTOM: 10px;
    WIDTH: 155px;
    PADDING-TOP: 10px
}
#contentRight DL
{
    TEXT-ALIGN: left;
    background-color: #eeeeee;

}
#contentRight DT
{
    color: #000099;
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 120%
}
#contentRight DD
{
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 120%
}
#contentRight UL
{
    TEXT-ALIGN: left;
    background-color: #eeeeee;

}

#contentFull
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    WIDTH: 100%;
    PADDING-TOP: 5px
    TEXT-ALIGN: left;
}
#contentFull P
{
    TEXT-ALIGN: left;
}
#contentFull DL
{
    TEXT-ALIGN: left;
}


/* 保険会社一覧をポップアップさせるため */
.Pop01
{
    VISIBILITY: hidden;
    POSITION: absolute;
    TOP: 70px;
    LEFT: 20px;
}
.Pop01 span {
    color: #FFFFFF;
    background-color: #66cc33;
    width: 500px;
    font-size: 12px;
}
.Pop01 ul {

	font-size: 10px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	line-height: 16px;
	margin-bottom: 2px;
	margin-top: 0px;
	width: 500px;
}
.Pop01 li {
	display: inline;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
/* tableにスクロールバーを付ける <TD><DIV class="scrollsell"></DIV></TD> */
.scrollsell {
padding: 10px;
overflow: auto;
width: 220px;
height: 185px;
}
/* ssl入力画面 */
.input_table {
	border: 1px solid #66CC33;
}
/* ssl入力画面（サブサイト） */
.input_table2 {
	border: 1px solid #FF9900;
}
.input_table td {
	border-bottom: 1px solid #eeeeee;
}


#seoBox {
	float: left;
	display: block; 
	background-color:#ffffff;
	overflow: auto;
	width: 250px; 
	height: 35px;  
	text-align:left;
	font-size:10px;
	border:1px solid #cccccc; 
	margin:10px 10px 10px 10px; 
	padding: 0px; 
	vertical-align:top;
}

#seoBox ul {
	overflow: hidden;
	margin: 0px 0px 5px 5px;
}

#seoBox li {
	overflow: hidden;
	text-decoration: none; 
	text-align: left;
	list-style-type:none;
}

.toriatsukai {
	text-align: left;
}

#menu_l
{
    PADDING: 0px 0px 0px 0px;
    margin:  10px 0px 0px 20px;

	
	float: left;
	text-align: left;
	width: 500px;
}
#menu_r
{
    PADDING: 0px 0px 0px 0px;
    margin:  0px 0px 0px 10px;

	
	float: left;
	text-align: left;
	width: 200px;
}