@charset "utf-8";
/* CSS Document */

/*▼▼▼▼▼初期化▼▼▼▼▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding: 0px; margin: 0px; ont-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 14px; line-height: 1.5em; letter-spacing: 1px; }
table	{ border-collapse: collapse; }
ul, li	{ list-style: none; color:#545454;}
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: normal; }
a		{ overflow: hidden; outline: none; }
img		{ border: none; vertical-align: bottom; }
table td{ border: none; vertical-align: top; }
h1		{ text-indent: -9999px; }
h2		{ text-indent: -9999px; }
h3		{ text-indent: -9999px; }
h4		{ text-indent: -9999px; }
h5		{ text-indent: -9999px; }
p		{ font-size:14px; margin-bottom:1em; color:#545454; text-align:justify; word-break: break-all;}
.text99 { text-indent: -9999px; }
a:hover { text-decoration: none; }
a:hover { opacity: 0.5; filter: alpha(opacity=50); }
/*▲▲▲▲▲初期化▲▲▲▲▲*/


/*▼ 共通：エリア・背景設定 ▼*/
body		{ background: url(images/common/bg.jpg) 0 0 repeat;}
#conteiner	{ width:1000px; margin: 0 auto; overflow:hidden; _zoom:1;}
#tamonten	{ clear:both;}
#tamonten a	{ background:url(images/common/copy.png) 0 0 no-repeat; text-indent: -9999px; width:988px; height:14px; margin:0 auto; display: block; cursor: default; opacity: 1; filter: alpha(opacity=100);}
.w300		{ width:300px;}


/*▼ヘッダー▼*/
#header			{ width:1000px; margin:0 auto; overflow:hidden; _zoom:1;}
#header h1 a	{ background:url(images/common/logo.jpg) 0 0 no-repeat; width:261px; height:47px; display:block;}
#header #logo	{ float:left;}
#header #logo p	{ font-size:12px; margin:10px 0 10px 10px;}
#header #contact-tag{ float:right; background:url(images/common/tag-bg.jpg) 0 0 no-repeat; width:280px; height:125px; margin-bottom:35px;}
#header #phone	{ background:url(images/common/phone.jpg) 0 0 no-repeat; width:225px; height:45px; margin:20px 0 0 28px; text-indent:-9999px;}
#header #mail	{ background:url(images/common/mail-ico.jpg) 0 5px no-repeat; margin-left:38px; padding-left:31px;}
#header #mail a	{ color:#555;}

#mv				{ width:1200px; height:200px; margin:0 auto 20px;}

/*▼メインナビゲーション▼*/
#navi 			{ clear:both; background:url(images/common/navi-bg.png) 0 0 no-repeat; width:740px; height:28px; margin:0 auto 15px;}
#navi ul li		{ float:left; text-indent:-9999px;}
#navi ul li a	{ height:28px; display: block; background-image: url(images/common/navi.png);}
#navi ul li#navi01 a	{ background-position:	0 0; width:155px;}
#navi ul li#navi02 a	{ background-position:-155px 0; width:209px;}
#navi ul li#navi03 a	{ background-position:-364px 0; width:187px;}
#navi ul li#navi04 a	{ background-position:-551px 0; width:189px;}

#home #navi ul li#navi01 a		{ background-position:	0	 -28px; width:155px;}
#works #navi ul li#navi02 a		{ background-position:-155px -28px; width:209px;}
#company #navi ul li#navi03 a	{ background-position:-364px -28px; width:187px;}
#recruit #navi ul li#navi04 a	{ background-position:-551px -28px; width:189px;}


/*▼メイン▼*/
#main		{ width:690px; border:1px solid #ccc; background:#fff; margin-bottom:50px; padding:60px 0 10px; float:left; overflow:hidden; _zoom:1;}
#main .box	{ width:630px; margin:0 auto 100px;}


/*▼右カラム▼*/
#side						{ width:290px; float:right;}
.bn-box 					{ width:290px; height:345px; border:1px solid #ccc; background:#fff; margin-bottom:20px;}
.bn-box.works-box			{ background-image:url(images/common/works-bg.jpg);}
.bn-box.company-box			{ background-image:url(images/common/company-bg.jpg)}
.bn-box.recruit-box			{ background-image:url(images/common/recruit-bg.jpg)}
.bn-box.works-box,
.bn-box.company-box,
.bn-box.recruit-box			{ background-position:1px 75px; background-repeat:no-repeat;}
.bn-box #rh3-01				{ background:url(images/common/rh3-01.jpg) 0 0 no-repeat;}
.bn-box #rh3-02				{ background:url(images/common/rh3-02.jpg) 0 0 no-repeat;}
.bn-box #rh3-03				{ background:url(images/common/rh3-03.jpg) 0 0 no-repeat;}
.bn-box #rh3-01,
.bn-box #rh3-02,
.bn-box #rh3-03 			{ width:288px; height:50px; margin:25px 0 0 1px;}
.bn-box ul		 			{ margin:6px 0 165px 138px;}
.bn-box ul li a	 			{ color:#555; text-decoration:none;}
.bn-box ul li:before		{ content:"- "}
.bn-box ul li.none:before	{ content:"　"}
.bn-box p 					{ margin-left:32px;}
.bn-box p a					{ color:#555;}


/*▼ページトップ▼*/
#page-link  { clear:both; width:1000px; margin: 0 auto; text-align:right; overflow:hidden; _zoom:1;}
#page-link p{ float:right; margin-bottom:0;}
#page-link a{ background:url(images/common/pagetop.jpg) 0 0 no-repeat; width:110px; height:35px; display:block; text-indent:-9999px;}


/*▼フッター▼*/
#footer					{ background: url(images/common/f-bg.jpg) 0 0 repeat-x; height: 200px; overflow:hidden; _zoom:1;}
#footer	#f-inner		{ width:1000px; margin:0 auto;}
#footer #company-info	{ float:left; text-align:left; margin:20px 0 40px 30px;}
#footer #company-info h2{ text-indent:0; margin-bottom:0; font-size:24px;}
#footer #company-info p { margin-bottom:-3px;}
#footer #company-info a { color:#333; text-decoration:none;}
#footer #f-nav			{ float:right; margin:20px 30px 0 0; width:auto; overflow:hidden; _zoom:1;}
#footer ul li			{ float:left; margin:8px auto 0; color: #333;}
#footer ul li a			{ color:#333; margin:0 5px 0 6px;}


/*▼▼▼▼▼ホーム index.html▼▼▼▼▼*/
#home #mv   { background:url(images/home/mv.jpg) 0 0 no-repeat; width:1200px; height:400px;}
#home #main	{ width:1000px; float:none; padding-bottom:50px;}
#home .bn-box				{ float:left; margin-right:35px; border:1px solid #ccc;}
#home .bn-box:first-child	{ margin-left:27px;}
#home .bn-box:nth-child(3)	{ float:left; margin-right:0;}


/*▼▼▼▼▼事業の内容 works.html▼▼▼▼▼*/
#works #mv   { background:url(images/works/mv.jpg) 0 0 no-repeat;}
#works h3	 { width:630px; height:41px; margin-bottom:20px;}
#works #h3-01{ background:url(images/works/h3-01.jpg) 0 0 no-repeat;}
#works #h3-02{ background:url(images/works/h3-02.jpg) 0 0 no-repeat;}
#works #h3-03{ background:url(images/works/h3-03.jpg) 0 0 no-repeat;}
#works h4	 { margin-bottom:30px;}
#works #h4-01{ background:url(images/works/h4-01.jpg) 0 0 no-repeat; width:323px; height:18px; margin-top:50px;}
#works #h4-02{ background:url(images/works/h4-02.jpg) 0 0 no-repeat; width:630px; height:457px;}
#works #h4-03{ background:url(images/works/h4-03.jpg) 0 0 no-repeat;}
#works #h4-04{ background:url(images/works/h4-04.jpg) 0 0 no-repeat;}
#works #h4-03,
#works #h4-04{ width:85px; height:18px;}
#works #main ul   { margin-bottom:50px;}
#works #main ul li{ background:url(images/works/h3-03-ico.jpg) 0 0 no-repeat; margin-bottom:15px; padding-left:30px;}
#works #tokushoku { background:url(images/works/h4-01-box.jpg) 330px 225px no-repeat;}
#works #brand	  { background:url(images/works/h3-03-box.jpg) 330px 290px no-repeat;} 


/*▼▼▼▼▼会社案内 company.html▼▼▼▼▼*/
#company #mv	{ background:url(images/company/mv.jpg) 0 0 no-repeat;}
#company h3	 	{ width:630px; height:41px; margin-bottom:20px;}
#company #h3-01	{ background:url(images/company/h3-01.jpg) 0 0 no-repeat;}
#company #h3-02	{ background:url(images/company/h3-02.jpg) 0 0 no-repeat;}
#company #h4-01	{ background:url(images/company/h4-01.jpg) 0 0 no-repeat; width:155px; height:18px; margin-bottom:10px;}
#company #main a{ color:#555;}

#company dl	   { background:#e3d8cc; border:1px solid #c9c6c3; border-top:none; width:630px; margin:0 0 50px 5px;}
#company dl dt { padding:12px 10px; font-weight:bold;}
#company dl dd { padding:12px 20px;}
#company dl dt { border-top:1px solid #c9c6c3; clear:left; float:left; width:160px;}
#company dl dd { background:#fcfaf9; border-left:1px solid #c9c6c3; border-top:1px solid #c9c6c3; margin-left:160px;}


/*▼▼▼▼▼求人情報 recruit.html▼▼▼▼▼*/
#recruit #mv	{ background:url(images/recruit/mv.jpg) 0 0 no-repeat;}
#recruit h3	 	{ width:630px; height:41px; margin-bottom:20px;}
#recruit #h3-01	{ background:url(images/recruit/h3-01.jpg) 0 0 no-repeat;}
#recruit #h3-02	{ background:url(images/recruit/h3-02.jpg) 0 0 no-repeat;}
#recruit #h3-03	{ background:url(images/recruit/h3-03.jpg) 0 0 no-repeat;}
#recruit #h4-01	{ background:url(images/recruit/h4-01.jpg) 0 0 no-repeat; width:570px; height:18px; margin:20px 0;}

#recruit table		{ width:630px; border-top:#c9c6c3 solid 1px;}
#recruit table td	{ background-color:#fcfaf9; padding:15px; border-bottom:#c9c6c3 solid 1px; padding-right:0;}
#recruit table th	{ background-color:#e3d8cc; color:#653300; border-bottom:#c9c6c3 solid 1px; padding:15px;  font-weight:bold; width:170px; text-align:left; padding-right:0;}