@charset "utf-8";
/*
Customised by SHION LTD.
*/

/*------------------[ レイアウト ]--------------------------*/
/* {margin: 0; padding: 0;}
* html { overflow-x: hidden; }
body { overflow-x: hidden; }*/

html{
  height:100%;
}
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 

body {
	padding: 0;
	font: 12px "ＭＳ Ｐゴシック", Osaka;
	text-align: center;
	color: #666666;
	line-height: 120%;/*  background: #f4f4f4 url(bg.gif) top center repeat-y; */
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-color: #EEEEEE;
	background-image: url(../imgs/all_background.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

a#btn_1 {
	display: block;
	width: 170px; /* 画像1枚分の横幅 */
	height: 40px; /* 画像1枚分の高さ */
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(imgs/btn/1.png); /* 画像ファイル名 */
	margin-right: auto;
	margin-left: auto;
}
a#btn_1:hover {
	background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

#head_bg {
	background-image: url(../imgs/all_background_body.gif);
	background-repeat: repeat-y;
	background-position: center;
	height: 110px;
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#flash_bg {
	background-image: url(../imgs/all_header_main.png);
	background-repeat: no-repeat;
	height: 320px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}



#wrap_top {
	width: 800px;
	background-image: url(../imgs/all_wrap_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #EAF0F2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrap {
	margin: 0px auto;
	width: 840px;
	background-image: url(../imgs/all_background_body.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: center;
}

#wrap_2 {
	margin: 0 auto;
	width: 800px;
	background-image: url(../imgs/all_wrap_2.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#header00 {
	width  : auto;
	height : 110px;
	background-image: url(../imgs/all_header_bg.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;  /*position: relative;
  border : 1px solid #aaa;
  border-bottom-width: 0;
  background : url(Images/grassy.jpg) repeat-x bottom;*/
}
#header01 {
	width  : 800px;
	height : 110px;
	background-image: url(../imgs/all_header_01.gif);
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  /*position: relative;
  border : 1px solid #aaa;
  border-bottom-width: 0;
  background : url(Images/grassy.jpg) repeat-x bottom;*/
}
#header02 {
	width  : 450px;
	float: left;
	padding-top: 11px;
	padding-left: 14px;
  /*position: relative;
  border : 1px solid #aaa;
  border-bottom-width: 0;
  background : url(Images/grassy.jpg) repeat-x bottom;*/
}
#header03 {
	width  : 325px;
	text-align: right;
	float: right;
	margin-top: 12px;
	margin-right: 5px;
	color: #666666;
	line-height: 10px;
  /*position: relative;
  border : 1px solid #aaa;
  border-bottom-width: 0;
  background : url(Images/grassy.jpg) repeat-x bottom;*/
}
#header-txt {
	color: #0099CC;
	line-height: 13px;
	/*display: inline;*/
	font-size: 12px;
}

#header-main {
	background-image: url(../imgs/mian_img_bg.gif);
	background-repeat: repeat-x;
	height: 320px;
	width: auto;
}
#header-main_img {
	height: 320px;
	margin-right: auto;
	margin-left: auto;
}

#header-fla {
	width  : 840px;
	height : 326px;
	z-index: 999999;
	position: absolute;
	top: 30px;
	left: auto;
	right: auto;
	clear: both;
}

#header-navi ul {
margin:0px;
padding:0px;
list-style: none;
}

#header-navi li {
float: left; /* フロートで横に並べる */
margin-right:0px;
}

#navi01 {
display:block;
width:270px;
height:42px;
text-indent:-999999px;
background-image:url(../imgs/header_navi_01.gif);
background-repeat:no-repeat;
}
#navi01:hover {
background-image:url(../imgs/header_navi_01_on.gif);
}

#header-title {
	width  : 520px;
	height : 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header-title_2 {
	width  : 740px;
	height : 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header-disc {
  /*position: absolute;  bottom: 0px;  right: 10px;*/
  margin-left:15px;
  margin-top : 6px;
  color: #FFF;
  font: 500 12px Verdana, Arial, Helvetica, MS P Gothic, sans-serif;
  line-height: 110%;
}
#top-Right {
	width: 600px;
	float  : right;
	margin-right: 20px;
	background-image: url(../imgs/all_header_main02.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;
	text-align: center;
}

#top-Left {
	width: 190px;
	height : auto;
	float  : left;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
}


#top-Left a {   
    display: block;   
    text-decoration: none;   
    text-indent: -9999px;   
    width: 170px;   
    height: 39px;  
    margin: 0px auto;
}   

/* ロールオーバーボタン */
#navi_toppage {
background-image:url(../imgs/all_navi00.png);
background-repeat:no-repeat;
}
#navi_toppage:hover {
background-image:url(../imgs/all_navi00_on.png);
background-repeat:no-repeat;
}

#navi_company {
background-image:url(../imgs/all_navi01.png);
background-repeat:no-repeat;
}
#navi_company:hover {
background-image:url(../imgs/all_navi01_on.png);
background-repeat:no-repeat;
}

#navi_service {
background-image:url(../imgs/all_navi02.png);
background-repeat:no-repeat;
}
#navi_service:hover {
background-image:url(../imgs/all_navi02_on.png);
background-repeat:no-repeat;
}

#navi_organization {
background-image:url(../imgs/all_navi03.png);
background-repeat:no-repeat;
}
#navi_organization:hover {
background-image:url(../imgs/all_navi03_on.png);
background-repeat:no-repeat;
}

#navi_recruit {
background-image:url(../imgs/all_navi04.png);
background-repeat:no-repeat;
}
#navi_recruit:hover {
background-image:url(../imgs/all_navi04_on.png);
background-repeat:no-repeat;
}

#navi_inquiry {
background-image:url(../imgs/all_navi05.png);
background-repeat:no-repeat;
}
#navi_inquiry:hover {
background-image:url(../imgs/all_navi05_on.png);
background-repeat:no-repeat;
}

.navi-sepline {
	width: 175px;
	margin: 0px auto;
	height: 11px;
	line-height: 11px;
	font-size: 11px;
	padding: 0px;
}


/* トップ　掃除十徳ボタン */

#btn-juttoku {   
    display: block;   
    text-decoration: none;   
    text-indent: -9999px;   
    width: 198px;   
    height: 78px;  
    margin: 0px auto;
	background-image:url(../imgs/top_btn_juttoku.gif);
	background-repeat:no-repeat;
}   
#btn-juttoku:hover {
	background-image:url(../imgs/top_btn_juttoku_on.gif);
	background-repeat:no-repeat;
}


/* トップページ */
#top-copy {
	width: 502px;
	margin: 25px auto 35px;
}
#top-juttoku {
	width: 260px;
	margin: 0px auto 60px;
}
#top-info {
	width: 450px;
	margin: 0px auto 20px;
	height: 145px;
	background-image: url(../imgs/top_backimg.png);
	background-repeat: no-repeat;
	text-align: left;
}
#top-txt01 {
	width: 320px;
	float: right;
	margin-top: 20px;
	line-height: 125%;
}


/* サブページ */
#pagetitle {
	width: 580px;
	margin: 0px auto 20px;
	height: 40px;
	text-align: left;
}

.subtitle {
	width: 540px;
	margin: 0px auto 10px;
	height: 30px;
	text-align: left;
}
.subtxt {
	width: 500px;
	margin: 0px auto 20px;
	text-align: left;
}

.sub02-txt {
	width: 520px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	height: 120px;
}

.sub02-txt2-2 {
	width: 520px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

.sub02-txt2 {
	width: 540px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.sub02-txt3 {
	width: 540px;
	margin: 30px auto 10px;
	text-align: left;
}

.sub03-txt {
	width: 540px;
	margin: 0px auto 10px;
	text-align: center;
}


.sub04-title {
	width: 540px;
	margin: 0px auto 10px;
	height: 20px;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	color: #0099cc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DEF4FD;
	line-height: 120%;
}

.sub04-txt {
	width: 500px;
	margin: 0px auto 10px;
	text-align: left;
}

.sub05-txt {
	width: 540px;
	margin: 0px auto 10px;
	text-align: center;
}

#footnavi {
	width: 580px;
	text-align: right;
	border-top: 2px solid #0099cc;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 32px;
	padding-left: 0px;
}
#left {
	width: 190px;
	margin-left: 30px;
	float: left;
	padding-bottom: 30px;
}

#sub-Right {
	width: 260px;
	float  : right;
	margin: 0px;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 20px;
}

#sub-Left {
	width: 540px;
	height : auto;
	float  : left;
	margin: 0px;
	background-image: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sub-Right_2 {
	width: 40px;
	float  : right;
	margin: 0px;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 20px;
}

#sub-Left_2 {
	width: 760px;
	height : auto;
	float  : left;
	margin: 0px;
	background-image: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header p.link {
  margin-bottom: 0;  float: left;
}

#column-wrapper {
	height: auto;
	width:800px;
}
* html #column-wrapper { height: 1px;/* for IE */ }
/*#column-wrapper:after {
  display: block; 
  content: "[ except IE ]"; 
  clear: both; 
  height: 0; 
  visibility: hidden;
}  */
#left-column {
	float: left;
	margin-top:15px;
	margin-left:20px;
	width: 250px;
}

#top-video {
	width: 220px;
	float: left;
	padding:10px;
	border: solid 3px #F9CBA4;
}

#main-column-wrapper {
	float: right;
	margin-top:15px;
	margin-right:20px;
	width: 530px;
}

#main-column {
  margin: 10px;  background: #FDE9D7;  
  width: 570px;
  line-height:165%;
}
* html #main-column { height: 100%; /* for IE */ }

#whatsnew {
	width: 800px;
	height : auto;
	float  : left;
}

#whatsnew_left {
	width: 360px;
	height : auto;
	float  : left;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 40px;
	padding-right: 15px;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #ED6C00;
}

#whatsnew_right {
	width: 360px;
	float  : right;
	margin:5px 40px 20px 0px;
}

/* footer styles */
#footer01 {
	clear: both;
	color:#555555;
	text-align: center;
	margin: 0 auto;
	font: 500 13px trebuchet ms, arial, sans-serif;
	width: 840px;
	height: 59px;
	background-image: url(../imgs/all_footer01.gif);
}

#footer01_logo {
	margin: 0px auto 0em;
	width: 182px;
	height: 21px;
}

#footer01_txt {
	width: 580px;
	height: 15px;
	font-size: 10px;
	font-weight: normal;
	color: #ADE3FA;
	float: right;
	display: inline;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer02 {
	width: 800px;
	height: 30px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

	#footer-TEL {
	  font-size:20px;
	  font-weight:bold;
	  line-height:110%;
	  color:#333333;
	  padding: 0px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #6a74a6;
	  /*background-color:#2763A5;*/
	  font-weight:100;
	  border-bottom: 1px dotted #6a74a6;
	  }
		
	#footer p a:hover {
	  color: #6a74a6;
	  text-decoration: none;
	  border-top: 1px dotted #6a74a6;
	  border-bottom: 0px dotted #6a74a6;
	  }

/* 角丸四角形 */
.roundedcornr_box_top {
	width: 479px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.roundedcornr_box_mid {
	background: url(../imgs/sub01_frame_mid.gif) repeat-y left top;
	width: 459px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}
/* IE6用 */
*html body div.roundedcornr_box_mid {
	background: url(../imgs/sub01_frame_mid.gif) repeat-y left top;
	width: 479px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.roundedcornr_box_btm {
	width: 479px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: 10px;
	padding: 0px;
}

/* 角丸四角形ここまで */


#sub01_copy_img {
	clear: both;
	margin: 25px auto 0em;
	width: 501px;
	height: 22px;
}

#sub01_copy_txt {
	margin: 30px auto 50px;
	width: 460px;
	text-align: left;
}

.sub01_exp_img {
	clear: both;
	margin: 25px auto 0px;
	width: 420px;
	height: 26px;
}

.sub01_exp_txt {
	clear: both;
	margin: 10px auto 15px;
	width: 380px;
	height: auto;
	padding: 0px;
	text-align: left;
}

.form_btn {
	margin: 10px auto 10px;
}

/*------------------[ 汎用タグ ]--------------------------*/
a, a:link, a:visited, a:active {
  text-decoration: underline;
}
a:link, a:visited { color: #0033cc; }
a:hover, a:active { 
  color: #ff3300;  text-decoration: underline;
}

a.foot_link {
  color: #0099cc;
  text-decoration: none;
}
a.foot_link:hover {
  color: #ff3300;
  text-decoration: underline;
}

a img { border: none; }
strong { color: #333333; }
em { font-style: italic; }
kbd {
  font: 500 12px verdana, arial, sans-serif;
  text-decoration: underline;
}
tt {font-family: "ＭＳ ゴシック", "Osaka－等幅";}
acronym, abbr { cursor: help; }
h3,h4,h5,h6 { font-weight: normal; }
h1, h2, h3, h4, h5 {
  margin: 15px 0;
  text-align: center;
}
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
code { font-family: "Courier New", Courier, monospace; }
label { cursor: pointer; }
address {
  width :100%;  text-align: center;
  margin: 2em 0 1em 0;
  font: 500 13px Times New Roman;
}

.no-btm-space {
	vertical-align:bottom;
}

.txt_title {
  margin:5px 1px 1px 2px;
  font-size:18px;
  font-weight:bold;
  color:#ED6D00;
}

.txt_strong {
	font-size:14px;
	font-weight:bold;
	color:#006699;
	margin: 0;
	line-height: 145%;
}

.txt_form {
	margin:1px 1px 0px 5px;
	font-size:12px;
	color:#444C53;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 110%;
	padding: 1px 1px 2px;
	border: 1px solid #cccccc;
}

.txt_form_han {
	margin:1px 1px 0px 5px;
	font-size:12px;
	color:#444C53;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 110%;
	padding: 1px 1px 2px;
	border: 1px solid #cccccc;
	ime-mode: disabled;
}

.txt_norm {
	font-size:12px;
	color:#666666;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 150%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.txt_norm2 {
	margin:1px 1px 4px;
	font-size:12px;
	color:#555555;
	line-height:140%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.txt_L {
	margin:1px 1px 4px;
	font-size:14px;
	color:#998877;
	line-height:140%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.txt_remarks {
	font-size:10px;
	color:#dd3333;
	line-height:125%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* テーブル */

.td01_left {
	text-align: right;
	vertical-align: top;
	font-weight: 400;
	color: #0099CC;
	padding: 5px;
}
.td01_mid {
	vertical-align: top;
	color: #0099CC;
	padding: 5px 1px;
}
.td01_right {
	border-bottom: 1px solid #DEF4FD;
	padding: 5px;
	text-align: left;
}

.td02_left {
	text-align: center;
	vertical-align: top;
	font-weight: 400;
	color: #0099CC;
	padding: 5px;
	background-color: #DEF4FD;
	border-bottom: 1px solid #FFFFFF;
}




/*------------------[ 汎用クラス ]--------------------------*/
.hidden { display: none !important; }
.jump {
  padding-right: 1em; text-indent: -1000%;
  cursor: pointer;
  background: url(../Images/jump.png) no-repeat right top;
  display: block;
  width: 50px;  float: right;
}
.center, .alert {
  width: 99%;
  text-align: center;
  margin: 30px auto;
}
.alert { color: crimson; }
.new-entry {
  width: 17px; height: 12px;
}
hr.clear {
  clear: both;
  padding-bottom: 1px;  margin-bottom: -1px;
  width: 100%;  height: 1px;  border: none;
  visibility: hidden;
}
.separator {
  clear: both;
  border: none;  text-align: center;  margin-top: 0;
  background: url(../Images/divider.png) no-repeat 50% top;
}
.micro-banner { width: 80px; height: 15px; }

