@charset "shift_jis";
.font8{
	font-size:8pt;
}
.font9{
	font-size:9pt;
}
.font10{
	font-size:10pt;
}
.font12{
	font-size:12pt;
}
.font8blue{
	font-size:8pt;
	color:#0000ff;
}
.font9blue{
	font-size:9pt;
	color:#0000ff;
}
.font10blue{
	font-size:10pt;
	color:#0000ff;
}
.font12blue{
	font-size:12pt;
	color:#0000ff;
}
.font8green{
	font-size:8pt;
	color:#008000;
}
.font9green{
	font-size:9pt;
	color:#008000;
}
.font10green{
	font-size:10pt;
	color:#008000;
}
.font12green{
	font-size:12pt;
	color:#008000;
}
.font8red{
	font-size:8pt;
	color:#ff0000;
}
.font9red{
	font-size:9pt;
	color:#ff0000
}
.font10red{
	font-size:10pt;
	color:#ff0000;
}
.font12red{
	font-size:12pt;
	color:#ff0000;
}
.font8red2{
	font-size:8pt;
	color:#cc0000
}
.font9red2{
	font-size:9pt;
	color:#cc0000;
}
.font10red2{
	font-size:10pt;
	color:#cc0000;
}
.font12red2{
	font-size:12pt;
	color:#cc0000;
}
.font8gray{
	font-size:8pt;
	color:#666666;
}
.font9gray{
	font-size:9pt;
	color:#666666;
}
.font10gray{
	font-size:10pt;
	color:#666666;
}
.font12gray{
	font-size:12pt;
	color:#666666;
}
.font8gray2{
	font-size:8pt;
	color:#cccccc;
}
.font9gray2{
	font-size:9pt;
	color:#cccccc;
}
.font10gray2{
	font-size:10pt;
	color:#cccccc;
}
.font12gray2{
	font-size:12pt;
	color:#cccccc;
}
.font8blown{
	font-size:8pt;
	color:#cc9900;
}
.font9blown{
	font-size:9pt;
	color:#cc9900;
}
.font10blown{
	font-size:10pt;
	color:#cc9900;
}
.font12blown{
	font-size:12pt;
	color:#cc9900;
}
.font8white{
	font-size:8pt;
	color:#ffffff;
}
.font9white{
	font-size:9pt;
	color:#fff;
}
.font10white{
	font-size:10pt;
	color:#fff;
}
.font12white{
	font-size:12pt;
	color:#fff;
}
.font10gray2Copy{
	font-size:10px;
	color:#ccc;
}
.font12darkblue{
	font-size:12pt;
	color:#293897;
}
.font10darkblue{
	font-size:10pt;
	color:#293897;
}
.Aroll:link{
	color:#000099;
	text-decoration:none;
}
.Aroll:visited{
	color:#000099;
	text-decoration:none;
}
.Aroll:hover{
	color:#3399ff;
	text-decoration:none;
}
.Aroll:active{
	color:#000099;
	text-decoration:none;
}
/*link*/
a:link{
	color:#0000cc;
}
a:visited{
	color:#0000cc;
}
a:hover{
	color:#ff0000;
}
a:active{
	color:#0000cc;
}
/*
#######################################
#######################################
*/
img{
	border:none;
}
sub{
	font-size:60%;
	vertical-align:text-bottom;
}
.note{
	font-size:80%;
}
/*
======================================
main content
======================================
*/
.main_contents{
	width:685px;
	color:#444;
	line-height:1.4;
	margin:0 0 50px;
	padding:0;
}
.main_contents h3,
.main_contents p,
.main_contents ul,
.main_contents ol,
.main_contents dl,
.main_contents table{
	margin:0.8em 20px 0.8em 40px;
	padding:0;
}
/*
======================================
footer
======================================
*/
.footer{
	width:680px;
	background-color:#f60;
	color:#fff;
	clear:both;
	padding:5px 10px;
}
.footer p{
	text-align:right;
	font-size:11px;
	margin:0;
}
/*
見出し
===================================*/
.main_contents h1{
	padding:30px 20px 3px;
	font-size:150%;
	font-weight:normal;
	border-bottom:1px solid #333;
	clear:both;
}
.main_contents h2{
	font-size:130%;
	font-weight:bold;
	color:#7E1616;
	padding-left:25px;
	padding-top:2px;
	margin:0.8em 20px 0.8em 15px;
	background:url(images/pointA.png) no-repeat left top;
}
.main_contents h3{
	font-size:100%;
	font-weight:bold;
}

.main_contents strong{
	color:#c33;
}

/*
リスト
===================================*/
.main_contents li{
	margin:0 0 0 2.5em;
	padding-bottom:0.5em;
}
.main_contents dt{
	font-weight:bold;
	padding:3px;
	margin-bottom:10px;
	background:url(eco/image_eco/title_bk01.png) repeat-y left top;
}
.main_contents dd{
	margin-left:15px;
	margin-bottom:10px;
}
.main_contents li ul,
.main_contents li ol{
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
}
.main_contents dd p,
.main_contents dd ul,
.main_contents dd ol{
	margin:0 0 0.8em 0;
}
/*
eco
===================================*/
#eco{
	background:url(eco/image_eco/eco_bk.jpg) no-repeat right top;
}
ul.eco_menu{
	width:640px;
	height:30px;
	margin:0 30px;
	padding:0;
	background:url(eco/image_eco/eco_menu.png) no-repeat left top;
}
ul.eco_menu li,
ul.eco_menu li a{
	width:160px;
	height:30px;
	float:left;
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	text-indent:-9999px;
}
ul.eco_menu li a{
	background-image:url(eco/image_eco/eco_menu.png);
	background-repeat:no-repeat;
}
ul.eco_menu li#ecoai a{
	background-position:left -30px;
}
ul.eco_menu li#ecoai a:hover{
	background-position:left top;
}
ul.eco_menu li#iso a{
	background-position:-160px -30px;
}
ul.eco_menu li#iso a:hover{
	background-position:-160px top;
}
ul.eco_menu li#fsc a{
	background-position:-320px -30px;
}
ul.eco_menu li#fsc a:hover{
	background-position:-320px top;
}
ul.eco_menu li#action a{
	background-position:-480px -30px;
}
ul.eco_menu li#action a:hover{
	background-position:-480px top;
}

h2.eco_headding{
	color:#187227;
	background:url(eco/image_eco/point_eco.png) no-repeat left top;
	clear:left;
}
.eco_actlist{
	width:350px;
	float:left;
}
.eco_sampleimg{
	font-size:85%;
}
.eco_sampleimg img{
	display:block;
}
/*
side menu
===================================*/
#logo,
#sidemenu,
#sidemenu li ul,
.banner{
	margin:0;
	padding:0;
}
ul#sidemenu{
	font-size:13px;
	list-style-type:none;
}
ul#sidemenu li{
	padding:2px 10px;
	color:#ff8c00;
}
ul#sidemenu li a{
	display:block;
	color:#ff8c00;
	text-decoration:none;
}
ul#sidemenu li a:hover{
	background-color:#fff;
}
ul#sidemenu li ul{
	list-style-type:square;
	padding-left:20px;
}
ul#sidemenu li ul li{
	padding:2px 0;
}
.banner{
	margin:10px 10px;
}

.sign{
	text-align:right;
}
/*
======================================
download
======================================
*/
dl.dl_page dd,
dl.dl_site dd{
	margin:0;
	font-size:12px;
}
dl.dl_page{
	width:320px;
	float:left;
}
dl.dl_site{
	padding-left:350px;
}


ul.plink{
	list-style-type:none;
}
.main_contents table th,
.main_contents table td{
	border:1px solid #999;
	padding:4px;
}
table.yubin_price th{
	width:150px;
	text-align:left;
	background:#ffc;
}
table.yubin_price td.weight{
	width:100px;
}
table.yubin_price td.price{
	width:150px;
}
/*
======================================
DLリスト
======================================
*/
ul.dl_menu{
	width:200px;
	float:left;
	border-right:1px dotted #aaa;
}
ul.dl_menu li{
	padding:3px 0;
	border-bottom:1px solid #fff;
}
ul.dl_menu li ul{
	border-left:3px solid #ccc;
}
ul.dl_menu li ul li{
	padding:0;
}
.template_note{
	margin-left:250px;
	padding-top:5px;
}
.template_note p,
.template_note ul{
	margin-left:0;
}

ul.dl_list{
	text-align:center;
	margin:0;
	padding-top:10px;
}
ul.dl_list li{
	display:block;
}
ul.dl_list li a{
	background:#337 url(images/style/dl_buttom_back.png) repeat-x center center;
	color:#fff;
	text-decoration:none;
	padding:5px;
}
ul.dl_list li a:hover{
	background-image:none;
}

table.noshi_dl th,
table.noshi_dl td{
	border:none;
	border-bottom:1px solid #888;
	padding:5px 10px;
}
img.noshi_image{
	float:right;
}

ul.template_list li{
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
}
ul.template_list li.item_block{
	margin:0 5px 30px 0;
	width:200px;
	display:block;
	float:left;
}
span.item_name{
	display:block;
	margin-bottom:5px;
	padding:3px 0;
	background-color:#ddddca;
}