@charset "shift_jis";

body { background-image: url(image/bg01.png); margin: 0px;}
div.iecenter {text-align: center; margin: 0px;}

#bodyall { background-image: url(image/bg_s2.gif); background-repeat: repeat-y; background-position: top; margin: 0px;
           margin-left: auto; margin-right: auto;}

html{ height: 100%; margin-bottom: 1px;}


/*ヘッダー*/
#header { width: 720px; height: 100px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px;
          }
.h_p1 { font-size: 96%; margin-top: -20px; margin-right: 10px; text-align: right; padding-top: 0px;}
.h_p1 img { border: 0px; margin: 2px 2px 0px 4px; vertical-align: baseline;}
.h_p1 a { color: #666666; background-color: #FFFFFF;}
.h_p1 a:hover { color: #0000FF; background-color: #FFFFFF;}


/*ナビゲーションバー(アイコン)*/
div.navi2 { padding-right: 10px; padding-bottom: 0px; font-size: 96%; width: 720px; margin-top: 0px;
           margin-left: auto; margin-right: auto; margin-bottom: 0px; text-align: right; background-color: #FFFFFF;} 
div.navi { padding-right: 10px; padding-bottom: 0px; font-size: 96%; width: 720px; margin-top: -25px;
           margin-left: auto; margin-right: auto; margin-bottom: 0px; text-align: right;} 
div.navi a { padding: 2px 2px; color: #666666; background-color: #FFFFFF;}
div.navi a:hover { color: #0000FF; background-color: #FFFFFF;}


/*ボタン*/
.m-bar { padding: 0px; width: 720px; height: 50px; overflow: hidden; margin-top: 0px; margin-left: auto; margin-right: auto;}
.m-bar img { visibility: hidden; border: 0px;}
.m-bar a,
.m-bar a:link,
.m-bar a:visited { background-position: 0px 0px; float: left;}
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active { background-position: 0px 50px; float: left;} 
.m-bar .b_1 a { background-image: url(image/b_1.png);}
.m-bar .b_2 a { background-image: url(image/b_2.png);}
.m-bar .b_3 a { background-image: url(image/b_3.png);}
.m-bar .b_4 a { background-image: url(image/b_4.png);}
.m-bar .b_5 a { background-image: url(image/b_5.png);}
.m-bar .b_6 a { background-image: url(image/b_6.png);}


/*トップページイメージ*/
.top-image { margin: 0px; padding: 0px;}


/*コンテンツ　トップページ*/
#content { width: 720px; height: 650px; margin-left: auto; margin-right: auto; margin-top: -4px;
           color: #666666; background-color: #FFFFFF;}

h3 { font-size: 90%; font-weight: 100; font-size: 80%; margin-top: 3px;}


/*左サイドバー（左寄せ）*/
#menu { width: 180px; margin-top: 20px; float: left; text-align: left;}
.left-button { margin-bottom: 5px; border: 0px;}
div.box { width: 180px; text-align: center;}
div.box a:hover { position:relative; top:1px; left:1px;}


/*トップ左サイドバーのテキスト*/
.menu_t1 { color: #666666; background-color: #FFFFFF; font-size: 80%; margin-top: 10px;
          margin-left: 10px; margin-bottom: 10px; width: 170px;}
.menu_t2 { font-size: 96%; margin-left: 10px; margin-top: 0px;}
.menu_t3 { color: #666666; background-color: #FFFFFF; font-size: 80%; margin-top: 10px;
          margin-left: 10px; margin-bottom: 0px; width: 170px;}


/*今いる場所*/
#place { width: 540px; text-align: left; font-size: 80%; padding-left: 1em; margin-bottom: 20px;}
#place2 { width: 540px; text-align: left; font-size: 100%; padding-left: 1em; margin-bottom: 20px;}


/*特定商取引表記*/
#content-tst { width: 720px; height: 1100px; margin-left: auto; margin-right: auto; margin-top: -4px;
               color: #666666; background-color: #FFFFFF;}
#tst { width: 540px; margin-top: 20px; text-align: left; float: left; text-align: center;}
#tst p { padding-top: 0px; font-size: 80%; margin-bottom: 0px; text-align: left;} 
.box_tst1 { width: 470px; margin-left: auto; margin-right: auto;}
.img_tst1 { margin-top: 0px; margin-bottom: 0px;}


/*リンクについて*/
#a_link {  width: 540px; margin-top: 20px; float: left; text-align: center; margin-left: auto; margin-right: auto;}
#a_link p { padding-top: 0px; font-size: 80%; margin-bottom: 0px; text-align: left;} 
.box_a_link1 { width: 400px; margin-left: auto; margin-right: auto;}
.img_a_link1 { margin-top: 0px; margin-bottom: 0px;}


/*弊社のあゆみ*/
#content-his { width: 720px; height: 600px; margin-left: auto; margin-right: auto; margin-top: -4px;
               color: #666666; background-color: #FFFFFF;}

#history { width: 540px; margin-top: 20px; text-align: left; float: left; text-align: center;}
#history p { padding-top: 0px; font-size: 80%; margin-bottom: 10px; text-align: left;}
.box_his1 { width: 470px; margin-left: auto; margin-right: auto;}
.img_his1 { margin-top: 0px; margin-bottom: 0px;}


/*センター*/
#main { width: 540px; margin-top: 20px; float: left; text-align: left;}
#main2 {
	width: 540px;
	margin-top: 20px;
	float: left;
	text-align: center;
	border: 0px;
}
#main strong { color: #FF0000; font-weight: normal;}
.img_top { float: left; margin: 0 10px; border: 0px;}
.img_top2 { vertical-align: text-bottom; border: 0px;}
.img_top3 { padding-top: 0px; margin-top: 0px; margin-bottom: 2px;}
.img_top4 { margin-top: 10px; border: 0px;}

.img_t1 { padding-top: 0px; margin-top: 123px; border: 0px;}
.img_t2 { margin-bottom: -25px;}

.info {
	width: 540px;
	border: 0px;
	clear: both;
}
.info_p { font-size: 80%; margin-bottom: 20px;}


.b-shopping img {
	visibility: visible;
	border: 0px;
}

.b-shopping {
	margin: 0px 0px 10px 115px;
	width: 300px;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	text-align: center;
	display:inline;
	float: left;
}
div.b-shopping a:hover { position:relative; top:1px; left:1px;}


.box_top1 { width: 540px; height: 154px; margin-bottom: 20px;}
.b_t1 { width: 180px; height: 154px; float: left; margin: 0px; background-image: url(image/top_y1.png);
        background-position: center; background-repeat: no-repeat;}
.b_t2 { width: 170px; height: 154px; float: left; margin: 0px; background-image: url(image/top_w1.png);
        background-position: center; background-repeat: no-repeat;}
.b_t3 { width: 170px; height: 154px; float: left; margin: 0px; background-image: url(image/top_a1.png);
        background-position: center; background-repeat: no-repeat;}
.box_top2 { width: 540px; margin-left: 0px; height: 30px; margin-bottom: 5px;}
.box_top3 { width: 340px; margin-left: auto; margin-right: auto; height: 80px; overflow: auto;
            text-align: left; background-color: #FFFFFF;}
.box_top4 { width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 0px; text-align: center;}
.box_top5 { width: 342px; margin-left: auto; margin-right: auto; height: 30px; margin-top: 10px; margin-bottom: 0px;}
.box_top6 { width: 540px; margin-left: auto; margin-right: auto;}


.t_top { font-size: 80%; float: left; margin-bottom: 3px;}
.t_top2 { font-size: 80%; margin-bottom: 3px;}
.t_top3 { font-size: 80%; margin-top: 3px;}


/*事業紹介*/
#content-int { width: 720px; height: 600px; margin-left: auto; margin-right: auto; margin-top: -4px;
               color: #666666; background-color: #FFFFFF;}
#introduction { width: 540px; margin-top: 20px; text-align: left; float: left;}

.img_int1 { margin: 0px; border: 0px;}
.img_int2 { padding-top: 0px; margin-top: 123px; margin-left: 5px; border: 0px;}

.box_int0 { width: 540px;}
.box_int1 { width: 160px; height: 154px; float: left; margin: 0px; background-image: url(image/top_y1.png);
            background-position: right; background-repeat: no-repeat; text-align: center;}
.box_int5 { width: 160px; height: 154px; float: left; margin-top: 10px; background-image: url(image/top_a1.png);
            background-position: right; background-repeat: no-repeat; text-align: center;}
.box_int2 { width: 380px; float: left; height: 154px;}
.box_int3 { width: 160px; height: 154px; float: left; margin-top: 10px; background-image: url(image/top_w1.png);
            background-position: right; background-repeat: no-repeat; text-align: center;}
.box_int4 { width: 380px; float: left; height: 154px; margin-top: 10px;}

.t_int1 { width: 350px; margin-top: 0px; font-size: 80%; padding-left: 1em; padding-top: 1em; margin-bottom: 5px;}


/*法人営業部*/
#content-sales { width: 720px; height: 650px; margin-left: auto; margin-right: auto; margin-top: -4px;
                 color: #666666; background-color: #FFFFFF;}
#sales-department { width: 540px; margin-top: 20px; float: left; text-align: center;}


.box_sales1 { width: 450px; margin-left: auto; margin-right: auto;}
.box_sales2 { width: 450px; height: 250px; margin-left: auto; margin-right: auto; margin-top: 20px;}
.box_sales3 { width: 150px; float: left; margin-left: 25px; padding: 0px;}
.box_sales4 { width: 250px; float: left; margin: 0px; padding: 0px;}
.box_sales5 { width: 450px; height: 32px; margin-left: auto; margin-right: auto;}

.t_sales1 { font-size: 80%; text-align: left;}
.t_sales2 { font-size: 80%; text-align: left; margin: 0px; padding: 0px;}
.t_sales3 { font-size: 80%; text-align: left; padding-left: 1em;}
.t_sales4 { font-size: 80%;}


/*会社概要*/
.box_us1 { width: 140px; float: left; margin: 0px; text-align: right;}
.box_us2 { width: 380px; float: left; margin: 0px; text-align: left;}

.t_us1 { font-size: 80%; padding-right: 1em; margin-top: 0px; margin-bottom: 10px;}
.t_us2 { font-size: 80%; margin-top: 0px; margin-bottom: 10px;}


/*採用情報*/
#content-rec1 { width: 720px; height: 730px; margin-left: auto; margin-right: auto; margin-top: -4px;
                color: #666666; background-color: #FFFFFF;}
#content-rec2 { width: 720px; height: 740px; margin-left: auto; margin-right: auto; margin-top: -4px;
                color: #666666; background-color: #FFFFFF;}

.box_recruit1 { width: 540px;}

.img_recruit { margin-top: 0px; margin-bottom: 0px;}

.t_recruit1 { margin-top: 20px; font-size: 80%; margin-left: 10px;}
.t_recruit2 { margin-top: 0px; font-size: 80%; margin-bottom: 10px; text-align: center; margin-left: -20px;}
.t_recruit3 { padding-top: 20px; font-size: 80%; margin-bottom: 10px; text-align: center; margin-left: -20px;}
.t_recruit4 { padding-top: 0px; font-size: 80%; margin-bottom: 0px; text-align: left;}
.t_recruit5 { padding-top: 0px; font-size: 80%; margin-bottom: 0px;}
.t_recruit6 { font-size: 80%; margin-left: 10px;}
.t_recruit7 {
	font-size: 80%;
	margin-left: 10px;
	text-align: right;
	margin-right: 30px;
	margin-bottom: 10px;
}

#recruit { width: 540px; margin-top: 20px; text-align: left; float: left; text-align: center;}
.box_recruit2 { width: 400px; margin-left: auto; margin-right: auto;}
.box_recruit3 { width: 540px; margin-left: auto; margin-right: auto; text-align: center;}


/*フォーム*/
#form { width: 540px; margin-top: 20px; float: left; text-align: center;} 
#form strong { color: #FF0000; font-weight: normal;}
#form_box { width: 540px; height: 280px; padding-top: 10px; margin-left: auto; margin-right: auto;}
.form_t1 { font-size: 80%; padding-top: 20px; margin-top: 0px;}
.form_t2 { text-align: right; margin: 0px; font-size: 80%;}
.form_t3 { text-align: center; margin: 0px; font-size: 80%;}
.form_t4 { margin: 0px; font-size: 80%;}

.form_sbox1 { width: 110px; float: left; margin-bottom: 5px; padding-top: 3px;}
.form_sbox2 { width: 400px; float: left; margin-bottom: 5px; text-align: left;}
.form_sbox3 { width: 540px; float: left; margin-bottom: 5px; text-align: center;}


/*送信後のページ*/
.t_thanks1 { margin-top: 20px;}


/*リンク*/
#content-link { width: 720px; height: 710px; margin-left: auto; margin-right: auto; margin-top: -4px;
                color: #666666; background-color: #FFFFFF;}
#link { width: 540px; text-align: center; margin-top: 10px; float: left; font-size: 80%;}
#link img { border: 0px;}

.box_link1 { width: 420px; margin: 0px; margin-left: auto; margin-right: auto;}
.box_link2 { width: 210px; margin-top: 2px; margin-bottom: 2px; float: left;}
.box_link3 { width: 540px; margin: 0px; padding: 0px;}
.box_link4 { width: 450px; height: 100px; border: #CCCCCC solid 2px; margin-left: auto; margin-right: auto;
             padding-top: 5px; padding-bottom: 5px;}
.box_link5 { width: 450px; height: 295px; border: #CCCCCC solid 2px; margin-left: auto; margin-right: auto;
             padding-top: 5px; padding-bottom: 5px;}
.box_link6 { width: 450px; height: 70px; border: #CCCCCC solid 2px; margin-left: auto; margin-right: auto;
             padding-top: 5px;}

.t_link1 { margin-top: 10px; margin-bottom: 10px; padding: 0px;} 


/*アクセス*/
#content-acc { width: 720px; height: 700px; margin-left: auto; margin-right: auto; margin-top: -4px;
               color: #666666; background-color: #FFFFFF;}
#access { width: 540px; margin-top: 20px; float: left; text-align: center;}

.t_access { font-size: 80%; margin-bottom: 10px; text-align: center;}
.t_access2 { font-size: 80%; padding-left: 9em; margin-bottom: 10px; text-align: left;}

.img_access { margin-top: 0px;}
.img_access2 { margin-left: auto; margin-right: auto; text-align: center;}


/*サイトマップ*/
#sitemap { width: 540px; text-align: center; margin-top: 20px; float: left; font-size: 80%;}

.box_sitemap1 { width: 200px; margin-left: 40px; padding-left: 20px; float: left; text-align: left;} 
.box_sitemap2 { width: 200px; margin-left: 20px; float: left; text-align: left;}

.t_sitemap1 { text-align: left;}


/*個人情報保護指針*/
#content-protect { width: 720px; height: 1300px; margin-left: auto; margin-right: auto; margin-top: -4px;
                   color: #666666; background-color: #FFFFFF;}
#protect {  width: 540px; margin-top: 20px; text-align: left; float: left; text-align: center;}
#protect p { padding-top: 0px; font-size: 80%; margin-bottom: 0px; text-align: left;} 
.box_protect1 { width: 450px; margin-left: auto; margin-right: auto;}
.img_protect1 { margin-top: 0px; margin-bottom: 0px;}
.t_protect { padding-top: 0px; font-size: 80%; margin-bottom: 0px; text-align: left;}


/*ナビバー*/
div.navibar { line-height: 1.5em; padding: 0px; font-size: 80%; width: 720px; height: 40px; margin-top: 0px; margin-bottom: 0px;
              margin-left: auto; margin-right: auto; color: #666666; background-color: #FFFFFF;}
div.navibar a { padding: 2px 2px; color: #333333;}
div.navibar a:hover { color: #0000FF;}


/*フッター*/
#footer { margin-left: auto; margin-right: auto; margin-top: 0px; padding-top: 0px;}