/*================================
 BASIC
================================*/
html {
	margin:0;
	padding:0;
	overflow-y: scroll;
}

body {
	margin:0;
	padding:0;
	color:#666666;
	font-size:12px;
	line-height:160%;
}
/* base */
#all{
	width:870px;
	margin:0 auto;
	padding:0;
}
/* list */
ul{
	list-style-type:none;
}
/* link */
a {color: #853600;}
a:link {color: #853600; text-decoration:none;}
a:visited {color:#853600; text-decoration:none;}
a:hover {color: #b6530f; text-decoration:underline;}
a:active { color:#a45302; text-decoration:none;}

/*================================
 IMG ELEMENT SET
================================*/
img{
	border:none;
}

/*================================
 ID/CLASS ELEMENT SET
================================*/
/* HEADER */

#header {
	width: 870px;
	height:80px;
	margin:0 auto;
	padding: 0;
	background: url(../img/header_bg.gif) repeat-x left top;
	text-align:center;
}

#header .logo {
	width:229px;
	margin: 0;
	padding: 18px 0px 22px 36px;
	float:left;
}
#header .home {
	width:40px;
	margin: 0;
	padding: 34px 0px 35px 7px;
	float:left;
}

#hmenuArea {
	height:11px;
	margin: 0;
	padding: 17px 36px 12px 0px;
	float:right;
}
#hmenuArea ul {
	margin: 0;
	padding: 0;
}
#hmenuArea ul li {
	margin: 0;
	padding: 0;
	list-style-type:none;
	float:left;
}
#hmenuArea ul li img {
	margin: 0;
	padding: 0;
	border:none;
}

#hsearchArea{
	margin:0px;
	padding:0px;
	float:right;
	clear:right;
}
.hsearchbox{
	width:140px;
	margin:0px;
	padding:0px;
	border:1px solid #967442;
	float:left;
}
.hsearchbtn{
	margin:0px;
	padding:0px 36px 0px 6px;
	float:left;
}
/* Main Menu */

#menuArea {
	width: 870px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_bg.gif) repeat-x left top;
	text-align:center;
}
#menuArea ul {
	height: 38px;
	margin: 0;
	padding: 0;
}
#menuArea ul li {
	height: 38px;
	margin: 0;
	padding: 0;
	list-style-type:none;
	float:left;
}
#menuArea ul li img{
	margin: 0;
	padding: 0;
	border:none;
}

#all .topMenu{
	background: url(../img/menu_bg_top.gif) repeat-x left top;
}

/* Main Title */

#mainTtl {
	margin: 0;
	padding:22px 0 0;
	background: url(../img/mainttl_bg.gif) repeat left top;
	clear:left;
}
#mainTtl h1 {
	height: 31px;
	margin: 0;
	padding:0 0 12px 36px;
	float:left;
}

/* Font Size */

#mainTtl #fontArea {
	width: 127px;
	margin: 0;
	padding: 0 37px 0 0;
	float:right;
}
#mainTtl #fontArea ul {
	margin: 0;
	padding: 0 0 0 64px;
	vertical-align:middle;
	background: url(../img/fontsize.gif) no-repeat 0 3px;
}
#mainTtl #fontArea ul li {
	width: 21px;
	margin: 0;
	padding: 0;
	list-style-type:none;
	float:left;
}
#mainTtl #fontArea ul li a{
	display: block;
	width: 18px;
	height: 19px;
	text-indent: 20px;
	overflow: hidden;
}

li#fontSizeSwitcherSmall a{background: url(../img/font_s.gif) no-repeat left top;}
li#fontSizeSwitcherMedium a{background: url(../img/font_m.gif) no-repeat left top;}
li#fontSizeSwitcherLarge a{background: url(../img/font_l.gif) no-repeat left top;}

li#fontSizeSwitcherSmall a.def{background: url(../img/font_s.gif) no-repeat left top;}
li#fontSizeSwitcherMedium a.def{background: url(../img/font_m.gif) no-repeat left top;}
li#fontSizeSwitcherLarge a.def{background: url(../img/font_l.gif) no-repeat left top;}

li#fontSizeSwitcherSmall a.current{background: url(../img/font_s_on.gif) no-repeat left top;}
li#fontSizeSwitcherMedium a.current{background: url(../img/font_m_on.gif) no-repeat left top;}
li#fontSizeSwitcherLarge a.current{background: url(../img/font_l_on.gif) no-repeat left top;}

/* crumb area */
#crumb{
/*	margin-bottom:30px;*/
	padding:16px 0px 50px 35px;
	font-size:10px;
	text-align:left;
	/*background: url(../img/crumbs_bg.gif) repeat-x left top;*/
	clear: both;
}
#crumb ul{
	margin:0px;
	padding:0px;
}
#crumb ul li{
	margin:0px;
	padding:0px 0px 0px 9px;
	list-style-type:none;
	float:left;
	color:#000000;
	font-weight:bold;
}
#crumb a{
	margin:0px;
	padding:0px 15px 0px 0px;
	background-image:url(../img/arrow_crumb.gif);
	background-repeat:no-repeat;
	background-position:right center;
	font-weight:normal;
}
#crumb a:link {color: #853600; text-decoration:none;}
#crumb a:visited {color:#853600; text-decoration:none;}
#crumb a:hover {color: #b6530f; text-decoration:underline;}
#crumb a:active { color:#a45302; text-decoration:none;}

/* Main Contents */

#main {
	width: 800px;
	margin: 0px auto;
	background-image:url(../img/navimenu_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	clear:both;
}

/* NAVIGATION */
#naviArea {	
	float: left;
	width: 199px;
	margin: 0px;
	padding: 0px 0px 0px 1px;
	border-top:1px solid #d4d4ba;
	clear:both;
}
#naviArea img {	
	margin: 0px;
	padding: 0px;
}
#naviArea ul {
	margin: 0px;
	padding: 0px;
	background-image:url(../img/localmenu_bg.gif);
	background-repeat:repeat;
	background-position:left top;
}
#naviArea ul li {
	margin: 0px;
	padding: 9px 0px 7px 25px;
	list-style-type:none;
	background-image:url(../img/arrow02.gif);
	background-repeat:no-repeat;
	background-position: 10px 14px;
	border-bottom:1px solid #d4d4ba;
}
#naviArea ul li.naviTop {
	border-top:1px solid #d4d4ba;
}
#naviArea .subnaviArea{
	margin: 0px;
	padding: 0px;
	background-image:none;
	background-color:#f8f8f8;
}
#naviArea .subnaviArea ul {
	margin: 0px;
	padding: 0px;
	background-image:none;
	background-color:#f8f8f8;
}
#naviArea .subnaviArea ul li {
	margin:0px;
	/*height: 27px;*/
	padding: 9px 0 6px 30px;
	list-style-type:none;
	background-image:url(../img/arrow01.gif);
	background-repeat:no-repeat;
	background-position: 15px 14px;
	border-bottom:1px dotted #d4d4ba;
	color:#666666;
}
#naviArea .subnaviArea ul li.subBtm {
	padding: 9px 0px 6px 30px;
	border: none;
}
#naviArea .subnaviArea ul li.subBtmline {
	padding: 9px 0px 6px 30px;
	border-bottom:1px solid #d4d4ba;
}
#naviArea .subnaviArea ul li a:link {color: #52523b; text-decoration:none;}
#naviArea .subnaviArea ul li a:visited {color:#52523b; text-decoration:none;}
#naviArea .subnaviArea ul li a:hover {color: #b6530f; text-decoration:underline;}
#naviArea .subnaviArea ul li a:active { color:#b6530f; text-decoration:none;}

#naviArea .subnaviArea ul li span{
	color: #999;
}
/* CONTENTS AREA */
#content {
	width:576px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	float:right;
}
/* h2 */
.sttl{
	margin:0;
	padding:20px 0 20px 15px;
	background-position:left bottom;
	background-repeat:repeat-x;
	clear:both;
	background-image: url(../img/sub_ttl_bg.gif);
}
div.sttl2{
	height: 24px;
	padding:16px 0 20px 15px;
	background:url(../img/sub_ttl_bg2.gif);
	clear: both;
}
h2{
	height: 24px;
	margin:0;
	padding:7px 0 0 11px;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-left:4px solid #6b0c00;
}
div.sttl2 h2{
	height: 24px;
	margin:0;
	padding:7px 0 0 11px;
}
h2 span {
	font-size: 14px;
}
/* h3 */
h3{
	margin:0;
	padding:20px 0 6px 5px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background:url(../img/sub_sttl_bg.gif) repeat-x left bottom;
	clear: both;
}
h3.ttl2{
	width: 546px;
	height: 23px;
	color: #853600;
	margin: 0 0 15px;
	padding: 7px 0 0 30px;
	background:url(../img/sub_sttl_bg2.gif) no-repeat left bottom;
}
/* h4 */
h4 {
	height: 23px;
	margin:0;
	padding: 5px 0 0 16px;
	color:#444;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background:url(../img/sub_sttl2_bg.gif) no-repeat left bottom;
	clear: both;
}
/* tub */
#tab {
	background:url(../../association/img/tab_line_bg.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	float:left;
	width:100%;
	line-height:normal;
	font-weight:bold;
	font-size:10px;
	text-align:center;
}
#tab ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#tab li {
	margin:0 4px 0 0;
	padding:0;
	background:url(../../association/img/tab_left_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}
#tab a {
	height: 25px;
	margin:0;
	padding:9px 10px 4px 10px;
	display:block;
	background-image:url(../../association/img/tab_right_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	float:left
}
#tab #current {
	background-image: url(../../association/img/tab_active_left_bg.gif)
}
#tab #current a {
	padding-bottom: 5px;
	background-image: url(../../association/img/tab_active_right_bg.gif);
}
/* tablist */
#tablist {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #dddddd;
}
#tablist ul {
	margin: 0;
	padding: 6px 10px;
}	
#tablist li {
	width: 255px;
	padding: 8px 4px 4px 18px;
	background: transparent url(../img/arrow03.gif) no-repeat 9px 12px;
	float: left;
}
#tablist li a {
	font-weight: bold;
}
#tablist li.btm {
	border-bottom: none;
}
#tablist #current{
	background-color: #fbf9f6;
}
/* PAGETOP */
.pagetopBtn{
	padding: 40px 12px 14px 0;
	text-align: right;
	clear: both;
}
/* FOOTER AREA */
#footer {
	margin: 0;
	padding: 11px 0 6px;
	background:#650f00 url(../img/footer_bg.gif) repeat-x left top;
	clear: both;
}
#footer ul{
	width: 800px;
	margin: 0 auto;
	padding: 0;
}
#footer ul li{
	float: left;
	margin: 0;
	padding:0 12px 0 0;
	list-style-type:none;
}
#footer ul li.copy{
	padding:0 146px 0 8px;
}
#footer ul li img{
	margin: 0;
	padding: 0;
	border:none;
}


/*================================
CLEAR
================================*/
.clear{
	min-height:1%;
}
.clear:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html .clear{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
#menuArea{
	min-height:1%;
}
#menuArea:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html #menuArea{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
#mainTtl{
	min-height:1%;
}
#mainTtl:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html #mainTtl{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
#fontArea ul{
	min-height:1%;
}
#fontArea ul:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html #fontArea ul{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
#main{
	min-height:1%;
}
#main:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html #main{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
#footer{
	min-height:1%;
}
#footer:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html #footer{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
.sttl{
	min-height:1%;
}
.sttl:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
* html .sttl{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
#naviArea ul li{
	min-height:1%;
}
#naviArea ul li:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
* html #naviArea ul li{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */
#tablist ul{
	min-height:1%;
}
#tablist ul:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
* html #tablist ul{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
/* ----------------------------- */