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

/* ブラウザ設定リセット ######################################## */
* {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,em,strong {
	font-weight:normal;
	font-style:normal;
}
ul {
	margin:0px;
	padding:0px;
}
li {
	list-style-type:none;

}
img {
	border:0;
	vertical-align:text-bottom;
}
.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 {
	width:226px;
	height:15px;
	padding:3px 0px 0px 574px;
	background:url(../img/common/title_04.gif) no-repeat;
}
#head_bottom li {
	float:left;
	font-size:7px;
}
.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;
}
#topicpass {
	clear:both;
	width:760px;
	height:16px;
	background:#e1e1e1;
	font-size:12px;
	color:#727272;
	padding:2px 20px;
	_padding:4px 20px 0px 20px;
	margin:0px 0px 10px 0px;
	vertical-align:middle;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #006cb9;
}
#topicpass a:link {
	color:#727272;
	text-decoration:none;
}
#topicpass a:visited {
	color:#727272;
	text-decoration:none;
}
#topicpass a:hover {
	color:#727272;
	text-decoration:underline;
}
/* ############################################## */

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

#contents {
	width:800px;
	margin:0px 0px 10px 0px;
	background:url(../img/office_environment/back_01.gif);
}

/* ############################################## */
/* img ######################################## */
#top_img {
	width:800px;
	height:59px;
}
#top_img h2 a {
	text-indent:-9999px;
	display:block;
	background:url(../img/office_environment/ofice_environment_img.jpg) no-repeat;
	width:800px;
	height:59px;
}
/* ############################################## */

/* contents ######################################## */
#contents_left {
	float:left;
	width:550px;
	padding:0px 0px 0px 15px;
}
#contents_right {
	float:right;
	width:225px;
	height:100%;
}
.contents_01 a {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_02.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_01 a:hover {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_02.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:-225px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_02 a {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_03.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_02 a:hover {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_03.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:-225px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_03 a {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_04.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_03 a:hover {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_04.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:-225px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_04 a {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_05.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_04 a:hover {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_05.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:-225px 0px;
	display:block;
	padding:0px 0px 4px 0px;
}
.contents_05 a {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_06.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 10px 0px;
}
.contents_05 a:hover {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_06.gif) no-repeat;
	width:225px;
	height:24px;
	background-position:-225px 0px;
	display:block;
	padding:0px 0px 10px 0px;
}
.contents_06 a {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_07.gif) no-repeat;
	width:211px;
	height:159px;
	background-position:0px 0px;
	display:block;
	margin:0px auto 10px auto;
}
.contents_06 a:hover {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_07.gif) no-repeat;
	width:211px;
	height:159px;
	background-position:0px -159px;
	display:block;
	margin:0px auto 10px auto;
}
.contents_07 {
	font-size:12px;
	line-height:18px;
	color:#727272;
	margin:0px 0px 10px 15px;
}
.contents_08 {
	width:196px;
	font-size:10px;
	padding:5px;
	margin:0px auto 10px auto;
}
#contact a {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_01.gif) no-repeat;
	width:548px;
	height:54px;
	background-position:0px 0px;
	display:block;
	margin:0px 0px 0px 0px;
}
#contact a:hover {
	text-indent:-9999px;
	background:url(../img/office_environment/ofice_environment_01.gif) no-repeat;
	width:548px;
	height:54px;
	background-position:0px -54px;
	display:block;
	margin:0px 0px 0px 0px;
}


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