@charset "euc-jp";

/****（全幅800px）****/
/*------------------全ページ共通部分の設定-------------------------------------------------------------------*/

body{
	margin: 0;
	padding:0;
	font-size:78%;		/*normal*/
	line-height:1.5em;
	color:#4c4c4c;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #efefef;
text-align:center;
}

dl,
dt,
dd {
    margin:0;
    padding:0;
}
abbr {border-bottom:none; margin:0; padding:0;}
strong {font-weight: normal;}
em {font-style: normal;}
img { border:none;}

/*---全体の設定（ヘッダ・フッダ・copyrightsまで含む）------------------------------------*/
div#whole {
    width:802px;
	margin:0 auto;
	padding:0;
	position:relative;
}

/*---大枠の設定（住所、copyrightsを除く）-----------------------------------------------------*/
div#main {
    width:800px;
	margin:0;
	padding:0;
	border-bottom:7px solid #717171;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	border-top:5px solid #d61108;
	clear:both;
	background:#fff;
}

html>/**/body div#main div {margin-left:auto; margin-right:auto;}

/*=========================================================================================
 ■□■　ヘッダー　■□■
==========================================================================================*/
div#header {width:800px; margin:0 0 20px 0; padding:0; clear:both; background:#fff;}

/**IE6用*********************************/
* html div#header {margin-bottom:20px;}
/**IE7用***********************/
*:first-child+html div#header {margin-bottom:20px;}
/**firefox・他用***********************/
html>body div#header {margin-bottom:60px;}


/*h1の設定*/
div#header h1 {
	text-align:right;
	font-size:11px;
	line-height:14px;
	color:#8a8a8a;
	font-weight: normal;
	margin:0;
	padding:5px 10px 10px 0;
}

div#header div#logo {width:171px; margin-left:18px; float:left;}
/**IE6用*********************************/
* html div#header div#logo {width:171px; margin-left:10px; float:left;}

div#header div#tell {width:185px; float:right; padding-right:15px;}


/*---右左まとめ大枠グループの設定-----------------------------------------------------*/
div#lr_group {
	margin:0;
	padding:0;
	clear:both;
	width:800px;
	background: url(../img/foot_bg.jpg) repeat-y left 50px;
}

/*===========================================================================================
 ■□■　左・右側　カラムの大枠の設定 　■□■
============================================================================================*/
/*********************************************************************
 ●左側カラムの設定●
**********************************************************************/
div#left {
    width:195px;
	margin:0;
	padding:0;
	float:left;
    display:inline;
}

/*-----------------------------------------------------------------------------------------
 ■□■ 左メニュー(ナビゲーション)の設定 ■□■
------------------------------------------------------------------------------------------*/
div#global_navi {
	margin:0;
	padding:0;
	text-align:left;
	background: url(../img/leftbg.jpg) no-repeat left top;
	height:430px;
	}

	
/*----左テキストリンクの設定-------------------------------------------------------------*/
div#global_navi ul {margin:0 0 0 10px; padding:5px 0 0 0;}
div#global_navi ul li {
	margin:0 5px 0 0;
	padding:5px 0 3px 20px;
	list-style-type:none;
  　font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:none;
	border-bottom:1px solid #dadada;
	}
div#global_navi ul li.noborder {
	border-bottom:1px solid #fff;
	}	
div#global_navi ul a { 
    padding-left:12px;
	text-decoration:none;
	background: url(../img/point_hit.gif) no-repeat left center;}
div#global_navi ul a:hover {
	padding-left:12px;
	text-decoration:none;
	background: url(../img/point.gif) no-repeat left center;}
	

/**IE6用*********************************/
* html div#global_navi ul a,
* html div#global_navi ul a:hover { 
	background-position:left center;
}

/**IE7用***********************/
*:first-child+html div#global_navi ul a,
*:first-child+html div#global_navi ul a:hover { 
    background-position:left center;
}

/**firefox・他用***********************/
html>body div#global_navi ul a,
html>body div#global_navi ul a:hover { 
	background-position:left top;
}
	
	
/*--■業務案内■--------------------------------------------------*/
div#global_navi ul li ul {
	margin-bottom:5px;
}
div#global_navi ul li ul li {
	margin-left:5px;
	padding:0 0 2px 0;
	list-style-type:none;
	border-bottom:none;
}

div#global_navi ul li ul li a { 
    padding-left:12px;
	color:#4c4c4c;
	text-decoration:none;
	background: none;
}
div#global_navi ul li ul li a:hover {
	color:#a32626;
	padding-left:12px;
	text-decoration:none;
	background: url(../img/point02.gif) no-repeat left center;
}


/*--■下のバナー配置部分■--------------------------------------------------*/	
div#global_naviunder {
	margin:0;
	padding:0;
	text-align:left;
	background: url(../img/leftbg_bottom.jpg) repeat-y left top;
}	
	
/*----左バナーの設定-------------------------------------------------------------*/
div#left_bbr { margin:0; padding:30px 0 20px 0;}
div#left_bbr img { margin:5px 0 0 19px;}


/********************************************************************************************
●右側カラムの設定●
*********************************************************************************************/
div#right {width:605px; margin:0 ; padding:0; float:right; display:inline;}


/*--------------------------------------	
　　■トップのフラッシュの設定*
---------------------------------------*/
div#flash { margin:0; padding:0 0 0 12px; background: url(../img/hed_bg.jpg) repeat-x 0 bottom; height:271px;}

.sea{
width:580px;
height:250px;
}

/*---◆テキストフラッシュの設定---------------------------------*/
div#text_flash { margin:0 0 10px 0; padding:0;}

/*=========================================================================================
 ■□■　右カラムの内容設定　■□■
==========================================================================================*/
div#index_contents { margin:10px 0 0 0; padding:5px 5px 20px 5px; text-align:center; width:595px;}

/*===あなたの会社は大丈夫？==========================================================================*/
div#attention { margin:5px 0 0 0 ; padding:0; width:570px;}
div#attention h2 { margin:0 ; padding:0; font-weight:normal; width:570px; height:34px; line-height:0.5em;}
div#attention img {margin:0; padding:0;}
div#attention .back{ margin:0; padding:0;background: url(../img/q_bg.gif) no-repeat left top; width:570px; height:114px;}
div#attention ul { margin:0 0 0 0px; padding:0;}
div#attention li {
    margin:0 0px 2px 15px;
	padding-left:17px;
	width:493px;
	height:26px;
	display:block;
	list-style-type:none;
	background: url(../img/check.gif) no-repeat left 2px;
}
/**IE6用*********************************/
* html div#attention li{ margin-left:0 ;}
/**IE7用***********************/
*:first-child+html div#attention li{ margin-left:0;}
/**firefox・他用***********************/
html>body div#attention li { margin-left:30px;}


/**IE6用*********************************/
* html div#attention li a  {
	display:block;
	width:462px;
	height:26px;
}

*html div#attention li#q1 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/q1.png); cursor:pointer;}
*html div#attention li#q2 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/q2.png); cursor:pointer;}
*html div#attention li#q3 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/q3.png); cursor:pointer;}
*html div#attention li#q4 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/q4.png); cursor:pointer;}
/*--※IE6で表示、非表示にする（確認したいときに使用する）--------------------------------------------*/
*html div#attention li a img {display:none;}


/***業務案内******************************************************************************/
div#duties {
    margin:25px 0 0 0 ;
	padding:15px 0 5px 0;
	width:570px;
	height:199px;
	background: url(../img/gyoumu_bg.gif) no-repeat center top;
	clear:both;
}

div#duties h3 {
    margin:0 0 10px 20px;
	padding:0;
	font-size:10px;
	font-weight:normal;
	text-align:left;
}

/*==お客様との9つのお約束==========================================================================*/
div#promise {
    margin:5px 0 10px 0;
	padding:10px 0 0 0;
	width:570px;
	min-height:172px;
	background: url(../img/dot.gif) repeat-x right top;
}

div#promise h3{
    margin:0;
	padding:0;
	font-size:10px;
	font-weight:normal;
}

.promise_list {
    margin:0;
	padding:5px 0 0 0;
	width:568px;
	background: url(../img/9promise_bg.jpg) no-repeat center bottom;
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
}

.promise_list ol { 
    text-align:left;
	margin:10px 0 10px 50px;
	padding:0;
	line-height:1.6em;
	}

/*==インフォメーションの設定==========================================================================*/
div#info{
     margin:20px 0 0 5px;
	 padding:60px 0 5px 10px;
	 background: url(../img/infobg.jpg) no-repeat;
	 width:575px;
	 height:90px;
}

/*----infoの中身の設定-----------------------------------*/
div#info_list {
    margin:0 10px;
	padding:0;
	color:#a32626;
	text-align:left;
	overflow:auto;
	width: 520px;
    height: 60px;
    scrollbar-face-color: #fff; 
    scrollbar-highlight-color: #ccc; 
    scrollbar-shadow-color: #ccc; 
    scrollbar-3dlight-color: #ffffff; 
    scrollbar-arrow-color: #495b7d; 
    scrollbar-track-color: #fff;
    scrollbar-darkshadow-color: #ffffff;
}

/*----中のテキスト部分の設定------------------*/
div#info_list dl {
    text-align:left;
	margin:0 10px 0px 20px;
	padding:0;
}
div#info_list dt {
	width:80px;
	float:left;
	margin:0;
	padding:0;
	vertical-align:top;
	font-weight:normal;
}
div#info_list dd {
	margin:0 0 0 82px;
	padding:0;
	vertical-align:top;
}
div#info_list a {
    color:#A32626;
	text-decoration:underline;
}
div#info_list a:hover {
    color:#000;
	text-decoration:none;
}



/*==ごあいさつの設定==========================================================================*/
div#greeting {
    margin:0 ;
	padding:15px 0 5px 0;
	width:570px;
}

div#greeting h3 {
    margin:0 10px 10px 20px;
	padding:0 0 4px 1px;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	background: url(../img/dot.gif) repeat-x right bottom;
}

div#greeting p {
    line-height:1.6em;
	text-align:justify;
	text-justify: distribute;
	margin:0 0 5px 0;
	padding:0 10px 0 21px;
}


/*=========================================================================================
 ■□■　フッター　■□■
==========================================================================================*/
/*---フッターの設定-----------------------------------------------------*/
div#footer {
     width:800px;
	 margin:0;
	 padding:15px 0 10px 0;
	 background: url(../img/bg.jpg) repeat-y center bottom;
	 border-top:1px solid #d5d5d5;
}

/*---テキストリンクの設定-------------------------------------------*/
div#footer ul {margin:0 10px 0 230px; padding:0; text-align:left;}
div#footer ul li {margin:0; padding:0; display:inline; list-style-type:none;}
div#footer a {text-decoration:none; color:#636363; padding:0 4px 0 6px;}
div#footer a:hover {color:#a32626; text-decoration:underline; padding:0 4px 0 6px;}

/*=========================================================================================
 ■□■　住所の設定　■□■
==========================================================================================*/
div#add {
     width:480px;
	 color:#5c5c5c;
	 font-style:normal;
	 margin:10px 0 0 0;
	 padding:0 0 5px 10px;
	 text-align:left;
	 float:left;
	 font-size:12px;
}
div#add address {
     font-style:normal;
	 margin:0;
	 padding:0;
	 color:#5c5c5c;
	 line-height:1.3em;
}
div#add a {text-decoration:none; color:#5c5c5c;}
div#add a:hover{text-decoration:underline;}


/*=========================================================================================
 ■□■　コピーライトの設定　■□■
==========================================================================================*/
div#copyright {
     margin:27px 10px 20px 0;
	 padding:0;
	 color:#575757;
	 text-align:left;
	 font-size:10px;
	 float:right;
	 vertical-align:bottom;
}
div#copyright a {text-decoration:none; color:#575757;}
div#copyright a:hover { color:#a32626; text-decoration:underline;}
/**IE6用*********************************/
* html div#copyright {margin:27px 5px 20px 0;}


/**　追加　*********************************/

.seo{
display:none;
}
.cl{
.clear{
clear:both;
height:0px;
visibility: hidden;
text-align:center;
background-color:#eeeeee;
}

.sato{
margin:0px;
padding:0px;
}


div#kaikei{
width:530px;
text-align:left;
padding:15px 20px 15px 20px;
display:none;
}

div#kaikei h2{
font-size:12px;
margin:0px 0px 15px 0px;
}