@charset "Shift_JIS"; 		/* 文字コードセット */

/*///目次/////////////////////////////

1.全体構造
2.ヘッダ
3.ナビゲーション
4.コンテンツ
5.汎用スタイルシート
6.トップページ
11.フッター

////目次 終了/////////////////////////*/

/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;} /* 各ブラウザの独自解釈をリセット */

body{ 
	color:#333;
	text-align:center; /* IE5.5以前用中央揃え */
	font-size: 0.8em; /* 基本フォントサイズ */
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5em; /* 基本の行間 */
}

html{overflow:scroll;}

a{ outline:none; }
a img{ border:none;background:transparent;}

a:link {text-decoration: none;color: #0000ff;}
a:visited {text-decoration: none;color: #0000ff;}
a:hover {text-decoration: underline;color: #0000ff;}
a:active {text-decoration: none;color: #0000ff;}


/* 基本ページ幅 */

#wrapper{
	width:760px;
	margin:0px auto;
	clear:both;
	text-align:justify;
	text-justify: inter-ideograph;
}

#container{
	width:800px;
	margin:0px auto;
}

#content{
	clear:both;
	padding:16px 20px 20px 20px;
	text-align:left;
}

#right-content{ float:right; width:541px;} 

/* ヘッダ
---------------------------------------------------- */

#header {
	width: 760px;
	height:103px;
	background: url(../images/header.gif) no-repeat;
	margin:0px auto;
}

h1 a {
	display:block;
	height:101px;
	width:300px;
	text-indent:-9999px;
	float:left;
}

#head-button{ float:right; margin:33px 20px 0px 0px; display:inline;}

/* ナビゲーション
---------------------------------------------------- */
#navigation{
	width:761px;
	margin:0px auto;
	clear:both;
}

#navigation li a{text-decoration:none;float: left;}
#navigation li {list-style-type:none;display:block;float: left;}

#navigation strong {visibility:hidden;} /* ナビゲーション文字の非表示 */

#navi01 a{width:126px; background:url(../images/navi01a.jpg) ; height:52px;}
#navi02 a{width:127px; background:url(../images/navi02a.jpg) ; height:52px;}
#navi03 a{width:127px; background:url(../images/navi03a.jpg) ; height:52px;}
#navi04 a{width:127px; background:url(../images/navi04a.jpg) ; height:52px;}
#navi05 a{width:126px; background:url(../images/navi05a.jpg) ; height:52px;}
#navi06 a{width:127px; background:url(../images/navi06a.jpg) ; height:52px;}

#navi01 a:hover{width:126px; background:url(../images/navi01b.jpg) ; height:52px;}
#navi02 a:hover{width:127px; background:url(../images/navi02b.jpg) ; height:52px;}
#navi03 a:hover{width:127px; background:url(../images/navi03b.jpg) ; height:52px;}
#navi04 a:hover{width:127px; background:url(../images/navi04b.jpg) ; height:52px;}
#navi05 a:hover{width:126px; background:url(../images/navi05b.jpg) ; height:52px;}
#navi06 a:hover{width:127px; background:url(../images/navi06b.jpg) ; height:52px;}

#navi01-on a{width:126px; background:url(../images/navi01b.jpg) ; height:52px;}
#navi02-on a{width:127px; background:url(../images/navi02b.jpg) ; height:52px;}
#navi03-on a{width:127px; background:url(../images/navi03b.jpg) ; height:52px;}
#navi04-on a{width:127px; background:url(../images/navi04b.jpg) ; height:52px;}
#navi05-on a{width:126px; background:url(../images/navi05b.jpg) ; height:52px;}
#navi06-on a{width:127px; background:url(../images/navi06b.jpg) ; height:52px;}



/* カタログ4大カテゴリのナビゲーション
---------------------------------------------------- */

#cl-navigation{ float:left; width:158px; border:1px solid #ccc;}

#cl-navigation ul {margin:0px auto 10px auto;}

#cl-navigation ul li{
	list-style:none;
	border-bottom:1px solid #ccc;
	padding:10px 0px;
	background: url(../images/cl-icon.jpg) left no-repeat;
	text-indent:15px;
	margin:0px 10px;
}

/* コンテンツ
---------------------------------------------------- */

h2{text-indent: -9999px;clear: both;}

#p01-01{background:url(../images/p01-01.jpg); width:720px;height:62px;text-indent: -9999px;clear: both;}
#p02-01{background:url(../images/p02-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}

#p03-01{background:url(../images/p03-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}

#p04-01{background:url(../images/p04-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}

#p05-01{background:url(../images/p05-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}
#p05-02{background:url(../images/p05-02.jpg); width:720px;height:45px;text-indent: -9999px;clear: both;}
#p05-03{background:url(../images/p05-03.jpg); width:720px;height:45px;text-indent: -9999px;clear: both;}
#p05-04{background:url(../images/p05-04.jpg); width:720px;height:45px;text-indent: -9999px;clear: both;}
#p05-05{background:url(../images/p05-05.jpg); width:720px;height:45px;text-indent: -9999px;clear: both;}
#p05-06{background:url(../images/p05-06.jpg); width:720px;height:45px;text-indent: -9999px;clear: both;}

#p06-01{background:url(../images/p06-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}
#p06-02{background:url(../images/p06-02.jpg); width:540px;height:45px;text-indent: -9999px;clear: both;}
#p06-03{background:url(../images/p06-03.jpg); width:540px;height:45px;text-indent: -9999px;clear: both;}

#p07-01{background:url(../images/p07-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}

#p08-01{background:url(../images/p08-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}

#p09-01{background:url(../images/p09-01.jpg); width:720px;height:79px;text-indent: -9999px;clear: both;}
#p09-02{background:url(../images/p09-02.jpg); width:720px;height:45px;text-indent: -9999px;clear: both;}

/* 汎用スタイルシート
---------------------------------------------------- */

.red{ color:#FF0000;}

#page-top {
	clear: both;
	text-align:right;
	width:720px;
	margin:0px auto;
}

.page-top-img{ margin-top:20px;}

.clear{ clear:both;} 

/* トップページ
---------------------------------------------------- */

#main{ width:720px; height:267px; margin-bottom:20px;}

#p01-button01{ width:272px; float:left; margin:0px 20px 0px 0px;}
#p01-button02{ width:272px; float:left; margin:0px 20px 0px 0px;}
#p01-button03{ width:136px; float:left; margin:0px 0px 0px 0px;}

#p01-01-box{ background:url(../images/p01-01-back.jpg) repeat-y;}

#wn-table {width: 670px; margin:0px auto 0px auto;}

.icon {width:8px; text-align:center; vertical-align:middle; padding:10px 0px 10px 3px; border-bottom:1px dotted #cccccc;}

.day {width: 69px; text-align:left; vertical-align:top; padding:10px 0px 10px 8px;border-bottom:1px dotted #cccccc;}

.word {width:574px; vertical-align:top;  padding:10px 0px 10px 8px;border-bottom:1px dotted #cccccc;}

/* サービス一覧
---------------------------------------------------- */
.p02-p{ padding-bottom:15px;}

.page-change{ background: #f9f9f9; border:1px dotted #ccc; padding:3px; margin:20px 0px; text-indent:5px;}

.p02-h3{
	background:#539608;
	border-left:4px solid #539608;
	color:#fff;
	padding:4px;
	font-size:100%;
	margin:15px 0px;
}

.p02-h4{
	border-left:4px solid #539608;
	padding:4px;
	font-size:100%;
	margin:15px 0px;
	clear:both;
}

.p02-h4-01{
	font-size:100%;
	background:url(../images/point01.jpg) no-repeat left;
	width:540px; height:80px;
	
	text-indent:60px;
	padding:100px 0px 10px 0px;
	clear:both;
}

.p02-h4-02{
	font-size:100%;
	background:url(../images/point02.jpg) no-repeat left;
	width:540px; height:80px;

	text-indent:60px;
	padding:100px 0px 10px 0px;
	clear:both;
}

.p02-h4-03{
	font-size:100%;
	background:url(../images/point03.jpg) no-repeat left;
	width:540px; height:80px;
	
	text-indent:60px;
	padding:100px 0px 10px 0px;
	clear:both;
}

.p02-h4-04{
	font-size:100%;
	background:url(../images/point04.jpg) no-repeat left;
width:540px; height:80px;
	text-indent:60px;
	padding:100px 0px 10px 0px;
	clear:both;
}

.p02-h4-05{
	font-size:100%;
	background:url(../images/point05.jpg) no-repeat left;
	width:540px; height:80px;
	text-indent:60px;
	padding:100px 0px 10px 0px;
	clear:both;
}

.p02-h4-06{
	font-size:100%;
	background:url(../images/point06.jpg) no-repeat left;
width:540px; height:80px;
	text-indent:60px;
	padding:100px 0px 10px 0px;
	clear:both;
}

.p02-left-box{ width:260px;float:left;}

.p02-left-box img{float:left;}

.p02-left-box p{ float:right; width:119px;}

.p02-left-box p img{ margin-top:5px;}

.p02-right-box{width:260px; float:right;}

.p02-right-box img{float:left;}

.p02-right-box p img{ margin-top:5px;}

.p02-right-box p{ float:right; width:119px;}

.back-button{ text-align:right;}

.p02-detail-box{}

.p02-detail-box img{ float:left; margin-bottom:20px;}

.p02-detail-box p{ float:right; width:300px;margin-bottom:20px;}

.p02-detail-bottom-photo01{ float:left; margin:20px 10px 0px 0px;}
.p02-detail-bottom-photo02{ float:left; margin:20px 10px 0px 0px;}
.p02-detail-bottom-photo03{ float:left; margin:20px 10px 0px 0px;}
.p02-detail-bottom-photo04{ float:left; margin:20px 10px 0px 0px;}
.p02-detail-bottom-photo05{ float:left; margin:20px 0px 0px 0px;}

.p02-detail-bottom-p{ padding-top:5px;}



/* お客様の声
---------------------------------------------------- */
.p03-p{ padding-bottom:15px;}

.p03-h3{
	background:#539608;
	border-left:4px solid #539608;
	color:#fff;
	padding:4px;
	font-size:100%;
	margin:15px 0px;
}

.p03-list li{
	list-style:none;
	padding:0px 0px 0px 17px;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	background: url(../images/cl-icon.jpg) left no-repeat;
}

#p03-table{ border:1px solid #ccc; border-collapse:collapse;text-align:left; margin-top:10px;}

#p03-table th{ border:1px solid #ccc; background:#f9f9f9;padding:5px; width:170px;}

#p03-table td{ border:1px solid #ccc;  padding:5px;}

.p03-photo01{ float:left; margin-right:21px; margin-top:20px;}

.p03-photo02{float:left;margin-right:21px; margin-top:20px;}

.p03-photo03{float:left; margin-top:20px;}

.p03-detail-bottom-p{ padding-top:5px;}

/* 実績紹介
---------------------------------------------------- */
.p04-p{ padding-bottom:15px;}

.p04-h3{
	background:#539608;
	border-left:4px solid #539608;
	color:#fff;
	padding:4px;
	font-size:100%;
	margin:15px 0px;
}

#p04-table{ border:1px solid #ccc; border-collapse:collapse;}

#p04-table th{ background: #f9f9f9; border:1px solid #ccc; padding:5px;}

.p04-td01{border:1px solid #ccc; width:196px; padding:5px;}
.p04-td02{border:1px solid #ccc; width:155px; padding:5px;}
.p04-td03{border:1px solid #ccc; width:155px; padding:5px;}

.p04-detail-box img{ float:left; margin-bottom:20px;}

.p04-detail-box p{ float:right; width:248px;margin-bottom:20px;}

.p04-detail-bottom-photo01{ float:left; margin:20px 10px 0px 0px;}
.p04-detail-bottom-photo02{ float:left; margin:20px 10px 0px 0px;}
.p04-detail-bottom-photo03{ float:left; margin:20px 10px 0px 0px;}
.p04-detail-bottom-photo04{ float:left; margin:20px 10px 0px 0px;}
.p04-detail-bottom-photo05{ float:left; margin:20px 0px 0px 0px;}

.p04-detail-bottom-p{ padding-top:5px;}

/* アフターケアサポート
---------------------------------------------------- */

.p05-p{ padding-bottom:15px;}

.p05-p02{ padding:0px 10px 20px 10px;}

.p05-yajirushi{ text-align:center; margin:20px 0px;}


/* 会社情報
---------------------------------------------------- */

.company-table{
	width:540px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px auto 30px auto;
}

.company-table th {
	width:100px;
	border-right:1px solid #dddddd;
	padding:5px 10px 5px 15px;
	background:url(../images/p06-list.jpg) no-repeat;
	background-position:2px 8px;
	vertical-align:text-top;
	text-align:left;
} 

.company-table td {padding:5px 10px 5px 5px;}

.p06-03-p{ border:1px dotted #ccc; padding:10px; background:#f9f9f9;}

/* 採用情報
---------------------------------------------------- */

.p07-p{ padding:0px 10px;}

.p07-table{
	width:540px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:20px auto 30px auto;
}

.p07-table th {
	width:100px;
	border-right:1px solid #dddddd;
	padding:5px 10px 5px 15px;
	background:url(../images/p06-list.jpg) no-repeat;
	background-position:2px 8px;
	vertical-align:text-top;
	text-align:left;
} 

.p07-table td {padding:5px 10px 5px 5px;}

.p07-tmp-p{ border:1px dotted #ccc; padding:10px; margin:20px auto 0px auto; width:518px;}

/* スタッフ紹介
---------------------------------------------------- */

.p08-p{ padding-bottom:15px;}

.p08-h3{
	background:#f9f9f9;
	border-left:4px solid #539608;
	border-bottom:1px dotted #ccc;
	padding:4px;
	font-size:100%;
	margin:15px 0px;
}

.p08-box img{ float:right; margin-bottom:20px;}
.p08-box p{ width:300px; float:left; margin-bottom:20px;}

/* お問い合わせ
---------------------------------------------------- */

.p09-p{ padding:0px 10px 20px 10px;}

#contact-table {
	width:720px;
	margin:5px auto 0px auto;
}
.main {
	padding:6px 20px 6px 20px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	background-color:#f9f9f9;
	line-height:170%;
	background-image:url(../images/contact-list.jpg);
	background-position:left;
	background-repeat:repeat-y;
	width:200px;
	text-align:left;
}

.sub {
	padding:6px 0 6px 10px;
	border-bottom:2px solid #FFFFFF;
	background-color:#f9f9f9;
	line-height:170%;
	text-align:left;
}

.form00-on{width:150px;ime-mode: active;} /* 全角(氏名・フリガナ等) */
	
.form00-off{width:150px;ime-mode: inactive;}/*半角(電話番号・FAX番号)*/

.year01{width:50px;ime-mode: inactive;}/*年*/

.year02{width:25px;ime-mode: inactive;}/*月・日*/

.form02-on{width:300px;ime-mode: active;}/* 全角(住所や建物名) */

.form02-off{width:300px;ime-mode: inactive;}/*半角(メールアドレス)*/

.form03-on{width:80px;ime-mode:inactive;}/*半角(郵便番号)*/

.form03{width:300px;ime-mode:active;height:100px}/*全角(お問い合わせ内容)*/

#submit-button{ text-align:center; margin:20px 0px;}

/* フッター
---------------------------------------------------- */

#link-bottom-box{ background:url(../images/p01-text-back.jpg) repeat-x #fff;}

#footer-link {
	text-align:left;
	font-size:80%;
	color:#333;
	clear:both;
	width:760px;
	margin:0 auto 0 auto;
	padding:12px 0px 0px 0px;
}

#footer-link ul{padding:5px 0px 0px 12px;}

#footer-link li{
	display:inline;
	padding:0px 6px;
	border-right:1px solid #ccc;
}

#footer-link li a{color:#333;}

#footer-link .nobd{border-right:none;}

.banner01{ margin:10px 0px 10px 20px;}

#footer-back{ background:url(../images/footer-back.jpg) repeat-x; height:88px;}

#footer{ width:760px; height:88px; margin:0px auto; background:url(../images/footer.jpg) no-repeat;}
#footer p{ visibility:hidden;}