/*基本用*/

body { background: url(../img_c/bg.gif); color: #333333; font-size: 100%; font-famiry: sans-serif; text-align: center;
	scrollbar-3dlight-color: #003300;
	scrollbar-arrow-color: #ffffff;
	scrollbar-darkshadow-color: #003300;
	scrollbar-face-color: #003300;
	scrollbar-highlight-color: #003300;
	scrollbar-shadow-color: #003300;
	scrollbar-track-color: #ffffff;}


a img { border-style: none;}

a:link { color: #003300;}
a:visited { color: #000033;}
a:hover { color: #999999;}

ul { list-style-type: none; padding: 0;}
ul.sq { list-style-image: url(../img_c/pm_10_g.gif); margin: 0 10px;}
ul.sq03 { list-style-image: url(../img_c/pm_15_gg.gif); margin: 0 15px; vertical-align: baseline;}
li { font-weight: normal; margin: .5em 1em; vertical-align: baseline;}
li ul li {font-weight: normal; margin: 0; list-style-image: url(../img_c/pm_10_rd.gif); vertical-align: baseline;}

h1 { font-size: 12px; color: #999999; margin: 0; position: absolute; left: 410px; top: 32px;}

div { text-align: left;}


/*テキスト用*/

.text-l { font-size: 110%; line-height: 160%;}
.t-text { font-size: 80%; line-height: 180%; text-indent: 1em; padding:1em 1em 1em 1em;}
.text-s { font-size: 70%; line-height: 160%;}
.title-ptext { font-size: 80%; color: #999999; line-height: 160%; text-align: right; vertical-align: bottom; margin: 0;}
.title-text-s { font-size: 70%; color: #ffffff;}
.green-text { line-height: 140%; color: #003300; font-weight: bold; margin: 0; padding: 0; border-bottom: 1px dotted #003300; border-left: 5px solid #003300;}
.green-text02 { ine-height: 140%; color: #003300; font-weight: bold;  margin: 1em 3px 1em 2em; padding: 0 0 0 .5em; border-bottom: 1px dotted #003300; border-left: 5px solid #003300;}
.text-90{ line-height: 150%; color: #333333; font-size: 80%; padding: 1em 0;}
.text-80{ line-height: 120%; color: #333333; font-size: 80%; padding: 0; text-align: right;}
.red-text { font-size: 80%; line-height: 160%; color: #660000;}
.text-l6 { padding-left: 20px; margin: 0 0 0 6em;}
.pm-10-g { background: url(../img_c/pm_10_g.gif) no-repeat left .3em; padding-left: 20px; margin: 1em 0 1em 4em;}
.pm-10-sv { background: url(../img_c/pm_10_sv.gif) no-repeat left center; padding-left: 20px; margin: 1em 0 1em 4em;}
.pm-10-wo { background: url(../img_c/pm_10_wo.gif) no-repeat left center; padding-left: 20px; margin: 1em 0 1em 4em;}
.pm-10-gg { background: url(../img_c/pm_15_gg.gif) no-repeat left center; padding-left: 20px; margin: .5em 0 0 3em;}
.pm-10-rd { background: url(../img_c/pm_10_rd.gif) no-repeat left center; padding-left: 20px; margin: 0 0 .5em 6em;}
.pm-10-rd-t { background: url(../img_c/pm_10_rd.gif) no-repeat left top; padding-left: 20px; margin: 0;}

/*page用*/

#page { width: 760px; background: url(../img_c/contents_bg.jpg) repeat-y; margin: 0 auto; text-align: center;}

#page #header { width: 760px; height: 110px; background: url(../img_c/header.jpg) no-repeat;  position: relative;}
#page #header .company-name { font-size: 10px; color: #333333; position: absolute; left: 615px; top: 20px;}
#page #footer { clear: both; width: 760px; height: 85px; background: url(../img_c/footer.jpg) no-repeat; position: relative;}
#page #footer #copy { font-size: 70%; color: #cccccc; letter-spacing: 1px; text-align: center; padding: 20px 0 0 0;}
.banner { width: 120px; height: 60px; position: absolute; top: 0; left: 615px;}

#page #button { width: 750px; height: 45px;  background: url(../ssi/img/b_bg.jpg) repeat-x; margin: 0 5px;}
#page #button #left{ float: left; width: 91px; height: 45px;}
#page #button #contact{ float: right; width: 91px; height: 45px;}

#page #contents { width: 760px; margin: 0; padding: 0; position: relative; text-align: center;}

/*top page*/
#page #contents #box { float: right; width: 265px;}
.inner { margin: 0 25px 0 0; }
#page #contents #box #news-header { clear: right; width: 265px; height: 60px;  background: url(../img/wn_header.jpg) no-repeat; margin: 0; padding: 0;}
#page #contents #box #info-header { clear: right; width: 265px; height: 55px;  background: url(../img/info_header.jpg) no-repeat; margin: 0; padding: 0;}
#page #contents #box #b-bg #news-body { overflow: auto; width: 235px; margin: 0; padding: 0 1em;}
#page #contents #box #b-bg #info-body { overflow: auto; width: 235px; height: 240px; margin: 0; padding: 0 1em;}
#page #contents #box #b-bg { clear: right; width: 265px; background: url(../img/b_bg.jpg) repeat-y; margin: 0; padding: 0; font-size: 80%; text-align: center;}
#page #contents #box #b-footer{ clear: right; width: 265px; height: 10px; background: url(../img/b_footer.jpg) no-repeat; margin: 0 0 20px 0; padding: 0;}
#page #contents #top-swf { float: right; width: 415px; height: 440px; background: url(../img/top_img.jpg) no-repeat; margin: 10px 10px 0 0; padding: 0;}



/*other page*/
#page #contents .left-service{ float: left; width: 260px; height: 420px; background: url(../01_service/img/img_service.jpg) no-repeat; margin: 0 0 20px 5px; padding: 0;}
#page #contents #left-works { float: left; width: 260px; height: 420px; background: url(../02_works/img/img_works.jpg) no-repeat; margin: 0 0 0 5px; padding: 0; font-size: 70%;}
#page #contents #left-works #text01 { position: absolute; left: 47px; top: 87px;}
#page #contents #left-works #text02 { position: absolute; left: 47px; top: 182px;}
#page #contents #left-works #text03 { position: absolute; left: 47px; top: 272px;}
#page #contents #left-works #text04 { position: absolute; left: 47px; top: 362px;}
#page #contents .left-membercompany { float: left; width: 260px; height: 420px; background: url(../03_membercompany/img/img_mc.jpg) no-repeat; margin: 0 0 0 5px; padding: 0;}
#page #contents .left-aboutus { float: left; width: 260px; height: 520px; background: url(../04_aboutus/img/img_aboutus.jpg) no-repeat; margin: 0 0 0 5px; padding: 0;}
#page #contents .left-contact { float: left; width: 260px; height: 420px; background: url(../05_contact/img/img_contact.jpg) no-repeat; margin: 0 0 0 5px; padding: 0;}

.contact { margin: 20px 0 0 0; padding: 2px; text-align: right; color: #003300;}


#page #contents #right { float: right; width: 475px; margin: 0 10px 20px 0; font-size: 80%; line-height: 160%;}
#page #contents #right #title-01 { clear: right; width: 475px; height: 65px; background: url(../01_service/img/title_service.jpg) no-repeat; margin: 0; position: relative;}
#page #contents #right #title-02 { clear: right; width: 475px; height: 65px; background: url(../02_works/img/title_works.jpg) no-repeat; margin: 0; position: relative;}
#page #contents #right #title-03 { clear: right; width: 475px; height: 65px; background: url(../03_membercompany/img/title_mc.jpg) no-repeat; margin: 0; position: relative;}
#page #contents #right #title-04 { clear: right; width: 475px; height: 65px; background: url(../04_aboutus/img/title_aboutus.jpg) no-repeat; margin: 0; position: relative;}
#page #contents #right #title-05 { clear: right; width: 475px; height: 65px; background: url(../05_contact/img/title_contact.jpg) no-repeat; margin: 0; position: relative;}
#page #contents #right #title-06 { clear: right; width: 475px; height: 65px; background: url(../06_recruit/img/title_recruit.jpg) no-repeat; margin: 0; position: relative;}

/*aboutus用*/
.add{ width: 440px; margin: 0 0 0 10px; line-height: 140%;}
.left{ width: 70px; text-align: right; padding: 3px; letter-spacing: .5em; border-bottom: 1px dotted #003300;}
.right{ width: 370px; text-align: left; padding: 0 1em; border-bottom: 1px dotted #003300; border-left: 1px dotted #003300;}
.left-top{ width: 70px; text-align: right; padding: 3px; border-bottom: 1px dotted #003300;}
.right-top{ width: 370px; text-align: left; padding: 0 1em; border-bottom: 1px dotted #003300;}

/*contact用*/
#mail-form { width: 440px; margin: 0 0 0 10px; line-height: 160%; color: #333333;}
#mail-form .m-left {width: 90px; text-align: right; padding: 5px;}
#mail-form .m-right {width: 340px; text-align: left; padding: 5px;}
#mail-form input { border: 1px solid #003300;}
#sub-res { width: 440px; text-align: center; margin: 0 0 2em 0;}
#sub-res .submit { width: 130px; height: 25px; background: #003300; border: solid #003300; color: #ffffff; padding: 0px; margin: 20px 20px 0 0; text-align: center;}
#sub-res .reset { width: 75px; height: 25px; background: #ffffff;  border: solid #003300; color: #003300; padding: 0px; margin: 20px0 0 0; text-align: center;}