@charset "utf-8";

/* common */
a {text-decoration: none;}
.db {display:block;}
.fl-left {float:left;clear:right;}
.fl-right {float:right;clear:left;}
.m-top30 {margin-top:30px;}
.m-r30 {margin-right:30px;}
.m-r25 {margin-right:25px;}
.m-top20 {margin-top:20px;}
.m-top10 {margin-top:10px;}
.m-r20 {margin-right:20px;}
.m-r10 {margin-right:10px;}
.m-b10 {margin-bottom:10px;}
p.subject-brown {background-color:#4C2007;padding:7px;text-align:center;margin:0 0 10px 0;}
p.catchcopy {color:#0D7CCB;font-size:123.1%;line-height:138.5%;margin:0;font-weight:bold;}
img {vertical-align: bottom;border:0;margin:0;padding:0;}
img.img-f-l {margin-right:15px;float:left;display:inline;clear:right;}
hr {border-width:0 0 1px 0; }
.back-white {background:#FFFFFF;}
.clear-both {clear:both}


/* text */
.t_d-brown {color:#4C2007;}
.t_blue {color:#0D7CCB;}
.t_blue_p {color:#23ACCD;}
.t_blue_d {color:#2A53A3;}
.t_green {color:#42A72B;}
.t_greenp {color:#8DC221;}
.t_greend {color:#006933;}
.t_red {color:#FF0000;}
.t_redd {color:#C61A22;}
.t_grayd {color: #333333;}
.t_grayd2 {color: #4D4D4D;}
.t_white {color:#FFFFFF;}

.line-h25 {line-height:25px;}
.text-l {font-size:14px;line-height:18px;font-weight:bold;}
.text-s {font-size:x-small;}
.text-small {font-size:small;font-weight:normal;}
.text-medium {font-size:medium;font-weight:bold;line-height:138.5%;}
.text-xlarge {font-size:x-large;font-weight:bold;}


/* common Layout */
body {text-align: center;color: #333333;font-size:77%;line-height:138.5%;
	background: url("../images/common/back.gif");margin: 0;}
#header {height: 56px;width:895px;margin-top: 10px;text-align:right;color:#0D7CCB;padding:0;}
#header h1 {float: left;clear: right;margin:0;padding:0;}
#header a {color:#0D7CCB;}
#header a:hover {color:#23ACCD;}
.headnavi {margin-top:25px;float:left;display:inline;width:340px;}

#container {margin-left:20px;text-align:left;width:915px;padding:0;}
#pagetop {text-align:right;width:900px;margin:20px 0;}
#top_img {display:block;background:url(../images/common/top_shade01.gif) no-repeat left top;padding-top:5px;margin:0;width:915px;}
#top_img object {margin:0;display:block;}
#topicpass {background:url(../images/common/top_shade02.gif) no-repeat left top;
	color:#0D7CCB;text-align:left;padding:10px 0;margin:0; clear:both;width:915px;}
#topicpass a {color:#0D7CCB;}

#main {width:660px;float:left;margin:0 0 30px 0;}

#menu {width:235px;float:left;}
#menu ul {margin:0;padding:0;list-style:none;}
#menu li {margin:0;padding:0;}
#menu img {margin:auto 0 0 15px;}
#menu ul a {width:210px;display:block;}
#menu a.a-h42 {background: url(../images/common/menu_h55.gif);height:42px;}
#menu a.a-h42:hover {background: url(../images/common/menu_h55_ov.gif);height:42px;}
#menu a.a-h55 {background: url(../images/common/menu_h55.gif);height:55px;}
#menu a.a-h55:hover {background: url(../images/common/menu_h55_ov.gif);height:55px;}
#menu a.a-h60 {background: url(../images/common/menu_h60.gif);height:54px;}
#menu a.a-h60:hover {background: url(../images/common/menu_h60_ov.gif);height:54px;}
#menu a.a-01b {background: url(../images/common/menu_01b.gif);height:46px;}
#menu a.a-01b:hover {background: url(../images/common/menu_01b_ov.gif);height:46px;}
#menu a.a-vol01 {background: url(../images/common/menu_vol.gif) no-repeat left top;height:24px;}
#menu a.a-vol01:hover {background: url(../images/common/menu_vol_ov.gif) no-repeat left top;height:24px;}
#menu a.a-vol02 {background: url(../images/common/menu_vol.gif) no-repeat left -24px;height:24px;}
#menu a.a-vol02:hover {background: url(../images/common/menu_vol_ov.gif) no-repeat left -24px;height:24px;}
#menu a.a-vol03 {background: url(../images/common/menu_vol.gif) no-repeat left -48px;height:24px;}
#menu a.a-vol03:hover {background: url(../images/common/menu_vol_ov.gif) no-repeat left -48px;height:24px;}

#menu a.a-h42_blue {background: url(../images/common/menu_h55_ov.gif);height:42px;}
#menu a.a-h55_blue {background: url(../images/common/menu_h55_ov.gif);height:55px;}
#menu a.a-h60_blue {background: url(../images/common/menu_h60_ov.gif);height:54px;}
#menu a.a-01b_blue {background: url(../images/common/menu_01b_ov.gif);height:46px;}
#menu a.a-vol01_blue {background: url(../images/common/menu_vol_ov.gif) no-repeat left top;height:24px;}
#menu a.a-vol02_blue {background: url(../images/common/menu_vol_ov.gif) no-repeat left -24px;height:24px;}
#menu a.a-vol03_blue {background: url(../images/common/menu_vol_ov.gif) no-repeat left -48px;height:24px;}

div.backnumber {clear:both;width:195px;height:125px;text-align:center;line-height:20px;
background:url(../images/common/banner_backnum.gif) no-repeat left top;}

hr.hr-foot {border:13px solid #74B5D5;width:895px;height:13px;}

#footer {text-align:center;background:#FFFFFF;padding:30px 0 0 0;clear:both;}
#footer img {margin-bottom:18px; margin-left:10px;}
.logo {margin-top:30px;}


/* index */
.caption {font-size:85%;line-height:15px;margin:1px 0 5px 0;}
#topics {float:left;display:inline;clear:both;height: 110px;width: 455px;
background: url("../images/index/index_b02.gif") no-repeat left top;
/*	border-top:1px dashed #4C2007;
	border-right:1px dashed #4C2007;
	border-bottom:1px dashed #4C2007;
	background:#FFFFFF;*/}
#topics_in {border-top:1px dashed #4C2007;height: 63px;margin:8px 15px 0 10px;
	overflow:auto;
	scrollbar-arrow-color:#FFFFFF;
/*	scrollbar-base-color:#D5C4B3;*/
	scrollbar-face-color:#4C2007;
	scrollbar-3dlight-color:#D5C4B3;
	scrollbar-highlight-color:#D5C4B3;
	scrollbar-shadow-color:#D5C4B3;
	scrollbar-darkshadow-color:#D5C4B3;
	scrollbar-track-color: #D5C4B3;}
#topics ul {list-style-image:url(../images/common/asterisk_brown.gif);margin:7px 0 0 23px;padding:0 0 3px 0;}
#topics li {margin-bottom:8px;}

#mail {float:left;display:inline;height: 110px;width: 450px;
background: url("../images/index/index_b02.gif") no-repeat left top;
/*	border-top:1px dashed #4C2007;
	border-bottom:1px dashed #4C2007;*/
	}
.mail_in {padding:10px;}
.mail_hr {border-bottom:1px dashed #4C2007;}

div.index_iei {float:left;display:block;height:225px;width: 450px;
	background: url(../images/index/index_iei_book.gif) no-repeat;
	color:#000000;font-size:12px;line-height:18px;}
div.index_iei_in {width:305px;text-align:center;margin-top:80px;float:left;display:inline;}
div.index_iei_in_r {width:112px;text-align:center;margin:15px 0 0 0;float:left;display:inline;}
div.index_iei_in_r img {border:1px solid #000000;display:block;margin-bottom:3px;}

.waku_blue {background:url(../images/common/waku_blue_middle.gif) repeat-y;width:100%;font-size:116%;line-height:180%;}
.waku_blue2 {background:url(../images/common/waku_blue2_middle.gif) repeat-y;width:100%;font-size:116%;line-height:180%;}
.in_waku_blue {float:left;clear:right;width:500px;color:#FFFFFF;}
.img_wh_left {border:1px solid #FFFFFF;float:left;clear:right;margin:10px 21px;}
.hr_in_waku_blue {border:1px dotted #FFFFFF;height:1px;}

#index_contents {width:910px;height:934px;background: url("../images/index/index_b01.gif") repeat -1px top;clear:both;margin-top:20px;}
#index_contents div.in-left {width:455px;float:left;display:inline;}
/*
.index_contents_in {clear:right;margin: 0 10px 0 15px;}
.index_contents_inr {width:405px;float:left;clear:right;margin: 0 0 0 50px;}
*/
#index_contents ul {margin:0;padding:0 25px 0 17px;margin:0;list-style-type:none;}
#index_contents li {height:218px;margin:15px 0;}
a.a-i_c {height:160px;color:#000000;display:block;}

img.img_contents_r {float:right;}


/* system */
#system_chart {margin-left:15px;float:left;display:inline;width:403px;}
#system_chart ul {padding:73px 0 0 0;margin:0;list-style-type:none;}
#system_chart li {height:62px;}


/* voice */
#voice {line-height:170%;}
p.voice_subject {background-color:#96D8E8;height:26px;margin:0 0 10px 0;padding:0;}
#voice p.voice_subject img {margin:6px 10px;}


/* staff */
#staff {width:427px;float:left;margin-left:15px;display:inline;line-height:180%;}


/* form */
.form_intro {line-height:160%;}
.form_text_r {text-align:right;width:100%}
#mailform {margin:0;padding:0;}
#mailform table {background-color:#FFFFFF;width:100%;font-size:100%;line-height:140%;text-align:left;}
#mailform th {background-color:#72BAE7;border-bottom:1px solid #FFFFFF;}
#mailform td.back_t_green {background-color:#ADDD91;}
.form_button {width:130px;margin:10px;}
.ssl_left {width:150px;text-align:center;float:left;clear:right;}
.ssl_right {width:500px;float:left;clear:right;}
.ssl_back {width:100%;background-color:#FFFFFF;float:left;clear:right;}
.form-td1 {border-bottom:1px solid #97D7DD;}
.form-td2 {padding-top:15px;vertical-align:bottom;}


/* map */
#map_index th {text-indent:12px;letter-spacing:12px;}
#map_index th a {color: #006933;}
#map_index td a:link , #map_index div a:link {color: #333333;}
#map_index td a:hover , #map_index th a:hover , #map_index div a:hover {color: #0D7CCB;}
#map_index td a:visited , #map_index th a:visited , #map_index div a:visited {color: #333333;}
.waku-bk {border:1px solid #000000;background:#FFFFFF;padding:10px;}

#map-places {width:568px;padding:0 0 20px 0;text-align:left;}
#map-places p {font-size:medium;font-weight:bold;padding:0;margin:0 0 10px 0;}
#map-places img {display:block;margin:10px 0;}



/* sample */
p.sample-title {font-size:medium;font-weight:bold;color:#0D7CCB;
	border-bottom:1px dashed #1E2973;margin:15px 0;padding:3px 0;clear:both;}
div.sample {float:left;display:inline;width:330px;margin:0 10px 10px 0;clear:both;}
div.sample-point {background: url("../images/sample/sample_point.gif") no-repeat left top;padding-left:90px;}
div.sample-data {background: url("../images/sample/sample_data.gif") no-repeat left top;padding-left:90px;margin-top:20px;}
th.sample-th {color:#FFFFFF;text-align: justify;text-justify:distribute-all-lines;font-weight:normal;
	white-space: nowrap;background:#8DC1E7;width:45px;padding:0 10px;}
.nowraptext {white-space:nowrap;}

#samplemenu ul {margin:0;padding:0;list-style:none;background:#CCCCCC;}
#samplemenu li {margin:0;padding:0;float:left;display:inline;width:94px;}
#samplemenu a {width:94px;height:88px;display:block;text-indent:-5000px;}
#samplemenu a.a-kitchen {background: url(../images/sample/sample_topbutton.gif) no-repeat left top;}
#samplemenu a.a-kitchen:hover {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat left top;}
#samplemenu a.a-dresser {background: url(../images/sample/sample_topbutton.gif) no-repeat -94px top;}
#samplemenu a.a-dresser:hover {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -94px top;}
#samplemenu a.a-bath {background: url(../images/sample/sample_topbutton.gif) no-repeat -188px top;}
#samplemenu a.a-bath:hover {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -188px top;}
#samplemenu a.a-toilet {background: url(../images/sample/sample_topbutton.gif) no-repeat -282px top;}
#samplemenu a.a-toilet:hover {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -282px top;}
#samplemenu a.a-enlarge {background: url(../images/sample/sample_topbutton.gif) no-repeat -376px top;}
#samplemenu a.a-enlarge:hover {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -376px top;}
#samplemenu a.a-roof {background: url(../images/sample/sample_topbutton.gif) no-repeat -470px top;}
#samplemenu a.a-roof:hover {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -470px top;}
#samplemenu a.a-exterior {background: url(../images/sample/sample_topbutton.gif) no-repeat -564px top;width:96px;}
#samplemenu a.a-exterior:hover {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -564px top;width:96px;}

#samplemenu a.a-kitchen_p {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat left top;}
#samplemenu a.a-dresser_p {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -94px top;}
#samplemenu a.a-bath_p {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -188px top;}
#samplemenu a.a-toilet_p {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -282px top;}
#samplemenu a.a-enlarge_p {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -376px top;}
#samplemenu a.a-roof_p {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -470px top;}
#samplemenu a.a-exterior_p {background: url(../images/sample/sample_topbutton_ov.gif) no-repeat -564px top;width:96px;}


/* backnumber */
#backnum {margin:10px 0;}
#backnum hr {border-bottom:1px solid #CCCFCC;clear:both;padding:0;margin:0;}
.backnum-l {width:329px;float:left;display:inline;border-right:1px solid #CCCFCC;margin:15px 0;text-align:center;}
.backnum-r {width:330px;float:left;display:inline;margin:15px 0;text-align:center;}
#backnum a.a-backnum {display:block;text-align:center;margin:10px 0 0 0;
	background:url(../images/backnumber/button_read.gif) no-repeat 230px top;}
#backnum a.a-backnum img {border:1px solid #000000;}


/* style collection */
.vol3-div {float:left;display:inline;width:315px;}