@charset "utf-8";

/*------------------------------------------------------------------------------------
CSS Document 


INDEX
	#1 commons
	#2 headings
	#3 a
	#4 other tags
	#5 classes

	#6 wrapper
	#7 header
	#8 main image
	#9 navigation
	#10 container
	#11 mainLeft
	#12 mainRight
	#13 footer
	
	#14 localNavigation
	#15 tables
	#16 form


font-size
	1px  6.25%
	10px 62.5%
	11px 68.75%
	12px 75% 

	+1px 106.25%
	+2px 112.5%


	-1px 93.75%
	-2px 87.5%

color code
	main color
	sub color
	accent color
	
	string1 #cccccc
	string2 


iepngfix
	img{
		behavir:url(../js/iepngfix.htc);
	}

	



author:
lastmodified:2007-11-01	


------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------
=1 commons
------------------------------------------------------------------------------------*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}
html{overflow-y:scroll;}
body{

	font-size:75%;
	line-height:150%;
	color:#666666;
	background:#EBE0D6;
	font-family:Arial, Helvetica,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Geneva,sans-serif;
	margin:0 auto;
	padding-top:18px;
	position:relative;
}
 
table{  
	border-collapse:collapse;   
	border-spacing:0;   
	border:0;
}

td,th{
	border:0;
	vertical-align:top;
}


fieldset,img {    
	border:0;   
} 


address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 

ol,ul {  
	list-style:none;   
} 

caption,th {  
	text-align:left;   
} 

h1,h2,h3,h4,h5,h6 {  
	font-size:100%;   
	font-weight:normal;   
} 

q:before,q:after {  
	content:'';   
} 

abbr,acronym {
	border:0;   
}  

strong{
	font-weight:bold;
}

p.head_comment strong{
	color:#660099;
}

.gototop a{
color:#006699;
float:right;
}


/*------------------------------------------------------------------------------------
=2 headings
------------------------------------------------------------------------------------*/
h1{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}

h2{
	width:560px;
	height:35px;
	background:url("h2.jpg") no-repeat left top;
	margin-bottom:30px;
	color:#CC6666;
	line-height:38px;
	font-weight:bold;
	font-size:15px;
	text-indent:15px;
}

#top h2{
	width:270px;
	margin-bottom:10px;
	background:none;
	text-indent:0;
	margin-bottom:14px;
}



h3{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}

h4{
	width:560px;
	height:30px;
	font-size:13px;
	text-indent:15px;
	background:url("h4.jpg") no-repeat left top;
	margin-bottom:20px;
	line-height:30px;
	font-weight:bold;
}

h5{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}


h6{
	width:;
	height:;
	background:url() no-repeat left top;
	margin-bottom:;
}



/*------------------------------------------------------------------------------------
=3 a
------------------------------------------------------------------------------------*/

a:link{
	color:#006699;
}

a:visited{
	color:#006699;
}

a:hover{
}

a:active{
	color:#663399;
}


ul a:link,ul a:visited,a:hover,a:active{
	text-decoration:none;
	color:;
}



/*------------------------------------------------------------------------------------
=4 other tags
------------------------------------------------------------------------------------*/

*html img{
	behavior:url(../js/iepngfix.htc);
}



p{
	margin-bottom:10px;
}

p.indentP{
	text-indent:1em;
}


strong{
}

dl{
}

dt{
	clear:both;
	height:;
	float:left;
	padding:;
}

dd{
	float:right;
	height:;
	padding:;
}

a:active img,a:hover img,a:focus img{
	filter:Alpha(opacity=80);
	-moz-opacity:0.50;
	opacity:0.50;
}


/*------------------------------------------------------------------------------------
5= classes
------------------------------------------------------------------------------------*/

.toTop{
	text-align:right;
}

.imgRight{
	text-align:right;
}


.alphabet{
	letter-spacing:0.25em;
}

/*------------------------------------------------------------------------------------
6= wrapper
------------------------------------------------------------------------------------*/
#wrapper{
	width:780px;
	margin:0 auto;
	background:url("wrapper_top.gif") no-repeat left top #FFFFFF;
}


/*------------------------------------------------------------------------------------
7= header
------------------------------------------------------------------------------------*/
#header{
	position:relative;
	height:67px;
	margin:0 auto;
	
}

#header #logo{
	position:absolute;
	top:10px;
	left:0px;
}

#header ul{
	padding-top:10px;
	padding-right:20px;
	float:right;
}


#header li{
	border:0;
	padding-left:1.5em;
	background:url("icon.gif") no-repeat left center;
	line-height:160%;
}



div#header:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}






/*------------------------------------------------------------------------------------
8= main image
------------------------------------------------------------------------------------*/
#main_image{
	clear:both;
	width:780px;
	text-align:center;
	float:left;
	margin-bottom:10px;
	margin-top:0;
}

#locator{
	text-align:right;
	font-size:93.75%;
}



/*------------------------------------------------------------------------------------
9= navigation
------------------------------------------------------------------------------------*/



#navigation{
	width:780px;
	height:50px;
	margin:0 auto;
		
	
}

#navigation li{
	float:left;
}

#navigation li a{
	
}

#navigation li a:hover{
	background:;
}


#sub_navigation{
	text-align:right;
	padding-right:10px;
	padding-bottom:0;
	height:37px;
	overflow:hidden;
	
}

#sub_navigation ul{
margin:0;
padding:0;
}

#sub_navigation li{
	display:inline;
	margin-left:5px;
	margin-bottom:0;
	padding:0;
	float:right;
	
	
}



/*------------------------------------------------------------------------------------
10= container
------------------------------------------------------------------------------------*/
#container{
	clear:both;
	width:760px;
	margin:0 10px;
}


div#container:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*------------------------------------------------------------------------------------
11= main contents
------------------------------------------------------------------------------------*/

#main_contents{
	float:left;
	display:inline;
	overflow:hidden;
}



#top #main_contents{
	width:760px;
}

.one_col #main_contents{
	width:760px;
}

.two_col #main_contents{
	width:562px;
	margin-left:10px;
}



#contact_temp #main_contents{
	width:600px;
	margin:0 auto;
	float:none;
	display:block;
	
}




/*------------------------------------------------------------------------------------
12= left menu
------------------------------------------------------------------------------------*/
#left_menu{
width:188px;
background:#F2F2F2;
display:inline;
margin-left:4px;
}

#left_menu ul{
display:inline;
}

#left_menu ul li {
list-style-type:none;
display:inline;
float:left;
}

*html #left_menu ul li {
list-style-type:none;
display:inline;
float:left;
margin-bottom:10px;
}

*:first-child+html #left_menu ul li {
list-style-type:none;
display:inline;
float:left;
margin-bottom:10px;
}


#left_menu ul li a{
width:180px;
height:45px;
line-height:40px;
background:url("subnavi.jpg") no-repeat left center;
text-indent:20px;
display:block;
float:left;
color:#333333;
list-style-type:none;
margin-bottom:10px;

}

#left_menu ul li a:hover{
color:#660066;
font-weight:bold;
float:left;
list-style-type:none;
}

#left_menu ul li ul {
float:left;
list-style-type:none;
display:inline;
}

#left_menu ul li ul li {
float:left;
list-style-type:none;
display:inline;
}

#left_menu ul li ul li a{
width:180px;
height:45px;
line-height:45px;
display:block;
background:url("sub.jpg") no-repeat left center;
text-indent:20px;
float:left;
margin-bottom:10px;

}

#left_menu ul li ul li a:hover{
width:180px;
height:45px;
line-height:45px;
display:block;
background:url("sub_o.jpg") no-repeat left center;
text-indent:20px;
float:left;
}




/*------------------------------------------------------------------------------------
13= footer
------------------------------------------------------------------------------------*/
#footer{
	clear:both;
	padding-top:10px;
	text-align:right;
	padding-right:10px;
	background:#A38CBA;
	color:#663366;
	line-height:150%;
	margin-top:30px;
	
}

#footer p{
	margin:0;
}

#copyright{
	font-weight:bold;
	color:#FFFFFF;
}



/*------------------------------------------------------------------------------------
14= local Navigation
------------------------------------------------------------------------------------*/
.local_navi{
	
}

.local_navi li{
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #333;
}

.local_navi li.end{
	padding-right:0;
	border-right:0;
	
}




/*------------------------------------------------------------------------------------
15= tables
------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------
16= forms
------------------------------------------------------------------------------------*/
input:focus,textarea:focus,.iefocus{
	background:#EEE;
}




ul.sitemap {
	margin-top:10px;
	margin-bottom:50px;
	margin-left:0;
	width:720px;
}

ul.sitemap li {
	list-style:none;
	
}

ul.sitemap>li{
	font-weight:bold;
}	 
ul.sitemap li a{
	color:#FF8080;
}

ul.sitemap li a{
	display:block;
	margin-top:5px;
	padding-top:3px;
	height:22px;
	padding-left:20px;
	
}
	
ul.sitemap ul li{	
	font-weight:normal;
}	


ul.sitemap>ul>li{
	padding-left:20px;
}

ul.sitemap>ul>ul{
	
}

ul.sitemap>ul>ul>li{
	margin-left:90px;
	
}

ul.sitemap>ul>ul>ul>li{
	margin-left:190px;
	
}

ul.sitemap>ul>ul>ul>ul>li{
	margin-left:220px;
}



.font_s{font-size:11px;}

.add_mar_btm{margin-bottom:25px;}
.add_mar_btm_L{margin-bottom:50px;}

.clr{
	clear:both;
}

.attention{
	color:#CC0000;
}

.img_navi h3,
.head_icon1{
	width:100%;
	height:auto;
	background:url("icon03.gif") no-repeat left center;
	padding-left:13px;
	font-weight:bold;
	font-size:13px;
	color:#666666;
}




.img_navi h3{
	font-size:12px;
	text-decoration:underline;
	padding-left:15px;
	color:#333333;
	margin-bottom:10px;
}

.img_navi{
	width:542px;
	margin:0 10px 20px 0;
	font-size:11px;
}


.img_navi li{
	position:relative;
	width:263px;
	height:100px;
	overflow:hidden;
	background:#EFEFEF;
	margin-right:6px;
	margin-bottom:20px;
	float:left;
	display:inline;
}

.img_navi p.photo{
	position:absolute;
	width:100px;
	left:4px;
	top:4px;

}

.img_navi div{
	position:absolute;
	left:110px;
	top:4px;
	width:140px;
}



.img_navi li.line{
	width:261px;
	height:98px;
	border:1px solid #CCCCCC;
	background:none;
}

.img_navi li.line h3{
	width:150px;
	position:absolute;
	padding:0;
	background:none;
	text-align:center;
	top:10px;
	left:10px;
}

.img_navi li.line p{
	width:150px;
	position:absolute;
	top:55px;
	left:10px;
	line-height:110%;
	font-size:11px;
}

.img_navi li.line .qr{
	width:79px;
	top:10px;
	left:176px;
}




.head_type_3 h2{
	margin-bottom:10px;
}

.head_type_2 p,.head_type_3 p,
.head_type_2 table,.head_type_3 table{
	margin-left:15px;
}

.head_type_3 table p{
	margin-left:0;
}



.head_type_2 .local_navi{
	margin-bottom:20px;
}

.head_type_2 .local_navi li{
	border:0;
	margin-left:15px;
	padding-left:0;

}

.head_type_2 .local_navi a{
	color:#006699;
	text-decoration:underline;
}


.head_type_3 h3{
	height:24px;
	border-bottom:3px solid #660066;
	background:#E9DBE9;
	font-weight:bold;
	text-indent:15px;
	margin-bottom:17px;
	line-height:200%;
	color:#333333;
}

.head_type_2 h3,.head_type_3 h4{
	border-left:5px solid #CC6666;
	border-bottom:1px solid #CC6666;
	text-indent:10px;
	font-weight:bold;
	color:#333333;
	margin-bottom:15px;
	height:1.75em;
	line-height:145%;
}

.head_type_3 h4{
	background:none;
}



.img_tbl td{
	font-size:11px;
	font-weight:bold;
	padding-bottom:1em;
	padding-right:8px;
}

.img_tbl td img{
	display:block;
	margin-bottom:3px;
}


.data_tbl,.data_tbl_3{
	border:1px solid #CCCCCC;
}

.data_tbl td,.data_tbl th{
	padding:3px;
	border:1px solid #CCCCCC;
	line-height:130%;
}

.data_tbl th{
	text-align:left;
	font-weight:bold;
	color:#993399;
	background:#F5F5F5;
}


.data_tbl_2{
	margin-bottom:20px;
}

.data_tbl_2 th{
	background:#DEEFEF;
	font-weight:normal;
	color:#666666;
}




.data_tbl_3 td,.data_tbl_3 th{
	padding:10px;
	border:1px solid #CCCCCC;
}

.data_tbl_3 td.sub_head{
	background:#FFF2F2;
}


.data_tbl_3 th{
	background:#DEEFEF;
	font-weight:normal;
	color:#666666;
	font-weight:bold;
}

.data_tbl_3 th.center{
	padding:0 5px 0 5px;
	text-align:center;
}

.data_tbl_3 td.center{
	text-align:center;
}

.data_tbl_3 td.etc{
	padding:3px 0;
	text-align:center;
}



/*------------------------------------------------------------------------------------
17= top 
------------------------------------------------------------------------------------*/



.top_info_tbl{
	width:270px;
}

.page_info_tbl td,
.top_info_tbl td{
	background:url("icon02.gif") no-repeat 0 5px;
	border-bottom:1px dotted #CCCCCC;
	padding-left:12px;
	padding-bottom:3px;
}

.page_info_tbl td{
	border:0;
}

.top_info_tbl strong{
	color:#663399;
	font-weight:bold;
}


.page_info_tbl strong{
	color:#333333;
	font-weight:bold;
}

/*------------------------------------------------------------------------------------
18= pages
------------------------------------------------------------------------------------*/




.contact_info{
	width:598px;
	border:1px solid #333333;
	padding:15px 0 20px 0;
}


.contact_info p,
.contact_info table{
	margin-left:17px;
	line-height:130%;
}

.contact_info strong{
	font-weight:bold;
	color:#663399;
}


.message_box{
	position:relative;
	width:550px;
	height:300px;
}

.message_box p{
	position:absolute;
	
}

.message_box .description{
	width:378px;
	top:78px;
	left:0;
}

.message_box p.img_str{
	top:0px;
	left:0;
}

.message_box p.photo{
	top:0;
	left:400px;
	width:140px;
	text-align:center;
}

.message_box .photo strong{
	letter-spacing:0.4em;
	margin-left:8px;
	font-size:106.25%;
	line-height:200%;
}


.head_type_3 h4.question{
	color:#FFFFFF;
	border:0;
	background:url("q_img.gif") no-repeat 5px 7px #D58282;
	height:30px;
	line-height:240%;
	text-indent:30px;
}

.head_type_3 .answer{
	background:url("a_img.gif") no-repeat 5px 0px;
	padding-left:30px;
	margin:0 0 20px 0;
	text-indent:0;
}


#meeting_page .data_tbl_3{
	letter-spacing:-0.02em;
}

#meeting_page .data_tbl_3 td,#meeting_page data_tbl_3 th{
	padding:3px;
}

.schedule_box{
width:560px;
float:left;
border-bottom:#663300 dotted 1px;
margin:10px 5px 0 0;
padding:10px 0 10px 0;
display:inline;}

.schedule_box p.moon{
width:74px;
float:left;
display:inline;}

.schedule_box p.txst{
width:170px;
float:left;
margin:0 0px 0 5px;
display:inline;}

.schedule_box_r{
width:283px;
float:left;}

.schedule_box_r img{
float:left;
margin:0 1px 2px 0;}

.club_box{
width:250px;
float:left;
margin:0 0 10px 0;}

.club_box p{
color:#CC6699;
font-weight:bold;}

.club_box p.in{
color:#666666;
font-weight:normal;
line-height:100%;}

.club_box p.bu{
color:#6699CC;
font-weight:bold;}

.day_box_l{
float:left;
width:269px;}

.day_box_l_in{
float:left;
background-image:url(day_b.gif);
background-repeat:no-repeat;
width:269px;
height:58px;}

.day_box_l01{
width:100px;
float:left;
color:#CC3366;
font-weight:bold;
margin:25px 15px 0 10px;}

.day_box_l02{
float:left;
margin:17px 0 0 10px;}

.day_box_l03{
float:left;
color:#666666;
font-weight:bold;
margin:25px 0 0 15px;}

.day_box_r{
float:right;
width:233px;
margin:0 15px 0 0;
display:inline;}

.day_box_r_in{
border:#CCCCCC 1px solid;
margin:0 0px 15px 0;}

.day_box_r_in table td p{
line-height:140%;
width:100px;}

.day_box_r_in02{
margin:0px 0 0 20px;}





/*------------------------------------------------------------------------------------
18= form
------------------------------------------------------------------------------------*/
#postmail_copyright p{
	text-align:center;
	font-size:10px;
	font-family:Verdana,Helvetica,Arial;
}

.hissu{
	color:#CC0000;
}

.form_tbl{
	width:600px;
	margin-bottom:20px;
}

.form_tbl td,_form_tbl th{
	padding:3px;
	vertical-align:top;
}

.ipt_size1{width:265px;}
.ipt_size2{width:395px;}
.ipt_size3{width:65px;}
.ipt_size4{width:190px;}

#form_tbl{
	width:600px;
	margin:0;	
}


#form_tbl th{
	width:25%;
	background:;
	padding:0;
}


#form_tbl td{
	width:75%;
	background:;
	padding:0;
}	

td#left_space {
width:188px;
background-color:#f3f3f3;
margin-right:10px;
}
#main{
width:780px;
float:left;
}

.left {
margin-left:10px;
}

.sitemap li{
list-style-type:none;
line-height:200%;
}

.sitemap {
margin-left:50px;
}

.sitemap ul li {
margin-left:30px;

}

.sitemap ul ul li {
margin-left:60px;
}

.sitemap ul ul ul li {
margin-left:90px;
}