/* --------------------------------------------------
	2006/06/15
	「HyperWorks」
 --------------------------------------------------- */

/* 装飾 */
*{ margin:0;padding:0;}
img{border:none;vertical-align:top;}
.clear{clear:both;}
p {margin:0;padding:0;}

a:link {color:#ff6600;text-decoration:none;}
a:visited {color:#ff6600;text-decoration:none;}
a:active {color:#ff6600;text-decoration:none;}
a:hover {color:#ff6600;text-decoration:underline; }

/* フォントカラー */
.font-color-gray {
	color:#888888;
	}

.font-color-orange {
	color:#FF9933;
	}
	
/* 	ボディー */
body {
	margin:0;
	text-align:center;
	background-color:#dddddd;
	font-size:85%;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	color:#333333;
	}
	
#body2 {
	text-align:left;
	background-color:#eeeeee;
	line-height:160%;
	}

/* 全体--------------------------------------------- */
#container {
	width:804px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:url(image/main/background.jpg) repeat-y;
}

#wapper {
	padding-left:9px;
	}
	
/* サイドバー */
#sidebar{
	width:212px;
	float:left;
	text-align:left;
	}
	
.side-body {
	padding:10px 0;
	background-color:#eeeeee;
	text-align:center;
	}
	
.side-sub-title {
	width:178px;
	border-left:4px solid #000000;
	border-bottom:1px solid #000000;
	text-align:left;
	}
	
.side-sub-title h2 {
	padding:2px 0 0 10px;
	font-size:14px;
	font-weight:normal;
	color:#000000;
	}
	
.side-exp {
	padding:5px 12px 0 12px;
	text-align:left;
	}
	
.side-exp ul{
	text-align:left;
	margin:0;
	}
	
.side-exp li{
	list-style:none;
	line-height:160%;
	}
	
/* ヘッダー部分 */
#header {
	height:47px;
	}
	
#header-top {
	margin:0 auto;
	width:804px;
	height:29px;
	background:url(image/main/header_top.jpg) no-repeat center bottom;
	}

#header-logo {
	width:355px;
	height:47px;
	float:left;
	}

#header-box {
	width:428px;
	height:47px;
	float:left;
	}
#header-box-top {
	width:428px;
	height:11px;
	overflow:hidden;
	}
	
#header-box-bottom {
	width:428px;
	height:36px;
	}
	
/* メイン画像 */
#main-img {
	width: 783px;
	height:124px;
	clear:both;
	}
	
#main-line {
	width:783px;
	height:29px;
	}
		
/* メインコンテンツ */
#content{
	width:782px;
	}

/* Web master用スペース */
#web-master {
	width:800px;
	padding:10px 0;
	font:12px;
	background:url(image/main/background.jpg) repeat-y;
	text-align:center;
	clear:both;
	}

/* フッター */
#footer {
	padding-top:20px;
	margin:0 auto;
	width:804px;
	height:28px;
	color:#333333;
	font-size:12px;
	text-align:center;
	font-size:12px;
	background:url(image/main/footer.jpg) no-repeat;
	clear:both;
	}

/* テーブル */
.tbl-title {
	height:43px;
	background:url(image/main/tbl_bg.jpg) repeat-x;
	border-top:1px #dddddd solid;
	border-left:1px #dddddd solid;
	border-right:1px #dddddd solid;
	}

.tbl-type1 {
	height:30px;
	background-color:#eeeeee;
	border-left:4px #bbbbbb solid;
	border-bottom:1px #bbbbbb dotted;
	}
	
.tbl-type1_ext {
	height:30px;
	background-color:#ffe3e3;
	border-left:4px #cc0000 solid;
	border-bottom:1px #bbbbbb dotted;
	}
	
.tbl-type2 {
	padding-left:6px;
	height:30px;
	border-bottom:1px #cccccc dotted;
	text-align:left;
	}
	
.tbl-title_exp {
	padding:5px 0 0 10px;
	font-size:20px;
	font-weight:bold;
	color:#333333;
	text-align:left;
	}
	
#company-tbl td{
	padding:2px 0 0 10px;
	}
	
	
/* 各ページ----------------------------------------- */

/* メイン */
#main-body {
	width:570px;
	float:left;
	}
	
.title {
	width:530px;
	height:43px;
	background:url(image/main/title_bg.jpg) no-repeat;
	}
	
.title h1{
	padding:8px 0 0 10px;
	font-size:20px;
	color:#003300;
	}
	
.sub-title {
	height:20px;
	border-left:5px #006600 solid;
	padding-left:10px;
	clear:both;
	}
	
.sub-title h2{
	padding-top:4px;
	font-size:14px;
	color:#003300;
	}
	
.exp {
	width:510px;
	padding:10px 10px 20px 10px;
	line-height:140%;
	}
	
.exp2 {
	width:510px;
	padding:5px 10px 30px 10px;
	line-height:140%;
	}
	
.exp2 ul{
	text-align:left;
	margin:0;
	}
	
.exp2 li{
	padding-left:15px;
	background-image:url(image/main/list.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	list-style:none;
	line-height:160%;
	}
	
.exp2 img{
	padding:0 30px 30px 0;
	float:left;
	}
	
.exp-sub-title {
	margin-top:20px;
	padding-left:15px;
	background-image:url(image/main/list.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	color:#006600;
	font-weight:bold;
	}
	
	
/* その他------------------------------------------- */
		
/* padding */
.padding-3 {
	padding:3px;
	}
	
.padding-5 {
	padding:5px;
	}

.padding-l-10 {
	padding-left:10px;
	}
	
.padding-lt-10 {
	padding-left:10px;
	padding-top:10px;
	}
	
.padding-lt-15 {
	padding-left:15px;
	padding-top:10px;
	}
	
.padding-lt-20 {
	padding-left:20px;
	padding-top:10px;
	}
	
.padding-l-20 {
	padding-left:20px;
	}
	
.padding-t-20 {
	padding-top:20px;
	}
	
/* Validation */
#validation {
	padding:40px 0 0 0;
	margin-left:32px;
	width:175px;
	text-align:center;
	}
	
/* ライン */
.border-nomal {
	border:#66aa66 1px solid;
	width:508px;
	}
	
.border-nomal-padding {
	border:#66aa66 1px solid;
	padding:3px;
	}
	
.border-dotted {
	border:#66aa66 1px dotted;
	width:500px;
	}
	
.border-dotted-under {
	border-bottom:#66aa66 1px dotted;
	padding:3px;
	}
	
.box-color {
	background-color:#66aa66;
	padding:2px;
	float:left;
	color:#FFFFFF;
	}
	
.box-color2 {
	margin:2px;
	background-color:#66aa66;
	padding:2px;
	float:left;
	color:#FFFFFF;
	}