@charset "UTF-8";
	

/*------------------------*/
/* ページ全体の設定 */
/*------------------------*/
body
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:#E7E8E2 url(../image/bg.gif) top left repeat-y;
}

img
{
	border:0;
}

*
{
	margin:0;
	padding:0;
}

#contentwrap
{
	margin:0 0 0 50px;
	width:800px;
	text-align:left;
	background:#FFF url(../image/content_bg.gif) top center repeat-x;
}


/*------------------------*/
/*リンクの設定*/
/*------------------------*/
a:link
{
	color:#393;
	text-decoration:underline;
	background-color:transparent;
}

a:visited
{
	color:#393;
	text-decoration:underline;
	background-color:transparent;
}

a:hover
{
	color:#C00;
	text-decoration:underline;
	background-color:transparent;
}

a:active
{
	color:#006;
	text-decoration:none;
	background-color:transparent;
}

/*------------------------*/
/* トップページ左側の設定 */
/*------------------------*/
#leftcontent
{
	float:left;
	position:relative;
	width:450px;
	text-align:left;
	background:transparent url(../image/header_bg.jpg) repeat-x top left;
}


/*------------------------*/
/* ヘッダーの設定 */
/*------------------------*/
#header
{
	height:120px;
	width:450px;
	text-align:left;
}

#header h1 a
{
	display:block;
	position:absolute;
	top:70px;
	height:50px;
	width:270px;
	text-decoration:none;
	text-indent:-9999pt;
	background:transparent url(../image/logo.gif) no-repeat;
}

#header h2
{
	display:none;
	color:#393;
	font-size:10px;
	font-weight:normal;
}


/*------------------------*/
/* ヘッドラインの設定 */
/*------------------------*/
#headline
{
	float:left;
	height:120px;
	width:800px;
	text-align:left;
	background:transparent url(../image/header_bg.jpg) top left repeat-x;
}

#headline h1 a
{
	display:block;
	position:absolute;
	top:70px;
	height:50px;
	width:270px;
	text-decoration:none;
	text-indent:-9999pt;
	background:transparent url(../image/logo.gif) no-repeat;
}

#headline h2
{
	display:none;
	color:#393;
	font-size:10px;
	font-weight:normal;
}

/*-----
#header-banner
{
	float:right;
	height:120px;
	width:350px;
	text-align:right;
	background:transparent url(../image/header_bg.jpg) top left repeat-x;
}

div.banner
{
	margin:0 20px 0 0;
}

-----*/
/*------------------------*/
/* メニューバーの設定 */
/*------------------------*/
#menubar
{
	height:35px;
	width:450px;
	background:transparent url(../image/menubar_bg.gif) top left no-repeat;
}

#menubar ul
{
	list-style-type:none;
	height:35px;
}

#menubar li
{
	float:left;
	display:block;
}

#menubar li a
{
	display:block;
	height:35px;
	width:58px;
	text-decoration:none;
	text-indent:-9999pt;
}

/* ナビメニューの設定 */
#menubar li.home
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_home.gif) top center no-repeat;
}

#menubar li.overview
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_overview.gif) top center no-repeat;
}

#menubar li.works
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_works.gif) top center no-repeat;
}

#menubar li.example
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_example.gif) top center no-repeat;
}

#menubar li.map
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_map.gif) top center no-repeat;
}

#menubar li.recruit
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_recruit.gif) top center no-repeat;
}

#menubar li.inquiry
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_inquiry.gif) top center no-repeat;
}

/* ロールオーバーの設定 */
#menubar li.home a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_home.gif) top center no-repeat;
}

#menubar li.overview a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_overview.gif) top center no-repeat;
}

#menubar li.works a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_works.gif) top center no-repeat;
}

#menubar li.example a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_example.gif) top center no-repeat;
}

#menubar li.map a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_map.gif) top center no-repeat;
}

#menubar li.recruit a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_recruit.gif) top center no-repeat;
}

#menubar li.inquiry a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_inquiry.gif) top center no-repeat;
}


/*------------------------*/
/* ナビゲーションの設定 */
/*------------------------*/
#navi
{
	clear:both;
	height:35px;
	width:800px;
	background:transparent url(../image/menubar_bg.gif) top left no-repeat;
}

#navi ul
{
	list-style-type:none;
	height:35px;
}

#navi li
{
	float:left;
	display:block;
}

#navi li a
{
	display:block;
	height:35px;
	width:58px;
	text-decoration:none;
	text-indent:-9999pt;
}

/* ナビメニューの設定 */
#navi li.home
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_home.gif) top center no-repeat;
}

#navi li.overview
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_overview.gif) top center no-repeat;
}

#navi li.works
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_works.gif) top center no-repeat;
}

#navi li.example
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_example.gif) top center no-repeat;
}

#navi li.map
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_map.gif) top center no-repeat;
}

#navi li.recruit
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_recruit.gif) top center no-repeat;
}

#navi li.inquiry
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav_inquiry.gif) top center no-repeat;
}

/* ロールオーバーの設定 */
#navi li.home a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_home.gif) top center no-repeat;
}

#navi li.overview a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_overview.gif) top center no-repeat;
}

#navi li.works a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_works.gif) top center no-repeat;
}

#navi li.example a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_example.gif) top center no-repeat;
}

#navi li.map a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_map.gif) top center no-repeat;
}

#navi li.recruit a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_recruit.gif) top center no-repeat;
}

#navi li.inquiry a:hover
{
	height:35px;
	width:58px;
	background:transparent url(../image/nav2_inquiry.gif) top center no-repeat;
}


/*------------------------*/
/* コンテンツの設定 */
/*------------------------*/
#content
{
	padding:15px 0 15px 30px;
	height:auto;
	width:450px;
	background-color:transparent;
}

/* トピックスの設定 */
#topics
{
	padding:15px 0;
}

#topics h2
{
	padding:0 0 15px 0;
}

#topics p.date
{
	margin:0 0 0 30px;
	padding:10px 15px 10px 0;
	width:350px;
	font-size:9px;
	line-height:180%;
	color:#000;
}

#topics .comment
{
	margin:0 0 0 20px;
	padding:4px 0 0 15px;
	width:320px;
	font-size:11px;
	color:#51974C;
	background:transparent url(../image/arrow.gif) no-repeat;
}

#topics div.dotline
{
	display:block;
	margin:0 0 0 30px;
	width:350px;
	font-size:1px;
	border-bottom:1px dotted #0C6600;
}


/*------------------------*/
/* トップページ右側の設定 */
/*------------------------*/
#rightcontent
{
	float:right;
	width:350px;
	background:transparent url(../image/rh_bg.jpg) top left no-repeat;
}

/* あいさつの設定 */
#hello
{
	padding:0 14px 0 0;
	height:336px;
	background:transparent url(../image/hello_bg.jpg) top right no-repeat;
}

#hellowords h2
{
	padding:39px 0 15px 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:18px;
	font-weight:bold;
	font-style:oblique;
	color:#000;
}

#hellowords p
{
	padding:0 25px 25px 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:10px;
	line-height:200%;
	letter-spacing:3px;
	color:#000;
}

#hellowords #hellowrap
{
}

/* コンテナルームの設定 */
#container
{
	margin:20px 20px 20px 0;
	background:transparent url(../image/container_bg.gif) top right no-repeat;
}

#container h2
{
	padding:5px 0 15px 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:18px;
	font-weight:bold;
	font-style:oblique;
	color:#000;
}

#container h3
{
	padding:35px 0 0 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:13px;
	font-weight:bold;
	color:#F90;
}

#container p
{
	padding:0 25px 0 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:10px;
	line-height:160%;
	letter-spacing:3px;
	color:#000;
}

#container p.detail
{
	text-align:right;
	color:#51974C;
}

#container ul
{
	padding:0 25px 0 65px;
	list-style-image:url('../image/point.gif');
}

#container li
{
	margin:8px 0;
	font-size:10px;
	line-height:140%;
	letter-spacing:3px;
	color:#000;
}

/* コンテナ設定 */
#containerinfo
{
	padding:0 14px 0 0;
	height:400px;
	width:350px;
	background:transparent url(../image/container_bg.jpg) top left no-repeat;
}

#containerwords h2
{
	padding:5px 0 15px 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:18px;
	font-weight:bold;
	font-style:oblique;
	color:#000;
}

#containerwords h3
{
	padding:20px 0 0 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:13px;
	font-weight:bold;
	color:#F90;
}

#containerwords p
{
	padding:0 25px 0 45px;
	font-family:'ＭＳ Ｐ明朝','平成明朝',serif;
	font-size:12px;
	font-weight:bold;
	line-height:160%;
	letter-spacing:3px;
	color:#393;
}

#containerwords p.detail
{
	text-align:right;
	color:#51974C;
}

#containerwords ul
{
	padding:0 25px 0 65px;
	list-style-image:url('../image/point.gif');
}

#containerwords li
{
	margin:8px 0;
	font-size:10px;
	line-height:120%;
	letter-spacing:3px;
	color:#000;
}

#containerwords #containerwrap
{
}

/* コンテナブロックの設定 */
.cblock
{
	clear:both;
	margin:0 0 10px 0;
	padding:0 0 0 30px;
}

/* コンテナマップの設定 */
.cmap
{
	margin:20px 20px 20px 0;
	height:350px;
	background:transparent url(../image/container_map.jpg) top right no-repeat;
}

.cmap2
{
	margin:20px 20px 20px 0;
	height:280px;
	background:transparent url(../image/container_map2.jpg) top right no-repeat;
}

/* コンテナ料金の設定 */
.pricelist
{
	float:left;
	padding:15px 0;
}

.pricelist h2
{
	padding:0 0 5px;
}

.plist
{
	margin:0 0 0 30px;
	width:390px;
	font-size:11px;
	color:#666;
}

.plist td
{
	padding:6px 5px 6px 8px;
	border-bottom:1px solid #393;
}

.cillust
{
	text-align:right;
}
.c-image
{
	padding:10px 0 0 40px;
}

.c-image img
{
	margin:0 5px 0 0;
	border:2px solid #A7D032;
}


/*------------------------*/
/* メインコンテンツの設定 */
/*------------------------*/
#main
{
	padding:30px 0 15px 30px;
}

/* 会社概要の設定 */
#companyinfo
{
	padding:0 0 0 80px;
	font-size:11px;
	color:#666;
}

.companytd1
{
	float:left;
	margin:0 0 0 10px;
	padding:12px 0 10px 8px;
	width:100px;
	line-height:140%;
}

.companytd2
{
	float:left;
	padding:10px 0;
	width:30px;
	line-height:140%;
}

.companytd3
{
	float:left;
	padding:12px 0 10px 0;
	width:500px;
	line-height:140%;
}

#companyinfo .nofloat
{
	clear:both;
	width:630px;
	font-size:1px;
	border-bottom:1px dotted #666;
	height:auto;
}

/* 実績紹介の設定 */
#worksinfo
{
	font-size:11px;
	color:#666;
}

#worksinfo h2
{
	padding:0 0 0 60px;
	font-size:14px;
	color:#393;
}

#worksinfo h3
{
	padding:0 0 5px 60px;
	font-size:14px;
	color:#393;
}

#worksinfo p
{
	padding:5px 0 0 60px;
	font-size:11px;
	color:#666;
}

#worksinfo .nofloat
{
	clear:both;
	margin:0 0 0 200px;
	width:520px;
	font-size:1px;
}

#worksinfo .dotline
{
	clear:both;
	margin:0 0 0 200px;
	width:520px;
	font-size:1px;
	border-bottom:1px dotted #666;
}

#leftworks
{
	float:left;
	margin:15px 0;
	width:460px;
}

#rightworks
{
	float:right;
	margin:15px 0 15px 10px;
	width:300px;
	text-align:left;
}

#rightworks h3
{
	margin:0 50px 10px 0;
	padding:20px 0 3px 0;
	font-size:14px;
	color:#393;
	border-bottom:1px dotted #666;
}

#rightworks p
{
	padding:0 50px 0 0;
	font-size:11px;
	color:#666;
}

/* 実例紹介の設定 */
#exampleinfo
{
	font-size:11px;
	color:#666;
}

#exampleinfo p
{
	padding:0 0 0 60px;
	font-size:11px;
	color:#666;
}

#cs,#rh,#nf,#oe
{
	margin:30px 0 0;
}


.exampletd-left
{
	float:left;
	padding:10px 0 10px 80px;
	width:200px;
	line-height:140%;
}

.exampletd-center
{
	float:left;
	padding:10px 0;
	width:200px;
	line-height:140%;
}

.exampletd-right
{
	float:left;
	padding:10px 0;
	width:200px;
	line-height:140%;
}

.exampletd
{
	float:left;
	padding:10px 0;
	width:20px;
	line-height:140%;
}

#exampleinfo .nofloat
{
	clear:both;
	margin:0 0 0 200px;
	width:520px;
	font-size:1px;
}

#exampleinfo .dotline
{
	clear:both;
	margin:0 0 0 200px;
	width:520px;
	font-size:1px;
	border-bottom:1px dotted #666;
}

/* 採用情報の設定 */
#recruitinfo
{
	padding:0 0 0 80px;
	font-size:11px;
	color:#666;
}

.recruittd1
{
	float:left;
	margin:0 0 0 10px;
	padding:12px 0 10px 8px;
	width:100px;
	line-height:140%;
}

.recruittd2
{
	float:left;
	padding:10px 0;
	width:30px;
	line-height:140%;
}

.recruittd3
{
	float:left;
	padding:12px 0 10px 0;
	width:500px;
	line-height:140%;
}

#recruitinfo .nofloat
{
	clear:both;
	width:630px;
	font-size:1px;
	border-bottom:1px dotted #666;
}

.rcomment
{
	margin:20px 60px 10px 80px;
	padding:8px;
	font-size:11px;
	color:#C00;
	background-color:#EEF;
	border:1px solid #369;
}

/* お問合せの設定 */
#inquiryinfo
{
	padding:0 0 0 80px;
	font-size:11px;
	color:#666;
}

.inquirytd1
{
	float:left;
	margin:0 0 0 10px;
	padding:12px 0 10px 8px;
	width:150px;
	line-height:140%;
}

.inquirytd2
{
	float:left;
	padding:10px 0;
	width:30px;
}

.inquirytd3
{
	float:left;
	padding:10px 0;
	width:430px;
	line-height:140%;
}

.inquirytd4
{
	float:left;
	margin:0 0 0 10px;
	padding:10px 0 10px 13px;
	width:610px;
	text-align:center;
	line-height:140%;
	color:#900;
}

.inquirytd5
{
	float:left;
	margin:0 0 0 10px;
	padding:10px 0 10px 13px;
	width:610px;
	line-height:140%;
	color:#900;
}

#inquiryinfo .nofloat
{
	clear:both;
	width:630px;
	font-size:1px;
	border-bottom:1px dotted #666;
}

/* 地図の設定 */
#mapinfo
{
	float:left;
	padding:15px 0 0 30px;
	font-size:11px;
	color:#666;
}

#map
{
	float:right;
	padding:15px 50px 15px 0;
	font-size:11px;
	color:#666;
}

.map-image
{
	margin:0;
	padding:0;
	height:250px;
	width:500px;
}

/*------------------------*/
/* フッターの設定 */
/*------------------------*/
#footer
{
	clear:both;
	height:200px;
	width:800px;
	background:transparent url(../image/footer_bg.gif) top center no-repeat;
}

#copyright
{
	float:left;
	padding:10px;
	font-size:10px;
	line-height:200%;
	color:#AAA;
}

#copyright a:link
{
	text-decoration:none;
	color:#FFF;
	background-color:transparent;
}

#copyright a:visited
{
	text-decoration:none;
	color:#FFF;
	background-color:transparent;
}

#copyright a:hover
{
	text-decoration:underline;
	color:#F60;
	background-color:transparent;
}

#copyright a:active
{
	text-decoration:none;
	color:#FFF;
	background-color:transparent;
}

#copyright a:link.validator
{
	color:#6C6;
}

#copyright a:visited.validator
{
	color:#6C6;
}

#copyright a:hover.validator
{
	text-decoration:underline;
	color:#F60;
	background-color:transparent;
}

#copyright a:active
{
	text-decoration:none;
	color:#6C6;
	background-color:transparent;
}

#footer-banner
{
	float:right;
	margin:10px 0;
	padding:0 10px 0 0;
}


div.narara
{
	width:740x;
	height:70px
	clear: both;
	background-image: url(../image/title_ei.gif);
	background-repeat: no-repeat;
	height: 70px;
	padding-right: 30px;
}

span.nararabox {
	width:700x;
	height:70px;
	text-align: right;
}

span.commentimg
{
	margin:0 0 0 20px;
	padding:4px 0 0 15px;
	width:320px;
	font-size:11px;
	color:#51974C;
	
}

div.sougo {
width:435px;
height:auto;
clear:inherit;

}