@charset "utf-8";

/*
Theme Name: テーマ
Version 1.0
*/ 

@import "base.css";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body{
	padding:0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:18px;
	color:#333333;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	padding:0;
	width:100%;
}

/*　ヘッダー　
----------------------------------------------------------*/
header{
	width:100%;
}
.h_inner{
	width:1050px;
	margin:0 auto;
}
.h_inner ul{
	border-left:1px solid #ffffff;
	float:right;
	margin-right:80px;
}
.h_inner ul li{
	width:125px;
	height:74px;
	background-color:#33acb4;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	color:#ffffff;
	font-weight:bold;
	float:left;
	text-align:center;
	padding-top:40px;
}
.h_inner ul li a{
	color:#ffffff;
}
.h_inner ul li:hover{
	background-color:#d23d2a;
}
.h_inner ul li.current{
	background-color:#d23d2a;
}
.index header{
	width:100%;
	height:658px;
	background-image:url(../img/index/index_img00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.work header , .company header , .inquiry header{
	width:100%;
	height:352px;
}
.work header{
	background-image:url(../img/work/work_img00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.company header{
	background-image:url(../img/company/company_img00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.inquiry header{
	background-image:url(../img/inquiry/inquiry_img00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.h_box01{
	width:125px;
	height:91px;
	background-color:#ffffff;
	float:left;
	line-height:1.2;
}
header .h_box01 table{
	border-top:none;
	margin:0;
	padding:0;
	width:160px;
}
header .h_box01 table td{
	border-bottom:none;
	margin:0;
	padding:0;
}
.h_box02{
	float:left;
	margin-left:80px;
}
.h_box02 h1{
	width:210px;	
	font-size:67%;
}
.h_box10{
	width:100%;
	height:86px;
	background-color:#33acb4;
	opacity:0.9;
	margin-top:40px;
	padding-top:50px;
}
.h_box11{
	width:1050px;
	margin:0 auto;
	color:#ffffff;
}
.h_txt01{
	font-size:190%;
	font-weight:bold;
	margin-left:10px;
	margin-right:70px;
	float:left;
}
.h_txt02{
	font-size:110%;
	margin-top:12px;
	float:left;
}



/*　メニュー　
----------------------------------------------------------*/



/*　フッター　
----------------------------------------------------------*/
footer{
	width:100%;
	height:100%;
	background-color:#33acb4;
	text-align:center;
	padding:30px 0 20px;
}
.copyright{
    color:#ffffff;
	font-size:67%;
	margin-top:10px;
}

.main_inner{
	width:1050px;
	margin:0 auto;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  index.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.index{
    width:100%;
}
.index a{
	text-decoration:none;
	color:#ffffff;
}
.index_bg01 , .index_bg02 , .index_bg03 , .index_bg04, .index_bg06{
	width:100%;	
	height:657px;
	color:#ffffff;
}
.index_bg01{
	background-color:#449ac2;
	background-image:url(../img/index/index_img01.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.index_bg02{
	background-color:#e6871e;
	background-image:url(../img/index/index_img02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.index_bg03{
	background-color:#33acb4;
	background-image:url(../img/index/index_img03.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.index_bg04{
	background-color:#d23d2a;
	background-image:url(../img/index/index_img04.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.index_bg05{
	width:100%;
	height:317px;
	background-color:#33acb4;
	background-image:url(../img/index/index_img10.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
.index_bg06{
	background-color:#C095C2;
	background-image:url(../img/index/index_img06.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
.index_txt01 , .index_txt02{
	width:400px;
	height:300px;
	font-size:111%;
}
.index_txt01{
	padding-top:230px;
	margin-left:580px;
}
.index_txt02{
	padding-top:240px;
	margin-left:85px;
}
.index_txt01 p , .index_txt02 p{
	font-size:180%;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.index_txt03{
	color:#1a1a1a;
	font-size:130%;
	font-weight:bold;
	margin-top:10px;
	margin-left:20px;
}
.index_txt03 p{
	padding-top:12px;
	margin-right:30px;
	float:left;
}
.index_txt03 img{
	padding-bottom:18px;
}
.index_txt04{
	color:#1a1a1a;
	font-size:130%;
	margin-top:10px;
	margin-left:20px;
}
.index_txt04 p{
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.index_txt04 img{
	float:left;
}
.fs_167{
	font-size:167%;
}
.fs_84{
	font-size:84%;
}
.index_txt05{
	font-size:67%;
	margin:10px 0;
}
.index_btn01 , .index_btn02 , .index_btn03 , .index_btn04 , .index_btn06{
	width:365px;
	height:45px;
	display:block;
	border:1px solid #ffffff;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	padding-top:15px;
}
.index_btn01:hover{
	background-color:#387e9f;
}
.index_btn02:hover{
	background-color:#eb871e;
}
.index_btn03:hover{
	background-color:#2d9496;
}
.index_btn04:hover{
	background-color:#d23d2a;
}
.index_btn05{
	width:1050px;
	height:47px;
	display:block;
	background-color:#33acb4;
	border:1px solid #ffffff;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
	padding-top:18px;
}
.index_btn05:hover{
	background-color:#2d9496;
}
.index_btn06:hover{
	background-color:#C095C2;
}
.index_box01{
	border-bottom:1px solid #a7a7a7;
	color:#1a1a1a;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	margin-top:50px;
}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  work.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.work article , .company article , .inquiry article{
	border-bottom:1px solid #c0c0c0;
	padding:0 0 30px;
}
.work_ttl01 , .work_ttl02 , .work_ttl03 , .work_ttl04 ,  .work_ttl06 , 
.company_ttl01 , .company_ttl02 , 
.inquiry_ttl01 , .inquiry_ttl02 , .inquiry_ttl03{
	width:1050px;	
	height:136px;
	font-size:167%;
	font-weight:bold;
	line-height:136px;
	text-align:center;
	margin:50px auto 10px;
}
.work_ttl01 , .company_ttl01 , .inquiry_ttl01{
	background-image:url(../img/common/main_ttl01.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.work_ttl02 , .company_ttl02 , .inquiry_ttl02{
	background-image:url(../img/common/main_ttl02.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.work_ttl03 , .inquiry_ttl03{
	background-image:url(../img/common/main_ttl03.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.work_ttl04{
	background-image:url(../img/common/main_ttl04.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.work_ttl06{
	background-image:url(../img/common/main_ttl06.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.work_recruit_bt a {
	width:498px;
	height:45px;
	display:block;
	border:1px solid #ffffff;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
	padding-top:22px;
	background-color:#d23d2a;
	color: #fff;
}
.work_recruit_bt a:hover{
	background-color:#DF7466;
	text-decoration: none;
}
.work_txt01, .company_txt01{
	width:500px;
	font-size:110%;
	float:left;
}
.work_txt01 p, .company_txt01 p{
	font-size:150%;
	font-weight:bold;
}
.work article img , .company article img{
	float:right;
}
.work .results{
	margin-top:20px;
}
.work .results img{
	float:none;
	padding-bottom:5px;
	padding-left:10px;
}
.work_txt02{
	font-size:110%;
	font-weight:bold;
}

.work .results table{
	width:100%;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	margin-top:10px;
}
.work .results table th , .work .results table td{
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;	
}
.work .results table th{
	background-color:#00a99d;
	font-weight:bold;
	text-align:center;
	padding:5px 0 5px 0;
}
.work .results table td{
	padding:5px 0 5px 20px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  company.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.company table{
	width:100%;
	border-top:1px solid #333333;
	margin:0 0 50px;
}
.company table th , .company table td{
	border-bottom:1px solid #333333;
	padding:20px 0 20px 20px;
}
.company table th{
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  inquiry.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.inquiry_txt01{
	color:#1a1a1a;
	font-size:220%;
	font-weight:bold;
	text-align:center;
}
.inquiry_txt01 img{
	padding-bottom:20px;
}
.inquiry_txt03{
	font-size:110%;
	text-align:center;
}
.inquiry table{
	width:100%;
	border-top:1px solid #cccccc;
	margin:30px 0;
}
.inquiry table th , .inquiry table td{
	border-bottom:1px solid #cccccc;
	padding:10px 0 10px 20px;
}
.inquiry table th{
	width:300px;
	background-color:#f1f1f1;
	text-align:left;
	vertical-align:middle;
}
table th.inquiry_txt04  {
	vertical-align:top;
}
.red{
	color:#ec1c24;
}
.inquiry_btn01{
	width:1050px;
	height:65px;
	display:block;
	background-color:#387e9f;
	color:#ffffff;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
	border:none;
}
.inquiry_btn01:hover{
	background-color:#326f87;
}
.input_txt01{
	width:98%;
	height:30px;
	font-size:110%;
	padding:3px 5px ;
}
.input_txt02{
	width:98%;
	height:300px;
	font-size:110%;
	padding:3px 5px;
	overflow:auto;
}