﻿@charset "utf-8";
/*
Theme Name: soramasu_201503
Description:テーマの説明
Theme URI: テーマの URL
Author: yutan004.com
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

@charset "utf-8";

/**---------- common ----------**/

body{
	border-top:3px solid #0473b8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#333;
	/**min-width:980px;**/
	background:#ececec; /**#f7f4f2**/
	-webkit-text-size-adjust : none;
	}
	
a:link{color:#0473b8; text-decoration:none;}
a:visited{color:#0473b8; text-decoration:none;}
a:hover{color:#0473b8; text-decoration:underline;}
a:active{color:#0473b8; text-decoration:none;}

a:hover, a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
	
b{font-weight:bold;}

hr{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

/**---------- rule ----------**/

.tac{	text-align:center;}
.tal{	text-align:left;}
.tar{	text-align:right;}
.com{   line-height: normal !important;}

.fl{float:left;}
.fr{float:right;}

.mb5{margin-bottom:5px !important;;}
.mb10{margin-bottom:10px !important;;}
.mb20{margin-bottom:20px !important;;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;;}
.mb50{margin-bottom:50px !important;;}
.mb70{margin-bottom:70px !important;;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;;}
.mt10{margin-top:10px !important;;}
.mt20{margin-top:20px !important;;}
.mt30{margin-top:30px !important;;}
.mt40{margin-top:40px !important;;}
.mt50{margin-top:50px !important;;}
.ml10{margin-left:10px !important;;}
.ml20{margin-left:20px !important;;}
.mr10{margin-right:10px !important;;}
.mr20{margin-right:20px !important;;}

.pr10{padding-right:10px !important;;}
.pl20{padding-left:20px !important;;}
.p20{padding:20px !important;;}

.bbl{border-bottom:1px dotted #0473b8;}
.b_all{border:1px solid #ccc;}

.fss{font-size:12px;}

.list li{
	margin-bottom:10px;}

.wrap{
	background:#fff;
	padding:0 0 70px 0;
	}
	
.inner{
	width:980px;
	margin:0 auto;
	position:relative;}
	
footer{
	border-top:1px solid #ddd;
	padding:20px 0 30px 0;
	}
	
footer ul li{
	float:left;
	font-size:12px;
	}
	
footer ul li:after {
	content: "｜"; 
	}
	
footer p{
	text-align:center;
	font-size:11px;
	padding:10px 0 0 0;
	}
	
a:hover img
{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
	}
	
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
	}
	
/**---------- header ----------**/

header{
	min-height:80px;
	background:#fff;}

h1{
	padding:15px 0 10px 0;}
	
.top_info{
	position:absolute;
	top:0;
	right:0;
	}

/**---------- nav ----------**/
	
#nav  {
	width: 100%;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	height:44px;
	background:#ececec;
	}

#nav ul  {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	}
	
#nav ul li{
	border-right:1px solid #e6e6e6;
	width:194px;
	float:left;
	font-size:14px;
	}
	
#nav ul li.list_first{
	border-left:1px solid #e6e6e6;
	width:196px !important;
	}

#nav ul li a{
	display: block;
	height: 30px;
	padding:14px 0 0 0;
	text-align: center;
	font-weight:bold;
	}
	
#nav ul li a:link{color:#444; text-decoration:none;}
#nav ul li a:visited{color:#444; text-decoration:none;}
#nav ul li a:hover{color:#444; text-decoration:none; background:#f1f1f1;}
#nav ul li a:active{color:#444; text-decoration:none;}

#nav li ul {
	width: 194px;
	display: none;
	position: absolute;
	z-index: 1000;
	background: #fff;
	border-bottom:1px solid #e6e6e6;
	}
	
#nav ul li.list_first ul{
	width:196px !important;}
	
#nav ul li.list_first ul li{
	width:196px !important;}

#nav li ul li {
	float: none;
	border-top:1px solid #e6e6e6;
	}
	
#nav li ul li a {
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	}
	
#nav ul li.current{background:#f1f1f1;}
	

/**---------- breadcrumb ----------**/

.breadcrumb{
	padding:10px 0;
	margin-bottom:10px;
	}
	
.breadcrumb li{
	float:left;
	font-size:11px;
	}
	
.breadcrumb li:after {
	content: "　>　"; 
	}
	
.breadcrumb li:last-child:after {
	content: none; 
	}
	
/**---------- main_img ----------**/

.main_img{
	height:380px;
	background:url(images/main_img_back.jpg) repeat-x;
	/**background:#3289ca;**/
	margin-bottom:30px;
	text-align:center;
	}
	
/**---------- container ----------**/

.top_container_left{
	float:left;
	width:600px;
	margin-right:20px;
	}
	
.top_container_right{
	float:right;
	width:360px;
	}
	
.common_container_left{
	float:left;
	width:200px;
	margin-right:20px;
	}
	
.common_container_right{
	float:right;
	width:760px;

	}

/**---------- h2 ----------**/

.top_h2{
	border-top:2px solid #0473b8;
	border-bottom:1px solid #ccc;
	padding:10px 0 10px 8px;
	font-weight:bold;
	}
	
.common_h2{
	font-size:30px;
	height:80px;}
	
.common_h2 span{
	font-size:20px;
	color:#ccc;
	text-transform:capitalize;
	}
	
.kaisha_h2{
	background:url(images/h2_back_kaisha.png) no-repeat;}
	
.common_h4 a{
	background:url(images/h4_back_common.png) no-repeat left center;
padding:15px 10px 15px 55px;
color:#fff;
margin-bottom:20px;
font-size:16px !important;
	display:block;
	color:#fff !important;
	}
	
.title_h4 {
/**border-left:2px solid #0473b8;**/
background:#0473b8;
padding:10px;
color:#fff;
font-weight:bold;
font-size:14px;
}

.title02_h4{
	border-top:2px solid #0473b8;
	border-bottom:1px solid #ccc;
	padding:10px 0 10px 8px;
	font-weight:bold;
	}

.title_h5 {
border-left:2px solid #0473b8;
padding:5px 10px;
color:#0473b8;
font-weight:bold;
margin-bottom:20px;
font-size:14px;
}
	
/**---------- h3 ----------**/

.common_h3{
	border-top:2px solid #0473b8;
	border-bottom:1px solid #ccc;
	padding:12px 0 12px 8px;
	margin-bottom:30px;
	font-size:20px;
	}
	
/**---------- top_news ----------**/

.top_news li{
	border-bottom:1px dotted #ccc;
	padding:10px 0 10px 8px;
	}
	
.top_news dt{
	float:left;
	width:100px;
	}
	
/**---------- top_bnr ----------**/

.top_bnr_b li a,
.top_bnr_s li a{
	background:#fbfbfb;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	}
	
.top_bnr_b li a:hover,
.top_bnr_s li a:hover{
	text-decoration:underline;
	}
	
.top_bnr_b{
	position:relative;
	margin:0 0 10px 0;
	}
	
.top_bnr_b li{
	height:80px;
	width:360px;}

.top_bnr_b li a{
	width:358px;
	height:78px;
	border:1px solid #ccc;
	line-height:78px;
	}	

.top_bnr_b li:nth-of-type(1) a{
	position:absolute;
	top:0;
	left:0;
	}

.top_bnr_s{
	position:relative;
	height:130px;
	}
	
.top_bnr_s li{
	height:60px;}
	
.top_bnr_s li a{
	display:block;
	width:163px;
	height:58px;
	border:1px solid #ccc;
	line-height:58px;
	padding-left:10px;
	background:url(images/top_bnr_s_back.png) no-repeat;
	}
	
.top_bnr_s li:nth-of-type(1) a{
	position:absolute;
	top:0;
	left:0;}
	
.top_bnr_s li:nth-of-type(2) a{
	position:absolute;
	top:0;
	left:185px;}
	
.top_bnr_s li:nth-of-type(3) a{
	position:absolute;
	top:70px;
	left:0;}
	
.top_bnr_s li:nth-of-type(4) a{
	position:absolute;
	top:70px;
	left:185px;}
	
/**---------- side_menu ----------**/

.side_menu{
	border:1px solid #e1e1e1;
	margin-bottom:10px;
	}
	
.side_menu dt{
	background:#ecb800; /**3289ca**/
	color:#fff;
	padding:14px 0 14px 20px;
	}
	
.side_menu dd a{
	display:block;
	color:#333;
	padding:14px 5px 14px 30px;
	border-bottom:1px solid #e1e1e1;
	background:url(images/side_menu_dd.png) no-repeat 10px center;
	}
	
.side_menu dd a:hover{
		background:url(images/side_menu_dd.png) no-repeat 15px center;
		padding-left:35px;}
	
.side_menu dd:last-child a{
	border-bottom:none;
	}
	
.side_menu .current a{
	background:url(images/side_menu_dd.png) no-repeat 10px center #dedede;
	}
	
.side_bnr li{
	margin-bottom:10px;
	border:1px solid #ccc;
	}
	
.side_bnr li img{
	vertical-align:top;}
	
/**---------- contents ----------**/

.contents{
	border:1px solid #e1e1e1;
	padding:30px 30px 40px 30px;
	background:#fff;
	}
	
.contents p{
	margin-bottom:20px;
	line-height:2;}
	
/**---------- kaisha ----------**/

.rinen_photo{
	float:right;
	margin-left:20px;}
	
.rinen_sign{
	margin-top:50px;}
	
/**---------- 会社概要 ----------**/

table{
	border-spacing: 0;
	border-collapse: collapse;
	}
	
colgroup {
  display: table-column-group;
}

/**th, td{
	padding: 10px;
	}**/
	
th{
	background-color: #fff;
	}
	
.gaiyo_table th,
.gaiyo_table td{
	border: 1px solid #c1c1c1;
	padding: 10px;
	}
	
.enkaku_table th,
.enkaku_table td{
	border-bottom:1px solid #c1c1c1;
	padding: 15px 10px;
	}
	
.map_table{
	width:540px;}
	
.map_table th,
.map_table td{
	border: 1px solid #c1c1c1;
	padding: 10px;
	}
	
.map_table th{
	text-align:center;}
	
.map_table_title{
	font-size:16px;
	text-align:left !important;}
	
/**---------- サイトマップ ----------**/

.sitemap_list dd {
  border-bottom: 1px dotted #444;
  padding: 10px 15px;
}

.sitemap_list dd li {
  padding: 5px;
}	

/**---------- ボタン ----------**/

.btn-primary a{
	display:inline-block;
	color: #fff;
	text-shadow: 0 -1px 0 #12669d;
	border-color: #12669d;
	background-color: #1784cb;
	background: linear-gradient(#1784cb, #1475b4) repeat scroll 0 0 / 100% auto #1784cb;
	font-size: 18px;
	margin-top: 30px;
	padding: 15px 80px;
	border-radius: 3px;
	}
	
.btn-info a{
	display:inline-block;
	color: #000;
	border-color: #999;
	border:1px solid #999;
	background-color: #eee;
	background: linear-gradient(#eee, #ccc) repeat scroll 0 0 / 100% auto #eee;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 2px;
	}
	
/**---------- 事業概要 ----------**/

.jigyo_gaiyo_list{
	border-top:1px solid #0473b8;
	}

.jigyo_gaiyo_list li{
	padding:10px;
	border-bottom:1px solid #0473b8;
	font-size:16px;
	color: #0473b8;}
	
.jigyo_gaiyo_list li .number{
	padding:5px 15px;
	background: #0473b8;
	color:#fff;
	font-weight:bold;
	margin-right:15px;}
	
.kaihatsu_dl dt{
	font-weight:bold;
	color: #0473b8;
	font-size:15px;
	}
	
.kaihatsu_dl dd{
	line-height:1.7;
        padding-left:14px; 
	padding-bottom:10px;}
	
.jigyo_gaiyo_img{
	width:698px;
	height:290px;
	position:relative;}
	
.jigyo_gaiyo_kinyu{
	position:absolute;
	top:0px;
	left:250px;}
	
.jigyo_gaiyo_iryo{
	position:absolute;
	top:100px;
	left:250px;}
	
.jigyo_gaiyo_seizo{
	position:absolute;
	top:200px;
	left:250px;}
	
.enkaku_bnr li{
	height:60px;
	margin:0 5px 10px 5px;
	float:left;
	}

.enkaku_bnr li a{
	background:#fbfbfb;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	display:block;
	width:327px;
	height:58px;
	border:1px solid #ccc;
	line-height:58px;
	padding-left:10px;
	background:url(images/top_bnr_s_back.png) no-repeat right top;
	}
	
.enkaku_bnr li a:hover{
	text-decoration:underline;
	}
	
/**---------- お問い合わせ ----------**/

.info_bnr li{
	width:226px;
	height:60px;
	margin:0 10px 0 0;
	float:left;
	}
	
.info_bnr li:last-child{
	margin-right:0 !important;}

.info_bnr li a{
	background:#fbfbfb;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	display:block;
	width:214px;
	height:58px;
	border:1px solid #ccc;
	line-height:58px;
	padding-left:10px;
	background:url(images/top_bnr_s_back.png) no-repeat right top;
	}
	
.info_bnr li a:hover{
	text-decoration:underline;
	}
	
.data_list li {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 10px 8px;
}

/**---------- 採用 ----------**/

#saiyo_nav ul{
	overflow: hidden;
	width: 980px;
	height:53px;
	margin: 0 auto 10px auto;
	padding:5px 0 0 0;
	background:url(images/saiyo/saiyo_nav.png) no-repeat 0 top;
	}

#saiyo_nav li{
	float:left;
	border-right: 1px solid #e6e6e6;
 	width: 139px;
	margin-top:14px;
	}
	
#saiyo_nav li:last-child{
	border-right: none;
 	width: 140px;}
	
#saiyo_nav ul li a {
	display: block;
	height: 40px;
	padding: 12px 0 0 0;
	text-align: center;
	font-weight: bold;
	}
	
#saiyo_nav li.current a{
	background:#ecb800; /**0473b8**/
	color:#fff;}
	
/**---------- main_img ----------**/

.saiyo_main_img{
	height:380px;
	margin-bottom:30px;
	text-align:center;
	}
	
.saiyo_main_img .saiyo_top_h3{
	position:absolute;
	top:200px;
	left:30px;
	font-size:50px;
	color:#0473b8;}
	
.saiyo_main_img_saiyo .saiyo_top_h3{
text-indent:-9999px;}
	
.saiyo_main_img_saiyo{background:url(images/saiyo/saiyo_main_img_saiyo_back.jpg) center 0;}
.saiyo_main_img_message{background:url(images/saiyo/saiyo_main_img_message_back.jpg) center 0;}
.saiyo_main_img_shinsotsu{background:url(images/saiyo/saiyo_main_img_shinsotsu_back.jpg) center 0;}
.saiyo_main_img_career{background:url(images/saiyo/saiyo_main_img_career_back.jpg) center 0;}
.saiyo_main_img_kenshu{background:url(images/saiyo/saiyo_main_img_kenshu_back.jpg) center 0;}
.saiyo_main_img_career_up{background:url(images/saiyo/saiyo_main_img_career_up_back.jpg) center 0;}
.saiyo_main_img_voice{background:url(images/saiyo/saiyo_main_img_voice_back.jpg) center 0;}
	
.current_saiyo{
	background:#c9d7ec;}
	
.saiyo_top_h3{
	color:#fff;}
	
.saiyo_top_h4{
	font-size:20px;
	color:#0473b8;
	text-align:center;}
	
.saiyo_h4{
	font-size:34px;
	color:#0473b8;
	text-align:center;
	padding-bottom:10px;
	border-bottom:2px solid #0473b8;
	margin:0 auto 20px auto;
	width:500px;
	}
	
.saiyo_top p{
	text-align:center;}
	
.saiyo_top_bnr{
	margin:50px 0 0 0;}	
	
.saiyo_top_bnr li{
	height:100px;
	margin:0 5px 10px 5px;
	float:left;
	}

.saiyo_top_bnr li a{
	background:#fbfbfb;
	color:#333;
	text-decoration:none;
	display:block;
	width:417px;
	height:80px;
	border:1px solid #ccc;
	padding:10px 0 10px 30px;
	background:url(images/saiyo/saiyo_top_bnr_back.png) no-repeat right center;
	font-size:21px;
	text-decoration:underline;
	}
	
.saiyo_top_bnr li img{
	vertical-align:middle;
	margin-right:20px;}
	
.saiyo_top_bnr li a:hover{
	text-decoration:underline;
	}
	
.p_title{
	font-size:18px;
	color:#0473b8;
	padding-bottom:10px;}
	
.saiyo_table{
	width:800px;
	margin:0 auto;}
	
.saiyo_table th{
	text-align:center;}
	
.pickup_h4{
	font-size:22px;
	color:#0473b8;
	text-align:center;
	padding-bottom:10px;
	border-bottom:2px solid #0473b8;
	margin:0 auto 20px auto;
	width:540px;
	}

.kaihatsu_table th{
	text-align:center;
	color:#fff;
	}
	
.kinyu_table th{background:#29abe9;}
.iryo_table th{background:#ecc11b;}
.seizo_table th{background:#78bd36;}
	
.kaihatsu_table dt{
		color:#0087ba;
		font-size:14px;
		font-weight:bold;
		margin-bottom:5px;}
		
.news_cate{
	margin-bottom:10px;
	}		
		
.news_cate li{
		float:left;
		}
		
.news_cate li:after{
		content:"｜";}	
		
.newslist_h4 {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 10px 8px;
  font-weight:bold;
}

.newslist_h4 span{
	width:100px;
	display:inline-block;
  font-weight:bold;
	}
	
.newslist_entry{
  padding: 10px 0 10px 8px;
	}
	
		

	


