@charset "utf-8";


html, body {
	font-size:12px;
	line-height:20px;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	color:#333;
	background-color: #f7f6f0;
}

.v-both{
	clear:both;
}

.c-both{
	clear:both;
	display:block;
	visibility:hidden;
	_overflow : hidden;	
}

.txt12{
	font-size:12px;
	line-height:18px;
}

.txt14{
	font-size:14px;
	line-height:22px;
}

.txt16red{
	font-size:16px;
	line-height:24px;
	color:#F00;
}

.txt_news{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:#2f9e3f;
}

.txt_white{
	color:#FFF;
}


.txt_right{
	text-align:right;
}

.txt_center{
	text-align:center;
}

.txt_red{
	color: #F00;
}

.txt_l_brown{
	color:#aa6f2f;
}


.txt_number{
	color:#e87204;
	font-weight:bold;
	font-size:14px;
	line-height:22px;
}

.txt_b{
	font-weight:bold;
}

.pankuzu{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom:2px;
	margin-bottom:15px;
}

.back{
	border: 1px solid #CCC;
	margin-bottom:15px;
	padding-bottom:2px;
	width:130px;
	text-align:center;
	background-color:#efefef;
}

.common_top{
	padding-top:10px;
}

.common_middle{
	background-image: url(../images/00common_middle.jpg);
	background-repeat: repeat-y;
	width:926px;
}

.common_bottom{
	padding-bottom:30px;
}

.common_contents{
	margin:0px auto;
	padding:0px;
	width:880px;	
}

.common_contents h2{
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

.common_stab{
	width:640px;
	height:36px;
	background-image: url(../images/01common_stab_bg.jpg);
	background-repeat: no-repeat;
}

.common_stab p{
	color:#FFF;
	font-size:16px;
	line-height:24px;
	padding-left:30px;
	padding-top:6px;
	font-weight:bold;
}

.common_stab2{
	width:600px;
	height:36px;
	background-image: url(../images/01common_stab_bg.jpg);
	background-repeat: no-repeat;
}

.common_stab2 p{
	color:#FFF;
	font-size:16px;
	line-height:24px;
	padding-left:30px;
	padding-top:6px;
	font-weight:bold;
}


.tab_orange{
	width:880px;
	height:36px;
	background-image: url(../images/01common_ltab_orange_bg.jpg);
	background-repeat: no-repeat;
}

.tab_pink{
	width:880px;
	height:36px;
	background-image: url(../images/01common_ltab_pink_bg.jpg);
	background-repeat: no-repeat;
}

.tab_blue{
	width:880px;
	height:36px;
	background-image: url(../images/01common_ltab_blue_bg.jpg);
	background-repeat: no-repeat;
}

.tab_green{
	width:880px;
	height:36px;
	background-image: url(../images/01common_ltab_green_bg.jpg);
	background-repeat: no-repeat;
}

.tab_txt{
	color:#FFF;
	font-size:16px;
	line-height:24px;
	padding-left:30px;
	padding-top:6px;
	font-weight:bold;
}


/* ================================================================================ */
/*      LAYOUT                                                                      */  
/* ================================================================================ */


.top_seo{
	width:100%;
	height:24px;
	background-image: url(../images/00common_top_bg.jpg);
	background-repeat: repeat-x;
}

.top_stxt{
	margin:0px auto;
	padding: 0px;	
	width:920px;
	color:#FFF;
	font-size:12px;
	line-height:20px;
}

#layout{
	margin:0px auto;
	padding:0px;
	width:926px;	
}



/* ================================================================================ */
/*      PADDING                                                                     */  
/* ================================================================================ */

.pl10{
	padding-left:10px;
}

.pt10{
	padding-top:10px;
}

.ptrl10{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.pt20{
	padding-top:20px;
}

.pt30{
	padding-top:30px;
}

.pd10{
	padding:10px;
}

.pb30{
	padding-bottom:30px;
}

.p_tb10{
	padding-top:10px;
	padding-bottom:10px;
}

.p_tb20{
	padding-top:20px;
	padding-bottom:20px;
}

.pd_com10{
	padding:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.googlemap{
	padding:10px;
	border: 1px solid #CCC;
}

/* ================================================================================ */
/*      LINK                                                                        */  
/* ================================================================================ */

a:link{
    color:#2f9e3f;
    text-decoration:underline;
}

a:visited{
    color:#66F;
    text-decoration:underline;
}

a:hover{
    color:#F90;
    text-decoration:none;	
}

a:hover img{
	opacity:0.50;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-ms-filter: "alpha(opacity=70)";
}

/* ================================================================================ */
/*      HEADER                                                                      */  
/* ================================================================================ */

#header_all{
	margin:0px auto;
	padding: 0px;
	width:100%;
	height:78px;
	background-image: url(../images/00common_header_bg.jpg);
	background-repeat: repeat-x;
}

#header{
	margin:0px auto;
	padding: 0px;
	width:920px;
}

#header .logo{
	margin:0px;
	padding:0px;
	width:300px;
	float:left;
}

#header .logo h1{
	padding-top: 26px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

#header .navi{
	margin:0px;
	padding:0px;
	width:620px;
	float:left;	
}

#header .in_navi{
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}
#header .language{
	text-align:right;
	min-height:21px;
	padding-top:8px;
}
#header .language a{padding:0px 2px 0 9px;}



/* ================================================================================ */
/*      FOOTER                                                                      */  
/* ================================================================================ */


#footer{
	width:100%;
	background-color:#62c470;
}

#footer .fbody{
	margin:0px auto;
	padding:0px;
	width:920px;
}

#footer .fbody .flink{
	float:left;
	width:760px;
}

#footer .fbody .fp{
	padding-top:5px;
}

#footer .fbody .flink p{
	float:left;
}

#footer .fbody .flink a:link{
    color:#fff;
    text-decoration:underline;
}

#footer .fbody .flink a:visited{
    color:#fff;
    text-decoration:underline;
}

#footer .fbody .flink a:hover{
    color: #FFC;
    text-decoration:none;	
}


#footer .fbody .pagetop{
	float:right;
	width:100px;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
}


#copyright{
	width:100%;
	background-color:#2f9e3f;
	text-align:center;
}

#copyright div{
	color:#FFF;
	font-weight:bold;
	padding:10px;
}




/* ================================================================================ */
/*      1.TOPPAGE                                                                   */  
/* ================================================================================ */

.mainimage{
	padding-top:6px;
}

.cl_left{
	float:left;
	width:300px;
}

.cl_right{
	float:left;
	width:280px;
}

.cl_3{
	width:260px;
	height:168px;
	padding:10px;
	background-image: url(../images/01common_3c_bg.jpg);
	background-repeat: no-repeat;
}

.cl_3_high{
	width:260px;
	height:218px;
	padding:10px;
	background-image: url(../images/01common_3c_high_bg.jpg);
	background-repeat: no-repeat;
}

.cl_inbox{
	width:260px;
	height:100px;
	padding-top:10px;
	padding-bottom:5px;
}
.cl_inbox div.right span.box3 {
	line-height:1.1em;
}


.cl_inbox .left{
	width:110px;
	float:left;
}

.cl_inbox .right{
	width:150px;
	float:left;	
}

.cl_btn{
	text-align:right;
}

.cl_inbox2{
	width:260px;
	padding-top:10px;
	padding-bottom:5px;
}

.cl_inbox2 .left{
	width:110px;
	float:left;
}

.cl_inbox2 .right{
	width:150px;
	float:left;	
}

.news{
	float:left;
	width:640px;
}

.bnr_area{
	float:left;
	width:240px;
}

.news_title{
	background-image: url(../images/01top_title02_bg.jpg);
	background-repeat: no-repeat;
	height: 41px;
	width: 620px;
	text-align:right;
}

.news_title img{
	padding-top:4px;
}

.news_area{
	height:300px;
	width: 620px;
	overflow:auto;
	font-size:14px;
	line-height:22px;
}

.news_block{
	background-image: url(../images/01news_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.news_block .n_left{
	width:130px;
	float:left;
	font-weight:bold;
	text-indent:20px;
}

.news_block .n_right{
	width:440px;
	float:left;
}

.news_block2{
	background-image: url(../images/01news_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	font-size:14px;
	line-height:22px;
}

.news_block2 .n_left{
	width:130px;
	float:left;
	font-weight:bold;
	text-indent:20px;
}

.news_block2 .n_right{
	width:670px;
	float:left;
}

.bnr_area p{
	text-align:right;
	padding-bottom:10px;
}

/* ================================================================================ */
/*      2.SERVICE                                                                   */  
/* ================================================================================ */

.svc_navi{
	width:926px;
	height:64px;
	background-image: url(../images/00svc_navi_bg.jpg);
	background-repeat: no-repeat;
	margin-top:6px;
}

.svc_navi2{
	width:926px;
	height:64px;
	background-image: url(../images/00svc_navi_pro_bg.jpg);
	background-repeat: no-repeat;
	margin-top:6px;
}

.svc_navi_pos{
	width:586px;
	height:28px;
	padding-top:21px;
	padding-left:330px;
}

.svc_navi_pos p{
	float:left;
}

.svc_navi_pos p a:hover img{
	opacity:100;
	filter: alpha(opacity=100);
	-moz-opacity:100;
	-ms-filter: "alpha(opacity=100)";
}

.c_left{
	width:640px;
	float:left;
	font-size:14px;
	line-height:22px;
}

.c_right{
	width:240px;
	float:left;
}

.svc_td{
	text-align:center;
	white-space: nowrap;
}

.svc_td img{
	padding-top:10px;
	padding-bottom:5px;
}

.svc_td2{
	text-align:left;
	white-space: nowrap;

}

.svc_td2 img{
	padding-top:10px;
	padding-bottom:5px;
}

.wordbreak {
	word-break: break-all;
}

.layout3{
	
}

.layout3 .c_left{
	float:left;
	width:300px;
}

.layout3 .c_center{
	float:left;
	width:300px;
}

.layout3 .c_right{
	float:left;
	width:280px;
}

.intext_green{
	width:280px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #22822d;
	text-indent:10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #22822d;
}

.intext_orange{
	width:280px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #F60;
	text-indent:10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
}
.intext_orange img{
	padding:0 0 5px 10px;
}
.intext_block{
	font-size:12px;
	line-height:18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;	
}

.layout2{
	
}

.layout2 .c_left{
	float:left;
	width:450px;
}

.layout2 .c_right{
	float:left;
	width:430px;
}

.layout2 .t_box{
	height:60px;
	padding-left:20px;
	padding-top:5px;
	font-size:14px;
	line-height:22px;
}

.dlc_bg{
	background-color:#faffcf;
}









.cpy_navi{
	width:926px;
	height:64px;
	background-image: url(../images/00cpy_navi_bg.png);
	background-repeat: no-repeat;
	margin-top:6px;
}

.cpy_navi_pos{
	width:586px;
	height:28px;
	padding-top:21px;
	padding-left:330px;
}

.cpy_navi_pos p{
	float:left;
}

.cpy_navi_pos p a:hover img{
	opacity:100;
	filter: alpha(opacity=100);
	-moz-opacity:100;
	-ms-filter: "alpha(opacity=100)";
}


.cpy_border{
	border: 2px solid #2f9e3f;
	font-weight:bold;
	padding:10px;
}

.cpy_txtbox{
	padding-top:20px;
	padding-left:40px;
	padding-bottom:20px;
}

.cpy_txtline{
	padding:30px;
	text-align:right;
	font-size:14px;
	line-height:22px;
}

.link_navi{
	width:926px;
	height:64px;
	background-image: url(../images/00link_navi_bg.png);
	background-repeat: no-repeat;
	margin-top:6px;
}

.bnext td{
	padding:5px;
}

.price_border{
	border: 2px solid #CCC;
	width:376px;
	padding:20px;
	font-size:14px;
	line-height:22px;
	height:140px;
}



.prod_linkblock div{
	font-size:14px;
	line-height:20px;
	margin:0px;
	padding:5px;
}

.prod_linkblock div a:link{
	display:block;
	height:20px;
	width:350px;
	border: 1px solid #efefef;
	padding:5px;
}

.prod_linkblock div a:visited{
	display:block;
	height:20px;
	width:350px;
	border: 1px solid #efefef;
	padding:5px;
}

.prod_linkblock div a:hover{
	display:block;
	height:20px;
	width:350px;
	border: 1px solid #efefef;
	padding:5px;
	background-color:#62c470;
	color:#FFF;
	font-weight:bold;
}


/* ---------- */
.fs12{ font-size:12px;}
.fs10{ font-size:10px;}