﻿@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 基本設定
---------------------------------*/
html {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}
body,div,p,h1,h2,h3,h4,h5,h6,embed,object,img{ 
	margin: 0; 
	padding: 0;
	text-decoration: none;
}
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
}
ul,ol,li,dl,dt,dd {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
a{
	text-decoration: none;
	color: #06C;
	overflow: hidden;	 
}
a:hover{ background-color: #EEF;}


img {
	border:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;	
	
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
	text-align: left;
}
th,
td{
	margin: 0;
	padding: 0;
	vertical-align: top;
}






.baseW{
	margin:auto;
	width: 1000px;
	text-align: left;
}
.baseWpadding{ padding: 0 20px;}
#header,
h2,
.footer{ text-align:left;}
/* ↑親要素でtext-indent:-9999px;すると 子要素に継承されて便利だが
子要素がfloatしてない場合
IE6・7で、ブロック要素まで画面街に飛ぶこともままるので、
text-indentは対象の要素のみに限定すること*/



/*ヘッダー ロゴ*/
#header {
	position:relative;
	padding-top: 11px;
	background-color:#F2F2F2;
	text-indent: -9999px;
	z-index:100;}
.headerLine{ background-color: #666;}


.headerLine h1{
	float: left;
	margin-left:20px;
	width: 390px;
	overflow: hidden;
	display:inline;
	background:  url(../img/logo.gif) no-repeat;
}
.headerLine h1 a{
	display: block;
	width: 220px;
	height: 53px;
}
.headerLine h1 a:hover{ background:none;}
.headerLine em{
	float: right;
	display:block;
	width:431px;
	height:48px;
	background:  url(../img/tel.gif) no-repeat left 8px;
}



/*　ヘッダー　メニュー　*/
.menu{ background:url(../img/btn_bg.gif) left top no-repeat;}
.menu,
.menu li,
.menu a{ height: 69px;}

.menu li,
.menu a{ display:block;}
.menu li{ float: left; width: 200px;}

.home a{background: url(../img/btn_home.gif) no-repeat left top;}
.company a{background: url(../img/btn_company.gif) no-repeat left top;}
.business a{background: url(../img/btn_business.gif) no-repeat left top;}
.result a{background: url(../img/btn_result.gif) no-repeat left top;}
.contact a{background: url(../img/btn_contact.gif) no-repeat left top;}
.menu a:hover{ background: none;}


.menu .acMenu{ position:relative; z-index:200;}
/*
↑　z-indexを設定してる#headerより大きい値にしないとIE6と7はプリント時は前に出ない
本来はz-indexは兄弟要素間でのみ比較するもので親子関係の要素の比較ではないがIE6と7なんでバグでしょう。
*/
.menu .acMenu ul{
	position: absolute;
	left: 20px;
	top: 55px;
	width: 161px;
	background: none;
	display: none;
}
.menu .acMenu ul li{
	float: none;
	width: auto;
	height:25px;
	text-align: center;
	border-bottom: 1px solid #999;
}
.menu .acMenu ul a{
	height:25px;
	background: none;
	background-color: #FFF;
	color: #666;
	text-indent:0;
	line-height: 25px;
}
.menu .acMenu ul a:hover{ background-color:#EEF;}


/* h2 トップページ以外の各ページ　タイトル。linkとcontactは高さが違う*/
h2,
.pageImg{
	height: 165px;
	background-color:#FFF;
	overflow: hidden;
}
h2,
h3{ text-indent: -9999px;}

/* 帯部分 */
.pageImg h2{ background-color:transparent;}
.pageImg li,
.pageImg li span,
.pageImg li a{ display:block;}
.pageImg li span,
.pageImg li a{ text-indent:-9999px;}
.pageImg li a:hover{
	background-color:#00F;
	filter: alpha(opacity: 10);
    opacity: 0.1;
    -moz-opacity: 0.a;
}



/*　コンテンツ　*/
.contents{padding: 16px 0 18px 0; background-color:#F2F2F2;}
.contentsBorder{
	margin: 0 20px;
	border: 1px solid #CCC;
	background-color:#FFF;
}



/* ページリンク
*/
.pageLink{
	padding-bottom:45px;
	width: 860px;
	color: #666;
	border-top: 1px solid #ccc;
	zoom:1;
}
.pageLink p{ float: left;padding:10px 0; width: 200px;}
.pageLink p a{ color:#333;}
.pageLink p a:hover{ text-decoration:underline; background-color:transparent}
.pageLink ul { float: right;width: 600px;}
.pageLink li,
.pageLink li a{ display: block;}
.pageLink li {
	float:left;
	margin-left:40px;
	width: 150px;
	text-align:right;
	display: inline;
}
.pageLink li a{
	padding: 10px 10px 10px 0;
	background: url(../img/icon_tri.gif) right center no-repeat;
	text-decoration:underline;
}
.pageLink li a:hover{ background-color:#EEF}







/*フッター*/
.footer{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #396ACE;
}



.footerLink{
	margin: 0 20px;
	padding: 6px 0 8px 0;
	background: url(../img/footer_link.gif) no-repeat right 6px;
	border-bottom:1px solid #FFF;
	zoom:1;
}
.footerLink div{
	float: left;
	padding-top:3px;
	width: 800px;
	font-size:11px;
	color: #FFF;
}

.footerLink a{
	float:right;
	display: block;
	width: 130px;
	height: 37px;
	text-indent:-9999px
}
.footerLink a:hover{ 
	background-color: #FFF;
	filter: alpha(opacity: 20);
    opacity: 0.20;
    -moz-opacity: 0.20;
}


/* ブログバナー */
.bnrBlog{
	float: right;
	margin-top:15px;
	width: 440px;
	margin-right: 20px;
}

.bnrBlog li,
.bnrBlog a{ display:block;} 
.bnrBlog li{ float:right; /*margin-right:20px;*/ width: 200px; display:inline;}

/*.bnrBlog a{ height: 60px; text-indent:-9999px}*/
.bnrBlog a:hover{
	background-color: #FFF;
	filter: alpha(opacity: 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/*フッター　コピーライト*/
.copyright{
	margin-left: 20px;
	float: left;
	width: 410px;
	height: 124px;
	background: url(../img/copyright.gif) left top no-repeat;
	overflow:hidden;
	display: inline;
}
.copyright strong{ display:block;}

.copyright p,
.copyright strong{ text-indent:-9999px}







/*---------------------------------
凡庸 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;}

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