@charset "UTF-8";

/* Studio HOWSE WEBSITES
   ----------------------------------------
   2008.04.08
   Shirai Hiroto
   ----------------------------------------*/

/* ブラウザ設定リセット ######################################## */

* {
	margin:0;
	padding:0;
}
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;
	margin:0;
	padding:0;
}
.clearfix {
	height:auto !important;
	height:1px;
	min-height:1%;  /* for IE 7*/
	/*¥*//*/display:inline-table;/**/
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:1%;
	line-height:1%;
	visibility:hidden;
}
hr{
	clear:both;
	visibility:hidden;
}

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

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

body {
	margin:0px;
	padding:10px 0px;
}
#layout {
	position:relative;
	width:908px;
	padding:0px;
	margin:0 auto;
	text-align:left;
}

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

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

#header {
	width:908px;
	margin:0px;
	position:relative;
}
#header p {
	position:absolute;
	font-size:10px;
	line-height:12px;
	color:#4d423d;
	top:38px;
	left:225px;
}
.head_list_menu {
	position:absolute;
	width:268px;
	top:5px;
	left:640px;
	background:url(../img/common/list_line.gif) no-repeat left;
}
.head_list_menu li {
	float:left;
	font-size:10px;
	color:#000000;
	padding:0px 10px 0px 10px;
	background:url(../img/common/list_line.gif) no-repeat right;
}
.head_list_menu li a:link {
	text-decoration:none;
	color:#000000;
}
.head_list_menu li a:visited {
	text-decoration:none;
	color:#000000;
}
.head_list_menu li a:hover {
	text-decoration:underline;
	color:#000000;
}
.head_list_menu li a:active {
	text-decoration:none;
	color:#000000;
}

.head_contact {
	position:absolute;
	width:187px;
	top:71px;
	left:703px;
}
.head_contact li a {
	background:url(../img/common/head_contact.jpg) no-repeat;
	width:187px;
	height:16px;
	text-indent:-9876px;
	display:block;
}
.head_contact li a:hover {
	background:url(../img/common/head_contact.jpg) no-repeat;
	background-position:0px -16px;
	width:187px;
	height:16px;
	text-indent:-9876px;
	display:block;
}

#head_menu {
	width:908px;
	margin:0px 0px 20px 0px;
}
#head_menu li {
	float:left;
}

#head_menu2 {
	width:908px;
	margin:0px 0px 10px 0px;
}
#head_menu2 li {
	float:left;
}


.head_menu_001 a {
	background:url(../img/common/main_menu_001.jpg) no-repeat;
	width:184px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_001 a:hover {
	background:url(../img/common/main_menu_001.jpg) no-repeat;
	background-position:0px -36px;
	width:184px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_002 a {
	background:url(../img/common/main_menu_002.jpg) no-repeat;
	width:180px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_002 a:hover {
	background:url(../img/common/main_menu_002.jpg) no-repeat;
	background-position:0px -36px;
	width:180px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_003 a {
	background:url(../img/common/main_menu_003.jpg) no-repeat;
	width:180px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_003 a:hover {
	background:url(../img/common/main_menu_003.jpg) no-repeat;
	background-position:0px -36px;
	width:180px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_004 a {
	background:url(../img/common/main_menu_004.jpg) no-repeat;
	width:180px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_004 a:hover {
	background:url(../img/common/main_menu_004.jpg) no-repeat;
	background-position:0px -36px;
	width:180px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_005 a {
	background:url(../img/common/main_menu_005.jpg) no-repeat;
	width:184px;
	height:36px;
	text-indent:-9876px;
	display:block;
}
.head_menu_005 a:hover {
	background:url(../img/common/main_menu_005.jpg) no-repeat;
	background-position:0px -36px;
	width:184px;
	height:36px;
	text-indent:-9876px;
	display:block;
}

.topixpass {
	width:868px;
	margin:0px auto 10px auto;
	padding: 0px 20px;
}
.topixpass p {
	font-size:10px;
	line-height:14px;
	color:#666666;
}
.topixpass p a:link {
	text-decoration:underline;
	color:#666666;
}
.topixpass p a:visited {
	text-decoration:underline;
	color:#666666;
}
.topixpass p a:hover {
	text-decoration:none;
	color:#666666;
}
.topixpass p a:active {
	text-decoration:underline;
	color:#666666;
}
.topixpass p img {
	vertical-align:text-top;
	padding:0px 10px;
}


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

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

#contents {
	width:908px;
	margin:0px 0px 20px 0px;
}
#left_contents {
	width:730px;
	float:left;
}
#right_contents {
	width:172px;
	float:right;
}

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

/* Right ######################################## */

.right_menu_001 a {
	background:url(../img/common/right_menu_002.jpg) no-repeat;
	width:172px;
	height:50px;
	text-indent:-9876px;
	display:block;
}
.right_menu_001 a:hover {
	background:url(../img/common/right_menu_002.jpg) no-repeat;
	background-position:-172px 0px;
	width:172px;
	height:50px;
	text-indent:-9876px;
	display:block;
}
.right_menu_002 a {
	background:url(../img/common/right_menu_003.jpg) no-repeat;
	width:172px;
	height:57px;
	text-indent:-9876px;
	display:block;
	margin:0px 0px 10px 0px;
}
.right_menu_002 a:hover {
	background:url(../img/common/right_menu_003.jpg) no-repeat;
	background-position:-172px 0px;
	width:172px;
	height:57px;
	text-indent:-9876px;
	display:block;
	margin:0px 0px 10px 0px;
}

.right_menu_003 a {
	background:url(../img/common/right_menu_005.jpg) no-repeat;
	width:172px;
	height:52px;
	text-indent:-9876px;
	display:block;
}
.right_menu_003 a:hover {
	background:url(../img/common/right_menu_005.jpg) no-repeat;
	background-position:-172px 0px;
	width:172px;
	height:52px;
	text-indent:-9876px;
	display:block;
}
.right_menu_004 a {
	background:url(../img/common/right_menu_006.jpg) no-repeat;
	width:172px;
	height:50px;
	text-indent:-9876px;
	display:block;
}
.right_menu_004 a:hover {
	background:url(../img/common/right_menu_006.jpg) no-repeat;
	background-position:-172px 0px;
	width:172px;
	height:50px;
	text-indent:-9876px;
	display:block;
}
.right_menu_005 {
	width:172px;
	margin:0px 0px 10px 0px;
}
.right_menu_006 a {
	background:url(../img/common/right_menu_009.jpg) no-repeat;
	width:172px;
	height:175px;
	text-indent:-9876px;
	display:block;
	margin:0px 0px 10px 0px;
}
.right_menu_006 a:hover {
	background:url(../img/common/right_menu_009.jpg) no-repeat;
	background-position:-172px 0px;
	width:172px;
	height:175px;
	text-indent:-9876px;
	display:block;
	margin:0px 0px 10px 0px;
}

.right_swf {
	width:172px;
	margin:0px 0px 10px 0px;
}

.right_menu_007 a {
	background:url(../img/common/right_menu_012.jpg) no-repeat;
	width:172px;
	height:184px;
	text-indent:-9876px;
	display:block;
}
.right_menu_007 a:hover {
	background:url(../img/common/right_menu_012.jpg) no-repeat;
	background-position:-172px 0px;
	width:172px;
	height:184px;
	text-indent:-9876px;
	display:block;
}


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

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

#footer {
	width:100%;
	height:236px;
	background:url(../img/common/footer_back.gif) repeat-x;
}
.page_top {
	width:908px;
	height:19px;
	margin:0px auto;
	padding:3px 0px 0px 0px;
}
.page_top p {
	text-align:right;
	font-size:11px;
	color:#696969;
}
.page_top p img {
	vertical-align:text-top;
	padding:0px 5px 0px 0px;
}
.page_top p a:link {
	text-decoration:underline;
	color:#696969;
}
.page_top p a:visited {
	text-decoration:underline;
	color:#696969;
}
.page_top p a:hover {
	text-decoration:none;
	color:#9f9d9d;
}
.page_top p a:active {
	text-decoration:underline;
	color:#696969;
}

.bottom_information {
	width:412px;
	padding:35px 0px 0px 0px;
	margin:0px auto 6px auto;
	position:relative;
}
.bottom_information p {
	font-size:10px;
	line-height:12px;
	color:#ffffff;
	position:absolute;
	top:35px;
	left:158px;
}

.bottom_contact {
	width:601px;
	margin:0px auto 16px auto;
}
.bottom_contact li {
	float:left;
}
.bottom_contact_001 a {
	background:url(../img/common/footer_003.jpg) no-repeat;
	width:187px;
	height:16px;
	text-indent:-9876px;
	display:block;
	margin:5px 0px 0px 15px;
}
.bottom_contact_001 a:hover {
	background:url(../img/common/footer_003.jpg) no-repeat;
	background-position:0px -16px;
	width:187px;
	height:16px;
	text-indent:-9876px;
	display:block;
	margin:5px 0px 0px 15px;
}

.copyright {
	width:923px;
	margin:0px auto;
}