@charset "shift_jis";

/*wrap
------------------------------------------------------------------------------*/
#wrap {
	width: 900px;
	margin: 0px auto;
	padding-bottom:10px;
	background-color:#ffffff;
	border-top:5px solid #329900;
}
/* header
------------------------------------------------------------------------------*/
#header {
	width: 860px;
	margin-left:20px;
	margin-right:20px;
	padding:0 0 5px 0;
	background:url(../images/common/co_head_ft.png) left bottom no-repeat;
}
/* #header h1 { */
.logoArea {
	background:url(../images/common/co_logo.png) 0 0 no-repeat; 
	width:335px;
	height:74px;
	float:left;
	margin-top:10px;
}
#header h1 a {
	width:335px;
	height:74px;
	display:block;
	text-indent:-9999px;
	/* escape macIE \*/
		overflow:hidden;
	/* end escape */
}
#header #gsearch table{
	border-collapse:collapse;
	width:1%;
	height:32px;
	margin:27px 0 0 0;
	padding:0;
	float:right;
}
#header #gsearch td{
	font-size:0.8em;
	padding:0;
	width:1%;
	white-space:nowrap;
}
#header #gsearch td img{
	margin:0 2px 0 0;
}
#header #gsearch input{
	margin:0;
	padding:0;
	}
#header #gsearch input.btngs{
	background:url(../images/common/co_btn_search01.gif) 0 0 no-repeat;
	text-indent:-9999px;
	/* escape macIE \*/
		overflow:hidden;
	/* end escape */
	height:20px;
	width:50px;
	border:0;
	margin:0;
}
#header #gsearch input.txtArea{
	height:15px;
	width:140px;
	border:1px solid #cccccc;
	margin:0;
	padding:2px;
}
#header #fontsetting{
	clear:both;
	margin:5px 0 0 0;
	padding:0;
	background:url(../images/common/co_head_font.gif) right bottom no-repeat;
	height:25px;
	width:161px;
	float:right;
	text-align:right;
	}
#header #fontsetting img{
	margin:3px 5px 0 0;
	}
/* frame
------------------------------------------------------------------------------*/
#container {
	width: 860px;
	margin-left:20px;
	margin-right:20px;
}
/* index
------------------------------------------------------------------------------*/
#indexImg{
	clear:both;
	width: 860px;
	margin:15px 0 15px 0;
	height:270px;
	}

#indexImg .about{
	background:url(../images/index/index_about_bkimg.png) left bottom no-repeat;
	width:260px;
	height:269px;
	font-size:1.2em;
	margin-right:10px;
	float:left;
	}
#indexImg .diary{
	background:url(../images/index/index_diary_bkimg.png) left bottom no-repeat;
	width:260px;
	height:269px;
	font-size:1.2em;
	margin-right:10px;
	float:left;
	}
#indexImg .about h4,
#indexImg .dialy h4{
	margin:0;
	padding:0;
	font-size:0.1em;
	line-height:0.1em;
	}
#indexImg .about h4 img,
#indexImg .diary h4 img{
	margin:0;
}
#indexImg .about .text{
	margin:0 0 0 10px;
	padding:0;
	width:245px;
	height:209px;
	font-size:1em;
	line-height:1.2em;
	overflow:auto;
	}
#indexImg .diary .text{
	margin:0 0 0 10px;
	padding:0;
	height:119px;
	}
#indexImg .diary .text iframe{
	height:119px;
	width:240px;
	color:#66CC00;
	border:1px solid #cccccc;
	background-color:#ffffff;
	overflow:auto;
	}
#indexImg .about .ft{
	background:url(../images/index/index_about_ft.png) 0 0 no-repeat;
	font-size:0.8em;
	height:25px;
	}
#indexImg .diary .ft{
	background:url(../images/index/index_diary_ft.png) 0 0 no-repeat;
	font-size:0.8em;
	height:25px;
	}
#indexImg .about .ft a,
#indexImg .diary .ft a{
	background:url(../images/common/co_icon_link01.png) 0 0 no-repeat;
	margin:8px 5px 0 0;
	padding:0 0 0 15px;
	height:15px;
	display:block;
	float:right;
	color:#339900;
	}
#indexImg .photo{
	width:320px;
	font-size:1.2em;
	float:left;
	}

#indexImg .photo .titleArea{
	height:28px;
	}
#indexImg .photo .imageArea{
	background-color:#000000;
	height:240px;
	width:320px;
	margin-bottom:1px;
}
	
/* contents
------------------------------------------------------------------------------*/
#content {
	width: 670px;
	padding: 0;
	float: right;
}

#content #topicsArea{
	float:left;
	width:470px;
	}

#content #topicsArea .event,
#content #topicsArea .info{
	background:url(../images/index/index_main_bkimg.png) 0 0 repeat-y;
	margin-bottom:10px;
	}
#content #topicsArea .bannerArea{
	margin-bottom:10px;
	}
#content #topicsArea h3 {
	text-indent:-9999px;
	/* escape macIE \*/
		overflow:hidden;
	/* end escape */
	height:30px;
	width:470px;
	display:block;
	font-size:1px;
	line-height:1px;
}
#content #topicsArea .event h3{
	background:url(../images/index/index_event_tit.png) 0 0 no-repeat;
	}
#content #topicsArea .info h3{
	background:url(../images/index/index_info_tit.png) 0 0 no-repeat;
	}
#content #topicsArea h3 img{
	float:right;
	text-indent:0;
	margin:1px 5px 0 5px;
	padding:0;
	vertical-align:middle;
}
#content #topicsArea h3 img.rss{
	margin-top:5px;
}
#content #topicsArea dl{
	width:450px;
	height:1%;
	margin:3px 10px 0 10px;
	padding:2px 0 0 0;
	clear:both;
	}
#content #topicsArea dl{
	border-top:1px dotted #cccccc;
	}
#content #topicsArea dl.top{
	border-top: none;
}
#content #topicsArea dt,
#content #topicsArea dd{
	float:left;
	padding:3px 0 0 0;
}
#content #topicsArea .event dt {
	width:6em;
	color:#FF6600;
	}
#content #topicsArea .event dd {
	max-width:350px;
	}
#content #topicsArea .event dd img{
	margin:0 10px 0 0;
	float:left;
	clear:right;
	vertical-align:middle;
	}
#content #topicsArea .event dd a{
	float:right;
	display:block;
	width:290px;
	color:#333333;
	}
#content #topicsArea .info dd a{
	color:#333333;
	}
#content #topicsArea .info dt {
	background:url(../images/common/co_icon_link01.png) 0 0.3em no-repeat;
	padding:3px 0 3px 15px;
	width:6em;
	color:#FF6600;
	}
#content #topicsArea .info dd {
	/* min-width:360px; */
	max-width:360px;
	}
#content #topicsArea li.last{
	border:none;
	}
#content #topicsArea .event .ft,
#content #topicsArea .info .ft{
	clear:both;
	background:url(../images/index/index_main_ft.png) 0 0 repeat-y;
	height:10px;
	}


#content #bannerArea{
	float:right;
	width:190px;
	text-align:center;
	}

#content #bannerArea img{
	margin-bottom:7px;
	}
/* sidenavigation
------------------------------------------------------------------------------*/
#sidenavi {
	width: 170px;
	/* height: 100%; */
	float: left;
}

#sidenavi .menuList{
	background:url(../images/common/co_menu_bkimg.png) 0 0 repeat-y;
	margin-bottom:10px;
	}
#sidenavi .menuList li a{
	background:url(../images/common/co_icon_link01.png) 0 0.5em no-repeat;
	padding:5px 5px 3px 15px;
	margin:0 8px;
	border-bottom:1px dotted #cccccc;
	width:134px;
	display:block;
	font-size:1.2em;
	color:#006600;
	}
#sidenavi .menuList li a:hover{
	background-color:#EAFED3;
	text-decoration:none;
	}
#sidenavi .menuList li a.last{
	border-bottom:none;
	}
#sidenavi .menuList .ft{
	background:url(../images/common/co_menu_ft.png) 0 0 repeat-y;
	height:10px;
	}
/* footer
------------------------------------------------------------------------------*/

#footer {
	clear: both;
	width: 860px;
	height: 38px;
	margin:20px 20px 10px 20px;
	background:url(../images/common/co_foot_bkimg.gif) 0 0 no-repeat;
}
#footer .footerMenu{
	float:left;
	padding:12px 10px 0 10px;
}
#footer .footerMenu li{
	float:left;
	background:url(../images/common/co_icon_link02.gif) left center no-repeat;
	padding:0 15px;
	color:#ffffff;
}
#footer .footerMenu li a{
	color:#ffffff;
}
#footer .copyright{
	float:right;
	padding:12px 10px 0 0;
	color:#ffffff;
}

.photoAreaB {
	margin-left:5px;
	clear:both;
	}
.photoAreaB .imageBlock{
	float:left;
	margin:0 10px 20px 10px;
	width:300px;
}
.photoAreaB .imageBlock .image{
	background-color:#000000;
	text-align:center;
	width:300px;
	height:300px;
	}
.photoAreaB .imageBlock img{
	max-width:280px;
	max-height:280px;
	margin:10px;
	}
.photoAreaB .imageBlock .text{
	line-height:1.5em;
	margin:5px 0 0 0;
}
.photoAreaB .imageBlock .text a{
	font-size:1.2em;
}

/* photo Area
------------------------------------------------------------------------------*/
.photoAreaA {
	margin-left:5px;
	clear:both;
	}
.photoAreaA .imageBlock{
	float:left;
	margin:0 10px 10px 10px;
	width:200px;
}
.photoAreaA .imageBlock .image{
	background-color:#000000;
	text-align:center;
	width:200px;
	height:200px;
	}
.photoAreaA .imageBlock img{
	max-width:180px;
	max-height:180px;
	margin:10px;
	}
.photoAreaA .imageBlock .text{
	line-height:1.5em;
	margin:5px 0 0 0;
}
.photoAreaA .imageBlock .text a{
	font-size:1.2em;
}


.photoAreaABOUT {
#	margin-left:5px;
	clear:both;
	}
.photoAreaABOUT .imageBlock{
	float:left;
	margin:0 30px 30px 0px;
	width:240px;
}
#.photoAreaABOUT .imageBlock .image{
#	background-color:#FFFFFF;
#	text-align:center;
#	width:240px;
#	height:200px;
#	}
.photoAreaABOUT .imageBlock img{
	max-width:240px;
	max-height:240px;
	margin:0px;
	}
.photoAreaABOUT .imageBlock .text{
	line-height:1.5em;
	margin:5px 0 0 0;
	text-align:center;
}
.photoAreaABOUT .imageBlock .text a{
	font-size:1.2em;
}

/* detail
------------------------------------------------------------------------------*/
#detail h2{
	border:none;
	}
#detail #photoArea{
	background:url(../images/detail/detail_photo_bkimg.png) 0 0 no-repeat;
	width:670px;
	height:315px;
	margin:0;
}
#detail #photoArea .largeimg{
	background-color:#000000;
	width:360px;
	height:290px;
	margin:12px 0 0 13px;
	text-align:center;
	float:left;
	}
#detail #photoArea .largeimg img{
	margin-top:6px;
	margin-bottom:3px;
	}
#detail #photoArea .largeimg .title{
	font-size:1.2em;
	line-height:1.2em;
	color:#ffffff;
	}
#detail #photoArea .smallimg{
	float:right;
	width:282px;
	margin-top:12px;
}
#detail #photoArea .smallimg .photo{
	background-color:#000000;
	float:left;
	margin:0 10px 10px 0;
	width:130px;
	height:140px;
	text-align:center;
	vertical-align:middle;
}
#detail #photoArea .smallimg .photo img{
	margin-top:15px;
	}

#infoArea{
	width:400px;
	float:left;
	margin-top:15px;
	}
#infoArea h3{
	font-size:1.6em;
	line-height:1.2em;
	margin:0 0 5px 0;
	padding:0;
	color:#006600;
	}
#infoArea h4{
	margin-bottom:10px;
	}
#infoArea p{
	margin-bottom:5px;
	}
#infoArea .iconArea{
	border-top:1px dotted #cccccc;
	}
#infoArea .iconArea img{
	float:left;
	margin:5px 2px 5px 0;
	}
#infoArea .institution{
	clear:both;
	border-top:1px dotted #cccccc;
	padding:5px 0;
	}
#infoArea .business{
	clear:both;
	border-top:1px dotted #cccccc;
	padding:5px 0;
	}
#infoArea .subinfo{
	margin-top:10px;
	background:url(../images/detail/detail_subinfo_bkimg.gif) 0 0 no-repeat;
	}
#infoArea .subinfo p{
	padding:10px 10px 0 10px;
	margin-bottom:0px;
	}
#infoArea .subinfo p a{
	color:#339900;
	}
#infoArea .subinfo .ft{
	background:url(../images/detail/detail_subinfo_ft.gif) 0 0 no-repeat;
	height:10px;
	}
#infoArea .relationlink{
	margin:10px 0;
	text-align:right;
	}
#infoArea .relationlink a{
	background:url(../images/common/co_icon_link03.png) 0 center no-repeat;
	padding:2px 0 2px 15px;
	color:#339900;
	}
#mapArea{
	width:250px;
	float:right;
	margin-top:15px;
	}
#mapArea iframe{
	margin-bottom:2px;
	border:1px solid #cccccc;
	}
#mapArea small{
	font-size:1em;
	}

/* table type
------------------------------------------------------------------------------*/

table.tableTypeA{
	border-collapse:collapse;
}
table.tableTypeA td,
table.tableTypeA th{
	border-top:1px dotted #dddddd;
	padding:2px 5px;
}
table.tableTypeA th{
	white-space:nowrap;
	color:#339900;
	text-align:left;
	}
table.tableTypeA thead th{
	background-color:#CCFF99;
	border-left:1px solid #ffffff;
	border-top:none;
	border-bottom:1px solid #ffffff;
	padding:0;
	text-align:center;
	}

.tableTypeB{
	border-collapse:collapse;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.tableTypeB td,
.tableTypeB th{
	padding:2px 5px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
}
.tableTypeB th{
	white-space:nowrap;
	color:#339900;
	background-color:#E5FFCC;
	text-align:left;
	}
.tableTypeB thead th{
	background-color:#CCFF99;
	border-top:none;
	padding:0;
	text-align:center;
	}



.tableTypeC{
	border-collapse:collapse;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.tableTypeC td,
.tableTypeC th{
	padding:2px 5px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
}
.tableTypeC th{
	white-space:nowrap;
	text-align:left;
	background-color:#f5f5f5;
	}
.tableTypeC thead th{
	background-color:#eeeeee;
	border-top:none;
	padding:0;
	text-align:center;
	}

/* block type
------------------------------------------------------------------------------*/
.blockTypeA{
	background:url(../images/common/co_block_bkimg.png) 0 0 repeat-y;
	margin-bottom:25px;
}
.blockTypeA h3{
	background:url(../images/common/co_blockA_hd.png) 0 0 no-repeat;
	padding:10px 5px 0 20px;
}
.blockTypeA .ft{
	clear:both;
	background:url(../images/common/co_block_ft.png) 0 0 no-repeat;
	height:10px;
}

.blockTypeB{
	background:url(../images/common/co_block_bkimg.png) 0 0 repeat-y;
	margin-bottom:25px;
}
.blockTypeB h3{
	background:url(../images/common/co_blockB_hd.png) 0 0 no-repeat;
	padding:10px 5px 0 20px;
}
.blockTypeB .ft{
	clear:both;
	background:url(../images/common/co_block_ft.png) 0 0 no-repeat;
	height:10px;
}


.blockTypeA table,
.blockTypeA table.tableTypeA,
.blockTypeA table.tableTypeB,
.blockTypeA table.tableTypeC,
.blockTypeA p,
.blockTypeA ul,
.blockTypeA dl{
	width:630px;
	margin-top:5px;
	margin-left:20px;
	}
.blockTypeB table,
.blockTypeB table.tableTypeA,
.blockTypeB table.tableTypeB,
.blockTypeB table.tableTypeC,
.blockTypeB p,
.blockTypeB ul,
.blockTypeB dl{
	width:630px;
	margin-top:5px;
	margin-left:20px;
	}



/* td,th border
------------------------------------------------------------------------------*/
table.tborder-gray{
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	}
table.tborder-gray td,
table.tborder-gray th,
table.tborder-gray thead th{
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	}

table.tborder-green{
	border-top:1px solid #85D633;
	border-right:1px solid #85D633;
	}
table.tborder-green td,
table.tborder-green th,
table.tborder-green thead th{
	border-bottom:1px solid #85D633;
	border-left:1px solid #85D633;
	}


table.tborder-orange{
	border-top:1px solid #FFC266;
	border-right:1px solid #FFC266;
	}
table.tborder-orange td,
table.tborder-orange th,
table.tborder-orange thead th{
	border-bottom:1px solid #FFC266;
	border-left:1px solid #FFC266;
	}


table.tborder-blue{
	border-top:1px solid #A3C2FF;
	border-right:1px solid #A3C2FF;
	}
table.tborder-blue td,
table.tborder-blue th,
table.tborder-blue thead th{
	border-bottom:1px solid #A3C2FF;
	border-left:1px solid #A3C2FF;
	}

/* td,th background-color
------------------------------------------------------------------------------*/
td.cell-green01,
th.cell-green01,
thead th.cell-green01{
	background-color:#E5FFCC;
	}
td.cell-green02,
th.cell-green02,
thead th.cell-green02{
	background-color:#CCFF99;
	}
td.cell-green03,
th.cell-green03,
thead th.cell-green03{
	background-color:#B2E57F;
	}

td.cell-orange01,
th.cell-orange01,
thead th.cell-orange01{
	background-color:#FFE5BF;
	}
td.cell-orange02,
th.cell-orange02,
thead th.cell-orange02{
	background-color:#FFDBA6;
	}
td.cell-orange03,
th.cell-orange03,
thead th.cell-orange03{
	background-color:#FFCC7F;
	}

td.cell-blue01,
th.cell-blue01,
thead th.cell-blue01{
	background-color:#F1F6FF;
	}
td.cell-blue02,
th.cell-blue02,
thead th.cell-blue02{
	background-color:#D1E0FF;
	}
td.cell-blue03,
th.cell-blue03,
thead th.cell-blue03{
	background-color:#B2CCFF;
	}

td.cell-gray01,
th.cell-gray01,
thead th.cell-gray01{
	background-color:#f5f5f5;
	}
td.cell-gray02,
th.cell-gray02,
thead th.cell-gray02{
	background-color:#eeeeee;
	}
td.cell-gray03,
th.cell-gray03,
thead th.cell-gray03{
	background-color:#dddddd;
	}


/* pagenation
------------------------------------------------------------------------------*/
.pagenation{
	margin:5px 5px 10px 5px;
	color:#999999;
}
.pagenation a:link,
.pagenation a:visited,
.pagenation a:hover {
	color:#339900;
}
.pagenation a:link,
.pagenation a:visited{
	text-decoration:underline;
	}
/* pagetop
------------------------------------------------------------------------------*/
.pagetop{
	text-align:right;
	clear:both;
	margin:25px 5px 0 0;
	}
.pagetop a{
	background:url(../images/common/co_icon_link04.png) 0 center no-repeat;
	padding:0 0 3px 15px;
	line-height:1.6em;
	color:#999999;
	}

/* clear
------------------------------------------------------------------------------*/


/* clear */
.clear {
	clear: both;
}
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/*Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/*End hide from IE-mac */
