/* www.thaicom.co.jp Website
   ----------------------------------------
   2006.12.05
   auter:Shirai Hiroto(From One or Eight)
   http://www.oneoreight.co.jp
   ----------------------------------------*/

/* ブラウザ設定リセット ######################################## */
* {
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6,em,strong {
	font-weight:normal;
	font-style:normal;
}
li {
	list-style-type:none;
}
img {
	border:0;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
}
.clr {
	 clear:both;
}
/* ############################################## */

/* body ######################################## */
body {
	margin:0px;
	padding:0px;
	text-align:center;
}
#layout {
	width:800px;
	margin:0px auto;
	padding:0px 10px;
	text-align:left;
	background:url(../img/common/back_01.gif) repeat-y;
}
/* ############################################## */

/* header ######################################## */
#header {
	width:800px;
	height:83px;
}
#head_left {
	float:left;
	width:485px;
	height:64px;
}
#head_left h1 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/title_01.gif) no-repeat;
	width:485px;
	height:64px;
}
#head_right {
	float:right;
	background:url(../img/common/title_02.gif) no-repeat;
	width:315px;
	height:64px;
}
#head_right li {
	float:left;
}
.head_menu_01 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_01.gif) no-repeat;
	width:79px;
	height:18px;
	background-position:0px 0px;
}
.head_menu_01 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_01.gif) no-repeat;
	width:79px;
	height:18px;
	background-position:0px -18px;
}
.head_menu_02 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_02.gif) no-repeat;
	width:80px;
	height:18px;
	background-position:0px 0px;
}
.head_menu_02 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_02.gif) no-repeat;
	width:80px;
	height:18px;
	background-position:0px -18px;
}
.head_menu_03 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_03.gif) no-repeat;
	width:81px;
	height:18px;
	background-position:0px 0px;
}
.head_menu_03 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_03.gif) no-repeat;
	width:81px;
	height:18px;
	background-position:0px -18px;
}
.head_menu_04 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_04.gif) no-repeat;
	width:75px;
	height:18px;
	background-position:0px 0px;
}
.head_menu_04 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_04.gif) no-repeat;
	width:75px;
	height:18px;
	background-position:0px -18px;
}
#head_bottom li {
	float:left;
	font-size:5px;
}
.head_menu_05 a {
	text-indent:-9999px;
	background:url(../img/common/head_menu_05.gif) no-repeat;
	width:81px;
	height:14px;
	background-position:0px 0px;
	margin:0px 10px 0px 0px;
	display:block;
}
.head_menu_05 a:hover {
	text-indent:-9999px;
	background:url(../img/common/head_menu_05.gif) no-repeat;
	width:81px;
	height:14px;
	background-position:-81px 0px;
	margin:0px 10px 0px 0px;
	display:block;
}
.head_menu_06 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_06.gif) no-repeat;
	width:125px;
	height:14px;
	background-position:0px 0px;
}
.head_menu_06 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/head_menu_06.gif) no-repeat;
	width:125px;
	height:14px;
	background-position:-125px 0px;
}
/* ############################################## */

/* main_menu ######################################## */
#main_menu {
	width:789px;
	height:43px;
	background:url(../img/common/menu_back.gif) no-repeat;
	padding:6px 5px 0px 6px;
}
#main_menu li {
	float:left;
}
.main_menu_01 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_01b.gif) no-repeat;
/*	width:260px;*/
	width:194px;
	height:38px;
	background-position:0px 0px;
/*	margin:0px 5px 0px 0px;*/
	margin:0px 4px 0px 0px;
}
.main_menu_01 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_01b.gif) no-repeat;
/*	width:260px;*/
	width:194px;
	height:38px;
	background-position:0px -38px;
/*	margin:0px 5px 0px 0px;*/
	margin:0px 4px 0px 0px;
}
.main_menu_02 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_03b.gif) no-repeat;
/*	width:260px;*/
	width:194px;
	height:38px;
	background-position:0px 0px;
/*	margin:0px 5px 0px 0px;*/
	margin:0px 4px 0px 0px;
}
.main_menu_02 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_03b.gif) no-repeat;
/*	width:260px;*/
	width:194px;
	height:38px;
	background-position:0px -38px;
/*	margin:0px 5px 0px 0px;*/
	margin:0px 4px 0px 0px;
}
.main_menu_03 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_02b.gif) no-repeat;
/*	width:259px;*/
	width:194px;
	height:38px;
	background-position:0px 0px;

	margin:0px 4px 0px 0px;
}
.main_menu_03 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_02b.gif) no-repeat;
/*	width:259px;*/
	width:194px;
	height:38px;
	background-position:0px -38px;

	margin:0px 4px 0px 0px;
}
.main_menu_04 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_04b.gif) no-repeat;
	width:194px;
	height:38px;
	background-position:0px 0px;
}
.main_menu_04 a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/main_menu_04b.gif) no-repeat;
	width:194px;
	height:38px;
	background-position:0px -38px;
}
/* ############################################## */

/* contents ######################################## */

#contents {
	width:800px;
	margin:0px 0px 10px 0px;
	background:url(../img/office_environment/back_02.gif);
}
#contents2 {
	width:785px;
	margin:0px auto 10px auto;
}
.contents_09 a {
	text-indent:-9999px;
	background:url(../img/common/pdf.jpg) no-repeat;
	width:211px;
	height:145px;
	background-position:0px 0px;
	display:block;
	margin:0px auto 10px auto;
}
.contents_09 a:hover {
	text-indent:-9999px;
	background:url(../img/common/pdf.jpg) no-repeat;
	width:211px;
	height:145px;
	background-position:0px -145px;
	display:block;
	margin:0px auto 10px auto;
}

/* ############################################## */

/* footer ######################################## */
#footer {
	width:800px;
	height:22px;
	margin:0px 0px 5px 0px;
}
#footer h3 a {
	background:url(../img/common/copyright.gif) no-repeat;
	width:800px;
	height:22px;
	text-indent:-9999px;
	display:block;
}
#foot_link {
	width:770px;
	height:20px;
	margin:0px auto;
	padding:0px 0px 20px 0px;
}
#foot_link li {
	float:right;
}
.link a {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/link.gif) no-repeat;
	width:47px;
	height:13px;
	background-position:0px 0px;
}
.link a:hover {
	text-indent:-9999px;
	display:block;
	background:url(../img/common/link.gif) no-repeat;
	width:47px;
	height:13px;
	background-position:-47px 0px;
}