@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{	margin:0; padding:0; max-height:100%;}
table{	border-collapse:collapse;	border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{	font-style:normal;	font-weight:normal;	}
ul,ol,li{list-style:none;}
caption,th{	text-align:left;}
h1,h2,h3,h4,h5,h6{	font-size:100%;	font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {	border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
hr {display:none;}

/* Androidでpタグの横幅が狭まるバグ対策 */
p {background-image:url(image);}

/* フルードイメージ */
img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;
	margin:0;
	padding:0;
}
.ie8 img{width:auto;}
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/* 基本設定
-------------------------------*/
body {
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif,Helvetica, Arial;
	line-height: 1.8em;
	color: #000;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	overflow:hidden;
}

/* プリントの表示設定 */
@media print{
	#wrapper{width:1161px; margin:auto;}
}

/* リンク設定
-------------------------------*/
a{color:#0042be;text-decoration:none;}
a:hover{color:#fd7e21;}
a:active, a:focus{outline:0;}

/* ヘッダー
-------------------------------*/
#header{
	padding:10px 0;
}
#header .inner{
	width:95%;
	max-width:1100px;
	margin:auto;
}
#header .inner:after{
    content: "";
    clear: both;
    display: block;
}
.h_logo{
	float:left;
	margin-right:15px;
}
#header h1{
	float:left;
	font-size:12px;
	line-height:1.2em;
	padding-top:13px;
}
#header.top h1{
	padding-top:5px;
}
.h_info{
	float:right;
	padding-top:5px;
}
.h_info li{
	display:inline-block;
	margin-left:10px;
}
.h_info li a{color:#000;}
.h_info li a:hover{color:#fd7e21;}

	@media screen and (max-width: 640px) {
		#header{ border-bottom: solid 1px #999;}
		.h_logo{width:80%;}
		#header h1,.h_info{display:none;}
	}


/* フッター 
-------------------------------*/
#footer{
	background-image:url(../img/common/back_footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	height:663px;
}
#footer .inner{
	width:95%;
	max-width:1100px;
	margin:auto;
	padding-top:83px;
}
.f_cap{
	width:80%;
	text-align:center;
	margin:0 auto 60px;
}
.f_info{
	background:url(../img/common/f_info_back.png);
	padding:30px 0;
	border:solid 1px #999;
	text-align:center;
	margin-bottom:60px;
	}
.f_info li{
	display:inline-block;
	vertical-align:middle;
}
.f_info li.f_tel{
	color:#0042be;
	line-height:1.2em;
	width:400px;
	margin-right:60px;
	padding-top:10px;
}
.f_info li.f_tel .f_tel_icon{
	float:left;
	width:50px;
}
.f_info li.f_tel .telno{
	font-size:43px;
	font-weight:bold;
}
.f_info li.f_tel .time{
	padding-top:15px;
}

.f_logo{
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
.add{
	float:left;
}
.add .copy{
	font-size:12px;
	margin-top:15px;
}

	  @media screen and (max-width: 980px) {
		  #footer{
			  height:auto;
		  }
		  #footer .inner{
			  padding-top:30px;
			  padding-bottom:20px;
		  }
		  .f_cap,
		  .f_info{
			  margin-bottom:20px;
			  }
		  .f_info li{
			  display:block;
			  width:95%;
			  max-width:400px;
			  margin: 0 auto;
		  }
		  .f_info li.f_tel{
			  width:95%;
			  max-width:400px;
			  margin-right:auto;
			  margin-bottom:15px;
		  }
		  .f_logo{
			  float:none;
			  margin-right:0;
			  text-align:center;
		  }
		  .add{
			  float:none;
			  text-align:center;
		  }
		  
	  }
	  
		  @media screen and (max-width: 640px) {
			  .f_info{ padding:20px 0;}
			  .f_info li{max-width:500px;}
			  .f_info li.f_tel .f_tel_icon{display: none;}
			  .f_info li.f_tel .telno{
				  display:inline-block;
				  font-size:6.5vw;
				  line-height:1.2em;
			  }
			  .f_info li.f_tel .telno:before{content:"TEL.";}
			  .f_info li.f_tel .time{
				  width:100%;
				  text-align:center;
			  }
			  .add{
				  font-size:90%;
				  line-height:1.4em;
			  }
		  }
		  


/*  ページトップへ */
#pageTop{
	position:fixed;
	bottom:20px;
	right:20px;
	}


/* メニュー　PC用　1
-------------------------------*/

@media screen and (min-width: 641px) {
	.drawer-nav{
		position:fixed;
		top:0;
		left:0;
		background-color:#0042be;
		color:#fff;
		width:100%;
	}
	.drawer-menu{
		width:95%;
		max-width:1150px;
		margin:auto;
		text-align:center;
	}
	
	.drawer-menu li{
		float:left;
		margin:0 0.9%;
		font-size:95%;
	}
	.drawer-menu li a{
		display:block;
		padding:10px 0;
		color:#fff;
	}
	.drawer-menu li a:hover{color:#fd7e21;}
	
	.drawer-menu li.home{ display:none;}
	.drawer-menu li.line2{
		font-size:80%;
		line-height:1.1em;
		text-align:left;
	}
	.drawer-menu li.line2 span{
		font-size:89%;
	}

}

	@media screen and (max-width: 1100px) {
		.drawer-menu li.logo{
			width:100%;
		}
	}




.menu_pc1{
	width:100%;
	background-color:#0042be;
}
.menu_pc1:after{
    content: "";
    clear: both;
    display: block;
}
.menu_pc1 ul{
	width:100%;
	max-width:1101px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.menu_pc1 li{
	float:left;
}
.menu_pc1 li:last-child{
	border-right:solid 1px #fff;
}
.menu_pc1 li.stay,
.menu_pc1 li:hover{
	background-image:url(../img/common/menu_back_on.jpg);
}

	@media screen and (max-width: 1100px) {
		.menu_pc1 li{width:20%;}
		.menu_pc1 li:last-child{border-right:none;}
	}
		@media screen and (max-width: 641px) {
			.menu_pc1{display:none;}
		}




/* 共通
-------------------------------*/
.contents{
	width:95%;
	max-width:1100px;
	margin:40px auto 60px;
}

.box_ttl{
	width:100%;
}
.box_ttl .inner{
	width:95%;
	max-width:1100px;
	margin:auto;
	padding-top:10px;
}
.bg_sale{background:url(../img/company/back_ttl_sale.jpg) center bottom no-repeat;}
.bg_rent{background:url(../img/company/back_ttl_rent.jpg) center bottom no-repeat;}
.bg_repair{background:url(../img/company/back_ttl_repair.jpg) center bottom no-repeat;}
.bg_kensa{background:url(../img/company/back_ttl_kensa.jpg) center bottom no-repeat;}
.bg_used{background:url(../img/company/back_ttl_used.jpg) center bottom no-repeat;}
.bg_company{background:url(../img/company/back_ttl_company.jpg) center bottom no-repeat;}
.bg_saiyo{background:url(../img/company/back_ttl_saiyo.jpg) center bottom no-repeat;}
.bg_ask{background:url(../img/company/back_ttl_ask.jpg) center bottom no-repeat;}

	@media screen and (max-width: 980px) {
		.box_ttl .inner{padding-top:0;}
	}
		@media screen and (max-width: 640px) {
			.box_ttl .inner{ height:100px;}
			.box_ttl .inner img{ height: 100%; width:auto;}
		}



.ttl01{
	background:url(../img/common/ttl_upper.png) top left no-repeat;
	padding-top:15px;
	font-size:23px;
	line-height:1.3em;
	margin-bottom:25px;
}

	@media screen and (max-width: 980px) {
		.ttl01{ margin-bottom:15px;}
	}



/* トップページ
-------------------------------*/

.top_lead{
	text-align:center;
	width:95%;
	max-width:1100px;
	margin:80px auto 100px; 
}
.top_lead p:first-child{
	font-weight:bold;
	font-size:35px;
	line-height:1.4em;
	margin-bottom:20px;
}

	@media screen and (max-width: 640px) {
		.top_lead{
			text-align:left;
			margin-bottom:50px;
			margin-top:30px;
		}
		.top_lead p:first-child{
			font-size:28px;
			line-height:1.4em;
			margin-bottom:15px;
		}
	}

.box_service{
	background: url(../img/top/top_back01.jpg) center top repeat-y;
	padding:60px 0;
}
.box_service .inner{
	width:95%;
	max-width:1175px;
	margin:auto;
}
.box_service ul{
	margin-top:30px;
}
.box_service li{
	float:left;
	width:48.25%;
	margin-right:3.5%;
	margin-bottom:25px;
}
.box_service li:nth-child(2n){
	margin-right:0;
}

	@media screen and (max-width: 640px) {
		.box_service li{
			float:none;
			width:90%;
			text-align:center;
			margin-right:auto;
			margin-left:auto;
		}
		.box_service li:nth-child(2n){
			margin-right:auto;
		}
	}
.box_blue{
	background:url(../img/top/top_back02.jpg) center top repeat-y;
	padding:60px 0;
	text-align:center;
	margin-bottom:80px;
}


/* お知らせ枠 */
.waku_news{
	border:solid 1px #999;
	margin-top:20px;
	padding:3%;
	margin-bottom:15px;
	height:auto;
	max-height:500px;
	overflow:auto;
}
.waku_news .ttl{
	color:#0042BE;
	font-size:22px;
	line-height:1.4em;
	border-bottom:dotted 1px #0042BE;
	padding-bottom:5px;
	margin-bottom:10px;
}
.waku_news .ymd{
	text-align:right;
	font-size:90%;
	margin-bottom:15px;
}

.box_saiyou{
	background:url(../img/top/top_back03.jpg) center top no-repeat;
	padding:100px 0 60px;
}
.box_saiyou .inner{
	width:95%;
	max-width:1100px;
	margin:auto;
}
.saiyou_lead{
	width:470px;
	margin-top:60px;
}
.rec_navi{
	margin-top:100px;
}
.rec_navi:after{
    content: "";
    clear: both;
    display: block;
}
.rec_navi li{
	width:45%;
	float:left;
	text-align:center;
	margin:0 2.5%;
}
	@media screen and (max-width: 980px) {
		.saiyou_lead{
			width: auto;
			padding:20px;
			background:url(../img/top/back_siro.png);
		}
	}
		@media screen and (max-width: 640px) {
			.box_saiyou{
				padding:50px 0 40px;
			}
			.rec_navi{margin-top:50px;}
			.rec_navi li{
				width:100%;
				float: none;
				margin:0 0 20px;
			}
		}

.seo{
	font-size:95%;
	line-height:1.6em;
}


/* お問い合わせ
-------------------------------*/
.box_ask_ttl{
	width:300px;
	float:left;
}
.box_ask_tel{
	width:100%;
	max-width:500px;
	float:left;
	text-align:center;
}
	@media screen and (max-width: 980px) {
		.box_ask_ttl{
			width:100%;
			float: none;
			margin-bottom:30px;
		}
		.box_ask_ttl .ttl01 br{display:none;}
		.box_ask_tel{float: none; margin:auto;}
	}

.box_ask_tel .soudan{
	padding-bottom:15px;
	border-bottom:solid 1px #999;
	margin-bottom:15px;
}
.box_ask_tel table{margin:auto; color:#0042be;}
.box_ask_tel .telno{
	font-size:43px;
	line-height:1em;
	font-weight:bold;
}
.box_ask_tel .icon{
	width:50px;
}
	@media screen and (max-width: 640px) {
		.box_ask_tel .icon{display: none;}
		.box_ask_tel .telno{
			font-size:6.5vw;
			line-height:1.2em;
		}
		.box_ask_tel .telno:before{content:"TEL.";}
		.box_ask_tel .time{
		}
	}

.clear_kei{
	clear:both;
	height:1px;
	border-bottom: solid 1px #999;
}

.hissu{
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:1.2em;
	padding:2px 8px;
	background-color:#0042be;
}

table.mailform{
	width:100%;
	max-width:930px;
	margin:30px auto;
	border-collapse: separate;
	border-spacing:8px;
}
table.mailform td{
	vertical-align:top;
}
table.mailform td:first-child{
	width:150px;
	text-align:right;
}
table.mailform td:nth-child(2){
	width:85px;
	text-align:center;
}
.length_l{
	width:95%;
	padding:5px;
}
.length_m{
	width:50%;
	padding:5px;
}
.naiyou{
	width:95%;
	height:200px;
	padding:5px;
}
.sousin{
	background:url(../img/company/btn_sousin.jpg) center center no-repeat;
	width:80%;
	max-width:510px;
	height:53px;
	border:0px solid;
	cursor:pointer;
	margin:auto;
}
.sousin:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.space_ask_end{
	clear:both;
	width:100%;
	height:300px;
}
	@media screen and (max-width: 640px) {
		table.mailform td{
			display:inline-block;
		}
		table.mailform td:first-child{
			width: auto;
			text-align:left;
		}
		table.mailform td:last-child{
			width:100%;
			padding-bottom:8px;
		}
		.length_m{
			width:95%;
		}
		.space_ask_end{height:100px;}
	}




/* 建機販売
-------------------------------*/
.sale_ttl{
	margin-top:60px;
	font-size:24px;
	line-height:1.4em;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:solid 1px #999;
	margin-bottom:20px;
}
.sale_gallery li{
	float:left;
	width:23.15%;
	margin-right:2.46%;
	margin-bottom:30px;
}
.sale_gallery li:nth-child(4n){
	margin-right:0;
}
.sub_name{
	padding-top:8px;
	font-size:20px;
	line-height:1.2em;
	margin-top:10px;
}
.bar_g{background:url(../img/sale/bar_g.jpg) top left no-repeat;}
.bar_b{background:url(../img/sale/bar_b.jpg) top left no-repeat;}
.bar_r{background:url(../img/sale/bar_r.jpg) top left no-repeat;}
.bar_gg{background:url(../img/sale/bar_gg.jpg) top left no-repeat;}

.sale_l{
	width:46%;
	float:left;
}
.sale_r{
	width:46%;
	float:right;
}

.sale_gallery2 li{
	width:50.49%;
}
	
	@media screen and (max-width: 640px) {
		.sale_gallery li{
			width:45%;
			margin-right:2.5%;
			margin-left:2.5%;
			margin-bottom:20px;
		}
		.sale_gallery li:nth-child(4n){
			margin-right:2.5%;
		}
		.sub_name{
			font-size:16px;
			line-height:1.2em;
			margin-top:5px;
		}
		.sale_l,
		.sale_r{
			width:100%;
			float:none;
		}
		.sale_gallery2 li{
			float:left;
			width:45%;
			margin-right:2.5%;
			margin-left:2.5%;
			margin-bottom:20px;
		}

	}




/* 修理/カスタマイズ
-------------------------------*/
.repair_ttl01{
	font-size:23px;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:50px;
}
.box_repair_lead{
	width:100%;
	max-width:800px;
	float:left;
}
	@media screen and (max-width: 980px) {
		.box_repair_lead{float: none; max-width:100%;}
	}
	
.bg_gray{
	background-color:#f1f1f1;
}
.repair_list{
	width:95%;
	max-width:1100px;
	margin:auto;
	padding:30px 0;
}
.repair_list table{
	width:100%;
}
.repair_list table td{
	vertical-align:top;
	padding:10px;
	empty-cells:hide;
	border-right:dotted 1px #666;
	border-bottom:dotted 1px #666;
}

.repair_list table td:last-child{
	border-right:none;
}
.repair_list table tr:last-child td{
	border-bottom:none;
}
.repair_list table td p:first-child{
	font-size:20px;
	line-height:1.4em;
	margin-bottom:5px;
	color:#0042be;
}
.repair_list table td p:nth-child(2){
	margin-left:1em;
}
	@media screen and (max-width: 768px) {
		.repair_list table tr{border-bottom:none;}
		.repair_list table td{
			display:inline-block;
			width:96%;
			padding:2%;
			border-right:none;
			border-bottom:dashed 1px #999;
		}
		.repair_list table td.empty{display:none;}
	}
	
.repair_img_r,
.repair_img_l{
	margin-bottom:20px;
}
.repair_img_r:after,
.repair_img_l:after{
    content: "";
    clear: both;
    display: block;
}
.repair_img_r li:first-child{
	width:49.5%;
	max-width:545px;
	float:right;
	margin-bottom:20px;
}
.repair_img_r li:last-child{
	width:46%;
	float:left;
	margin-bottom:20px;
}
.repair_img_l li:first-child{
	width:49.5%;
	max-width:545px;
	float:left;
	margin-bottom:20px;
}
.repair_img_l li:last-child{
	width:46%;
	float:right;
	margin-bottom:20px;
}

	@media screen and (max-width: 640px) {
		.repair_img_r li:first-child,
		.repair_img_l li:first-child{
			float: none;
			width:100%;
			margin-left:auto;
			margin-right:auto;
		}
		.repair_img_r li:last-child,
		.repair_img_l li:last-child{
			width:100%;
			float:left;
		}


	}

.rental_list{
	width:100%;
	margin-bottom:20px;
	font-size:95%;
	line-height:1.4em;
}
.rental_list th{
	background-color:#c5f0fc;
	text-align:center;
	padding:5px;
	border:solid 1px #999;
}
.rental_list td{
	padding:5px;
	border:solid 1px #999;
}
.space_rental{
	clear:both;
	margin-bottom:60px;
}


.rental_list_col2{
	width:49.75%;
	margin-bottom:20px;
	font-size:95%;
	line-height:1.4em;
}
.rental_list_col2 th{
	background-color:#c5f0fc;
	text-align:center;
	padding:5px;
	border:solid 1px #999;
}
.rental_list_col2 td{
	width:50%;
	padding:5px;
	border:solid 1px #999;
}

.rental_list_col2.cl{float:left;}
.rental_list_col2.cr{float:right;}

	@media screen and (max-width: 640px) {
		.rental_list_col2.cl,
		.rental_list_col2.cr{float:none;}
		.rental_list_col2{width:100%;}
		.rental_list_col2 tr.empty{ display:none;}
	}

.kobelco_kikaku{
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	margin-top:20px;
}
.kobelco_kikaku td{
	width:auto;
	padding:5px;
	font-size:95%;
	line-height:1.5em;
	vertical-align:top;

}


/* 会社概要
-------------------------------*/
.gaiyou{
	width:100%;
	border-collapse: separate;
	border-spacing:5px;
}
.gaiyou th{
	border-bottom:solid 1px #0042BE;
	width:22%;
	vertical-align:top;
	padding:5px 0 5px 10px;
}

.gaiyou td{
	border-bottom:solid 1px #cbcbcb;
	vertical-align:top;
	padding:5px 10px;
}

	@media screen and (max-width: 640px) {
		.gaiyou th,
		.gaiyou td{
			display:inline-block;
		}
		.gaiyou th{width:100%; max-width:235px; font-weight:bold;}
		.gaiyou td{
			width:95%;
			border-bottom:solid 1px #999;
		}

	}



/* 特定自主検査　＆　中古販売
-------------------------------*/
.link_btn a{
	width:80%;
	max-width:475px;
	margin:20px auto;
	border:solid 1px #999;
	text-align:center;
	display:block;
}
.link_btn a:hover{
	background-color:#f1f1f1;
}

.box_maker{
	width:100%;
	background:url(../img/used/kensa_back01.jpg) center top repeat-y;
	padding:20px 0;
	margin-bottom:200px;
}





/* 採用情報
-------------------------------*/

.saiyo_lead{
	text-align:center;
	margin-bottom:60px;
}
.saiyo_lead img{
	margin-bottom:20px;
}
.saiyo_index li{
	width:50%;
	float:left;
}
	@media screen and (max-width: 640px) {
		.saiyo_lead{text-align:left;}
		.saiyo_index li{
			width:100%;
			float:none;
			margin:0 auto 20px;
		}
	}

#senpai{
	background:url(../img/saiyo/saiyo_img_back.jpg) center top no-repeat;
	padding:40px 0;
}
.voice_list li{
	float:left;
	width:29.2%;
	max-width:321px;
	margin-right:6.2%;
}
.voice_list li:last-child{
	margin-right:0;
}

.voice_list .nen{
	font-weight:bold;
	margin:7px 0;
}
.voice_list .kotoba{
	font-size:120%;
	line-height:1.5em;
	color:#0042BE;
	margin-bottom:15px;
}
.voice_list .btn a{
	display:block;
	width:100%;
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
	text-align:center;
	padding:8px 0;
}
.voice_list .btn a:hover{
	background-color:#f1f1f1;
}
#youkou{padding-top:100px;}


	@media screen and (max-width: 640px) {
		.voice_list li{
			float: none;
			width:100%;
			margin-right:auto;
			margin-left:auto;
			margin-bottom:30px;
		}
		.voice_list li:last-child{margin-right: auto;}

		#youkou{padding-top:10px;}
	}



/* 先輩社員の声
-------------------------------*/
.senpai_img{
	position:relative;
	margin-bottom:40px;
}
.comment_main{
	position:absolute;
	top:0;
	left:0;
	width:410px;
	height:100%;
	background:url(../img/saiyo/voice_back_gray.png);
	color:#fff;
}
.comment_main .inner{
	padding-left:14%;
	padding-top:20%;
	font-size:30px;
	line-height:1.5em;
}
.comment_main .inner .name{
	margin-top:20px;
	font-size:20px;
	line-height:1.2em;
	font-weight:bold;
}

	@media screen and (max-width: 640px) {
		.img_main{
			width:100%;
			height:330px;
			overflow:hidden;
			margin-bottom:15px;
			position:relative;
		}
		.img_main img{
			/* 高さでトリミング */
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			width: auto;
			max-width: none;
			height: 100%;
		}
		
		.comment_main{
			position:static;
			width:100%;
			height: auto;
			background:none;
			color:#000;
		}
		
		.comment_main .inner{
			padding-left:0;
			padding-top:0;
			font-size:20px;
			line-height:1.5em;
		}
		.comment_main .inner br{ display:none;}
		.comment_main .inner .name{
			margin-top:10px;
			font-size:16px;
			line-height:1.2em;
		
		}
	}

.ttl_q{
	color:#0042BE;
	font-size:110%;
	line-height:1.5em;
	border-bottom:solid 1px #0042BE;
	margin-bottom:15px;
}
.ttl_q span{
	font-size:150%;
	font-weight:bold;
}
.box_iine{
	width:95%;
	max-width:870px;
	margin:auto;
}
.iine01{
	width:54%;
	float:right;
	padding-top:30px;
}
.iine01 .ttl{
	font-size:24px;
	line-height:1.2em;
	margin-bottom:15px;
}
.iine02{
	width:46%;
	float:left;
	text-align:center;
}

	@media screen and (max-width: 640px) {
		.iine01,
		.iine02{
			width:100%;
			float:none;
			padding-top:0;
		}
		.iine01 .ttl{
			font-size:20px;
			line-height:1.2em;
			margin-bottom:10px;
		}
	}

.voice_navi li{
	float:left;
	width:33%;
	text-align:center;
}




/* お知らせ
-------------------------------*/
.contents_news{
	width:95%;
	max-width:900px;
	margin:60px auto;
}
table.news_list{
	width:100%;
	margin-bottom:30px;
}
table.news_list td{
	vertical-align:top;
}
table.news_list td.n01{
	width:26%;
	padding-right:2%;
}
table.news_list td.n01 img{
	width:100%;
	height:auto;
}

table.news_list td.n02{
	width:72%;
}
table.news_list td.n02 .ttl{
	font-size:120%;
	line-height:1.2em;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:dotted 2px #0042BE;
}
table.news_list td.n02 .ymd{
	font-size:90%;
	margin-bottom:5px;
}
	@media screen and (max-width: 640px) {
		table.news_list td.n02 div{
			font-size:95%;
			line-height:1.4em;
		}
	}


/* Pager style（外部化可） */
.pager{
	text-align: center;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

/* /Pager style */
.pNav{
	font-size:13px;
	margin-bottom:30px;
}

/*　詳細ページ　*/
.post_ttl{
	font-size:24px;
	line-height:1.4em;
	padding-bottom:5px;
	margin-bottom:8px;
	border-bottom:dotted 2px #0042BE;
}
.post_ymd{
	text-align:right;
	font-size:90%;
	margin-bottom:15px;
}
.post{
	margin-bottom:40px;
}


.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
}
.backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:15px;
}
.backORcloseBtn a{
	display:inline-block;
	padding:4px 15px;
	border:1px solid #aaa;
	color:#999;
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
}
.backORcloseBtn a:hover{
    background:#999;
    color: #fff;
}

.detailUpfile img{
	max-width:100%;
	height:auto;
}