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

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

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

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

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

body{ 
	color:#333;
	background: url(../images/back.jpg) repeat-x;
	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:820px;
	margin:0px auto;
	clear:both;
	background:url(../images/wrapper-back.jpg)  no-repeat #fff;
	text-align:justify;
	text-justify: inter-ideograph;
}

#container{
	width:760px;
	margin:0px auto;
	padding:20px;
}

#content{
	clear:both;
	padding-top:20px;
}

#right-content{ float:right; width:571px; margin-bottom:20px;}

/* ヘッダ
---------------------------------------------------- */
#header {
	width: 800px;
	height:80px;
	background: url(../images/header.jpg);
	margin:0px auto;
}

h1 a {
	display:block;
	height:80px;
	width:360px;
	text-indent:-9999px;
	float:left;
}
#search{ height:31px; float:right; margin-top:17px;}

.search-title{ float:left;}

.search-form{ width:100px;margin:3px 5px 0px 5px;}

#english{ float:right; clear:right; margin-top:5px;} 

/* グローバルナビゲーション
---------------------------------------------------- */

#navigation{
	width:760px;
	height:52px;
	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;}

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

h2{clear: both; font-size:100%;}

h3{clear: both; font-size:100%;}

#p01-01{width:206px;height:48px;margin-bottom:20px;}
#p01-02{width:206px;height:49px;margin-bottom:20px;}
#p01-03{width:206px;height:48px;}
#p01-04{width:368px;height:46px;background:url(../images/p01-04.jpg) no-repeat; text-indent:-9999px;}
#p01-05{width:368px;height:46px;background:url(../images/p01-05.jpg) no-repeat; text-indent:-9999px;}
#p01-06{width:368px;height:46px;background:url(../images/p01-06.jpg) no-repeat; text-indent:-9999px;}
#p01-07{width:368px;height:46px;background:url(../images/p01-07.jpg) no-repeat; text-indent:-9999px;}
#p01-08{width:368px;height:46px;background:url(../images/p01-08.jpg) no-repeat; text-indent:-9999px;}
#p01-09{width:368px;height:46px;background:url(../images/p01-09.jpg) no-repeat; text-indent:-9999px;}
#p01-10{width:760px;height:57px;background:url(../images/p01-10.jpg) no-repeat; text-indent:-9999px;}

#p02-01{width:570px;height:93px;background:url(../images/p02-01.jpg) no-repeat; text-indent:-9999px;}
#p02-02{width:570px;height:45px;background:url(../images/p02-02.jpg) no-repeat; text-indent:-9999px;}
#p02-03{width:570px;height:45px;background:url(../images/p02-03.jpg) no-repeat; text-indent:-9999px;}

#p03-01{width:570px;height:93px;background:url(../images/p03-01.jpg) no-repeat; text-indent:-9999px;}
#p03-02{width:570px;height:45px;background:url(../images/p03-02.jpg) no-repeat; text-indent:-9999px;}
#p03-03{width:570px;height:45px;background:url(../images/p03-03.jpg) no-repeat; text-indent:-9999px;}
#p03-04{width:570px;height:45px;background:url(../images/p03-04.jpg) no-repeat; text-indent:-9999px;}
#p03-05{width:570px;height:45px;background:url(../images/p03-05.jpg) no-repeat; text-indent:-9999px;}
#p03-06{width:570px;height:45px;background:url(../images/p03-06.jpg) no-repeat; text-indent:-9999px;}
#p03-07{width:570px;height:45px;background:url(../images/p03-07.jpg) no-repeat; text-indent:-9999px;}
#p03-08{width:570px;height:45px;background:url(../images/p03-08.jpg) no-repeat; text-indent:-9999px;}
#p03-09{width:570px;height:45px;background:url(../images/p03-09.jpg) no-repeat; text-indent:-9999px;}

#p04-01{width:570px;height:93px;background:url(../images/p04-01.jpg) no-repeat; text-indent:-9999px;}
#p04-02{width:570px;height:45px;background:url(../images/p04-02.jpg) no-repeat; text-indent:-9999px;}
#p04-03{width:570px;height:45px;background:url(../images/p04-03.jpg) no-repeat; text-indent:-9999px;}
#p04-04{width:570px;height:45px;background:url(../images/p04-04.jpg) no-repeat; text-indent:-9999px;}

#p05-01{width:570px;height:93px;background:url(../images/p05-01.jpg) no-repeat; text-indent:-9999px;}
#p05-02{width:570px;height:45px;background:url(../images/p05-02.jpg) no-repeat; text-indent:-9999px;}
#p05-03{width:570px;height:45px;background:url(../images/p05-03.jpg) no-repeat; text-indent:-9999px;}

#p06-01{width:570px;height:93px;background:url(../images/p06-01.jpg) no-repeat; text-indent:-9999px;}
#p06-02{width:570px;height:45px;background:url(../images/p06-02.jpg) no-repeat; text-indent:-9999px;}

#p07-01{width:570px;height:93px;background:url(../images/p07-01.jpg) no-repeat; text-indent:-9999px;}
#p07-02{width:570px;height:45px;background:url(../images/p07-02.jpg) no-repeat; text-indent:-9999px;}
#p07-03{width:570px;height:45px;background:url(../images/p07-03.jpg) no-repeat; text-indent:-9999px;}
#p07-04{width:570px;height:45px;background:url(../images/p07-04.jpg) no-repeat; text-indent:-9999px;}
#p07-05{width:570px;height:45px;background:url(../images/p07-05.jpg) no-repeat; text-indent:-9999px;}
#p07-06{width:570px;height:45px;background:url(../images/p07-06.jpg) no-repeat; text-indent:-9999px;}

#p08-01{width:570px;height:93px;background:url(../images/p08-01.jpg) no-repeat; text-indent:-9999px;}

#p09-01{width:570px;height:93px;background:url(../images/p09-01.jpg) no-repeat; text-indent:-9999px;}
#p09-02{width:570px;height:45px;background:url(../images/p09-02.jpg) no-repeat; text-indent:-9999px;}
#p09-03{width:570px;height:45px;background:url(../images/p09-03.jpg) no-repeat; text-indent:-9999px;}
#p09-04{width:570px;height:45px;background:url(../images/p09-04.jpg) no-repeat; text-indent:-9999px;}



/*  サイドナビゲーション
---------------------------------------------------- */

#side-navigation{ float:left; width:170px;}

#side-navigation li a{text-decoration:none;float: left;}

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

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


#navi09 a{width:170px; background:url(../images/navi09a.jpg) ; height:47px;}
#navi10 a{width:170px; background:url(../images/navi10a.jpg) ; height:47px;}
#navi11 a{width:170px; background:url(../images/navi11a.jpg) ; height:47px;}
#navi12 a{width:170px; background:url(../images/navi12a.jpg) ; height:47px;}
#navi13 a{width:170px; background:url(../images/navi13a.jpg) ; height:47px;}
#navi14 a{width:170px; background:url(../images/navi14a.jpg) ; height:47px;}
#navi15 a{width:170px; background:url(../images/navi15a.jpg) ; height:47px;}
#navi16 a{width:170px; background:url(../images/navi16a.jpg) ; height:47px;}

#navi09 a:hover{width:170px; background:url(../images/navi09b.jpg) ; height:47px;}
#navi10 a:hover{width:170px; background:url(../images/navi10b.jpg) ; height:47px;}
#navi11 a:hover{width:170px; background:url(../images/navi11b.jpg) ; height:47px;}
#navi12 a:hover{width:170px; background:url(../images/navi12b.jpg) ; height:47px;}
#navi13 a:hover{width:170px; background:url(../images/navi13b.jpg) ; height:47px;}
#navi14 a:hover{width:170px; background:url(../images/navi14b.jpg) ; height:47px;}
#navi15 a:hover{width:170px; background:url(../images/navi15b.jpg) ; height:47px;}
#navi16 a:hover{width:170px; background:url(../images/navi16b.jpg) ; height:47px;}

#navi09-on a{width:170px; background:url(../images/navi09b.jpg) ; height:47px;}
#navi10-on a{width:170px; background:url(../images/navi10b.jpg) ; height:47px;}
#navi11-on a{width:170px; background:url(../images/navi11b.jpg) ; height:47px;}
#navi12-on a{width:170px; background:url(../images/navi12b.jpg) ; height:47px;}
#navi13-on a{width:170px; background:url(../images/navi13b.jpg) ; height:47px;}
#navi14-on a{width:170px; background:url(../images/navi14b.jpg) ; height:47px;}
#navi15-on a{width:170px; background:url(../images/navi15b.jpg) ; height:47px;}
#navi16-on a{width:170px; background:url(../images/navi16b.jpg) ; height:47px;}



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

.red{ color:#FF0000;}

.red02{ color:#903c36;}

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

.page-top-img{}

.clear{ clear:both;}

.cl-search-form{ margin-bottom:20px;}


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

#main-box{ width:760px; height:185px; clear:both; padding-top:20px;}

#flash{
	width:519px;
	height:169px;
	float:left;
	padding:8px;
	background:url(../images/flash-back.jpg) ;
}

#main-right{width:206px; height:185px; float:right;}

#p01-04-box{
	border:1px solid #ccc;
	width:368px;
	height:124px;
	float:left;
	background:url(../images/p01-04-back.jpg) no-repeat bottom #609fde ;
}

#p01-04-box p{
	color:#fff;
	font-size:73%;
	padding:10px;
	float:left;
	width:160px;
}

#p01-05-box{
	border:1px solid #ccc;
	width:368px;
	height:124px;
	float:right;
	background:url(../images/p01-05-back.jpg) no-repeat bottom #609fde ;
}

#p01-05-box p{
	color:#fff;
	font-size:73%;
	padding:10px;
	float:left;
	width:160px;
}

#p01-06-box{
	border:1px solid #ccc;
	width:368px;
	height:124px;
	margin:20px 0px;
	float:left;
	background:url(../images/p01-06-back.jpg) no-repeat bottom #609fde ;
}

#p01-06-box p{
	color:#fff;
	font-size:73%;
	padding:10px;
	float:left;
	width:160px;
}

#p01-07-box{
	border:1px solid #ccc;
	width:368px;
	height:124px;
	margin:20px 0px;
	float:right;
	background:url(../images/p01-07-back.jpg) no-repeat bottom #609fde ;
}

#p01-07-box p{
	color:#fff;
	font-size:73%;
	padding:10px;
	float:left;
	width:160px;
}

#p01-08-box{
	border:1px solid #ccc;
	width:368px;
	height:124px;
	float:left;
	background:url(../images/p01-08-back.jpg) no-repeat bottom #609fde ;
}

#p01-08-box p{
	color:#fff;
	font-size:73%;
	padding:10px;
	float:left;
	width:160px;
}

#p01-09-box{
	border:1px solid #ccc;
	width:368px;
	height:124px;
	float:right;
	background:url(../images/p01-09-back.jpg) no-repeat bottom #609fde ;
}

#p01-09-box p{
	color:#fff;
	font-size:73%;
	padding:10px;
	float:left;
	width:160px;
}

.p01-shousai-button{
	float:right;
	margin:47px 113px 0px 0px;
	display:inline;
}

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

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

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

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


/* 会社概要
---------------------------------------------------- */

.company-table{
	width:570px;
	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/company-list.jpg) no-repeat;
	background-position:2px 8px;
	vertical-align:text-top;
	text-align:left;
} 

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

.p02-dl{ width:550px; margin:0px auto;}

.p02-dl dt{ border-left:4px solid #666; text-indent:6px; margin-bottom:10px; font-weight:bold;}

.p02-dl dd{ padding:0px 0px 10px 10px; margin-bottom:20px;border-bottom:1px  dotted #ccc;}

/* 製品紹介
---------------------------------------------------- */

.p03-box{ background:url(../images/cl-back.jpg); border:1px solid #ccc; padding:20px; margin-bottom:20px; width:528px;}

.p03-box img{ float:left;}

.p03-box p{ float:right; width:315px;}

.p03-box input{ float:right; margin-top:78px;}

.p03-h3{
	border-bottom:1px dotted #ccc;
	background:#f9f9f9;
	padding:5px;
	border-left:4px solid #007fbc;
}

.cl-box{ width:148px;
	margin:20px 10px;
	padding:10px;
	float:left; display:inline;
	border:1px solid #ccc;
	background:#f9f9f9;
}

.cl-box p{ padding:10px 0px;}

.cl-img-left01{ float:left; margin-right:20px; margin-top:20px;}

.cl-img-left02{ float:left; margin-top:20px;}

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

.p03-h4{
	border-bottom:1px dotted #ccc;
	padding:20px 5px 5px 5px;
	font-size:100%;
	clear:both;
}

.cl-detail-p{ padding:10px 10px 10px 4px;}

.back-button{ text-align:right; margin-bottom:20px;}

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

#p04{
	width:538px;
	background:#f9f9f9;
	padding:15px;
	border:1px solid #ccc;
	margin:5px 0px 20px 0px;
}

#p04 ul{ padding-bottom:20px;}

#p04 p{ margin-bottom:20px;}

#p04 ul li{ list-style:none;border-bottom:1px dotted #333; margin-bottom:10px;}

.recruit-table{
	width:570px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px auto 10px auto;
}

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

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


/* 沿革・海外拠点
---------------------------------------------------- */

.p05-dl{
	background:#f9f9f9;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}

.p05-dl dt{ text-indent:5px;border-left:4px solid #0087c2;}

.p05-dl dd{ border-bottom:1px dotted #333; padding:10px 10px 0px 9px; margin-bottom:20px;}

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

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

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




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

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

#contact-table {
	width:571px;
	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;
}

#contact02-table {
	width:571px;
	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;
}

.p06-h4{
	border-bottom:1px dotted #ccc;
	background:#f9f9f9;
	padding:5px;
	margin:30px 0px 15px 0px;
	border-left:6px solid #007fbc;
}

.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;}

/* 個人情報保護方針
---------------------------------------------------- */

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

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

.p07-ul li{ list-style:none; padding-bottom:10px;}

.p07-bottom-p{
	border:1px dotted #ccc;
	background:#f9f9f9;
	padding:10px;
	margin-top:10px;
}

/* サイトマップ
---------------------------------------------------- */

.p08-left-box{ width:275px; float:left;}

.p08-left-box li{
	list-style:none;
	background:url(../images/p08-icon.jpg) left no-repeat;
	text-indent:15px;
	margin-bottom:15px;
}

.p08-right-box{ width:275px; float:right;}

.p08-right-box li{
	list-style:none;
	background:url(../images/p08-icon.jpg) left no-repeat;
	text-indent:15px;
	margin-bottom:15px;
}


.p08-left-box h3{
	border-bottom:1px dotted #ccc;
	background:#f9f9f9;
	padding:5px;
	margin:0px 0px 15px 0px;
	border-left:6px solid #007fbc;
	text-indent:4px;
}

.p08-right-box h3{
	border-bottom:1px dotted #ccc;
	background:#f9f9f9;
	padding:5px;
	margin:0px 0px 15px 0px;
	border-left:6px solid #007fbc;
	text-indent:4px;
}

/* 事業所一覧
---------------------------------------------------- */

.p09-dl{
	background:#f9f9f9;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}

.p09-dl dt{ text-indent:5px;border-left:4px solid #0087c2;}

.p09-dl dd{ padding:10px 10px 0px 9px;}

.p09-link-p{ text-align:right; padding:20px 0px;}

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

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

#footer-box-back{
	background:url(../images/footer-shadow-back.jpg) no-repeat;
	height:150px;
	width:820px;
	margin:0px auto;
}

#footer-banner-list{ width:760px; margin:0px auto 0px auto;}

#footer-banner-list li a{text-decoration:none;float: left;}

#footer-banner-list li {list-style-type:none;float:left;}

#banner01{ width:144px;margin-right:10px; padding-bottom:20px;}
#banner02{width:144px;margin-right:10px;padding-bottom:20px;}
#banner03{width:144px;margin-right:10px;padding-bottom:20px;}
#banner04{width:144px;margin-right:10px;padding-bottom:20px; }
#banner05{width:144px; padding-bottom:20px;}


#footer-link {
	text-align:left;
	font-size:75%;
	background:url(../images/text-link-back.jpg) repeat-x;
	height:54px;
	color:#333;
	clear:both;
	width:800px;
	margin:0px auto 0px auto;
}

#footer-link ul{padding:4px 0px 0px 10px;}

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

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

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

#footer-button-list{
	clear:both;
	height:31px;
	background:url(../images/footer-button-back.jpg) repeat-x;
	width:780px;
	margin:0px auto;
	padding-left:20px;
}

#footer-button-list li a{text-decoration:none;float: left;}

#footer-button-list li {list-style-type:none;display:block;float:left;}

#navi17{width:77px;}
#navi07{width:70px;}
#navi08{width:97px;}

#footer{ clear:both;background:url(../images/footer.jpg) no-repeat; width:800px; height:71px; margin:0px auto;}

#footer p{ visibility:hidden;}

.flash-banner{ float:right; margin-right:20px;}