@charset "utf-8";
/* CSS Document */
/**********************************
top
***********************************/
.header_top {
	background: url(../images/main01.png) no-repeat;
	background-size: 100% 395px;
	min-width: 1000px;
	min-height: 395px;
}
.header_con {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	
	background: rgba(246,246,246,0.8);
	
	-webkit-border-radius:0px 0px 10px 10px;
    -moz-border-radius:0px 0px 10px 10px;
    border-radius:0px 0px 10px 10px;
	position: relative;
}
/**********************************
sub
***********************************/
.header_sub {
	height: 100px;
}
.header_con_sub {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	background: rgba(255,255,255,1);
	-webkit-border-radius:0px 0px 10px 10px;
    -moz-border-radius:0px 0px 10px 10px;
    border-radius:0px 0px 10px 10px;
	position: relative;
}


.logo {
	position: absolute;
	
	left: 25px;
	top: 20px;
}
/***************************************

gnav

****************************************/
ul#g_navi {
	position: absolute;
	top: 0px;
	right: 25px;
	display: block !important;
}

ul#g_navi li {
		float: left;
		width: 122px;
		border-left: 1px solid #dedddd;
		height: 100px;
		z-index: 99;
		zoom: 1;
		line-height: 1.4;
		text-indent: 0;
}
ul#g_navi li.list_last {
		float: left;
		width: 125px;
		border-left: 1px solid #dedddd;
		
		border-right: 1px solid #dedddd;
		
		height: 100px;
		z-index: 99;
		zoom: 1;
		line-height: 1.4;
		text-indent: 0;
}

ul#g_navi li:hover {
		background: #5599d3;
		background: rgba(85,153,211,0.4);
}

ul#g_navi li .spn1 {
		font-size: 95%;
		margin: 15px auto 0;
		padding: 15px 0;
		/*border-left: 1px solid #dedddd;*/
		text-align: center;
		display: block;
		color: #000;
	}
ul#g_navi li .spn2 {
		color: #999;
		font-size: 85%;
	}

ul#g_navi li:hover .spn1 {
		border-left: 0;
		/*padding-left: 1px;*/
	}
ul#g_navi li a:hover {
	text-decoration: none; !important}
	
	


.top_c {
	position: absolute;
	top: 185px;
	left: 30px;
}
/**************
	link
**************/

/*--common--*/

a:link {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline 
}

a:visited {
	color: #0044CC;
	text-decoration:none !important;
}

a:hover.co-onmouse,
a:active.co-onmouse {
	_width: auto;/* IEのバグ対策 */
	/* IEはA:hoverやA:activeにサイズ指定しないと画像が切換らない */
	text-decoration: none;
}
/*--------------------------------------------------------------------------*/
/*reset.css */
/*--------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	border: none;
}
p {
	line-height:1.3em;
	font-size:95%;
	letter-spacing: 0.03em;
}
img {
	vertical-align: top;
	border-style:none;
}
a img {
    border-style:none;
}
li {
	list-style-type:none;
}
a {
	text-decoration: none;
}
a:link {
}

.bold {
	font-weight: 700;
}
table {
	border-collapse:collapse;
}
span.stress {
	color: #F00;
}
span.f75 {
	font-size: 75%;
}
span.f80 {
	font-size: 80%;
}
span.f85 {
	font-size: 85%;
}
span.f90 {
	font-size: 90%;
}
span.f95 {
	font-size: 95%;
}
span.f100 {
	font-size: 100%;
}
span.f105 {
	font-size: 105%;
}
span.f110 {
	font-size: 110%;
}
span.f120 {
	font-size: 120%;
}
span.f130 {
	font-size: 130%;
}
.line20 {
	line-height: 2;
}
.line19 {
	line-height: 1.9;
}
.line18 {
	line-height: 1.8;
}
.line17 {
	line-height: 1.7;
}
.line16 {
	line-height: 1.6;
}
/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/
.mt0{ margin-top: 0px; display: block;}
.mt5{ margin-top: 5px; display: block;}
.mt10{margin-top: 10px; display: block;}
.mt15{margin-top: 15px; display: block;}
.mt20{margin-top: 20px; display: block;}
.mt25{margin-top: 25px; display: block;}
.mt30{margin-top: 30px; display: block;}
.mt40{margin-top: 40px; display: block;}
.mt50{margin-top: 50px; display: block;}
.mt60{margin-top: 60px; display: block;}
.mt70{margin-top: 70px; display: block;}
.mt80{margin-top: 80px; display: block;}
.mt90{margin-top: 90px; display: block;}
.mt100{margin-top: 100px; display: block;}

.mtm10 {margin-top: -10px; display: block;}
.mtm20 {margin-top: -20px; display: block;}
.mtm30 {margin-top: -30px; display: block;}


.mb0{ margin-bottom:  0px; display: block;}
.mb5{ margin-bottom:  5px; display: block;}
.mb10{margin-bottom: 10px; display: block;}
.mb15{margin-bottom: 15px; display: block;}
.mb20{margin-bottom: 20px; display: block;}
.mb30{margin-bottom: 30px; display: block;}
.mb40{margin-bottom: 40px; display: block;}
.mb50{margin-bottom: 50px; display: block;}
.mb60{margin-bottom: 60px; display: block;}
.mb70{margin-bottom: 70px; display: block;}
.mb80{margin-bottom: 80px; display: block;}
.mb90{margin-bottom: 90px; display: block;}
.mb100{margin-bottom: 100px; display: block;}

.mr0{ margin-right: 0px;  display: block;}
.mr5{ margin-right: 5px;  display: block;}
.mr10{margin-right: 10px; display: block;}
.mr15{margin-right: 15px; display: block;}
.mr20{margin-right: 20px; display: block;}
.mr30{margin-right: 30px; display: block;}
.mr40{margin-right: 40px; display: block;}
.mr50{margin-right: 50px; display: block;}
.mr60{margin-right: 60px; display: block;}
.mr70{margin-right: 70px; display: block;}
.mr80{margin-right: 80px; display: block;}
.mr90{margin-right: 90px; display: block;}
.mr100{margin-right: 100px; display: block;}

.ml0{ margin-left: 0px; display: block;}
.ml5{ margin-left: 5px; display: block;}
.ml10{margin-left: 10px; display: block;}
.ml15{margin-left: 15px; display: block;}
.ml20{margin-left: 20px; display: block;}
.ml30{margin-left: 30px; display: block;}
.ml40{margin-left: 40px; display: block;}
.ml50{margin-left: 50px; display: block;}
.ml60{margin-left: 60px; display: block;}
.ml70{margin-left: 70px; display: block;}
.ml80{margin-left: 80px; display: block;}
.ml90{margin-left: 90px; display: block;}
.ml100{margin-left: 100px; display: block;}

.pt0{padding-top: 0px; display: block;}
.pt5{padding-top: 5px; display: block;}
.pt10{padding-top: 10px; display: block;}
.pt15{padding-top: 15px; display: block;}
.pt20{padding-top: 20px; display: block;}
.pt30{padding-top: 30px; display: block;}
.pt40{padding-top: 40px; display: block;}
.pt50{padding-top: 50px; display: block;}
.pt60{padding-top: 60px; display: block;}
.pt70{padding-top: 70px; display: block;}
.pt80{padding-top: 80px; display: block;}
.pt90{padding-top: 90px; display: block;}
.pt100{padding-top: 100px; display: block;}

.pb0{ padding-bottom: 0px;  display: block;}
.pb5{ padding-bottom: 5px;  display: block;}
.pb10{padding-bottom: 10px; display: block;}
.pb15{padding-bottom: 15px; display: block;}
.pb20{padding-bottom: 20px; display: block;}
.pb30{padding-bottom: 30px; display: block;}
.pb40{padding-bottom: 40px; display: block;}
.pb50{padding-bottom: 50px; display: block;}
.pb60{padding-bottom: 60px; display: block;}
.pb70{padding-bottom: 70px; display: block;}
.pb80{padding-bottom: 80px; display: block;}
.pb90{padding-bottom: 90px; display: block;}
.pb100{padding-bottom: 100px; display: block;}

.pr5{padding-right: 5px; display: block;}
.pr10{padding-right: 10px; display: block;}
.pr15{padding-right: 15px; display: block;}
.pr20{padding-right: 20px; display: block;}
.pr30{padding-right: 30px; display: block;}
.pr40{padding-right: 40px; display: block;}
.pr50{padding-right: 50px; display: block;}
.pr60{padding-right: 60px; display: block;}
.pr70{padding-right: 70px; display: block;}
.pr80{padding-right: 80px; display: block;}
.pr90{padding-right: 90px; display: block;}
.pr100{padding-right: 100px; display: block;}

.pl5{padding-left: 5px; display: block;}
.pl10{padding-left: 10px; display: block;}
.pl15{padding-left: 15px; display: block;}
.pl20{padding-left: 20px; display: block;}
.pl30{padding-left: 30px; display: block;}
.pl40{padding-left: 40px; display: block;}
.pl50{padding-left: 50px; display: block;}
.pl60{padding-left: 60px; display: block;}
.pl70{padding-left: 70px; display: block;}
.pl80{padding-left: 80px; display: block;}
.pl90{padding-left: 90px; display: block;}
.pl100{padding-left: 100px; display: block;}

/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
.l {
	float: left;
	display: block;
}
.r {
	float: right;
	display: block;
}

.textl {
	text-align: left;
}
.textr {
	text-align: right;
}
.textc {
	text-align: center;
}

.w730 {
	width: 730px;
}
/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}

/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix {display: inline-block; }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; overflow: hidden;}
/**/
/*-------------------------------------*/
/* CSS3の効果shadow 角丸 */
/*-------------------------------------*/
.c_shadow {
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow:  0px 0px 6px 1.1px #dbe1e4;
}

/* ボタンロールオーバー */
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=60);
}

/* スクロールバーのデザイン */

    ::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
  
.region {
	text-align: left;
	padding: 10px;
	border: 1px solid #b3aa99;
	margin-top: 10px;
}
span.area {
	color: #808000;
	margin-bottom: 5px;
}
p.region_title {
	color: #091123;
	font-size: 100%;
	font-weight: 700;
	margin-bottom: 5px;
}



.murasaki {
	color: #122f8d;
}
.chairo {
	color: #472717;
}
.orange {
	color: #F25B00;
}

/*見出しアイコン01*/
ul.icon1 {
		padding: 0px 0px 15px 10px;
}
ul.icon1 li {
		padding: 0px 30px;
		background: url(../images/list_icon.jpg) no-repeat 10px 5px;
		text-align: left;
		font-size: 95%;
		line-height: 1.6;
}
ul.icon1 li p {
		margin: 0;
		padding: 5px 10px;
}

/*見出しアイコン02*/
ul.icon2 {
		padding: 0px 0px 15px 10px;
}
ul.icon2 li {
		padding: 0px 30px;
		background: url(../images/list_icon_2.jpg) no-repeat 10px 5px;
		text-align: left;
}
ul.icon2 li p {
		margin: 0;
		padding: 5px 10px;
}

/*見出しアイコン03*/
ul.icon3 {
		
		padding: 15px 0px 15px 10px;
}
ul.icon3 li {
		padding: 0px 30px;
		background: url(../images/list_icon.png) no-repeat 10px 5px;
		text-align: left;
}
ul.icon3 li p {
		margin: 0;
		padding: 5px 10px;
}




/*--------------------------------------------------------------------------*/
/*structure_top_main_border_none.css */
/*--------------------------------------------------------------------------*/
body#home{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	text-align: center;
	background: #f6f6f6;
	
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	background-color: #ffffff;
	
}
.wrapper {
	margin: 0 auto;
	width: 1000px;
}



#content {
	width: 1000px;
	margin-top:20px;
	
	height: auto;
	
}
#main {
	float: left;
	width: 810px;
	background-color: #ffffff;
	height: auto;
	padding: 10px 0;
	margin-bottom: 30px;
	font-size: 17px;
	/*padding-bottom: 59px;*/
}
#nav {
	float: right;
	width: 190px;
	background: #e9eaf5;
	height: auto;
	padding-bottom: 59px;
	
}



/*--------------------------------------------------------------------------*/
/*header */
/*--------------------------------------------------------------------------*/
/* line 138, ../sass/index.scss */
header {
	background: #fff;
}
header #header_in {
  width: 1000px;
  height: 90px;
  margin: 0 auto;
  overflow: hidden;
}
/* line 142, ../sass/index.scss */

#header_in h1 {
  float: left;
  width: 400px;
  height: 80px;
}

.h_contact_con {
	float: right;
	margin: 15px auto 0;
}
p.h_tel {
	float: left;
}
p.h_contact {
	float: left;
	margin-left: 20px;
}


/*gnavi*/
.gnavi {
	background: #0c154a;
}

.gnavi_in {
  width: 1000px;
  height: 70px;
  margin: 0 auto;
  overflow: hidden;
}
.gnavi ul {
}
.gnavi ul li {
	float: left;
}

/*--------------------------------------------------------------------------*/
/*見出し */
/*--------------------------------------------------------------------------*/

h2.page-title{
	margin: 0 0 15px 0;
	height: 45px;
	width: 780px;
	margin-left: 15px;
	
	color: #222;
	font-size: 120%;
	border-bottom: 1px solid #000;
	line-height: 40px;
	text-indent: 15px;
	text-align: left;
	color: #fff;
	background: #0c154a;
	
	
	padding-top: 11px;
	/*background: url(../images/page_title_.jpg) no-repeat 0 0;
	color: #fff; gold_Ver*/
	
}
h3.sub-title{
	text-align: left;
	margin: 0 15px 10px 15px;
	padding: 5px 0 5px 10px;
	color: #fff;
	font-size: 100%;
	background: #0c154a;
}

h3.sub-title2{
	text-align: left;
	margin: 0 0 10px 0;
	padding: 15px 0 12px 30px;
	color: #111;
	font-size: 120%;
	background: url(../images/sub_title2.jpg) no-repeat 0px 50%;
}









/*ボックス内のh4タグ設定*/
h4.sub_midashi {
	padding: 7px 0px 7px 10px;	/*上、右、下、左側への余白*/
	font-size: 18px;
	text-align: left;
	line-height: 1.6;
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 4px solid #122f8d;	/*左側の線の幅、線種、色*/
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0.5em;
	color: #122f8d;	/*文字色*/
}

h4.sub_midashi_h4 {
	text-align: left;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #e6e6e6);	/*同上*/
	background: linear-gradient(#FFF, #e6e6e6);			/*同上*/
	font-size: 18px;
	color: #122f8d;		/*文字色*/
	padding: 10px 15px;	/*左から、上下、左右への余白*/
	margin-right: 15px;
	margin-left: 15px;
	border: 1px solid #d4d4d4;		/*線の幅、線種、色*/
	border-radius: 6px;	/*角丸のサイズ*/
}

h4.sub_midashi_point {
	width: 780px;
	margin-left: 15px;
	height: 45px;
	background: url(../image/point3.png) left top no-repeat;
	text-align: left;
	font-size: 19px;
	color: #122f8d;		/*文字色*/
	padding: 25px 0px 0px 55px;	/*左から、上下、左右への余白*/
}

h4.sub-title-a {
	text-align: left;
	margin-top: 50px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #222;
}
h4.sub-title-b {
	border-bottom: 1px solid #122f8d;
	text-align: left;
	padding-left: 5px;
	margin-left: 15px;
	margin-right: 15px;
	color: #122f8d;
	
}
h5.sub_midashi_h5 {
	text-align: left;
	margin-top: 30px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: #222;
}
/*-------------------------------------*/
/* main_visual */
/*-------------------------------------*/




/**********************************************************************

side_nav

***********************************************************************/
/*使用中*/
#nav_side_menu {
	margin-top: 0;
}
#nav_side_menu li {
	text-align: left;
	font-size: 80%;
	font-weight: 200;
}
#nav_side_menu li.first_list {
	border-top: none;	
}
#nav_side_menu li a {
	background: url(../image/nav_list.png) 8px 14px no-repeat;
	color: #005791;
}
#nav li a{
	display:block;
	width:100%;
	height:100%;
	line-height:40px;
	text-indent: 20px;
	text-decoration: none;
	color: #000;
}
#nav li a:hover {
	text-decoration: underline;
}

/*sidenavmidasi*/
#nav_side_menu p {
	background: url(../image/nav.png) 7px 8px no-repeat;
	background-color: #122f8d;
	height: 20px;
	color: #fff;
	width: 175px;
	margin-left: 7px;
	margin-top: 10px;
	padding: 5px 0 1px 0;
	text-align: left;
	text-indent: 1.4em;	
}
#nav_side_menu p.r01 {
	background: url(../image/nav.png) 7px 8px no-repeat;
	background-color: #122f8d;
	height: 40px;
	color: #fff;
	width: 175px;
	margin-left: 7px;
	margin-top: 10px;
	padding: 5px 0 1px 0;
	text-align: left;
	text-indent: 1.4em;	
}


/*common-------------------------------------------------------------------------------------------------------------------*/
p.gotop {/*未使用*/
	text-align: right;
	margin: 5px 20px;
	font-size: 80%;
}
p.gotop a:hover {
	color: #00F;
	text-decoration: underline;
}
.pankuzu {
	margin:5px auto 9px;
	padding:0px 0 5px 5px;
	width: 1000px;
	height:auto;
	font-weight: 100;
	font-size: 12px;
	color: #222;
	text-align: left;
	background: #f6f6f6;
}
.pankuzu a {
	color: #005791;
}


p.title {
	margin-top:20px;
}
/*各ページの説明文に使用、説明*/
p.ex {
	width: 780px;
	margin-left:15px;
	text-align:left;
	line-height: 2;
	margin-top: 10px;
}
/*ポイント*/
ul.point {
	width: 780px;
	margin-left: 20px;
	
	margin-top: 20px;
}
ul.point li {
	text-align: left;
	font-size: 95%;
	background: url(../images/list_icon.jpg) no-repeat center left;
	padding-top: 3px;
	margin-bottom: 2px;
	line-height: 1.8;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/	
}


span.emphasis {
	color: #ea6d9f;
	font-size: 120%;
	font-weight: 700;
}
#contact_wrapper {
	width: 680px;
	margin-top:30px;
	margin-bottom: 40px;
}
#contact_wrapper img {
	float: right;
	margin-right: 30px;
}
/*お問い合わせと一緒に使うこと*/
#contact_wrapper p {
	width: 420px;
	float: left;	
	margin-left: 25px;
	text-align: left;
}

/*エラーページ*/
h1#notfound {
	padding: 10px;
	font-size: 150%;
	margin-top: 20px;
	text-align: left;
	margin-left: 15px;
}
#notfound_border {
	border-top: 1px solid #ddd;
	margin-top: 10px;
}
p#notfound_method {
	margin-top: 20px;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 10px;
}
ul#notfound_list {
	text-align: left;
	width: 600px;
	font-size: 90%;
	margin-left: 10px;
}


/*SEOの概念でテキスト*/
.index_text {
	float: left;
	width: 680px;
}
.index_text p {
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 650px;
	font-size: 90%;
	line-height: 1.5em;
}
h2.index_header {
	background: url(../images/index/index_header_bar.jpg) left top no-repeat;
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
	padding-left: 25px;
	font-weight: 600 ;
}
/*▼▼リンクここから▼▼*/
table.link_power {
	width:700px;
	text-align:left;
	margin-top: 30px;
	margin-bottom: 50px;
}
table.link_power td {
	width:250px;
	padding-top: 20px;
	padding-left: 35px;
}
table.link_power td.link_ex {
	width:450px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 10px;
	font-size: 90%;
}
/*▲▲リンクここまで▲▲*/
/*-------------------------------------------------------------------------------------------------------------------*/
/******************************************

mailform

*******************************************/


input[type="text"],input[type="mail"],input[type="tel"]{
	background-color:#FFFDEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px #aaa;
	height:28px;
	line-height:25px;
	padding:2px 5px;
	margin:10px 0;
}

select{
	height:40px;
	padding:6px 0;
	background-color:#FFF;
	border:solid 1px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:5px 0;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

option {
	height:30px;
	border: 1px solid #000;
	margin: -1px 0 0;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1em;
	color: #000;
}


textarea{
	width:350px;
	height:150px;
	background-color:#FFFDEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px #999;	
	padding:5px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	margin:8px 0;
	font-size:13px;
	
}

input:focus, textarea:focus{
	background-color: #FFC;
}


.submit_btn{
	display:block;
	width:250px;
	height:60px;
	line-height:50px;
	margin:30px auto 80px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:20px;
	font-family:"Meiryo UI";
	text-decoration:none; 
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
	letter-spacing:1px;
	border:1px solid #0d497b;
	background-color: #8ed058; background-image: -webkit-gradient(linear, left top, left bottom, from(#2b7abe), to(#246caa));
	background-image: -webkit-linear-gradient(top, #2b7abe, #246caa);
	background-image: -moz-linear-gradient(top, #2b7abe, #246caa);
	background-image: -ms-linear-gradient(top, #2b7abe, #246caa);
	background-image: -o-linear-gradient(top, #2b7abe, #246caa);
	background-image: linear-gradient(to bottom, #2b7abe, #246caa);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2b7abe, endColorstr=#246caa);
}

.submit_btn:hover{
	background: #0c5ca1;
}


/*必須*/
.hissu{
	width:60px;
	padding:7px 5px;
	text-align:center;
	font-size:0.75em;
	line-height:1.5em;
	background-color: #d62135;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
	
}

/*.contact_form {
	width: 800px;
	margin: 0 auto;
	border: 1px solid #000;
}*/

/*テーブルの設定*/
table#ask_form {
	width: 700px;
	margin-left: 65px;
	margin-top: 40px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd; 
}
table#ask_form th {
	
	background: #fafafa;
	text-align: left;
	font-weight: 200;
	width: 160px;
	padding: 10px;
	border-top: 1px dotted #999; 
}
table#ask_form td {
	text-align: left;
	padding: 10px;
	
	border-top: 1px dotted #999; 
}

table#ask_form td.no_border {
	border-top: none;
	padding: 5px;
}


/*確認用チェックボタンのヨコの文字*/
span.request {
	font-size: 80%;
}
/*送信ボタンの位置*/
input.send {
	margin-top: 20px;
	margin-bottom: 30px;
}
/*サンプル請求のみ使用*/
/*郵便番号自動入力ボタン*/
input.post_number {
	border: 1px double #666;
}
/*サンプル請求の左枠の小さい文字*/
span.sub_attention {
	color :#333;
	font-size: 80%;
}
/*入力フォームの上の赤い文字*/
ul.indent_list {
	text-align: left;
	margin-top: 10px;
	margin-left: 14px;
	width: 650px;
	font-size: 90%;
}
ul.indent_list li {
	color:#F00;
	font-size: 90%;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
img#thanks {
	margin-top:10px;
}
/*▲▲お問い合わせとサンプル請求ここまで▲▲*/


/*会社案内*/

/*会社案内ここまで*/
/*お薦めここから*/
#nav_recommend {
	margin-top: 5px;
}
/*お薦めここまで*/
/*facebookのプラグイン*/
iframe#facebook_css {
	margin-top: 10px;
}
/*google_p*/
#google_p {
	margin-top: 10px;
}

/*ナビトピックス*/
#nav_topics {
	margin-top: 5px; 
}
#nav_topics img {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
}
#nav_topics li {
	margin-left: 5px;
	margin-top:0;
}
/*--------------------------------------------------------------------------*/
/*footer.css */
/*--------------------------------------------------------------------------*/
/******************

footer

*******************/
  
#footer {
	background: url(../image/footer_bk.png) left top;
	height:280px;
	color: #fff;	
}

#footer a {
	color: #fff;
}

#footerInner {
	width: 1000px;
	position:relative;
	margin:auto;
}

p#footer_seo {
	position: absolute;
	top: 30px;
	right: 0px;
	font-size: 20px;
	line-height: 1.4;
	text-align: right;
	color: #fff;
}

p#footer_address {
	position: absolute;
	top: 100px;
	right: 0px;
	text-align:left;
	line-height: 1.8;	
	text-align: right;
}

p.copyright {
	position: absolute;
	top: 255px;
	right: 0px;
}




/*見出し*/
ul#footerNavigation01 li.header,ul#footerNavigation02 li.header,ul#footerNavigation03 li.header {	
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	padding-left: 18px;
	padding-bottom: 7px;
	margin-right: 15px;
}


/*ナビ01*/
ul#footerNavigation01 {
	position: absolute;
	top: 30px;
	left: -20px;
}
ul#footerNavigation01 li {	
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	padding-left: 18px;
	margin-right: 15px;
}




ul#footerNavigation01 li a {
	display: block;
	text-decoration: none;
	
}
ul#footerNavigation01 li a:hover {
	text-decoration: underline;
}

/*ナビ02*/
ul#footerNavigation02 {
	position: absolute;
	top: 30px;
	left: 200px;
}
ul#footerNavigation02 li {
	
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	padding-left: 18px;
	margin-right: 15px;
}
ul#footerNavigation02 li a {
	display: block;
	text-decoration: none;
	
}
ul#footerNavigation02 li a:hover {
	text-decoration: underline;
}

/*ナビ03*/
ul#footerNavigation03 {
	position: absolute;
	top: 30px;
	left: 430px;
}
ul#footerNavigation03 li {
	
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	padding-left: 18px;
	margin-right: 15px;
}
ul#footerNavigation03 li a {
	display: block;
	text-decoration: none;
	
}
ul#footerNavigation03 li a:hover {
	text-decoration: underline;
}






/*--------------------------------------------------------------------------*/
/*問題解決事例集 */
/*--------------------------------------------------------------------------*/


.problem_con {
	margin-top: 20px;
	margin-bottom: 0px;
	border: 1px solid #03a7e4;
	padding-bottom: 15px;
	
}
.problem_con2 {
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #03a7e4;
	padding-bottom: 15px;
	
}
 
h2.problem_c {
	color: #ff3100;
	font-size: 150%;
	margin-top: 30px;
	margin-bottom: 0px;
}

p.problem_img {
	float: left;
	padding-left: 15px;
}
p.problem_ex {
	float: left;
	text-align: left;
	width: 370px;
	margin-left: 15px;
	line-height: 1.7;
	padding: 5px;
}
p.problem_ex2 {
	float: left;
	text-align: left;
	width: 665px;
	line-height: 1.7;
	margin-left: 20px;
}

.moving {
	float: right;
	width: 190px;
	margin-top: 20px;
}


/*--------------------------------------------------------------------------*/
/*measurement-inspection.html */
/*--------------------------------------------------------------------------*/
.measurement {
	width: 700px;
	margin-bottom: 30px;
	
}

.measurement p.m_img {
	float: left;
	border: 1px solid #aaa;
}
.measurement p.m_ex {
	float: left;
	text-align: left;
	width: 530px;
	margin-left: 20px;
}
.measurement p.m_detail {
	float: left;
	width: 530px;
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
}
/*--------------------------------------------------------------------------*/
/*measurement-inspection01.html */
/*--------------------------------------------------------------------------*/
/*詳細のキャッチ*/
h3.measurement_c {
	color: #F00;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 10px;

	text-align: left;
	font-weight: 700;
	line-height: 1.7;
}

p.me_ex {
	text-align: left;
	line-height: 1.8;
	width: 680px;
	margin-bottom: 30px;
}
/**/
p.me_img {
	border: 1px solid #aaa;
	width: 220px;
	float: left;
}
.me_list {
	float: left;
	width: 460px;
}



/*--------------------------------------------------------------------------*/
/*shop.html */
/*--------------------------------------------------------------------------*/
/*shop*/
table.table01{
	margin: 30px auto 50px;
	padding: 0;
	width: 730px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
table.table01 th{
	padding: 10px;
	width: 22%;
	background: #edecec; /*#fafafa */
	border: #ccc 1px solid;
	color: #222;
	font-weight: 200;
	font-size: 90%;
}
table.table01 td{
	padding: 10px;
	border: #ccc 1px solid;
	font-size: 90%;
}
table.table01 td ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}

.company_map {
	border: 5px solid #ddd;
	width: 600px;
	margin-left: 50px;
}
.company_g {
	border: 5px solid #ddd;
	width: 400px;
	margin-left: 150px;
}

/*--------------------------------------------------------------------------*/
/*recruit.html */
/*--------------------------------------------------------------------------*/

/*求人*/
table.table_recruit{
	margin: 0 0 0.8em 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
table.table_recruit th{
	padding: 10px;
	width: 25%;
	background: #fafafa;
	border: #ddd 1px solid;
}
table.table_recruit td{
	padding: 10px;
	border: #ddd 1px solid;
}
/*--------------------------------------------------------------------------*/
/*faq.html */
/*--------------------------------------------------------------------------*/

/*↓シュクレ↓*/

/*よくある御質問*/
.faq {
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	
}

.faq dt {
	background-color: #0c154a;
	background-image: url(../image/q2.png);
	background-repeat: no-repeat;
	background-position: 18px center;
	border: 1px solid #0c154a;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	color: #fff;
}

.faq dd {
	background-image: url(../image/a2.png);
	background-repeat: no-repeat;
	background-position: 18px center;
	
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-color: #0c154a;
	border-right-color: #0c154a;
	border-bottom-color: #0c154a;
	
	padding-left: 60px;
	padding-right: 10px;
	margin-bottom: 20px;
	padding-top: 17px;
	padding-bottom: 17px;
}
/*よくある質問一覧*/
ul.faq_nav {
	width: 770px;
	margin-left: 15px;
	text-align: left;
	margin-bottom: 30px;
}

ul.faq_nav li {
	list-style: none;
	line-height: 1.8;
	border-bottom: 1px dashed #666;/*黄緑#9dd957*/
	padding-top: 8px;
	padding-left: 15px;
}
ul.faq_nav li a {
	background: url(../image/list_icon02.png) no-repeat 1px 10px;
	padding-left: 1em;
    text-indent: -1em;
	padding-top: 5px;
	color: #000;
}

/*ページの上部へ戻る*/
ul.totop {
	width: 200px;
	margin-top: 20px;
	margin-left: 585px;
	margin-bottom: 50px;
}
ul.totop li {
	list-style: none;
	font-size: 16px;
	padding: 0px 0px 0px 23px;
	background: url(../image/list_icon_totop.jpg) no-repeat 0px 3px ;
}



/**/
table.table01_faq {
	width: 680px;
	margin: 20px 0 10px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
table.table01_faq th{
	padding: 10px;
	width: 22%;
	background: #edecec;
	border: #ccc 1px solid;
	color: #222;
	font-weight: 200;
	font-size: 90%;
}
table.table01_faq td{
	padding: 10px;
	border: #ccc 1px solid;
	font-size: 90%;
}


/*よくある質問へのリンク等　枠*/
.contents_attention {
	width: 690px;
	margin: 0 auto;
	background: #f2f3f6;
	padding: 15px ;
	border: 2px solid #039;
}
.contents_attention a {
	color: #222;
	font-weight: 700;
}
/*灰色枠*/
table.contents_attention_a {
	border: 2px solid #aaa;
	border-collapse: inherit;
	margin-left: 15px;
	width: 780px;
}
table.contents_attention_a td {
	vertical-align: middle;
	border: 1px solid #aaa;
	padding: 15px;
}
table.contents_attention_a td a {
	font-size: 18px;
}
/*灰色枠*/
table.contents_attention_b {
	border: 2px solid #aaa;
	border-collapse: inherit;
	margin-left: 40px;
	width: 730px;
}
table.contents_attention_b td {
	vertical-align: middle;
	border: 1px solid #aaa;
	padding: 15px;
}
table.contents_attention_b td a {
	font-size: 18px;

}


/*--------------------------------------------------------------------------*/
/*coupon.html */
/*--------------------------------------------------------------------------*/
/*クーポン*/
.coupon {
	border: 3px solid #a0814d;
	width: 694px;
	height: 200px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.coupon h3 {
	color: #aa8c42;
	font-size: 24px;
}
.coupon_main {
	float: left;
	width: 300px;
	font-size: 85%;
	text-align: left;
	padding: 20px;
}
.coupon_sub {
	float: left;
	width: 300px;
	font-size: 85%;
	text-align: left;
	padding: 20px;
}


/*プリントボタン*/
#print_btn {
	float: left;
	width: 690px;
	height: 60px;
	background: #eee;
	padding: 5px;
	margin-top: 10px;
}
#print_btn p {
	font-size: 80%;
	text-align: left;
}

.shop_map_c {
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
}

/*住所など*/
table.coupon_shop_info {
	float: left;
	width: 700px;
	font-size: 90%;
	padding: 5px;
	border: 1px solid #ddd;
	text-align: left;
}
table.coupon_shop_info th {
	border: 1px solid #ddd;
	width: 150px;
	padding: 10px;
}
table.coupon_shop_info td {
	border: 1px solid #ddd;
	padding: 10px;
}

/*--------------------------------------------------------------------------*/
/*staff.html */
/*--------------------------------------------------------------------------*/
.staff_c {
	width: 700px;
	margin-left:0px;
	text-align: left;
}
.staff_01 {
	margin-top: 30px;
	border-bottom: 1px dotted #aa8c42;
	padding-bottom: 15px;
}

dl.staff_name {
	width: 520px;
	float: left;
	margin-left: 10px;
}
dl.staff_name dt {
	font-weight: 700;
}
dl.staff_name dt {
	color: #401d00;
}
/*--------------------------------------------------------------------------*/
/*reference_price.html */
/*--------------------------------------------------------------------------*/
.sankou_price {
	border: 1px solid #aa9671;

	padding: 10px;
}

h3.sub-title_price{
	text-align: left;
	margin: 0 0 10px 0;
	padding: 15px 0 10px 30px;
	color: #fff;
	font-size: 100%;
	background: url(../images/sub_title_price.jpg) no-repeat 0px 50%;
}
h4.sub-title_2_price {
	text-align: left;
	margin: 0 0 10px 40px;
	color: #0d244d;
	font-size: 110%;
}
table.r_price {
	margin-bottom: 40px;
	margin-left: 40px;
	text-align: left;
	width: 600px;
	border: 1px solid #513714;
	
}
table.r_price th {
	padding: 8px;
	background: #835820;
	font-weight: 200;
	color: #fff;

}
table.r_price td {
	padding: 10px;
	
}
table.r_price td.sagaku_p {
	width: 350px;
	text-align: right;
}


/**************************************************

index

*************************************************/
/*問題解決事例*/
ul.case_study {
	width:700px;
	margin-top: 0;
	border: 1px solid #fff;
	

}
ul.case_study li{
	float:left;
	text-align: left;
	margin: 0px 35px 0 0;
	width: 210px;
	
}
ul.case_study li.last1{
	margin: 0px 0 0 0;
}
ul.case_study dt{
	margin: 5px 0 15px 0;
	letter-spacing:normal;
	font-size:16px;
	font-weight:bold;
	color: #111;
	padding-left: 1.5em;
	padding-top: 2px;
	background: url(../images/icon1.png) 2px 6px no-repeat;
}


.last{
	margin:0!important;
}

/*news*/
/*新着情報*/
#news_ivent {
	width: 700px;
	margin-top:0px;
	margin-bottom: 10px;
}

table.news {
	width: 690px;
	text-align: left;
	margin: 15px 0 20px 5px;
}
table.news td {
	border-bottom: 1px dotted #aaa;
	color: #111;
	padding: 10px;
}
table.news td a {
	color: #111;
}
.new_con {
	overflow: auto;
	height: 80px;
	width: 680px;
	padding: 10px;
	margin-top: 0px;
}

/*3つの理由*/
.reason {
}
.reason #reason1 {
	position: relative;
	background: url(../images/index_3_reason01a.png) left top no-repeat;
	float: left;
	width: 220px;
	height: 240px;
}
.reason #reason1 p {
	position: absolute;
	top: 175px;
	font-size: 85%;
	text-align: left;
	padding: 5px 10px;
}

.reason #reason2 {
	position: relative;
	background: url(../images/index_3_reason02a.png) left top no-repeat;
	float: left;
	width: 220px;
	height: 240px;
	margin-left: 20px;
	margin-right: 20px;
}
.reason #reason2 p {
	position: absolute;
	top: 175px;
	font-size: 85%;
	text-align: left;
	padding: 5px 6px;
}


.reason #reason3 {
	position: relative;
	background: url(../images/index_3_reason03a.png) left top no-repeat;
	float: left;
	width: 220px;
	height: 240px;
}
.reason #reason3 p {
	position: absolute;
	top: 175px;
	font-size: 85%;
	text-align: left;
	padding: 5px 6px;
}
/**************************************************

ccc

*************************************************/

/*area*/
.eigyo_area {
	margin-top: 20px;
	margin-bottom: 0px;
	background: url(../images/area2.jpg) no-repeat left top;
	padding: 2px 7px 7px 9px;
	height: 410px;
}
.eigyo_area p {
	margin-top: 45px;
}



.gyomu {
	background: #fffdee;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #0a6fbd;
	
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */    -moz-border-radius: 10px;   /* Firefox用 */  
}


/**************************************************

oil.html

*************************************************/

.oil_con {
	float: left;
	border: 1px solid #ccc;
}
.oil_con a {
	color: #111;
}
table.oil {
	text-align: left;
	font-size: 14px;
	width: 338px;	
}
table.oil th {
	background: #0e65a9;
	font-weight: 200;
	color: #fff;
	padding: 5px;
}
table.oil td {
	background: #f0f5fa;
	padding: 5px;
}


/*oil_item*/
.oil_item  {
	width: 730px;
	margin: 0px auto 40px;
	padding-top: 30px;
	background: #f0f5fa;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
/**************************************************

car_maintenance.html

*************************************************/


/*car_item*/
.car_item  {
	width: 730px;
	margin: 20px auto 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	background:#f5f5f5; /*#f5f5f5   #f0f5fa*/
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

table.car_m {
	width: 710px;
	margin-top: 20px;
	margin-left: 10px;

}
table.car_m th {
	width: 260px;
}
table.car_m td {
	width: 430px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
table.car_m td p {
	line-height: 1.7;
}
/**************************************************

rent.html

*************************************************/
.yodogawa {
	width: 570px;
	margin: 20px auto 10px;
	text-align: left;
	background: #f0f5fa;
	padding: 15px;
}


.access_con {
	width: 700px;
	padding: 15px;
	background: #f0f5fa;
	text-align: left;
	line-height: 1.7;
	font-size: 90%;
	margin: 10px auto;
}
/*住所*/
table.table_chintai{
	margin: 20px auto 20px;
	padding: 0;
	width: 600px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
table.table_chintai th{
	padding: 10px;
	width: 22%;
	background: #fafafa;
	border: #ccc 1px solid;
	color: #34250f;
	font-weight: 200;
	font-size: 90%;
}
table.table_chintai td{
	padding: 10px;
	border: #ccc 1px solid;
	font-size: 90%;
}
table.table01 td ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}

/**************************************************

vrs

*************************************************/

p.vrs_attention {
	font-size: 13px;
	text-align: left;
	margin-left: 20px;
	line-height: 1.6;
}

/**************************************************

m1

*************************************************/

.m1_attention {
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	
	font-size: 14px;
	text-align: left;
	line-height: 2;
	padding: 20px 30px;
	background: #F6F6F6;
}


.cp_h1title44 {
	width: 740px;;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #F25B00;
	color: #fff;
	overflow: hidden;
	padding: 1.5em 0 1.2em 40px;
}
.cp_h1title44:before{
	background-color: rgba(12,21,74, 1);
	content: '';
	display: block;
	transform: rotate(50deg);
	position: absolute;
	bottom: -220px;
	right: -240px;
	width: 330px;
	height: 330px;
}


.m1-feature {
	text-align: left;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	background: #f5f5f4; /* #F7F7F3; */
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
.m1-feature p {
	background: #fff;
	padding: 30px 20px 25px;
}




/*--------------------------------------------------------------------------*/
/*top-2024 add */
/*--------------------------------------------------------------------------*/
.wrapper-top {
	margin: 0 auto;
	width: 1000px;
	font-size: 18px;
}

.page-title-top {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 15px;
	
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	background: #0c154a;
	height: 50px;
}
.sub-title-top {
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	background: #0c154a;
	height: 50px;
}

.sub_midashi-top {
	padding: 7px 0px 7px 10px;	/*上、右、下、左側への余白*/
	font-size: 18px;
	text-align: left;
	line-height: 1.6;
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 4px solid #122f8d;	/*左側の線の幅、線種、色*/
	
	color: #122f8d;	/*文字色*/
}


table.table01-top {
	margin: 30px auto 50px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	width: 100%;
}
table.table01-top th {
	padding: 10px;
	width: 22%;
	background: #edecec; /*#fafafa */
	border: #ccc 1px solid;
	color: #222;
	font-weight: 200;
	font-size: 90%;
}
table.table01-top td {
	padding: 20px;
	border: #ccc 1px solid;
	font-size: 90%;
	line-height: 2;
}
table.table01-top td.komoku {
	padding: 10px;
	width: 22%;
	background: #edecec; /*#fafafa */
	border: #ccc 1px solid;
	font-weight: 500;
	font-size: 90%;
}

p.ex-top {
	text-align:left;
	line-height: 2;
}