/*///// COMMON.CSS /////*/
/* Last Update 2008-10-10 */

/*///// CONTENT /////*/
/*
1. RESET.CSS
2. BASIC SETTINGS
3. LAYOUT
	3-1. HEAD
	3-2. GLOBAL MENU
	3-3. NAVIGATION LIST
	3-4. MAIN IMAGE
	3-5. CONTENT AREA
		3-5-1 MAIN(for 2 column)
		3-5-2 CONTENT(for 1 column) 
	3-6. FOOT

99. GENERAL SETTINGS
100. EACH CATEGORY
*/


/*///// 1. RESET.CSS /////*/
/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/*///// 2. BASIC SETTINGS /////*/
html {
	background: #fcf6ec url(../../common/images/bgHtml.gif) repeat-y center top;
}
body {
	text-align: center; /* forIE5 */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* IE7- */
*+html body {padding-left:1px;}
* html body {padding-left:1px;}
/* IE7- */

a:link {}
a:active {}
a:visited {}
a:hover {}

/*///// 3. LAYOUT /////*/
	div#head,
	div#globalMenu,
	div#navList,
	div#main,/* 2 column */
	div#foot {
	width: 760px;
	margin: 0 auto;
	position: relative;
	text-align: left; /* forIE5 */
	}

/*/// 3-1. HEAD ///*/
	#head {
	height: 80px;
	}
		#head img {
		vertical-align: bottom;
		}
	#head #logo {
	position: absolute;
	top: 20px;
	}
	#head #headMenu {
	float: right;
}
		#headMenu p#headSitemap {
		text-align: right;
		margin: 5px 0 20px;
		width: 240px;
		height: 17px;
		overflow: hidden;
		}
			#headMenu p#headSitemap img {
			vertical-align: top;
			}
		#headMenu p#headAcc {
		line-height: 17px;
		}
		#headMenu p#headAcc img {
		float: left;
		margin: 17px 0 0;
		}
		#headMenu span#txtN a,
		#headMenu span#txtL a {
		display: block;
		margin-left: 5px;
		height: 30px;
		width: 65px;
		float: left;
		overflow: hidden;
		text-indent: -9999px;
	}
			#headMenu span#txtN a {
			background: url(../images/btnTxtN.gif) no-repeat left top;
			}
			#headMenu span#txtL a {
			background: url(../images/btnTxtL.gif) no-repeat left bottom;
			}
/*/// 3-2. GLOBAL MENU ///*/
	#globalMenu {
	clear: right;
	height: 72px;
	background: url(../../common/images/bgGmenu.gif) no-repeat 5px 0;
	}
	#globalMenu ul li {
	float: left;
	margin-right: 4px;
	}
		#globalMenu ul li img {
			vertical-align: top;
		}
	#globalMenu ul#gmPrimary {
	position: absolute;
	top: 8px;
	left: 13px;
	}
		#globalMenu ul#gmSecondry {
		position: absolute;
		top: 29px;
		left: 29px;
		width: 694px;
		}
			ul#gmSecondry li {
			background: url(../../common/images/gmSeparator.gif) no-repeat left top;
			margin-left: 7px;
			padding-left: 7px;
			}
			ul#gmSecondry li.first {
			background: none;
			margin-left: 0;
			padding-left: 0;
			}
		/* apply only body id="coop" */
		body#coop #globalMenu ul#gmSecondry {
		left: 20px;
		width: 700px;
		}
		body#coop ul#gmSecondry li {
			margin-left: 1px;
			padding-left: 1px;
		}

/*/// 3-3. NAVIGATION LIST ///*/
	#navList {
	padding-bottom: 10px;
	}

/*/// 3-5. CONTENTS AREA ///*/
	/*// 3-5-1 MAIN(for 2 column) //*/
	#main {
	padding-bottom: 10px;
	line-height: 1.5;
	}
	#main div#content {
	float: right;
	width: 530px;
	}
	
	/* SIDE COLUMN */
	#main div#sideCol {
	float: left;
	width: 210px;
	}
	
	/* SUB MENU */
	#main div#subMenu {
	background: url(../../common/images/bgSubMenuB.gif) repeat-y left bottom;
	}
		#main div#subMenu ul.menu {
		padding: 10px;
		background: url(../../common/images/bgSubMenuT.gif) no-repeat left top;
		
		}
		#main div#subMenu ul.menu li {
		list-style-position: outside;
		list-style-image: url(../images/menulistmark.gif);
		margin-left: 20px;
		}
			#main div#subMenu ul.menu li.noMark {
			list-style-image: none;
			margin-left: 0;
			}
				#main div#subMenu ul.menu li.noMark ul {
				margin-left: 12px;
				}
			#main div#subMenu ul.menu li ul li {
			margin-left: 12px!important;
			}
		#main h2 {
	color: #009900;		
		}
	
		#ask {
		padding-top:10px;
		}
			#main div#subMenu ul.menu li.open {
			list-style-image: url(../images/menuopenmark.gif);
			margin-left: 24px;
			}
	
	/*// 3-5-2 PAGE NAVIGATION //*/
	#pageNav {
	clear: both;
	padding: 10px 0;
	}
		#pageNav ul li {
		padding-left: 18px;
		}
		#pageNav ul li#pNavSt {
		float: left;
		background: url(../../common/images/arrowLeft.gif) no-repeat 0 2px;
		}
		#pageNav ul li#pNavPt {
		float: right;
		background: url(../../common/images/arrowTop.gif) no-repeat 0 2px;
		}
	#history {
	border: 2px dotted #FFCC66;
	padding: 20px;
	}
/*/// 3-6. FOOT ///*/
	#foot {
	clear: both;
	padding-top: 18px;
	background: url(../../common/images/bgFoot.gif) repeat-x left top;
	}
		#foot ul#footNav {
		text-align: center;
		padding-bottom: 10px;
		}
		#foot ul#footNav li {
		display: inline;
		padding: 0 12px;
		}


/*///// 99. GENERAL SETTINGS /////*/
	/*//// PHOTO ////*/
	img.photoL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.photoR {
	float: right;
	margin: 0 0 0.5em 1em;
	}
	img.thumbL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.thumbR {
	float: right;
	margin: 0 0 0.5em 1em;
	}

	/*//// ARROW ////*/
	/* 鬨ｾ螢ｼ�ｸ�ｸ邵ｺ�ｮul */
	div#content ul {
	list-style-type: disc;
	}
	/* 郢晢ｽｪ郢晢ｽｳ郢ｧ�ｯ郢ｧ�｢郢ｧ�､郢ｧ�ｳ郢晢ｽｳ */
	ul.linkMark {
	list-style-image: url(../images/menulistmark.gif);
	}
	div#content ul li {
	margin-left: 32px;
		}
	/* 郢晢ｽｪ郢ｧ�ｹ郢晏現�ｽ郢晢ｽｼ郢ｧ�ｯ郢ｧ蜻茨ｽｶ蛹ｻ笘�*/
	.noMark {
	list-style-type: none!important;
	padding-left: 0!important;
	}

	/*//// TABLE ////*/
	div#content table th,
	div#content table td {
	padding: 1px;
	font-size: 80%;
	}
	div#content table th {
	background-color: #FFC;
	font-weight: bold;
	}
	
	/*/// 隴ｫ驍ｱ螢ｹ�定怎�ｺ邵ｺ�ｽ////*/
	.border {
	border: 1px solid #999!important;
	}
/*//// MARGIN ////*/
	div#content h1,
	div#content h2,
	div#content h3,
	div#content h4,
	div#content h5,
	div#content h6,
	div#content p,
	div#content ul,
	div#content ol,
	div#content dl,
	div#content table {
	margin-bottom: 0.7em;
	}
	
	/*//// FONT SIZE ////*/
		/*/// 120% ///*/
		h1,
		h2,
		h3 {
		font-size: 120%;
		}
		
		/*/// 90% ///*/
		div#subMenu {
		font-size: 90%;
		}
		
		/*/// 80% ///*/
		div#navList,
		div#pageNav,
		ul#footNav,
		.txtSmall {
		font-size: 80%;
		}
		
	/*//// FONT WEIGHT ////*/
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dt,
	strong {
	font-weight: bold;
	}
	
	/*//// FLOAT ////*/
	.f-right {
	float: right;
	}
	.f-left {
	float: left;
	}
	
	/*//// CLEAR ////*/
	.clear {
	clear: both;
	}
	.clearL {
	clear: left;
	}
	.clearR {
	clear: right;
	}
	
	/*//// HIDE ///*/
	.hide {
	display: none;
	}

.clearfix:after,
#main:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;}
/* End hide from IE-mac */




/*/// 100. EACH CATEGORY ///*/
	/* about */
	#about dt {
		color: #FF6600;
		font-weight: normal;	
	}
	#about dd {
		margin-left: 10px;
	}
	#bt {
		margin-left: -10px;
	}
	#bt li {	
		margin-top: 5px;
		text-align:center;
	}
	.mini {
	font-size: 10px;	
	}
	#signature {
	float:right;
	margin-top: 30px;
	}
		#signature dt {
	color: #000000;
	line-height: 1.5;
		}
		#signature dd {
		font-size: 22px;
		text-align: right;
		}
	.unit {
	text-align:right;
	margin-bottom: -20px;!important;
	}
	#glossaryIndex {
	margin-bottom: 2em;
	}
	div#content #glossaryIndex ul {
	list-style-type: none;
	}
		div#content #glossaryIndex ul li {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		}
			#glossaryIndex ul li a {
			display: block;
			float: left;
			padding: 10px 15px 10px;
			margin-right: 15px;
			border: 3px solid #CCC;
			margin-right: 15px;
			}
				#glossaryIndex ul li a:hover {
				border: 3px solid #F60;
				background-color: #FFFFCC;
				}
	
	#glossaryMenu {
	clear: left;
	}
	div#content #glossaryMenu li {
	margin-left: 16px;
	padding-left: 20px;
	font-size: 12px;
	list-style-image: url(../images/lmLink.gif);
	}
	#glossary h2 {
	margin-top:30px;
	}
	#glossary dt {
	background-color: #FFF1DD;
	border: thin ridge #FFCC99;
	padding: 5px 0 5px 10px;
	color: #333333;
	}
	#glossary dd {
	margin: 0 0 20px 30px;	
	}
		#glossary dd a:link,
		#glossary dd a:visited {
		text-decoration: underline;
		}
		#glossary dd a:hover {
		color: #F00;
		}
	/* fire */
	#fire div#content #firemenu ul,
	#coop div#content #coopmenu ul {
	list-style-type: none;
	clear: right;
	}
		#fire div#content #firemenu ul li,
		#coop div#content #coopmenu ul li {
		width: 230px;
		margin-bottom: 16px;
		margin-left: 0;
		padding-left: 24px;
		float: left;
		}
	div#firepoint,
	div#cooppoint {
	clear: left;
	}
		#fire div#content #firepoint ol,
		#coop div#content #cooppoint ol {
			float: left;
		}
			#fire div#content #firepoint ol li,
			#coop div#content #cooppoint ol li {
				margin-left: 0;
				padding-left: 0;
			}
	#fire .information,
	#coop .information {
	padding: 10px;
	border: 1px solid #BFBE7A;
	background-color: #EEFFE8;
	color: #996600;
	font-size: 13px;
	margin: 50px 20px 20px 15px;
	}
		#fire .information dd,
		#coop .information dd {
	text-align: right;
	margin-top: 10px;
		}
		#coop .information dl.contactList dd {
	margin: 10px 0 0 100px;
	text-align: left;
	font-size: large;
		}
	.carlink {
	margin-top:50px;
	text-align:center
	}
	
	/* union */
	#unioninfo {
		margin-right: 10px;
		margin-top: 10px;
	}
	#mapinfo_HT,
	#mapinfo_KK,
	#mapinfo_TH,
	#mapinfo_KI,
	#mapinfo_CS,
	#mapinfo_KY {
		width: 148px;
		min-height: 19em;
		height: auto!important;
		height: 19em; /* for -IE6 */
		padding: 0.5em 10px;
		margin-bottom: 10px;
		float: left;
		position: relative;
	}
	#mapinfo_HT {
		background-color: #E1FF9F;
	}
	#mapinfo_KK {
		background-color: #C2EAFF;
		border-left: 10px #FFF solid;
		border-right: 10px #FFF solid;
	}
	#mapinfo_TH {
		background-color: #FFE7B5;
	}
	#mapinfo_KI {
		background-color: #FFFE77;
	}
	#mapinfo_CS {
		background-color: #FFECF2;
		border-left: 10px #FFF solid;
		border-right: 10px #FFF solid;
	}
	#mapinfo_KY {
		background-color: #F5D8FF;
	}
	.union_HT {
		color: #5B9F1F;
	}
	.union_KK {
		color: #003399;
	}
	.union_TH {
		color: #FF9900;
	}
	.union_KI {
		color: #666666;
	}
	.union_CS {
		color: #FA7DD0;
	}
	.union_KY {
		color: #CC00CC;
	}
	#union dd {
	margin-left: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	width: 450px;
	padding: 5px;
	font-size: 14px;
	}
	/* privacy */
	.privhead {
	margin: 10px;
	padding: 10px;
	border: 3px double #999999;
	line-height: normal;
	}
	#privacy #privacymenu li {
	list-style-type: none;
	margin: 20px 0 20px 15px;
	}
	#privacy dt,
	#invite ol li {
	margin-top: 20px;
	}
	.footcoop {
	line-height: normal;
	margin-top: 30px;
	}
	/* topics */
	#topicslist dt {
	font-size:12px;
	}
	.indent {
	margin-left:1em;
	}
.tspe {
	padding-top: 10px;
}
#cooplist p{
	border: thin dotted #CCCCCC;
	margin-left: 10px;
	margin-top: -10px;
}