@charset "shift_jis";
/* CSS Document */

body{ width:100%; margin:0; padding:0px; color:#333333; font-size:12px; 
/*font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;*/
letter-spacing:200%; background:url(../img/top_bg.gif) repeat-x;}
.alt{display:none;}
a:link,a:visited {color:#333333; text-decoration:none;}
img{border:0px; margin:0px; padding:0px;}
a:hover{text-decoration:none;}
ul{margin:0; padding:0; list-style-type:none;}
div, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, form, input{margin:0px; padding:0px;}

img{border:0px;}
.clear{ height:0px; margin:0px; padding:0px; clear:both; overflow:hidden;}

.top_bg_left{width:10%; height:105px; background:url(../img/top_bg_left.gif) repeat-x; float:left;}
.top_bg_right{width:10%; height:105px; background:url(../img/top_bg_right.gif) repeat-x; float:right;}
.top_bg_middle{width:930px; height:40px; background:url(../img/top_bg_middle.gif) repeat-x; float:left;}
.container{width:930px; margin:0 auto;}

.top_header{height:105px; background:url(../img/top_bg_right.gif) repeat-x;}
.top_logo{float:left;}
.top_header_text{color:#006990; font-size:10px; margin-top:10px; margin-right:40px; float:right;}
.top_header_menu{width:170px; margin-top:18px; margin-right:20px; float:right;}

/**space**/
.space10{width:10px; height:10px;}
.space20{width:20px; height:20px;}
.space30{width:30px; height:30px;}
.space50{width:50px; height:50px;}


/**font**/
.bluef{color:#0FACE7;}
.blueb{font-size:14px; color:#0FACE7; font-weight:bold; margin-bottom:5px;}
.blueb16{font-size:16px; color:#0FACE7; font-weight:bold;}
.blueb18{font-size:18px; color:#007FAE; font-weight:bold;}

.whitebold, .whitebold a{color:#ffffff; font-size:12px; font-weight:bold;}
.whitebold a:hover{font-weight:bolder; text-decoration: underline;}

.greenbold, .greenbold a{color:#007FAE; font-size:16px; font-weight:bold;}
.greenbold a:hover{font-weight:bolder; text-decoration: underline;}

.green, green a{color:#509FBC; font-size:10px;}
.green a:hover{font-weight:bold; text-decoration: underline;}

.newsblack, newsblack a:link, .newsblack a:visited, .newsblack span{font-size:12px; line-height:18px;}
.newsblack a:hover{color:#0FACE7; text-decoration:underline;}

.newsgrey, .newsgrey a:link, .newsgrey a:visited, .newsgrey span{color:#747474; font-size:12px; line-height:18px;}
.newsgrey a:hover{color:#0FACE7; text-decoration: underline;}

.bigred {color:#E02329; font-size:24px; font-weight:bolder;}

/**Global Menu**/
#gnavi{ display:block; width:890px; height:40px; padding:0px; clear:both; margin-left:25px; margin-top:-40px;}
#gnavi ul{margin:0; padding:0;}
#gnavi li{margin:0; padding:0; height:40px; float:left;}

#gnavi a:hover{background-position:0px -40px}
#gnavi a, #gnavi div{display:block;	padding:0px; height:40px;}

#gnavi #gn_01{background-image:url(../img/gn_01.jpg) ; width:151px; margin:0;}
#gnavi #gn_02{background-image:url(../img/gn_02.jpg) ; width:154px; margin:0;}
#gnavi #gn_03{background-image:url(../img/gn_03.jpg) ; width:154px; margin:0;}
#gnavi #gn_04{background-image:url(../img/gn_04.jpg) ; width:230px; margin:0;}
#gnavi #gn_05{background-image:url(../img/gn_05.jpg) ; width:154px; margin:0;}

#index_page #gnavi #gn_01,
#news_page #gnavi #gn_02,
#works_page #gnavi #gn_03,
#works1_page #gnavi #gn_03,
#works2_page #gnavi #gn_03,
#works3_page #gnavi #gn_03,
#works4_page #gnavi #gn_03,
#service_page #gnavi #gn_04,
#company_page #gnavi #gn_05
{background-position:0 -40px;}


 

/**left side menu**/

#lscont{display:block; width:210px; height:auto; margin-bottom:20px; margin-right:20px; padding:0px; clear:both;}
#lscont ul{display:block; margin:0; padding:0;}
#lscont li{display:block; margin:0; padding:0; float:left;}

#lscont a {display:block; padding:0px; height:30px;}
#lscont a#lm_01 {display:block; padding:0px; height:31px;}
#lscont a#lm_08_s1, #lscont a#lm_08_s2, #lscont a#lm_08_s3 {display:block; padding:0px; height:22px;}
#lscont a#lm_08_s4 {display:block; padding:0px; height:25px;}
#lscont a:hover{background-position:0px -30px;}
#lscont a#lm_01:hover{background-position:0px -31px;}
#lscont a#lm_08_s1:hover, #lscont a#lm_08_s2:hover, #lscont a#lm_08_s3:hover {background-position:0px -22px;}
#lscont a#lm_08_s4:hover{background-position:0px -25px;}

#lscont #lm_01{background-image:url(../img/lsmenu01.gif); width:210px;}
#lscont #lm_02{background-image:url(../img/lsmenu02.gif); width:210px;}
#lscont #lm_03{background-image:url(../img/lsmenu03.gif); width:210px;}
#lscont #lm_04{background-image:url(../img/lsmenu04.gif); width:210px; margin-bottom:20px;}
#lscont #lm_05{background-image:url(../img/lsmenu05.gif); width:210px;}
#lscont #lm_06{background-image:url(../img/lsmenu06.gif); width:210px;}
#lscont #lm_07{background-image:url(../img/lsmenu07.gif); width:210px;}
#lscont #lm_08{background-image:url(../img/lsmenu08.gif); width:210px;}

#lscont #lm_08_s1{background-image:url(../img/lsmenu08_sub01.gif); width:210px;}
#lscont #lm_08_s2{background-image:url(../img/lsmenu08_sub02.gif); width:210px;}
#lscont #lm_08_s3{background-image:url(../img/lsmenu08_sub03.gif); width:210px;}
#lscont #lm_08_s4{background-image:url(../img/lsmenu08_sub04.gif); width:210px;}



#news_page #lscont #lm_01 {background-position:0px -31px;}
#service_page #lscont #lm_02, #privacy_page #lscont #lm_03, #scription_page #lscont #lm_04,
 #company_page #lscont #lm_05, #recruit_page #lscont #lm_06, #mailto_page #lscont #lm_07
{background-position:0px -30px;}

#works_page #lscont #lm_08, 
#works1_page #lscont #lm_08, 
#works2_page #lscont #lm_08, 
#works3_page #lscont #lm_08, 
#works4_page #lscont #lm_08, 
#works_page #lm_08
{background-position:0px -60px;}


#works1_page #lm_08_s1,
#works2_page #lm_08_s2,
#works3_page #lm_08_s3
{background-position:0px -22px;}
#works4_page #lm_08_s4
{background-position:0px -25px;}


#lscont{width:210px; height:auto; margin-bottom:20px; margin-right:20px; float:left;}
#lscont .lsmenu1 {width:210px; height:31px;}
#lscont .lsmenu2 {width:210px; height:30px;}
#lscont .lsmenu3 {width:210px; height:30px; margin-bottom:20px;}
#lscont .lsbanner {width:210px; height:64px; margin-bottom:10px; float:left;}


/**right side contents**/
#rscont{width:615px; height:auto; margin-bottom:20px; float:right;}
#rscont .ttlobi {width:585px; height:32px; background:url(../img/title_obi.gif) no-repeat; margin-top:10px; padding:8px 15px 0 15px;}


/**bottom**/
#bottom{ width:100%; height:67px; background:url(../img/bottom_bg.gif) repeat-x; clear:both;}
#bottom .container{width:900px; margin:0 auto;}
#bottom .logo{width:43px; height:24px; background:url(../img/bottom_logo.gif) no-repeat; float:left; margin-top:20px; margin-left:20px;}
#bottom .address{color:#98AFB8; font-size:10px; margin-top:20px; padding-left:10px; float:left;}
*+html #bottom .address{margin-top:23px; float:left;}
#bottom .copyright{color:#C6F0FF; font-size:10px; margin-top:20px; float:right;}


/**index**/
.top_img_cont{width:930px;}
.top_img{width:900px; height:210px; background:url(../img/main_img.jpg) no-repeat; margin:0 auto; float:left;}
.top_img_l{width:15px; height:210px; background:url(../img/top_img_left.jpg) no-repeat; float:left;}
.top_img_r{width:15px; height:210px; background:url(../img/top_img_right.jpg) no-repeat; float:left;}
.blue_line{width:100%; height:5px; background:#84C3E6; margin-bottom:20px; clear:both;}


.conhead{width:900px; background:url(../img/cont_head.gif) no-repeat; height:20px; margin:0 auto;}
.conbody{width:850px; background:url(../img/cont_body.gif) repeat-y; height:auto; padding:25px; margin:0 auto;}

#rscont .subcont{margin-bottom:40px;}

#rscont .newscont{width:615px;}
#rscont .newscont .date{width:50px; height:auto; margin:10px 10px 5px 15px; float:left;}
#rscont .newscont .textong{width:470px; height:auto; margin:10px 15px 5px 0px; float:right;}

#rscont .workscont{width:615px; clear:both;}
#rscont .workscont .bnl{width:285px; height:auto; margin:15px 0 0 10px; float:left;}
*html #rscont .workscont .bnl{width:285px; height:auto; margin:15px 0 0 5px; float:left;}
#rscont .workscont .bnl p{margin:10px 5px; color:#747474;}
#rscont .workscont .bnr{width:285px; height:auto; margin:15px 10px 0 0; float:right;}
#rscont .workscont .bnr p{margin:10px 5px; color:#747474;}

#rscont .productscont{width:615px;}
#rscont .productscont .tbl{width:265px; height:auto; margin-top:15px; padding:15px; float:left; border:3px solid #B6EBFF;}
#rscont .productscont .tbr{width:265px; height:auto; margin-top:15px; padding:15px; float:right; border:3px solid #B6EBFF;}
#rscont .productscont .tbl .image{width:72px; height:72px; border:3px solid #B6EBFF; float:left;}
#rscont .productscont .tbl .textong{width:170px; height:auto; float:right;}
#rscont .productscont .tbr .image{width:72px; height:72px; border:3px solid #B6EBFF; float:left;}
#rscont .productscont .tbr .textong{width:170px; height:auto; float:right;}

.news_more {width:120px; float:right; margin-right:20px; clear: both;}
.news_more a{color:#0FACE7;}

.go_up {width:auto; float:right; margin-right:20px; margin-top:20px; margin-bottom:20px;}
.go_up a{color:#0FACE7;}

.map{width:610px; text-align:center;}


/**NEWS**/
.news_detailttl{width:585px; height:auto; font-size:16px; font-weight:bold; margin-top:10px; margin-left:20px; clear:both;}
.news_detailtext{
	width:585px;
	height:auto; /*margin-top:10px;*/
	padding:5px;
	color:#747474;
	line-height:24px;
	margin: 0 auto;
	;
}
.news_detailtext a{color:#0FACE7;}
.news_detailtext a:hover { text-decoration:underline;}

.news_detailtext2{width:auto; height:auto; padding:5px; color:#747474; line-height:24px; font-size:18px; font-weight:bold;}
.news_detailtext2 a{color:#0FACE7;}
.news_detailtext2 a:hover { text-decoration:underline;}


/**WORKS**/
.works_topbanner{ margin-top:20px;}
.amiddle{width:auto; height:auto; margin:20px auto 0px; text-align:center; clear:both;}

.work_detailtext{width:auto; height:auto; padding:5px 15px 5px 15px; color:#747474; line-height:24px;}
.work_detailtext a{color:#0FACE7;}
.work_detailtext a:hover { text-decoration:underline;}
.work_imglink{width:33;; height:auto; margin:15px; border:0; float:left;}
.work_imglink img{ border:1px solid #B6EBFF;}


/**company**/
.companytable {width: 500px; border-width: 1px; border-style: solid; border-color: #c7c7c7; border-collapse: collapse; margin:20px;}
.companytable .tablesp01 {width:150px; padding:10px;margin:10px; background:#F6F6F6; border-right-color:#DFDFDF; border-bottom-color:#DFDFDF; text-align:center;}
.companytable .tablesp02 {width:350px; padding:10px;margin:10px; border-right-color:#DFDFDF; border-bottom-color:#DFDFDF;}

/**profile**/
.profileimg {float:left; margin-right:20px; border:0;}
.profiletext{margin-bottom:30px;}


/**recruit**/
#rc .tablesp01 { padding: 10px; margin: 10px; white-space: nowrap;}
#rc .tablesp02 { padding: 10px; margin: 10px;}
#rc p{padding:10px;}