@charset "utf-8";


*{
	background-repeat:no-repeat;
	line-height:140%;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro,"メイリオ", Meiryo,  "ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal
}

a {text-decoration:none; overflow:hidden; color:#00A3D8}
a:hover {color:#F90;}

img {border: none; line-height:0; vertical-align:bottom}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}
.space20 {height: 20px}
.space30 {height: 30px}
.space40 {height: 40px}
.space100 {height: 100px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}

.ml10{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}

.mr10{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}

.font10{font-size:10px}
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}

.bold{font-weight:bold}

.txt-left{text-align:left}
.txt-center{text-align:center}
.txt-right{text-align:right}

.red{color:#C00}

.left {float:left}
.center{float:left}
.right {float:right}

p{line-height:160%}

li{list-style: none;}

a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.75;
	opacity:0.75;
}

.alpha:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.75;
	opacity:0.75;
}

.transition{ 
	text-decoration:none;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	
}

.r-corner{
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
}

.cursor{cursor:pointer; cursor:hand}

th,td{text-align:left}



/** Back to Top **/ 

#back-top {
	position: fixed;
	bottom: 30px;
	right:0;
	z-index:9999
}
.no-alpha {
	filter: alpha(opacity=100)!important;
	-moz-opacity:1!important;
	opacity:1!important;
}



/** tool tip  **/ 

.tooltip div {position: relative;}
.tooltip span {
     background: #333;
     position: absolute;
     top: 55px;
     left: 25%;
     text-align: center;
     padding: 5px;
     z-index: 2;
     display: none;
	 color:#FFFFFF;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.table-style-01{width:100%}
.table-style-01 table{width:100%;border-collapse:separate;border-spacing:1px;}
.table-style-01 th{padding:10px; text-align:right}
.table-style-01 td{padding:10px;}


.table-style-02{width:100%;background-color:#ccc}
.table-style-02 table{width:100%;border-collapse:separate;border-spacing:1px;}
.table-style-02 th{text-align:right; padding:8px 10px; vertical-align:top; white-space:nowrap;background:#eee}
.table-style-02 td{ padding:8px 10px; background-color:#fff}


body{-webkit-text-size-adjust: 100%; background-color:#f0fafd; text-align:center}


#wrapper{width:980px; text-align:left; margin:0 auto; background-color:#fff; border:solid 1px #eee; min-height:1000px}

/** -------------------------------------------

						ヘッダー

 ------------------------------------------- **/

#header .level_01{background-color:#f6f6f6; padding:0 15px; border-bottom:solid 1px #eee; color:#999}
#header .level_01 h1{float:left; width:50%}
#header .level_01 h2{float:right; width:50%; text-align:right}

#header .level_02{position:relative; min-height:100px; padding:0 15px}
#header .level_02 #h2_p{color:#00a3d8; font-size:14px; position:absolute; right:26px; top:-5px}
#header .level_02 #h2_img{position:absolute; right:15px; top:20px}

#header .level_02 #logo a{display:block; background:url(../images/logo.gif); width:364px; height:50px; text-indent:-9999px; margin:20px 0 10px}
#header .level_02 #h3_p{width:364px; text-align:center; float:left; font-size:13px}
#header .level_02 #h3_p2{width:586px; text-align:right; float:right}


/** -------------------------------------------

				グローバルメニュー

 ------------------------------------------- **/
 
#gmenu{background:url(../images/bg_menu.jpg) repeat-x; width:100%; margin-top:10px; min-height:62px; position:relative; z-index:100}
#gmenu ul{display:block; width:912px; margin:0 auto}
#gmenu li{float:left; position:relative}
#gmenu li a{display:block;text-align:center; font-size:14px; padding:12px 10px; color:#fff; width:100px; margin:0 16px}
#gmenu li a:hover, #gmenu li.current-menu-item a{color:#F90; cursor:pointer; cursor:hand}

#gmenu li a span{font-size:10px; margin-left:10px; vertical-align:middle}
#gmenu_l{background:url(../images/bg_menu_left.jpg); width:9px; height:62px; position:absolute; left:-9px; top:-10px}
#gmenu_r{background:url(../images/bg_menu_right.jpg); width:9px; height:62px; position:absolute; right:-9px; top:-10px}

#gmenu .sub-menu{position:absolute; display:inline; width:auto; margin:0; top:35px; left:10px; display:none;-webkit-box-shadow: 0 2px 3px #333;
	-moz-box-shadow: 0 2px 3px #333;
	-o-box-shadow: 0 2px 3px #333;
	box-shadow: 0 2px 3px #333;}
#gmenu .sub-menu li{float:none}
#gmenu .sub-menu li a{background-color:#B7904B; padding:5px 15px; margin:0; width:auto; border-bottom:1px solid #fff; font-size:12px}
#gmenu .sub-menu li a:hover{background-color:#FC0; color:#fff;}


/** -------------------------------------------

					メインビジュアル

 ------------------------------------------- **/

#main_visual{width:960px; min-height:246px; margin:0 auto; position:relative}
#main_visual h4{color:#00a3d8; position:absolute; left:0; bottom:0; padding:3px 24px}


/** -------------------------------------------

					カラム設定

 ------------------------------------------- **/
#wrap_main{padding:20px 10px}
#right_column{float:right; width:730px; min-height:500px; position:relative}
#left_column{float:left; width:210px; min-height:500px}

/** -------------------------------------------

					右カラム

 ------------------------------------------- **/
 
#right_column .section {margin-bottom:40px}
 
#right_column .section h3.title{color:#fff; background:url(../images/bg_h3_.jpg) repeat-x; height:32px; width:700px; font-size:15px; padding:8px 15px 0; margin-bottom:20px; position:relative}
#right_column .section h3.title a{font-size:12px!important; color:#fff; position:absolute; top:12px; right:10px}
#right_column .section h3.title a:hover{text-decoration:underline}

#right_column .section p{font-size:15px; margin:0 10px 18px 10px; line-height:180%} 
#right_column .section p a,#right_column .section p span{font-size:15px} 
#right_column .section p strong{font-size:15px; font-weight:bold} 
#right_column .section td,#right_column .section th,#right_column .section li{font-size:15px; line-height:180%}
#right_column .section #cases{width:726px; margin:0 auto}
#right_column .section #cases li{float:left; width:232px; position:relative; text-align:center; margin:0 5px 10px 5px} 
#right_column .section #cases li a{display:block}
#right_column .section #cases li a span{position:absolute; bottom:5px; left:0;  font-size:16px; width:232px; text-align:center; display:block; color:#fff} 
 
#message{background-image:url(../images/message.jpg); width:730px; height:258px; padding-top:100px}
#message p{padding-left:246px; font-size:14px!important}
 #message h4, #doc{display:none}
#right_column .section .left{padding:0 12px 12px 10px}
#right_column .section .right{padding:0 10px 12px 12px} 
 
#news p{font-size:13px!important;border-bottom:1px #333 dotted; margin-bottom:8px!important}
#news p span{font-size:13px!important}
#news p a{font-size:13px!important}
#news .date{margin-right:1em} 
#news .icon_new{margin-left:10px; color:#fff; background-color:#C00; font-size:8px!important; padding:0 3px; vertical-align:middle} 
 
 
 
 /* ページ設定 */
 
 #right_column .section h4.title{font-size:15px; background-color:#CCEDF7;border-left:solid 3px #00A3D8; padding:5px 10px;margin-bottom:20px;}
 #right_column .section #bn_banno a{display:block; background-color:#030A58; padding:3px; color:#fff; background-image:url(../images/bn_banno_arrow.gif); background-position:right center}
 #right_column .section #bn_banno a span{margin-left:20px; font-size:20px; font-weight:bold}
 
#wrap_resume{margin:0 10px 20px 0}
#wrap_resume table{border-collapse:collapse}
#wrap_resume th{font-size:14px; padding:10px 0; text-align:center; border-bottom:solid 1px #ddd; vertical-align:top}
#wrap_resume td{vertical-align:top; font-size:14px; padding:10px; border-bottom:solid 1px #ddd; }
 
.float_li{float:left; margin:0 20px}
.float_li li{background:url(../images/list_bl.gif) no-repeat left center; padding-left:20px}
 
#page_03_table{background-color: #CCEDF7; margin-top:10px}
#page_03_table table{background-color: #fff; width:48%; float:left;border:solid 1px #CCEDF7; margin:0 1% }
#page_03_table th{text-align:center; font-weight:bold; background-color:#CCEDF7; padding:10px 2%;}
#page_03_table td{padding:10px 2%; background-color:#fff; vertical-align:top; height:230px}

#right_column .section .right,#right_column .section .left{text-align:center}
#right_column .section .caption{display:block; color:#666}


#wrap_procedures{border:solid 1px #CCEDF7;background-color:#f0fafd; padding:20px}
#wrap_procedures .title { padding:2px 10px!important}
#wrap_procedures .title img{vertical-align:-10px; margin-right:10px}

#wrap_cases{border:solid 1px #E0CFB1;background-color:#F8F4ED; padding:15px 15px 5px; text-align:center}
#wrap_cases li{display:inline-block; margin-right:5px; margin-bottom:10px}
#wrap_cases .font14{ font-size:20px!important} 

.wrap_bns{border:solid 1px #CCEDF7;background-color:#f0fafd; padding:20px 0; text-align:center;margin-bottom:20px}
.wrap_bns .bn{display:inline-block; margin:0 10px; text-align:center}
.wrap_bns .bn span{display:block}

#drowsiness_flow{font-size:24px!important; border:solid 1px #E0CFB1;background-color:#F8F4ED; padding:20px 0; text-align:center; margin-top:10px}
#drowsiness_flow span.tx{font-size:24px; padding:10px 20px}

#types{margin-top:20px}
#types td{vertical-align:top}
#types .left{float:none}
.fl-left{float:left}
#types .left img{margin-right:10px; margin-left:10px}
#types h4{font-size:16px; background-color:#CCEDF7;padding:10px 0; margin-bottom:20px}
#types p{text-align:left;}

.bg_bl{border:solid 1px #CCEDF7;background-color:#f0fafd; padding:20px 0;}
.bg_gold{border:solid 1px #E0CFB1;background-color:#F8F4ED; padding:20px 0;}

#list_type_01 {margin-left:20px}
#list_type_01 li{margin-top:15px}
#list_type_01 li:first-child{margin-top:0}
#list_type_01 span{background-color:#B89145; font-size:16px; margin-right:15px; color:#fff; padding:5px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}

#list_type_02 ul{margin-left:20px; margin-right:20px}
#list_type_02 li{margin-top:5px; font-size:18px!important;  background-image:url(../images/icon_check.gif); background-position:left center; padding:5px 0 5px 40px}
#list_type_02 li:first-child{margin-top:0}





.wrap-table2{margin-top:20px; width:100%;}
.wrap-table2 table{width:100%}
.wrap-table2 table td{text-align:center; padding:5px 0}


  
  
#wrap-form {margin:40px 0}
#wrap-form td{padding:10px}
#wrap-form th{padding:10px; text-align:right; background:#CCEDF7}
.send:hover{  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;}
  
input[type="text"] {width:300px; padding:3px; border:solid 1px #ccc}
input[type="email"] {width:300px; padding:3px; border:solid 1px #ccc}
input[type="radio"] {margin-left:6px;}
.wpcf7-list-item-label{ font-size:14px}
textarea {width:400px; height:150px;padding:3px; border:solid 1px #ccc}
select{padding:3px; border:solid 1px #ccc}
.w80{width:50px!important}
.zip{width:80px!important}
.txt03{color:#C00}

#bt-submit{
	background-image:url(../images/bt_send.jpg);
	height: 35px;
	width: 210px;
	color:#fff;
	border:none;
	font-size:14px
}
#bt-submit:hover{  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;}
 
 /** -------------------------------------------

					左カラム

 ------------------------------------------- **/
#left_column .bn{margin-bottom:16px}
#left_column li{margin:4px}

#left_column h4{border-top:solid 1px #b7904b; border-bottom:solid 1px #b7904b; padding:6px 0; text-align:center; font-weight:bold;   font-size:13px; margin-bottom:6px}


 /** -------------------------------------------

					フッター

 ------------------------------------------- **/

#footer{background-color:#f6f6f6; padding:20px; border-top:solid 1px #eee;}
#footer .left{width:200px}
#footer .right{width:720px}

#footer h4{border-left:solid 3px #b7904b; padding-left:1em; font-weight:bold;   font-size:13px; margin-bottom:12px}


#copy{background-color:#00a3d8; color:#fff; text-align:center; font-size:10px}

.tags,.tags a{font-size:12px!important; font-weight:normal!important;}
.wp-pagenavi{margin:30px 10px}
#bnavi{position:absolute; bottom:0; left:10px}
#nav-below{margin-top:40px}
.nav-previous{margin-left:10px;border:solid 1px #CCEDF7;background-color:#f0fafd; padding:20px; width:100px; text-align:center; float:left}
.nav-next{margin-left:10px;border:solid 1px #CCEDF7;background-color:#f0fafd; padding:20px; width:100px; text-align:center; float:right}

#searchsubmit{border:none; border:solid 1px #E0CFB1;background-color:#F8F4ED;  padding:3px 5px; cursor:pointer; cursor:hand; height:24px}
#s{height:20px}