﻿@charset "utf-8";

/*---------------------------------
floatハック
---------------------------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }

.clearfix {display:block;}
/* end MacIE5 */


/*---------------------------------
html 基本設定
基本的どのタグも同じ条件で扱えるように。
emのfont-styleをnormalにしたり各hタグ、th、strongのfont-weightをnormalにしたり
---------------------------------*/
html {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}
body,div,p,h1,h2,h3,h4,h5,h6,embed,object,img,iframe{ margin: 0; padding: 0;}
embed, object{ font-style:normal; text-decoration: none;}
iframe { overflow: hidden;}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
}

div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,strong,em,span,a{ background-repeat:no-repeat}

ul,ol,li,dl,dt,dd { list-style-type:none; margin: 0px; padding: 0px;}
em{ font-style:normal;}
a{
	text-decoration: none;
	color: #08D;
	overflow: hidden;
	
	zoom:1;
}
a:hover{}
img { border:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;	
	
	margin: 0;
	padding: 0;
	width:100%;
	line-height: 1.5;
	color: #333;
}
th,
td{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6, th, strong{ font-weight:normal}

h1,
h2{ text-indent: -9999px; overflow: hidden;}

h3{ }
h4{}






.baseW, 
.baseW table{ font-size:100% }
.baseW{ margin: 0 auto;	display:block; width: 900px; text-align: left;}
.baseW .noBorder{ border:none}




/*ヘッダー*/

#header,
.headerImg{ height:250px;}
#header{ position:relative; background:url(../img/img_bg.jpg) repeat-x;}
.headerImg{ background-position:center top}

#header,
.logo,
.btn{ left:0;width:100%;}
#header,
.logo{ top:0; z-index:500}
.logo{ position:absolute}





h1{  width:300px; background-image:url(../img/logo.png) }
h1 a{ display:block; height:55px }


.btnBg,
.btn,
.btn ul{ height:65px;}
.btnBg{ background:#FED url(../img/btn_bg.jpg) repeat-x}
.btn{ background:url(../img/btn.png) no-repeat center top; }
.btn ul{ }
.btn li,
.btn li a,
.btn li span{ display:block; height:50px; }
.btn li span,
.btn li a{ text-indent:-9999px;}
.btn li{position:relative; left:0; top:0;  float:left; width:150px; }





.btn .home{ background-image:url(../img/btn_home.png)}
.btn .philosophy{ background-image:url(../img/btn_philosophy.png)}
.btn .company{ background-image:url(../img/btn_company.png)}
.btn .service{ background-image:url(../img/btn_service.png)}

.btn .recruit{ background-image:url(../img/btn_recruit.png)}
.btn .info{ background-image:url(../img/btn_info.png)}
.btn .liOn{ background-image: none}


h1 a:hover,
.btn li a:hover{ background-color:#00F; filter:alpha(opacity: 9); opacity:0.09; }

.liOn ul a { filter:alpha(opacity: 100); opacity:1; }


/*　以外にも↓このleft0 ってIE6とか7で必須　表示位置の明示　*/
.btn ul ul{ position:absolute; left:0; top:50px; padding:0; border-top:1px solid #E4E4E4; display:none }

.btn ul ul,
.btn ul ul li,
.btn ul ul li a{ height:auto; text-indent:0;} 
.btn ul ul li{ float:none;  border:1px solid #E4E4E4; border-top: none}
.btn ul ul li a{ padding:4px 0; text-align:center; background-color:#FFF; } 
.btn ul ul li a:hover{ background-color:#EEF; filter:alpha(opacity: 100); opacity:1.00;}









/*　コンテンツ　　*/
.contents{ padding: 10px 0 45px; background-color: #FED}


.contents h3{
	height:35px;
	padding-left:10px;
	line-height:35px;
	font-size:16px;
	background-image:url(../img/title_w900.jpg);
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

.dummy{ padding: 50px 0 200px; font-size:15px; font-weight:bold;}




/* グーグルマップ設定 */
.gMap iframe,
.gMap a{ display:block;}
.gMap iframe{ border: 1px solid #DDD}
.gMap a{ padding:3px 0; font-size:11px; text-align:right}
.gMap a:hover{ background-color:#EEF}




/*　ページトップへ　*/
.toTop{ padding-top:25px; text-align:right;}
.toTop a{ display:block}
.toTop a:hover{ background-color:#EEF}




/* フッター */
.footer{ height:125px; border-top: 1px solid #FFF; background:url(../img/footer_bg.jpg) repeat-x }
.footer .baseW{ padding-top:20px;}



/* フッターul使わず */
.footer ul{ padding:25px 0 40px;}
.footer li{ display: inline; margin-right:8px; padding-right: 8px; border-right:1px solid #000;}
.footer li a{ color:#000}
.footer li a:hover{ text-decoration:underline}
.footer .service{ width:280px;}
.footer .service li{ float:left; width:130px;}


.footer .baseW em,
.footer .baseW strong,
.footer .baseW span a{ display:block}
.footer .baseW div{ float:left; width:350px;}
.footer .baseW em{ font-size:14px; font-weight:bold;}
.footer .baseW strong{ padding-top:8px;}

.footer .baseW span,
.footer .baseW span a{ height:60px;}
.footer .baseW span{ float:right; width:480px;  background-image:url(../img/footer_bnr.gif)}
.footer .baseW span a{ text-indent:-9999px;}
.footer .baseW span a:hover{ background-color:#00F; filter:alpha(opacity: 9); opacity:0.09; }

/*　コピーライト　なくても残しておいたらまた使える　*/

.copyright{ height:25px; line-height:25px; font-size:11px;}







/*---------------------------------
凡庸 class
---------------------------------*/
.display_block{ display: block; }
.float_right { float: right; }
.float_left { float: left; }
.relative{ position: relative;}
.clear{

	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	clear:both;
	overflow: hidden;
}
.text_align_right { text-align: right; }
.text_align_left { text-align: left; }
.text_align_center { text-align: center; }
.vertical_align_top { vertical-align: top; }
.vertical_align_bottom { vertical-align: bottom; }

.margin_auto { margin: auto; }

.margin_top01 { margin-top: 1px; }
.margin_top02 { margin-top: 2px; }
.margin_top03 { margin-top: 3px; }
.margin_top04 { margin-top: 4px; }
.margin_top05 { margin-top: 5px; }
.margin_top06 { margin-top: 6px; }
.margin_top07 { margin-top: 7px; }
.margin_top08 { margin-top: 8px; }
.margin_top09 { margin-top: 9px; }
.margin_top10 { margin-top: 10px; }
.margin_top15 { margin-top: 15px; }
.margin_top20 { margin-top: 20px; }
.margin_top25 { margin-top: 25px; }
.margin_top30 { margin-top: 30px; }
.margin_top35 { margin-top: 35px; }
.margin_top40 { margin-top: 40px; }
.margin_top45 { margin-top: 45px; }
.margin_top50 { margin-top: 50px; }
.margin_top55 { margin-top: 55px; }
.margin_top60 { margin-top: 60px; }
.margin_top65 { margin-top: 65px; }
.margin_top70 { margin-top: 70px; }
.margin_top75 { margin-top: 75px; }
.margin_top80 { margin-top: 80px; }
.margin_top85 { margin-top: 85px; }
.margin_top90 { margin-top: 90px; }
.margin_top95 { margin-top: 95px; }

.margin_right01 { margin-right: 1px; }
.margin_right02 { margin-right: 2px; }
.margin_right03 { margin-right: 3px; }
.margin_right04 { margin-right: 4px; }
.margin_right05 { margin-right: 5px; }
.margin_right06 { margin-right: 6px; }
.margin_right07 { margin-right: 7px; }
.margin_right08 { margin-right: 8px; }
.margin_right09 { margin-right: 9px; }
.margin_right10 { margin-right: 10px; }
.margin_right15 { margin-right: 15px; }
.margin_right20 { margin-right: 20px; }
.margin_right25 { margin-right: 25px; }
.margin_right30 { margin-right: 30px; }
.margin_right35 { margin-right: 35px; }
.margin_right40 { margin-right: 40px; }
.margin_right45 { margin-right: 45px; }
.margin_right50 { margin-right: 50px; }
.margin_right55 { margin-right: 55px; }
.margin_right60 { margin-right: 60px; }
.margin_right65 { margin-right: 65px; }
.margin_right70 { margin-right: 70px; }
.margin_right75 { margin-right: 75px; }
.margin_right80 { margin-right: 80px; }
.margin_right85 { margin-right: 85px; }
.margin_right90 { margin-right: 90px; }
.margin_right95 { margin-right: 95px; }

.margin_bottom01 { margin-bottom: 1px; }
.margin_bottom02 { margin-bottom: 2px; }
.margin_bottom03 { margin-bottom: 3px; }
.margin_bottom04 { margin-bottom: 4px; }
.margin_bottom05 { margin-bottom: 5px; }
.margin_bottom06 { margin-bottom: 6px; }
.margin_bottom07 { margin-bottom: 7px; }
.margin_bottom08 { margin-bottom: 8px; }
.margin_bottom09 { margin-bottom: 9px; }
.margin_bottom10 { margin-bottom: 10px; }
.margin_bottom15 { margin-bottom: 15px; }
.margin_bottom20 { margin-bottom: 20px; }
.margin_bottom25 { margin-bottom: 25px; }
.margin_bottom30 { margin-bottom: 30px; }
.margin_bottom35 { margin-bottom: 35px; }
.margin_bottom40 { margin-bottom: 40px; }
.margin_bottom45 { margin-bottom: 45px; }
.margin_bottom50 { margin-bottom: 50px; }
.margin_bottom55 { margin-bottom: 55px; }
.margin_bottom60 { margin-bottom: 60px; }
.margin_bottom65 { margin-bottom: 65px; }
.margin_bottom70 { margin-bottom: 70px; }
.margin_bottom75 { margin-bottom: 75px; }
.margin_bottom80 { margin-bottom: 80px; }
.margin_bottom85 { margin-bottom: 85px; }
.margin_bottom90 { margin-bottom: 90px; }
.margin_bottom95 { margin-bottom: 95px; }

.margin_left01 { margin-left: 1px; }
.margin_left02 { margin-left: 2px; }
.margin_left03 { margin-left: 3px; }
.margin_left04 { margin-left: 4px; }
.margin_left05 { margin-left: 5px; }
.margin_left06 { margin-left: 6px; }
.margin_left07 { margin-left: 7px; }
.margin_left08 { margin-left: 8px; }
.margin_left09 { margin-left: 9px; }
.margin_left10 { margin-left: 10px; }
.margin_left15 { margin-left: 15px; }
.margin_left20 { margin-left: 20px; }
.margin_left25 { margin-left: 25px; }
.margin_left30 { margin-left: 30px; }
.margin_left35 { margin-left: 35px; }
.margin_left40 { margin-left: 40px; }
.margin_left45 { margin-left: 45px; }
.margin_left50 { margin-left: 50px; }
.margin_left55 { margin-left: 55px; }
.margin_left60 { margin-left: 60px; }
.margin_left65 { margin-left: 65px; }
.margin_left70 { margin-left: 70px; }
.margin_left75 { margin-left: 75px; }
.margin_left80 { margin-left: 80px; }
.margin_left85 { margin-left: 85px; }
.margin_left90 { margin-left: 90px; }
.margin_left95 { margin-left: 95px; }

.padding_top01 { padding-top: 1px; }
.padding_top02 { padding-top: 2px; }
.padding_top03 { padding-top: 3px; }
.padding_top04 { padding-top: 4px; }
.padding_top05 { padding-top: 5px; }
.padding_top06 { padding-top: 6px; }
.padding_top07 { padding-top: 7px; }
.padding_top08 { padding-top: 8px; }
.padding_top09 { padding-top: 9px; }
.padding_top10 { padding-top: 10px; }
.padding_top15 { padding-top: 15px; }
.padding_top20 { padding-top: 20px; }
.padding_top25 { padding-top: 25px; }
.padding_top30 { padding-top: 30px; }
.padding_top35 { padding-top: 35px; }
.padding_top40 { padding-top: 40px; }
.padding_top45 { padding-top: 45px; }
.padding_top50 { padding-top: 50px; }
.padding_top55 { padding-top: 55px; }
.padding_top60 { padding-top: 60px; }
.padding_top65 { padding-top: 65px; }
.padding_top70 { padding-top: 70px; }
.padding_top75 { padding-top: 75px; }
.padding_top80 { padding-top: 80px; }
.padding_top85 { padding-top: 85px; }
.padding_top90 { padding-top: 90px; }
.padding_top95 { padding-top: 95px; }

.padding_right01 { padding-right: 1px; }
.padding_right02 { padding-right: 2px; }
.padding_right03 { padding-right: 3px; }
.padding_right04 { padding-right: 4px; }
.padding_right05 { padding-right: 5px; }
.padding_right06 { padding-right: 6px; }
.padding_right07 { padding-right: 7px; }
.padding_right08 { padding-right: 8px; }
.padding_right09 { padding-right: 9px; }
.padding_right10 { padding-right: 10px; }
.padding_right15 { padding-right: 15px; }
.padding_right20 { padding-right: 20px; }
.padding_right25 { padding-right: 25px; }
.padding_right30 { padding-right: 30px; }
.padding_right35 { padding-right: 35px; }
.padding_right40 { padding-right: 40px; }
.padding_right45 { padding-right: 45px; }
.padding_right50 { padding-right: 50px; }
.padding_right55 { padding-right: 55px; }
.padding_right60 { padding-right: 60px; }
.padding_right65 { padding-right: 65px; }
.padding_right70 { padding-right: 70px; }
.padding_right75 { padding-right: 75px; }
.padding_right80 { padding-right: 80px; }
.padding_right85 { padding-right: 85px; }
.padding_right90 { padding-right: 90px; }
.padding_right95 { padding-right: 95px; }

.padding_bottom01 { padding-bottom: 1px; }
.padding_bottom02 { padding-bottom: 2px; }
.padding_bottom03 { padding-bottom: 3px; }
.padding_bottom04 { padding-bottom: 4px; }
.padding_bottom05 { padding-bottom: 5px; }
.padding_bottom06 { padding-bottom: 6px; }
.padding_bottom07 { padding-bottom: 7px; }
.padding_bottom08 { padding-bottom: 8px; }
.padding_bottom09 { padding-bottom: 9px; }
.padding_bottom10 { padding-bottom: 10px; }
.padding_bottom15 { padding-bottom: 15px; }
.padding_bottom20 { padding-bottom: 20px; }
.padding_bottom25 { padding-bottom: 25px; }
.padding_bottom30 { padding-bottom: 30px; }
.padding_bottom35 { padding-bottom: 35px; }
.padding_bottom40 { padding-bottom: 40px; }
.padding_bottom45 { padding-bottom: 45px; }
.padding_bottom50 { padding-bottom: 50px; }
.padding_bottom55 { padding-bottom: 55px; }
.padding_bottom60 { padding-bottom: 60px; }
.padding_bottom65 { padding-bottom: 65px; }
.padding_bottom70 { padding-bottom: 70px; }
.padding_bottom75 { padding-bottom: 75px; }
.padding_bottom80 { padding-bottom: 80px; }
.padding_bottom85 { padding-bottom: 85px; }
.padding_bottom90 { padding-bottom: 90px; }
.padding_bottom95 { padding-bottom: 95px; }

.padding_left01 { padding-left: 1px; }
.padding_left02 { padding-left: 2px; }
.padding_left03 { padding-left: 3px; }
.padding_left04 { padding-left: 4px; }
.padding_left05 { padding-left: 5px; }
.padding_left06 { padding-left: 6px; }
.padding_left07 { padding-left: 7px; }
.padding_left08 { padding-left: 8px; }
.padding_left09 { padding-left: 9px; }
.padding_left10 { padding-left: 10px; }
.padding_left15 { padding-left: 15px; }
.padding_left20 { padding-left: 20px; }
.padding_left25 { padding-left: 25px; }
.padding_left30 { padding-left: 30px; }
.padding_left35 { padding-left: 35px; }
.padding_left40 { padding-left: 40px; }
.padding_left45 { padding-left: 45px; }
.padding_left50 { padding-left: 50px; }
.padding_left55 { padding-left: 55px; }
.padding_left60 { padding-left: 60px; }
.padding_left65 { padding-left: 65px; }
.padding_left70 { padding-left: 70px; }
.padding_left75 { padding-left: 75px; }
.padding_left80 { padding-left: 80px; }
.padding_left85 { padding-left: 85px; }
.padding_left90 { padding-left: 90px; }
.padding_left95 { padding-left: 95px; }


.font_size07{ font-size: 7px;}
.font_size08{ font-size: 8px;}
.font_size09{ font-size: 9px;}
.font_size10{ font-size: 10px;}
.font_size11{ font-size: 11px;}
.font_size12{ font-size: 12px;}
.font_size13{ font-size: 13px;}
.font_size14{ font-size: 14px;}
.font_size15{ font-size: 15px;}
.font_size16{ font-size: 16px;}
.font_size17{ font-size: 17px;}
.font_size18{ font-size: 18px;}
.font_size19{ font-size: 19px;}
.font_size20{ font-size: 20px;}


.line_height1{ line-height:1;}
.line_height1_1{ line-height:1.1;}
.line_height1_2{ line-height:1.2;}
.line_height1_3{ line-height:1.3;}
.line_height1_4{ line-height:1.4;}
.line_height1_5{ line-height:1.5;}
.line_height1_6{ line-height:1.6;}
.line_height1_7{ line-height:1.7;}
.line_height1_8{ line-height:1.8;}
.line_height1_9{ line-height:1.9;}
.line_height2{ line-height:2;}

/*-------------------------------*/
