/* --------------------------------------------------

	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; }



	

/* 	ボディー */

body {

	margin:0;

	text-align:center;

	background-color:#CCFF9A;

	font-size:85%;

	font-family:"ＭＳ Ｐゴシック", Osaka;

	color:#000000;

	}



/* 全体--------------------------------------------- */

#container {

	width:982px;

	height:100%;

	margin-left:auto;

	margin-right:auto;

	text-align:left;

	background:url(image/background.gif) repeat-y;

}



#left-side {

	width:770px;

	height:100%;

	background:url(image/background.gif) repeat-y;

	float:left;

	}



#right-side {

	width:212px;

	height:100%;

	background:url(image/background.gif) right repeat-y;

	float:left;

	}





#header-left {

	width:770px;

	height:216px;

	background:url(image/header_left.gif);

	float:left;

	}

	

#header-right {

	width:212px;

	height:41px;

	background:url(image/header_right.gif);

	float:right;

	}

	

#left-body{

	width:770px;

	background:url(image/body_left.gif) repeat-y;

	float:left;

	}

	

#right-body {

	width:186px;

	float:left;

	}

	

#header-left-1 {

	width:112px;

	height:185px;

	float:right;

	text-align:left;

	}

	

#header-left-2 {

	width:345px;

	height:185px;

	float:right;

	}

	

#header-left-3 {

	width:300px;

	height:185px;

	float:right;

	}

	

#logo {

	padding:8px 0 0 16px;

	}

	

.button-box {

	height:32px;

	}

	

.button2-box {

	height:34px;

	}

	

.button {

	width:34px;

	height:32px;

	float:right;

	}

	

.button2 {

	width:34px;

	height:34px;

	float:right;

	}

	

.button3 {

	width:69px;

	height:34px;

	float:right;

	}

	

.button4 {

	width:68px;

	height:34px;

	float:right;

	}

	

.button5 {

	width:82px;

	height:34px;

	float:right;

	}


/* tbl */

.tbl-header{

	width:659px;

	height:17px;

	background:url(image/tbl_header.gif) no-repeat;

	background-color:#FFFFFF;

	}

	

.tbl-body{

	width:659px;

	background-color:#FFFFFF;

	}

	

.tbl-footer{

	width:659px;

	height:17px;

	background:url(image/tbl_footer.gif) no-repeat;

	background-color:#FFFFFF;

	}



/* padding */

.padding-top-50 {

	padding-top:50px;

	}

	

.padding-left-55 {

	padding-left:55px;

	}

	

.padding-top-60 {

	padding-top:60px;

	}

	

.padding-top-65 {

	padding-top:65px;

	}

	

.padding-top-70 {

	padding-top:70px;

	}

	

.padding-left-10 {

	padding-left:10px;

	}

	

.padding-left-35 {

	padding-left:35px;

	}

	

.padding-left-60 {

	padding-left:60px;

	}

	

.padding-lr-10 {

	padding:0 10px 0 10px;

	}

.button3-box {

	height:40px;

	}

.button6 {

	width:140px;

	height:40px;

	float:right;

	}

.button7 {

	float:left;

	padding-left:15px;

	}