@charset "UTF-8";

/* TASK WEBSITES
   ----------------------------------------
   2008.06.02
   Shirai Hiroto
   ----------------------------------------*/

/* reset ######################################## */


h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0px;
 	padding: 0px;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}
img { 
	vertical-align:bottom;
}
hr { 
	display:none;
}
.clr {
	clear:both;
	margin:0;
	padding:0;
}


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

/* body ######################################## */

body {
	margin:0px;
	padding:0px;
	background:url(../img/common/back_002.jpg);
	text-align:center;
}

#layout {
	position:relative;
	width:900px;
	text-align:left;
	padding:0px;
	margin:0 auto;
}
#contents {
	width:100%;
	margin:0px;
	padding:0px;
	background:url(../img/common/back_001.jpg) repeat-x;
	text-align:center;
}
#contents2 {
	width:100%;
	background:url(../img/common/back_004.png) repeat-x !important;
	background:none;
	margin:0px;
	padding:10px 0px;
}
#contents3 {
	width:100%;
	margin:0px;
	padding:0px;
	background:url(../img/common/back_005.jpg) repeat-x;
	text-align:center;
}

#layout_contents {
	background:url(../img/common/back_003.png) !important;
	background:url(../img/common/back_003.gif);
	width:900px;
	text-align:left;
	padding:0px;
	margin:0 auto;
}
.iepngfix {  
    behavior: expression(IEPNGFIX.fix(this));  
}  
/* ############################################## */

/* head ######################################## */

#head {
	width:182px;
	height:39px;
	padding:7px 0px 0px 718px;
}
#head a {
	background:url(../img/common/menu_000.jpg) no-repeat;
	background-position:0px 0px;
	width:177px;
	height:28px;
	text-indent:-9876px;
	display:block;
}
#head a:hover {
	background:url(../img/common/menu_000.jpg) no-repeat;
	background-position:0px -28px;
	width:177px;
	height:28px;
	text-indent:-9876px;
	display:block;
}
#head_img {
	position:absolute;
	width:259px;
	height:259px;
	top:5px;
	left:20px;
	text-align:right;
}
#contents_img {
	width:900px;
	height:209px;
}

#main_menu {
	width:900px;
	height:72px;
}
#main_menu li {
	float:left;
}
.menu_001 a {
	background:url(../img/common/menu_001.jpg) no-repeat;
	background-position:0px 0px;
	width:102px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_001 a:hover {
	background:url(../img/common/menu_001.jpg) no-repeat;
	background-position:0px -72px;
	width:102px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_002 a {
	background:url(../img/common/menu_002.jpg) no-repeat;
	background-position:0px 0px;
	width:134px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_002 a:hover {
	background:url(../img/common/menu_002.jpg) no-repeat;
	background-position:0px -72px;
	width:134px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_003 a {
	background:url(../img/common/menu_003.jpg) no-repeat;
	background-position:0px 0px;
	width:135px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_003 a:hover {
	background:url(../img/common/menu_003.jpg) no-repeat;
	background-position:0px -72px;
	width:135px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_004 a {
	background:url(../img/common/menu_004.jpg) no-repeat;
	background-position:0px 0px;
	width:106px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_004 a:hover {
	background:url(../img/common/menu_004.jpg) no-repeat;
	background-position:0px -72px;
	width:106px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_005 a {
	background:url(../img/common/menu_005.jpg) no-repeat;
	background-position:0px 0px;
	width:125px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_005 a:hover {
	background:url(../img/common/menu_005.jpg) no-repeat;
	background-position:0px -72px;
	width:125px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_006 a {
	background:url(../img/common/menu_006.jpg) no-repeat;
	background-position:0px 0px;
	width:171px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_006 a:hover {
	background:url(../img/common/menu_006.jpg) no-repeat;
	background-position:0px -72px;
	width:171px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_007 a {
	background:url(../img/common/menu_007.jpg) no-repeat;
	background-position:0px 0px;
	width:127px;
	height:72px;
	text-indent:-9876px;
	display:block;
}
.menu_007 a:hover {
	background:url(../img/common/menu_007.jpg) no-repeat;
	background-position:0px -72px;
	width:127px;
	height:72px;
	text-indent:-9876px;
	display:block;
}

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

/* Left ######################################## */

#left_menu {
	float:left;
	width:168px;
	padding:8px 17px 0px 57px;
}
#left_menu li {
	margin:0px 0px 10px 0px;
}
.left_001 a {
	background:url(../img/common/left_menu_001.jpg) no-repeat;
	background-position:0px 0px;
	width:165px;
	height:91px;
	text-indent:-9876px;
	display:block;
}
.left_001 a:hover {
	background:url(../img/common/left_menu_001.jpg) no-repeat;
	background-position:0px -91px;
	width:165px;
	height:91px;
	text-indent:-9876px;
	display:block;
}
.left_002 a {
	background:url(../img/common/left_menu_003.jpg) no-repeat;
	background-position:0px 0px;
	width:159px;
	height:58px;
	text-indent:-9876px;
	display:block;
	margin:0px 0px 0px 5px;
}
.left_002 a:hover {
	background:url(../img/common/left_menu_003.jpg) no-repeat;
	background-position:0px -58px;
	width:159px;
	height:58px
	text-indent:-9876px;
	display:block;
	margin:0px 0px 0px 5px;
}
.text_menu {
	width:150px;
	padding:10px 5px;
	margin:0px auto;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#400400;
}
.text_menu p {
	padding:0px 0px 0px 10px;
	background:url(../img/common/left_arrow.gif) no-repeat;
	font-size:10px;
	color:#400400;
}
.text_menu p a:link {
	text-decoration:none;
	color:#400400;
}
.text_menu p a:active {
	text-decoration:none;
	color:#400400;
}
.text_menu p a:visited {
	text-decoration:none;
	color:#400400;
}
.text_menu p a:hover {
	text-decoration:none;
	color:#400400;
}

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

/* main_contents ######################################## */

#main_contents {
	float:right;
	width:634px;
	padding:10px 0px;
}
.pagetop {
	width:117px;
	font-size:1px;
	padding:5px 0px 5px 517px;
}
.pagetop a {
	background:url(../img/common/page_top.jpg) no-repeat;
	background-position:0px 0px;
	width:105px;
	height:14px;
	text-indent:-9876px;
	display:block;
}
.pagetop a:hover {
	background:url(../img/common/page_top.jpg) no-repeat;
	background-position:0px -14px;
	width:105px;
	height:14px;
	text-indent:-9876px;
	display:block;
}
.topix_pass {
	font-size:10px;
	color:#FFFFFF;
	padding:0px 10px;
	margin:0px 0px 10px 0px;
}
.topix_pass a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.topix_pass a:active {
	color:#FFFFFF;
	text-decoration:none;
}
.topix_pass a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.topix_pass a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.nextback {
	font-size:12px;
	color:#FFFFFF;
	padding:0px 10px;
	margin:0px 0px 10px 0px;
}
.nextback a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.nextback a:active {
	color:#FFFFFF;
	text-decoration:none;
}
.nextback a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.nextback a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

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

/* footer ######################################## */

#footer {
	width:100%;
	padding:8px 0px;
	background:url(../img/common/footer_line.gif) top repeat-x;
}
#footer_contents {
	width:347px;
	margin:0px auto;
	padding:0px 0px 10px 0px;
}