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

/*-------------------------------- 共通 --------------------------------*/

/*------------ 初期設定 ------------*/
html {
	background-image: url(../images/body_bg.gif);
}

body {
	color: #333333;
	background: url(../images/header_bg.gif) repeat-x left top;
	line-height: 1.5;
}

/*------ リンク色（コンテンツ） ------*/
a,a:link { color: #F66A32; text-decoration:underline;}
a:visited { color: #F66A32;}
a:hover,a:active { color: #FF9900; text-decoration:none;}
a._hover:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a.icon_arrow{
	background:url(../images/icon_arrow.gif) left center no-repeat;
	padding-left:12px;
	text-decoration:none;
}

a.icon_arrow:hover{
	background:url(../images/icon_arrow_on.gif) left center no-repeat;
	color:#666666;
}
/*------------ 全体 ------------*/
#wrapper {
	width: 940px;
	margin: 0 auto;
}

/*------------ ヘッダー ------------*/
#header {
	width: 940px;
	height: 19px;
}

#header h1 {
	color: #FFF;
	padding-top: 2px;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}

/*------------ コンテンツ全体 ------------*/
#contents {
	width: 940px;
	background: url(../images/side_bg_body.gif) repeat-y left top;
}

#main_contents {
	width: 680px;
	padding-top: 10px;
	float: right;
}

#side_contents {
	width: 240px;
	float: left;
}

/*------------ サイドコンテンツ（左） ------------*/

/*------------ ロゴ ------------*/
h2#main_logo {
	width: 240px;
	height: 216px;
}

h2#main_logo a {
	width: 240px;
	height: 216px;
	text-indent: -9999px;
	display: block;
	background: url(../images/main_logo.jpg) left top no-repeat;
}

/*------------ グローバルナビ ------------*/
ul#gnav {
	padding: 5px 0 15px 15px;
	background: url(../images/side_bg_top.jpg) no-repeat left top;
}

ul#gnav li {
	padding: 15px 0;
}

ul#gnav li a {
	width: 70px;
	height: 13px;
	line-height:0;
	font-size: 0;
	text-indent: -9999px;
	display: block;
	background: no-repeat left top;
}

ul#gnav li a:hover {
	font-size: 6px;
	background-position: left bottom;
}

ul#gnav li#gnav_01 a {
	background-image: url(../images/gnav01.gif);
}

ul#gnav li#gnav_02 a {
	background-image: url(../images/gnav02.gif);
}

ul#gnav li#gnav_03 a {
	background-image: url(../images/gnav03.gif);
}

ul#gnav li#gnav_04 a {
	background-image: url(../images/gnav04.gif);
}

/*------------ インフォ ------------*/
#side_box {
	width: 210px;
	margin: 0 auto;
	padding-bottom: 25px;
	background: url(../images/side_box_body.jpg) repeat-y left top;
}

#side_box_top {
	width: 210px;
	height: 10px;
	text-indent: -9999px;
	background: url(../images/side_box_top.jpg) no-repeat left top;
}

#side_box ul {
	width: 170px;
	margin: 0 auto 20px auto;
}

#side_box ul li,
#side_box ul li a {
	width: 170px;
	height: 25px;
	display: block;
	font-size: 6px;
	text-indent: -9999px;
	background: no-repeat left top;
}

#side_box ul li a:hover {
	background-position: left bottom; 
}

#side_box ul li#side_info01 {
	margin-top: 15px;
	background-image: url(../images/side_tel.gif);
}

#side_box ul li#side_info02 {
	margin-top: 5px;
	background-image: url(../images/side_mail.gif);
}

#side_box ul li#side_info03 a {
	margin-top: 10px;
	background-image: url(../images/btn_contact.jpg);
}

#side_box ul li#side_info04 {
	margin-top: 10px;
	background-image: url(../images/side_fax.gif);
}


#side_box p {
	width: 170px;
	margin: 10px auto;
}

#btn_access {
	width: 170px;
	height: 25px;
	margin: 0 auto;
}

#btn_access a {
	width: 170px;
	height: 25px;
	text-indent: -9999px;
	display: block;
	background: url(../images/btn_access.jpg) no-repeat left top;
}

#btn_access a:hover {
	background-position: left bottom;
}

/*------------ コンテンツ（左） ------------*/
#top_con_box {
	/*margin-bottom: 10px;*/
	position: relative;
}

.con_area {
	width: 220px;
	float: left;
}

.con_box {
	width: 220px;
	margin-top: 10px;
	background: url(../images/con_box_side.gif) repeat-y left top #fff;
}

.con_box_gray {
	width: 220px;
	margin-top: 10px;
	background: url(../images/con_box_side_gray.gif) no-repeat left top #fff;
}

.bg_wht_box {
	width: 220px;
	margin-top: 10px;
	background: url(../images/con_box_side_wht.gif) no-repeat left top #fff;
}

.con_box_top {
	width: 220px;
	height: 5px;
	font-size: 0;
	line-height:0;
	text-indent: -9999px;
	background: url(../images/con_box_top.gif) no-repeat left top;
}

.con_box .con_box_inner {
	height: 175px;
	padding-left: 5px;
	position: relative;
}

.con_box_gray .con_box_inner {
	height: 170px;
	padding:5px 0 0 5px;
	position: relative;
}

.con_box_gray .con_box_inner h3{
	width:201px;
	height:165px;
	padding:3px 7px;
}

.con_box_gray .con_box_inner h3#work_ttl_en{background:url(../images/work_img_en.gif) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl01{background:url(../images/work_img01.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl02{background:url(../images/work_img02.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl03{background:url(../images/work_img03.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl04{background:url(../images/work_img04.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl05{background:url(../images/work_img05.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl06{background:url(../images/work_img06.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl07{background:url(../images/work_img07.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl08{background:url(../images/work_img08.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl09{background:url(../images/work_img09.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl10{background:url(../images/work_img10.jpg) left top no-repeat;}
.con_box_gray .con_box_inner h3#work_ttl11{background:url(../images/work_img11.jpg) left top no-repeat;}


.btn_more {
	width: 20px;
	height: 21px;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background: url(../images/btn_more.jpg) no-repeat right top;
}

.btn_more:hover{
	background: url(../images/btn_more.jpg) no-repeat left top;
}

.more_box {
	width: 215px;
	height: 185px;
	padding-left: 5px;
	display: none;
}

.more_box p{
	margin-top:7px;
	font-size:11px;
	padding:0 5px;
}

.con_box_l {
	width: 450px;
	height: 180px;
	float: left;
	background: url(../images/con_box_side.gif) repeat-y left top #fff;
}

.con_box_l .con_box_inner {
	padding-left: 7px;
}

.con_box_top_l {
	width: 450px;
	height: 7px;
	font-size: 6px;
	text-indent: -9999px;
	background: url(../images/con_box_top_l.gif) no-repeat left top;
}

#news_box {
	width: 220px;
	height: 130px;
	margin-bottom: 10px;
	background: url(../images/con_box_side.gif) repeat-y left top #fff;
}

.top_main_table h3{
	margin-top:5px;
}

.top_main_table td{
	vertical-align:top;
}

dl.icon_sitetype,dl.icon_others{
	width: 210px;
	margin: 5px 0 0 7px;
}

dl.icon_sitetype dt,dl.icon_others dt{
	width: 68px;
	float:left;
}

dl.icon_sitetype dd,dl.icon_others dd{
	margin-left:68px;
	line-height:16px;
}


p.icon_sitetype span,p.icon_others span{
	margin-right:5px;
}

.top_main_table img.main_img_pht{
	margin:7px 12px 0 0;
	float:right;
}

h4.news_ttl {
	width: 40px;
	height: 12px;
	font-size: 0;
	margin-bottom: 4px;
	text-indent: -9999px;
	background: url(../images/ttl_news.gif) no-repeat 1px top;
}

#news_box_inner dl {
	padding: 0 5px;
	font-size: 11px;
}

#news_box_inner dl dt {
	color: #f66a32;
}

#news_box_inner dl dd {
	margin-bottom: 10px;
}

.top_social_bnr{
	width:220px;
}

.top_social_bnr a.bnr_facefook{
	display:block;
	float:left;
	width:70px;
	height:40px;
	font-size:0;
	line-height:0;
}

.top_social_bnr a.bnr_blog{
	display:block;
	float:left;
	width:140px;
	height:40px;
	font-size:0;
	line-height:0;
}


/*------------ フッター ------------*/
#footer {
	padding:4px;
	background:#ffffff;
	margin-top:10px;
	border:1px solid #dddddd;
}

ul.txt_nav {
	_zoom: 1;
	overflow: hidden;
}

ul.txt_nav li {
	margin-left: -1px;
	padding: 0 10px;
	display: inline;
	border-left: #00 1px solid;
}

ul.txt_nav a {
	color: #000;
	text-decoration: none;
	font-size:90%;
}

ul.txt_nav a:hover {
	color:#FF9900;
}

#footer address {
	font-size: 9px;
	color: #ef4401;
	float: right;
}

#pagetop{
	position:fixed;
	bottom:50px;
	right:0px;
}


/*------------ サブページ ------------*/
#sub_mainttl{
	margin:30px 0 15px 0;
}

#pankuzu{
	background:url(../images/pankuzu_bg.gif) left top repeat-x;
	height:26px;
	padding-left:10px;
}

#pankuzu li{
	float:left;
	font-size:90%;
	height:20px;
	padding:3px 0;
	background:url(../images/pankuzu_arrow.gif) right center no-repeat;
	padding-right:12px;
	margin-right:10px;
	line-height:20px;
	color:#ffffff;
}

#pankuzu li a{
	line-height:20px;
}

#pankuzu li#home a{
	display:block;
	background:url(../images/pankuzu_home.gif) left top no-repeat ;
	width:20px;
	height:20px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

#pankuzu li#home a:hover{
	background:url(../images/pankuzu_home.gif) right top no-repeat
}

#pankuzu li.last{ background:none;}

.con_area_sub{
	background:url(../images/con_box_side.gif) left top repeat-y #ffffff;
	min-height:560px;
	padding:40px 40px 20px;
}

#sub_navi{
	text-align:center;
	padding:0 0 10px 0;
}

#sub_navi li{
	display:inline;
	margin-left:14px;
	text-align:center;
}

#sub_navi li a{
	color:#000000;
	text-decoration:none;
	line-height:18px;
	padding-bottom:6px;
}

#sub_navi li a:hover{
	color:#EF4401;
	background:url(../images/icon_arrow_under.gif) center bottom no-repeat;
}

/*------------ 「サービス」 ------------*/
.service_box{
	padding-bottom:45px;
	margin-bottom:45px;
	background:url(../images/box_line.gif)  center bottom no-repeat;
}

.service_box .subttl span{
	display:block;
	float:left;
	width:26px;
	height:26px;
	padding:8px;
	line-height:26px;
	/*color:#EF4401;*/
	font-size:20px;
	text-align:center;
	border:3px solid #333333;
	color:#ffffff;
	background:#333333;
}

.service_box .subttl h3{
	margin-left:65px;
	font-size:20px;
	line-height:48px;
	font-weight:normal;
	border-bottom:1px dotted #b6b6b6;
	margin-bottom:20px;
}

.service_box .left{
	width:365px;
	float:left;
}

.service_box .left dt{
	padding-left:15px;
}

.service_box .left dd{
	background:url(../images/con_box_side_gray.gif) left top no-repeat;
	margin-top:20px;
	padding:15px;

}

.service_box .right{
	width:215px;
	float:right;
}


/*------------ 「実績」 ------------*/
.works_box{
	padding-bottom:45px;
	margin-bottom:25px;
	background:url(../images/box_line.gif)  center bottom no-repeat;
}

.works_box .subttl span{
}

.works_box .subttl h3{
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	margin :8px 0 10px;
}

.works_box .left{
	width:245px;
	float:left;
}

.works_box .left p{
	border-top:1px dotted #b6b6b6;
	padding:10px 10px;
	font-size:11px;
	line-height:1.6;
}

.works_list{
	font-size:10px;
	padding:12px;
	background:url(../images/con_box_side_gray.gif) left top no-repeat
}

.works_list dl{
	font-size:10px;
	padding-bottom:10px;
}

.works_list dt{
	width:10em;
	float:left;
	color:#EF4401;
}

.works_list .left dd{
	margin-left:12em;
}

.works_box .right{
	width:312px;
	float:right;
	padding:8px 8px 15px;
	border:3px solid #666666;
	text-align:center;
}

.works_box .right .site_pht img{
	padding-bottom:15px;	
	border-bottom:1px dotted #b6b6b6;
	margin-bottom:15px;
}

.common_table{
}

.common_table th,.common_table td{
	padding:15px 10px;
	border-bottom:1px dotted #b6b6b6;
}

.common_table th{
	width:11em;
}


/*------------ 各設定 ------------*/
.photo_line {
	padding: 1px;
	border: #B6B6B6 1px solid;
	background-color: #FFF;
}

.last {
	border: none;
}


/*------------ フォント ------------*/

/*-------- margin --------*/
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb30 {
	margin-bottom: 30px;
}

.mr15 {
	margin-right: 15px;
}

.mlr10 {
	margin: 0 10px;
}


/*-------- padding --------*/
.p10 {
	padding: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.f_left {
	float: left;
}

/*-------- right --------*/
.f_right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

.blue {	color: #34B3D1;}
.dark_blue { color:#369;}
.green{ color:#090;}
.pink{ color:#F06;}
.brown{ color:#C60;}
.white{ color:#ffffff;}
.red{ color:#E60611;}
.bold{ font-weight:bold;}
.nomal{ font-weight:normal;}
.black{ color:#333;}
.orange{ color:#FF6F0B;}
.bg_white{ background:#ffffff;}
.fs80{ font-size:80%;}

.w245{width:245px;}
.w490{width:490px;}
.w735{width:735px;}

.mt10{ margin-top:10px;}

.block{ display:block; cursor:pointer;}
.center{ text-align:center;}
.left{ float:left;}
.right{ float:right;}

.txt_l{ text-align:left;}
.txt_c{ text-align:center;}
.txt_r{ text-align:right;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}

.lh2{ line-height:2em;}
.cb {
	clear: both;
}

input.type1,textarea.type3{ width:100%;}
input.btn{ padding:8px 24px;}