@charset "utf-8";



@import url(reset.css);
@import url(font.css);


/*-----------------------------------------------
	BASE
-----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html,body{
height: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background-color: #fff;
	text-align: center;
	line-height: 2.2;
	height: 100%;
}


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 12px;
  font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 12px;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th,caption {
  text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

img,fieldset {
  border: 0;
}
img.mousover:hover {
-moz-opacity:0.80;
opacity:0.80;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a:focus{outline:none;} 

a {overflow:hidden;}
a{color:#fff;text-decoration:underline;}
a:visited{color:#fff;text-decoration:underline;}
a:hover{color:#fff; text-decoration:none;}

.clearfix:after {
  content: url(../img/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
  clear: both;
  
}

/* Mac\*//*/
.clearfix { overflow: hidden; }
/* */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear{
	
}
br.clear{
	height:0;
	clear:both;
	line-height: 0px;
}
.fL{float:left;}
.fR{float:right;}
.txL{text-align:left;}
.txR{text-align:right;}
.txC{text-align:center;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb95{margin-bottom:95px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}
.mb160{margin-bottom:160px;}
.mb170{margin-bottom:170px;}
.mb175{margin-bottom:175px;}
.mb200{margin-bottom:200px;}
.mb410{margin-bottom:410px;}
.small{
	font-size: 10px;
}
.big{font-size:14px;}
.bold{font-weight:bold;}

/*-----------------------------------------------
	TOP
-----------------------------------------------*/
#wrapper{
	margin: 0 auto;
	text-align: left;
	background-color: #000;
	height: 100%;
	min-height: 100%;
	background-image:url(../img/top_bg0323.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	background-color:#000;
}
body > #wrapper {
	height: auto;
}
body > #wrap{
	height: auto;
}
#contents{
	width: 900px;
	margin: 0 auto;
}
#contents h1{
	text-align: center;
}
#contents h2{
	margin-bottom: 255px;
	text-align: center;
}

#top_contents{
	padding-top: 25px;
	height: 550px;
}

.top_menu{
	background-color:#a0a0a0;
	padding:0 4px;
	height:43px;
}
.top_menu li{
	float:left;
	margin-right:4px;
}
.top_menu li.end{
	margin-right:0px;
}
.top_footer{
	background-color:#a0a0a0;
	width:100%;
	text-align:center;
	font-size:10px;
	padding:5px 0;
	position:absolute;
	bottom:0;
	color:#555;
}


/*-----------------------------------------------
	OTHER
-----------------------------------------------*/
#wrap{
	text-align:left;
}
#wrapp{
	margin: 0 auto;
	text-align: left;
	
	height: 100%;
	min-height: 100%;
	position:relative;
}

.header{
	padding:20px 0;
}
.area{
	width: 900px;
	margin: 0 auto;
}
.other_area{
	width: 730px;
	margin: 0 auto;
}
.bk_area{
	background-color:#000;
	color:#fff;
}

#other_contents{
	width: 900px;
	margin: 0 auto;
	padding:50px 0 0 0;
}
.main_im{
	margin-bottom: 40px;
}

.menu{
	background-color: #c9caca;
	height: 43px;
}
.menu_area{
	width: 890px;
	padding: 0 5px;
	margin: 0 auto;
	background-color: #a0a0a0;
	height: 43px;
}
.menu li{
	float: left;
	margin-right: 5px;
}
.menu li.end{
	margin-right:0px;
}

.other_title{
	margin-bottom:25px;
}



.footer{
	background-color:#a0a0a0;
	width:100%;
	text-align:center;
	font-size:10px;
	padding:5px 0;
	
	color:#555;
}

/*-----------------------------------------------
	ABOUT
-----------------------------------------------*/
.about_title{
	background-color: #2c317d;
	padding: 10px 0;
	text-align:center;
	margin-bottom:30px;
}
.about_con01{
	padding-top: 35px;
	margin-bottom: 50px;
}
.about_con02{
	padding-top: 35px;
	padding-bottom: 240px;
}
.aboutLeft{
	float: left;
	width: 330px;
	height: 490px;
	background-image: url(../img/about/im01.jpg);
	background-repeat: no-repeat;
}
.aboutRight{
	float: right;
	width: 342px;
}
.aboutRight p.tx{
	margin-bottom:10px;
}
.bg_about{
	background-image:url(../img/about/about_bg.jpg);
	background-position:center bottom ;
	background-repeat:no-repeat;
}

/*-----------------------------------------------
	BUSINESS
-----------------------------------------------*/
.business_title{
	background-color: #25489c;
	padding: 10px 0;
	text-align:center;
	margin-bottom:30px;
}
.bg_business{
	background-image:url(../img/business/business_bg.jpg);
	background-position:center bottom ;
	background-repeat:no-repeat;
	padding-bottom:240px;
}
.business_con01{
	padding: 35px 60px 0 60px;
	margin-bottom: 50px;
}
.business_con02{
	margin-bottom: 80px;
}
.business_con03{
	margin-bottom: 30px;
}
.businessLeft{
	float: left;
	width: 360px;
}
.businessRight{
	float:right;
	width:340px;
}
.business_bt{
	padding-top: 5px;
}
.business_bt li{
	float:left;
	margin-right:20px;
}
.business_bt li.end{
	margin-right:0px;
}

.business{
	padding-bottom: 140px;
}

.businessBox{
	margin-bottom: 80px;
}
.business_btArea{
	margin-bottom:15px;
}

/*-----------------------------------------------
	CORPORATE
-----------------------------------------------*/
.corporate_title{
	background-color: #036eb8;
	padding: 10px 0;
	text-align:center;
	margin-bottom:30px;
}
.corporateArea{
	width: 550px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.corporateBox{
	margin-bottom:50px;
}
.corporateBox p.title{
	color:#25489c;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #b5b5b5;
	margin-bottom:10px;
}
.corporateBox p.title2{
	color: #25489c;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}
.corporateArea dl{
	border-bottom:1px solid #b5b5b5;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:1.8;
}

.corporateArea dt{
	float: left;
	width: 150px;
}
.corporateArea dd{
	float: right;
	width: 380px;
}


/*-----------------------------------------------
	RECRUIT
-----------------------------------------------*/
.recruit{
	padding-bottom:100px;
}
#recruit01,#recruit02,#recruit03{
	border-bottom:2px solid #2ea7e0;
	margin-bottom:40px;
}
#recruit04{
	margin-bottom:60px;
}
.recruit_title{
	background-color: #2ea7e0;
	padding: 10px 0;
	text-align:center;
	margin-bottom:30px;
}
.recruit_im{
	margin-bottom:35px;
}
.recruit_tx{
	line-height:1.8;
}
.top_bt{
	text-align:right;
	margin-bottom:40px;
}
.person_bt{
	margin-bottom:100px;
}
.person_bt li{
	float:left;
	margin-right:4px;
}
.person_bt li.end{
	margin-right:0px;
}
.recruit_big{
	font-size: 14px;
	text-align: center;
	margin-bottom: 150px;
}

/*-----------------------------------------------
	2014.03.21
-----------------------------------------------*/

.top_navi{
	color: #fff;
	font-size: 11px;
	line-height: 1.6;
	margin-bottom: 36px;
}
.top_navi a:link{
	text-decoration:none;
}
.top_navi a:visited{
	text-decoration:none;
}
.top_navi a:hover{
	text-decoration:underline;
}
.top_navi li{
	float:right;
	margin-left:15px;
}


.navi{
	font-size: 11px;
	line-height: 1.6;
	padding-top: 5px;
	float: right;
	width: 250px;
}
.navi a:link{
	text-decoration:none;
	color: #666;
	
}
.navi a:visited{
	text-decoration:none;
	color: #666;
}
.navi a:hover{
	text-decoration:underline;
	color: #666;
}
.navi li{
	float:right;
	margin-left:15px;
}
.navi span.blue{
	color:#2ea7e0;
}

.header h1{
	float:left;
}