@charset "utf-8";

/* CSS Document */
* {margin:0; padding:0;}
.fbox {zoom: 100%;}
.fbox:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden;
}

a{color:#FF6600;}
a:hover{color:#FFCC00;}

img{vertical-align:bottom;}
	.onecolumnimg{padding-bottom:20px;}

body{background:url(image/template/bg.png) repeat;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";}
body a:hover img{opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}

*{padding:0px; margin:0px; border:none;}

h1,h2,h3,h4,p,ul,li{padding:0px; margin:0px; text-decoration:none; font-weight:normal;}

ul,li{list-style:none;}

#container{background:url(image/template/topline.png) repeat-x; clear:both;}

#header{background:url(image/template/white.png) no-repeat center 4px; width:960px; margin:0px auto; clear:both; height:240px;}

#gorilla{width:180px; float:left; padding-top:10px;}

#head{width:762px; float:right; background:url(image/template/everythingok.png) no-repeat right 15px; clear:both;}
	#head h1{font-size:10px; color:#BBB; padding:20px 0px;}
		#logo{float:left; width:264px; height:57px;}
		#primarynavi{float:right; width:482px; height:33px; padding-top:40px;}
			#primarynavi li{float:left; text-indent:-9999px;}
				#primary1 a{display:block; height:33px; width:105px; background:url(image/template/primary.png) 0px 0px;}
				#primary2 a{display:block; height:33px; width:122px; background:url(image/template/primary.png) -105px 0px;}
				#primary3 a{display:block; height:33px; width:116px; background:url(image/template/primary.png) -227px 0px;}
				#primary4 a{display:block; height:33px; width:55px; background:url(image/template/primary.png) -343px 0px;}
				#primary5 a{display:block; height:33px; width:84px; background:url(image/template/primary.png) -398px 0px;}
				#primary1 a:hover{background:url(image/template/primary.png) 0px -33px;}
				#primary2 a:hover{background:url(image/template/primary.png) -105px -33px;}
				#primary3 a:hover{background:url(image/template/primary.png) -227px -33px;}
				#primary4 a:hover{background:url(image/template/primary.png) -343px -33px;}
				#primary5 a:hover{background:url(image/template/primary.png) -398px -33px;}

#gnavi{clear:both; width:762px; height:102px; padding-top:15px;}
	#gnavi li{float:left; text-indent:-9999px;}
		#gnavi1 a{display:block; height:102px; width:102px; background:url(image/template/gnavigation.png) 0px 0px;}
		#gnavi2 a{display:block; height:102px; width:166px; background:url(image/template/gnavigation.png) -102px 0px;}
		#gnavi3 a{display:block; height:102px; width:167px; background:url(image/template/gnavigation.png) -268px 0px;}
		#gnavi4 a{display:block; height:102px; width:150px; background:url(image/template/gnavigation.png) -435px 0px;}
		#gnavi5 a{display:block; height:102px; width:177px; background:url(image/template/gnavigation.png) -585px 0px;}
		#gnavi1 a:hover{background:url(image/template/gnavigation.png) 0px -102px;}
		#gnavi2 a:hover{background:url(image/template/gnavigation.png) -102px -102px;}
		#gnavi3 a:hover{background:url(image/template/gnavigation.png) -268px -102px;}
		#gnavi4 a:hover{background:url(image/template/gnavigation.png) -435px -102px;}
		#gnavi5 a:hover{background:url(image/template/gnavigation.png) -585px -102px;}
		
#contents{width:960px; margin:0px auto; clear:both; padding:15px 0px 20px 0px;}

#main{width:740px; float:right;}

	#main .h2_toppage{background:url(image/htag/h2.png) no-repeat bottom; color:#FFF; font-size:16px; padding:20px 0px 8px 4px;}
.last_column{padding:0px !important;}

	.main_imgcolumn{width:740px; clear:both;}
		.main_imgcolumn li{float:left; padding:0px 20px 0px 0px;}

	.clientvoice{width:740px; clear:both; padding-top:20px;}
		.clientvoice li{float:left; padding:0px 20px 10px 0px; height:100px; width:360px;}
			.clientvoice img{float:left; padding-right:10px;}
			.clientvoice h3{float:left; font-size:14px; width:250px;}
			.clientvoice p{font-size:11px; float:left; color:#FFF; width:250px;}

	.news{ padding:0px 0px 20px 0px;}
		.news li{font-size:12px; border-bottom:1px dotted #CCC; padding:10px 0px;}
			.news li p{color:#FFF;}
				.news li p span{color:#CCC; padding:0px 10px;}

.subpage{width:740px; background-color:#FFF; padding-bottom:10px; margin:auto;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */  }

	.subpage h2{background:url(image/htag/sub_h2_2.png) no-repeat; height:58px; padding:22px 0px 0px 15px; color:#FFF; font-weight:bold; font-size:26px;
			text-shadow: 2px  2px 3px #126C90,-2px  2px 3px #126C90,2px -2px 3px #126C90,-2px -2px 3px #126C90; margin-top:15px; 	}

	.subpage h3{border-top:1px dotted #AAA; border-bottom:1px dotted #AAA; background-color:#F3F3F3; padding:10px 15px; font-size:16px; margin-bottom:15px; }
	.subpage h4{background:url(image/htag/sub_h3.png) 12px 0px no-repeat; padding:0px 30px 15px 37px; color:#333; font-size:16px; font-weight:bold;}
	.subpage p{font-size:14px; padding:0px 40px 20px 40px; line-height:180%; color:#444; font-family:none;}
    .subpage table{border-collapse:collapse;}
    .subpage td{border:1px solid #333; padding:5px; font-size:90%; color:#666;}
    .subpage td.l_Cel{width:150px;}
    .subpage input, select, text, textarea {border:1px solid #333;}

	#pankuzu_up{padding:8px; background-color:#DDD; color:#444; margin-bottom:15px; font-size:11px;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; /* 角丸 */ }
		#pankuzu_up li{float:left;}

.catalog{width:700px; margin:0px auto; padding:15px 0px;}
	.catalog_icon{position:relative; top:-31px; left:100px;}
		.catalog_icon li{float:left; padding-left:10px;}
	.chart_lefttd{padding-right:10px;}
		.chart_lefttd span, .chart_table{font-size:11px; }
		.chart_table{width:330px; border-top:1px solid #8dc7e2; border-left:1px solid #8dc7e2; margin:10px 0px;}
			.chart_table td{padding:8px; border-right:1px solid #8dc7e2; border-bottom:1px solid #8dc7e2;}
			.chart_table td strong{color:#FF0000;}
		.td_chart_name{background:#E6F3F9; font-size:12px; font-weight:bold; color:#000;}
		.bt_detail_chart{margin:20px; 0px;}

		.charge_table{width:600px; border-top:1px solid #8dc7e2; border-left:1px solid #8dc7e2; margin:15px auto;}
			.charge_table td{padding:8px; border-right:1px solid #8dc7e2; border-bottom:1px solid #8dc7e2;}
			.charge_table td strong{color:#FF0000;}
		.td_charge_name{background:#E6F3F9; font-size:16px; font-weight:bold; color:#000;}
		

	.service_detail{padding:10px; 5px;}
		.service_detail li{float:left; width:156px; padding:0px 12px;}
			.service_detail li img{border:solid 3px #DEDEDE;}
			.service_detail li h5{font-size:12px; text-align:center; width:156px; padding:10px 0px;}
			.service_detail li .price{font-size:15px; color:#FF0000; font-weight:bold;  padding:0px !important; margin:0px !important; text-align:center; width:156px;}
				.service_detail li .price span{font-size:11px; font-weight:normal;}
			.service_detail li p{font-size:11px; margin:0px; color:#555; line-height:140%; padding:10px 5px 20px 5px;}

#left{width:200px; float:left}

	.leftlist{padding-bottom:20px;}

#left_contact{background:url(image/template/bg_contact.png); height:174px; padding:45px 0px 0px 16px;}
	#left_contact li{padding-bottom:6px;}



#footer{background:url(image/template/bg_footer.png) repeat-x; height:172px; padding:10px 0px;  font-size:10px;}
	#footercontents{width:960px; margin:0px auto;}
	#footerlink{width:670px; float:left; padding-top:10px;}
		#footerlink ul{padding-bottom:15px;}
			#footerlink ul li{float:left; color:#DDD;}
				#footerlink ul li a{color:#EEE; text-decoration:none;}
					#footerlink ul li a:hover{color:#FFCC00;}
	#logo_footer{background:url(image/template/logo_footer.png) no-repeat 0px 25px; width:270px; float:right; color:#CCC; padding:91px 0px 0px 0px;}

	#footnavi{width:249px; height:27px; background:url(image/template/totop.png) no-repeat; text-indent:-9999px; position:fixed; bottom:0px; right:250px;}
		#footnavi li{float:left;}
		#footnavi li a{display:block; height:27px; width:124px;}

.img_l{float:left; padding:0px 10px 5px 40px;}
.img_r{float:right; padding:0px 40px 5px 10px;}
.img_c{display:block; margin:0px auto; padding:0px 0px 20px 0px;}

.inbound{background:url(image/template/inbound.png) no-repeat 20px 5px; margin-left:30px;}

.application a{background:url(image/catalog/application_bt.png); width:260px; height:111px; display:block; text-indent:-9999px; margin:0px auto;}
 .application a:hover{background:url(image/catalog/application_bt.png) 0px -111px; width:260px; height:111px; display:block; text-indent:-9999px;}