@charset "UTF-8";

#main #purpose {
	
	background-image: url(../imgs/shared/purpose2.jpg);
	background-repeat: repeat-x;
	background-position: 690px;
	margin-top: 8px;
	margin-bottom: 17px;
}

#main #purpose h2 {
	height: 105px;
	width: 690px;
	display: block;
	margin: 0px;
	text-indent: -1000em;
	background-image: url(../imgs/shared/purpose1.gif);
	background-repeat: no-repeat;
}



#layout_left {
	float: left;
	width: 200px;
}

#layout_right {
	float: right;
	width: 625px;
}


#layout_left h3 {
	margin: 0px 0px 1px;
	height: 30px;
	width: 200px;
	text-indent: -1000em;
}


#layout_left h3#kaiin {
	background-image: url(../imgs/shared/m_kaiin_head.gif);

}



#info_head {
	display: block;
	height: 28px;
	width: 625px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	
	
}

#info_head h3 {
	display: block;
	margin: 0px;
	height: 28px;
	background-image: url(../imgs/shared/h3_info.gif);
	background-repeat: no-repeat;
	float: left;
	width: 100px;
	text-indent: -1000em;
}






ul#info_head_sub {
	margin: 8px 0px 0px;
	padding: 0px;
	list-style-type: none;
	float: right;
}
ul#info_head_sub li {
	float: left;
}


ul#info_head_sub li a {
	text-decoration: none;
	margin: 0px 0px 0px 1px;
	list-style-type: none;
	height: 20px;
	width: 70px;
	display: block;
	padding-left: 15px;
	line-height: 22px;
	color: #FFF;
	background-image: url(../imgs/shared/a1.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	font-size: 10px;
}

ul#info_head_sub li a.m1 {
	background-color: #666;	
}
ul#info_head_sub li a.m2 {
	background-color: #14a83b;	
}

ul#info_head_sub li a.m3 {
	background-color: #01a0b8;	
}







#layout_left h3#ippan {
	background-image: url(../imgs/shared/m_ippan_head.gif);
}





#layout_left ul {
	list-style-type: none;
	margin: 0px 0px 17px;
	padding: 0px;
}
#layout_left ul li {
	margin-bottom: 1px;
	padding-bottom: 2px;
	
	
}
#layout_left ul li a {
	display: block;
	height: 43px;
	line-height: 43px;
	padding-left: 20px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../imgs/shared/a2.gif);
	background-repeat: no-repeat;
	background-position: 10px 17px;
}



#layout_left ul#kaiin li  {
	background-color: #14a83b;
	
}

#layout_left ul#kaiin li a:hover {
	background-color: #17bd43;
	
}

#layout_left ul#ippan li {
	background-color: #01a0b8;
	
}
#layout_left ul#ippan li a:hover {
	background-color: #01b5cd;
	
}

#layout_left ul#kaiin li#m1 a.exc {
	background-color: #FFF;
	color: #14A83B;
	background-image: url(../imgs/shared/exc.gif);	
	background-repeat: no-repeat;
	background-position: 10px 13px;
}

#layout_left ul#kaiin li#m1 {
	background-color: #FFF;
	border: 2px solid #14A83B;

}

#layout_left ul#kaiin li#m1 a.exc :hover {
	background-color: #EEE;
	
}









#layout_left ul#kaiin ul.sub ,#layout_left ul#ippan ul.sub {

	margin: 0px 2px;
	padding: 0px;
		
	
}
#layout_left ul#kaiin ul.sub li,#layout_left ul#ippan ul.sub li{
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	list-style-position: inside;
	background-color: #FFF;

}
#layout_left ul#kaiin ul.sub li{
	border-top-color: #14A83B;
}

#layout_left ul#ippan ul.sub li{
	
	border-top-color: #01a0b8;
}




#layout_left ul#kaiin ul.sub li a,#layout_left ul#ippan ul.sub li a  {
	
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
	background-color: #FFF;
	margin: 0px;
}

#layout_left ul#kaiin ul.sub li a {
	color: #14A83B;
}
#layout_left ul#ippan ul.sub li a {
	color: #01a0b8;
}


#layout_left ul#kaiin ul.sub li a:hover, #layout_left ul#ippan ul.sub li a:hover {
	background-color: #FFF;
	text-decoration: underline;
	display: block;

}




ul#info_list{
	list-style-type: none;
	margin: 20px;
	padding: 0px;
	
}
ul#info_list li {
	display: block;
	margin-bottom: 10px;
	position: relative;
}

ul#info_list li:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

ul#info_list li .icon {
	background-repeat: no-repeat;
	height: 17px;
	width: 31px;
	float: left;
}


ul#info_list li.info_kaiin .icon {
	background-image: url(../imgs/shared/info_icon_kaiin.gif)
}

ul#info_list li.info_ippan .icon{
	background-image: url(../imgs/shared/info_icon_ippan.gif);	
}





ul#info_list li.info_kaiin a {
	color: #14A83B;
	
}
ul#info_list li.info_ippan a{
	color: #01A0B8;
	
}

ul#info_list li a:hover {
	text-decoration: none;
}





ul#info_list li .date {
	display: block;
	width: 60px;
	height: 20px;
	float: left;
	margin-top: 1px;
}
ul#info_list li .txt {
	display: block;
	width: 480px;
	float: right;
	margin-top: 1px;
	
	
	
}