@charset "UTF-8";
@import url(./font.css);
/************************************************

**    Copyright (c) 2007 SHIN KURUSHIMA DOCKYARD.
**                  All Rights Reserved.
*************************************************/
/*++++++++++++++++++++++++++++++++++++++++
         初期化設定
++++++++++++++++++++++++++++++++++++++++*/
* {
	margin				: 0;
	padding				: 0;
	font-family			: "ＭＳ Ｐゴシック", "Osaka−等幅";
	font-size			: 12px;
	line-height			: 150%;
}

/*++++++++++++++++++++++++++++++++++++++++
         基本設定
++++++++++++++++++++++++++++++++++++++++*/
body {
	margin				: 0 0 30px 0;
	background			: #0453a4 url(../images/body_bg.jpg) repeat-x 0 0;
}

#container {
	width				: 760px;
	margin				: 0 auto;
}
#main {
	background			: #ffffff;
}

/*-----------------------------
         その他
-----------------------------*/
.container_left {
	vertical-align		: top;
	background			: url(../images/container_left_bg.jpg) repeat-y 0 0;
}
.container_right {
	vertical-align		: top;
	background			: url(../images/container_right_bg.jpg) repeat-y 0 0;
}

/*  リンク
-----------------------------*/
a:link {
	text-decoration		: none;
}
a:visited {
	text-decoration		: none;
}
a:hover {
	text-decoration		: underline;
}

/*++++++++++++++++++++++++++++++++++++++++
         ヘッダー設定
++++++++++++++++++++++++++++++++++++++++*/
.header_top h1 {
	text-align			: right;
	color				: #ffffff;
	padding				: 8px 5px 5px 0;
	font-size			: 11px;
	font-weight			: normal;
}
.header_top_image {
	margin				: 0 0 -1px 0;
}

#header {
	background			: url(../images/header_bg.jpg) repeat-x 0 bottom;
	padding				: 0 10px 0 0;
	height				: 100%;
}
#header ul {
	position			: relative;
	margin				: 0 0 7px 0;
	float				: right;
}
	#header li {
		list-style-type		: none;
		background			: url(../images/icon_arrow.gif) no-repeat 0 center;
		float				: left;
		padding				: 0 0 0 16px;
		margin				: 0 7px 0 0;
	}
.header_logo {
	float				: left;
	margin				: -10px 0 0 12px;
}
	.header_logo img {
		border				: none;
	}
#header table {
	margin				: 10px 0 7px 0;
	float				: right;
}

/*++++++++++++++++++++++++++++++++++++++++
         ヘッダーメニュー設定
++++++++++++++++++++++++++++++++++++++++*/
#menu li {
	float				: left;
	list-style-type		: none;
}
/*サブメニュー表示*/
#menu ul li.navi_parent ul{
	display				: none;
}
/* メニューマウスオーバー時に表示 */
#menu ul li.navi_parentOn ul{
	display				: block;
	position			: absolute;
	z-index				: 100;
}
	#menu ul li a{
		display				: block;
		text-decoration		: none;
	}
#menu ul ul {
	margin				: -5px 0 0 0;
}
/* サブメニュー通常時 */
#menu ul ul li{
	float				: none;
}
	#menu ul li ul li a {
		border				: 1px solid #ffffff;
		border-top			: none;
		color				: #ffffff;
		width				: 140px;
		font-size			: 10px;
		background			: #888888;
		padding				: 7px 10px 7px 7px;
		
	}
		/* サブメニューマウスオーバー */
		#menu ul li ul li a:hover {
			background			: #0453a4;
			color				: #ffffff;
		}
* html #menu ul li ul li a:hover {
background:#0453a4;
color:#ffffff;
}
/*++++++++++++++++++++++++++++++++++++++++
         フッター設定
++++++++++++++++++++++++++++++++++++++++*/
#footer {
	text-align			: center;
	border-top			: 1px solid #cccccc;
	margin				: 0 20px 0 20px;
	padding				: 15px 0 20px 0;
}
#footer table {
	width				: 710px;
	margin				: 0 auto 30px;
}
	#footer table th {
		width				: 135px;
		text-align			: left;
		color				: #234091;
		vertical-align		: top;
	}
	#footer table td {
		text-align			: left;
	}
		#footer table td a {
			line-height			: 150%;
			color				: #333333;
			text-decoration		: none;
			margin				: 0 7px 0 7px;
		}
			#footer table td a:hover {
				text-decoration		: underline;;
			}

#footer ul {
	position			: relative;
	margin				: 0 0 8px 0;
	float				: right;
}
	#footer li {
		list-style-type		: none;
		background			: url(../images/icon_arrow.gif) no-repeat 0 center;
		float				: left;
		padding				: 0 0 0 16px;
		margin				: 0 24px 0 0;
	}

.footer_bottom p {
	text-align			: right;
	color				: #ffffff;
	padding				: 8px 20px 5px 0;
	font-size			: 11px;
}
	.footer_bottom p a {

		text-decoration		: none;
		color				: #ffffff;
		font-size			: 11px;
	}
/*++++++++++++++++++++++++++++++++++++++++
         中央設定
++++++++++++++++++++++++++++++++++++++++*/
#center {
	width				: 550px;
	vertical-align		: top;
	padding				: 20px 15px 0 15px;
}
/*++++++++++++++++++++++++++++++++++++++++
         右部設定
++++++++++++++++++++++++++++++++++++++++*/
#right {
	background			: #F1F1F1;
	width				: 209px;
	padding				: 10px 0 2px 0;
	vertical-align		: top;
}
	#right p {
		margin				: 10px 0 5px 0;
		border-bottom		: 1px solid #ffffff;
		padding				: 0 0 5px 15px;
	}
#right ul.right_menu {
	margin				: 0 0 30px 0;
}
	#right ul.right_menu li {
		background			: url(../images/icon_arrow.gif) no-repeat 15px 4px;
		padding				: 0 0 0 30px;
	}
		#right ul.right_menu li a {
			font-size			: 14px;
			color				: #333333;
		}
			#right ul.right_menu li a:hover {
				color				: #003bd1;
			}
#right ul.right_sub_menu li {
	background			: url(../images/icon_arrow2.gif) no-repeat 0 4px;
	padding				: 0 0 0 15px;
}
#right ul.right_menu li a.roll {
	color				: #003bd1;
}

#right li, #right_bottom li {
	list-style-type		: none;
	padding				: 0 10px 0 10px;
	margin				: 9px 0 0 0;
}
	#right img {
		border				: none;
	}
#right_bottom {
	vertical-align		: bottom;
	padding				: 0 0 20px 0;
	background			: #f1f1f1;
}
	#right_bottom p {
		line-height			: 150%;
	}
/*++++++++++++++++++++++++++++++++++++++++
         共通設定
++++++++++++++++++++++++++++++++++++++++*/
/*-----------------------------
         要素関連 
-----------------------------*/
/*  見出し
-----------------------------*/

/*-----------------------------
         レイアウト関連 
-----------------------------*/
.flt_left	{ float: left; }
.c_both		{ clear: both; }
.lyt_block	{ display: block; }
.lyt_spc5	{ margin-bottom: 5px; }
.lyt_spc10	{ margin-bottom: 10px; }
.lyt_spc20	{ margin-bottom: 20px; }
.lyt_spc30	{ margin-bottom: 30px; }
.lyt_spc40	{ margin-bottom: 40px; }
.lyt_spc50	{ margin-bottom: 50px; }
.lyt_left	{ text-align: left; }
.lyt_center	{ text-align: center; }
.lyt_right	{ text-align: right; }
.lyt_top	{ vertical-align: top; }
.lyt_middle	{ vertical-align: middle; }
.lyt_bottom	{ vertical-align: bottom; }

.lyt_main_contents {
	margin				: -5px 0 40px 0;
}
/* Operahack */
html:first-child .lyt_main_contents {
	margin				: 0 0 40px 0;
}
/* end */

/*-----------------------------
         ナビゲーション関連 
-----------------------------*/
#navi {
	margin				: -10px 0 15px 0;
}
/* safarihack */
body:first-of-type #navi {
	margin				: -5px 0 15px 0;
}
/* end */
.page_top, .page_home {
	text-align			: right;
	padding				: 10px 0 10px 0;
}
	.page_top a, .page_home a {
		color				: #2b82b1;
	}
	.page_top img, .page_home img {
		margin				: 0 5px 0 0;
	}
/*-----------------------------
         画像関連 
-----------------------------*/
.border_non { border: none; }

/*-----------------------------
         テキスト関連 
-----------------------------*/

/*-----------------------------
         フォーム関連 
-----------------------------*/
input {
	margin				: 3px 2px 3px 2px;
	vertical-align		: -20%;
}

/* IE6以外 */
input[type="radio"] {
	vertical-align		: -35%;
}
/* end */

select {
	vertical-align		: middle;
	margin				: 3px 5px 3px 2px;
}
	select option {
		padding				: 0 5px 0 0;
	}

.frm_button {
	height				: 30px;
	padding				: 0 10px 0 10px;
}

textarea {
	line-height			: 120%;
	margin				: 0 0 0 2px;
}

/* safarihack */
body:first-of-type label {
	vertical-align		: -35%;
}
/* end */

/*-----------------------------
         テーブル関連 
-----------------------------*/

/*-----------------------------
         注釈関連 
-----------------------------*/
.txt_annotation {
	color				: red;
}

/* ++++++++++++++++++++ 各ページデザイン部分設定 ++++++++++++++++++++ */
/* ++++++ トップページ ++++++ */
.update_info {
	table-layout		: fixed;
	border-collapse		: collapse;
	width				: 510px;
	margin				: 0 0 25px 0;
}
	.update_info th {
		color				: #d0750a;

		font-size			: 14px;
		padding				: 5px 10px 5px 30px;
		border-bottom		: 1px dotted #cccccc;
		width				: 70px;
		text-align			: left;
		font-weight			: normal;
	}

/* ++++++ トピックス ++++++ */
.update_info2 {
	table-layout		: fixed;
	border-collapse		: collapse;
	width				: 510px;
	margin				: 0 0 25px 0;
}
	.update_info2 th {

		font-size			: 14px;
		padding				: 5px 10px 5px 10px;

		text-align			: left;
		font-weight			: normal;
	}


/* safarihack */
body:first-of-type #center table.update_info th {
	width				: 110px;
}
/* end */
	.update_info td {
		font-size			: 14px;
		padding				: 5px 0 5px 0;
		border-bottom		: 1px dotted #cccccc;
	}

/* ++++++ 会社概要 ++++++ */
.compay_detail {
	table-layout		: fixed;
	border-collapse		: collapse;
	margin				: 0 0 20px 0;
}
	.compay_detail td {
		border-bottom		: 1px dotted #745c1b;
		padding				: 5px 3px 5px 3px;
		text-align			: left;
	}

/* ++++++ 会社沿革 ++++++ */
.history_list {
	table-layout		: fixed;
	border-collapse		: collapse;
}
	.history_list td {
		border-bottom		: 1px dotted #c8c8c8;
		padding				: 6px 3px 6px 3px;
		text-align			: left;
		color				: #161e8a;
		vertical-align		: top;
	}

/* ++++++ 建造工程について ++++++ */
.product {
	margin				: 5px 0 0 0;
	height				: 328px;
	position			: relative;
	background			: url(../images/product_bg.jpg) no-repeat 0 0;
}
/* IE7hack */
*:first-child+html .product {
	margin				: -4px 0 0 0;
}
/* end */
/* safarihack */
body:first-of-type .product {
	margin				: 5px 0 0 0;
}
/* end */
	.product div {
		padding				: 15px 0 0 15px;
	}
.product_contents {
	background			: url(../images/product_box_bg.jpg) no-repeat 0 0;
	width				: 503px;
	height				: 228px;
	position			: relative;
	z-index				: 50;
	vertical-align		: top;
}