/* ----
	2015-06-02
	釧路日米協会
---- */

/* Reset */

body,
h1, h2, h3, h4, h5, h6	{ margin:0; padding:0; }

/*
960px =  8columns * 120px (10px + 100px + 10px)
960px = 12columns *  80px (10px +  60px + 10px)
960px = 16columns *  60px (10px +  40px + 10px)
*/
.grid0,
.grid1,	.grid2,	.grid3,	.grid4,	
.grid5,	.grid6,	.grid7,	.grid8,	
.grid9,	.grid10,.grid11,.grid12		{ float:left; margin:10px; display:inline; }	/* IE6 Hack [margin x 2] display:inline; */

.h0,
.h1,	.h2,	.h3,	.h4,	
.h5,	.h6,	.h7,	.h8,	
.h9,	.h10,	.h11,	.h12	{
/*
	margin:9px;
	color:#666;
	background-color:#fff;
	#f6f7f8;
	border:1px solid #ccc;
*/
}

.grid1	{ width: 60px; }	.h1		{ height: 60px; }
.grid2	{ width:140px; }	.h2		{ height:140px; }
.grid3	{ width:220px; }	.h3		{ height:220px; }
.grid4	{ width:300px; }	.h4		{ height:300px; }
.grid5	{ width:380px; }	.h5		{ height:380px; }
.grid6	{ width:460px; }	.h6		{ height:460px; }
.grid7	{ width:540px; }	.h7		{ height:540px; }
.grid8	{ width:620px; }	.h8		{ height:620px; }
.grid9	{ width:700px; }	.h9		{ height:700px; }
.grid10	{ width:780px; }	.h10	{ height:780px; }
.grid11	{ width:860px; }	.h11	{ height:860px; }
.grid12	{ width:940px; }	.h12	{ height:940px; }

.grid  p,
.grid0 p,
.grid1 p,	.grid2 p,	.grid3 p,	.grid4 p,	
.grid5 p,	.grid6 p,	.grid7 p,	.grid8 p,	
.grid9 p,	.grid10 p,	.grid11 p,	.grid12 p	{ margin-left: 10px; margin-right: 10px; }

.grid	{ margin:0px 10px 10px; }

.border		{ margin:9px; border:1px solid #ccc; }
/*
.border h3	{ margin:10px; }
*/
.zero		{ margin:0; padding:0; }
.zero li	{ margin-left:1.0em; }

.inner		{ padding: 20px; }
.inner2x	{ padding: 40px; }
.wt100		{ background-color: #fff; }



/* ---- Original ---- */

body	{
	font-family:sans-serif;
	background-color: #fff;
/*
	background:#BDD1EB url(./bg.jpg) fixed;
*/
}

h1,h2,h3,h4,h5,h6	{ margin:0; padding:0; }
/*
h1	{ margin-top:20px; }
h2	{ height:61px; margin:0; padding:9px 0 0 30px;
	color:#fff; text-align:left; letter-spacing:0.1em;
	border:none; background:transparent url(./bg_h.jpg) no-repeat left top;
}
h3	{ margin-bottom:1em; padding:5px 13px; color:#fff; background-color:#789; border:2px solid #ddd; }
h4	{ margin-bottom:1em; padding:5px 13px; color:#333; border-left:6px solid #ccc; }
h5	{ color:#333; font-size:1.2em; }
*/
h1	{
	margin:0 10px;
	padding:40px 45px;
	font-size:30pt;
	font-family:serif;
	color:#fff;
	background:#77aee4 url(./bg_h.png) no-repeat 50% 0%;
/*
	color:#abc;
	border:1px solid #abc;
	color:#fff;
	height:100px;
*/
}
h1 span	{
	font-size:18px;
	font-family:meiryo, serif;
	font-weight: normal;
}
h2,h3,h4	{
	margin:10px 0;
	padding:5px 10px;
	color:#444;
	font-family:serif;
	line-height:1.6;
	border-left:5px solid #999;
/*
	font-family:'ＭＳ Ｐ明朝', serif;
	color:#369;
	background-image:url(./natural_paper.png);
	background:transparent url(./bg_h.png) no-repeat 0% 100%;
*/
}

h2	{ font-size:24pt; }
h3	{ font-size:18pt; }
h4	{ font-size:12pt; }

h5	{ margin:40px 10px 10px; color:#555; font-size:14pt; }

h6	{ clear: both;
	margin:10px 10px;
	color:#333; font-size:12pt; text-decoration: underline;
}
a	{ transition: all 0.3s ease; }
a, a:link	{ color:#36c; text-decoration:none; }
a:visited	{ color:#36c; text-decoration:none; }
a:active	{ color:#93c; text-decoration:none; }
a:hover		{ color:#93c; text-decoration:none; }

a.algo,
a.lang	{ display: block; }

a:hover.algo	{ color: #fff; background-color: #b1cc66; transition: all 0.3s ease; }
a:hover.lang	{ color: #fff; background-color: #cbae7c; transition: all 0.3s ease; }

.sep	{ clear: both;
	margin:40px 0px 0px; padding:40px 0px 0px;
	color:#333; font-size:13pt;
	background:transparent url(./bg_hr.png) no-repeat 50% 0%;
}

.cbox	{ height:100px; margin-bottom:20px; padding:9px; border:1px solid #ccc; }
.cbox span	{ font-size:0.8em; }

.b		{ font-weight:bold; }
.bb		{ color:#000; font-size:1.2em; font-weight:bold; }
.s		{ font-size:0.8em; }
.m		{ font-size:0.9em; }
.lg		{ font-size:1.4em; }

.bltitle	{ color:#039; font-size:2.4em; font-weight:bold; }

.title_l	{ color:#900; font-size:2.4em; font-weight:bold; }
.title_m	{ color:#900; font-size:1.4em; font-weight:bold; }
.title_s	{ color:#900; font-size:1.0em; font-weight:bold; }

.topimage	{ clear:both; text-align:center; }
.top_msg	{ margin:0; padding:10px 20px; background:#ffe url(bg_main.gif) no-repeat center bottom; }
.top_msg h2	{ padding:0; color:#600; background-color:transparent; }

.information{ clear:both; height:200px; margin:20px 0; border:1px solid #ccc; background-color:#f8f8f8; }

.banner		{ clear:both; height:140px; margin:0; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; }

.gbox		{ margin:0; padding:8px; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; }

.link		{ padding: 4px 0px 4px 30px; background: url(btn_arrow_r.gif) no-repeat 0% 50%; }
.caution	{ color:#d00; font-size:0.8em; }

.clr,
.clear		{ clear:both; }

.clearfix:after	{ content:""; display:block; clear:both; }	/* IE8, ModanBrowser */
.clearfix		{ width:100%; }								/* clearfix IE 6, 7 */


/*--------*/
table	{ margin:10px; font-family:Arial; }

table.solid		{ margin:10px 0; border-collapse:collapse; }
table.solid tr	{ line-height:1.2; }
table.solid th	{ padding:0.5em 0.7em; vertical-align:top; color:#333; background-color:#eee; border:1px solid #abc; }
table.solid td	{ padding:0.5em 0.7em; vertical-align:top; border:1px solid #abc; }
table.solid .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid .next	{ color:#abc; font-size:0.8em; line-height:1.0; }
table.solid .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.solid .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.solid .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.solid .d	{ white-space:nowrap; background-color:#eee; }
table.solid .w	{ white-space:nowrap; }

table.stripe		{ margin:10px; font-family:Arial; border-bottom:1px solid #ddd; border-collapse:collapse; }
table.stripe tr		{ line-height:1.3; border-top:1px solid #ddd; }
table.stripe th,
table.stripe td		{ padding:1.0em; padding-right: 1.0em; vertical-align:top; }
table.stripe .e		{ white-space:nowrap; background-color:#cde; color:#000; }
table.stripe .d		{ white-space:nowrap; background-color:#eee; }

table.simple		{ margin:10px; font-family:Arial; border-collapse:collapse; }
table.simple tr		{ font-size:1.0em; line-height:1.3; }
table.simple th		{ padding:0.5em 0.8em; vertical-align:top; }
table.simple td		{ padding:0.5em 0.8em; vertical-align:top; }
table.simple .e		{ white-space:nowrap; background-color:#cde; color:#000; }
table.simple .d		{ white-space:nowrap; background-color:#eee; }

table.forest	{ border-collapse:collapse; color:#666; background-color:#e8edb1; border:1px solid #fff; }
table.forest th,
table.forest td	{ padding:0.3em 0.6em; border:1px solid #fff; }
table.forest .d	{ white-space:nowrap; color:#222; background-color:#a1bf87; }
table.forest .e	{ white-space:nowrap; color:#333; background-color:#b5dcc1; }

table.tbiz td	{ padding:0.8em 0.8em; }
table.tbiz span	{ font-size: 0.8em; }
table.tbiz .t01	{ color: #fff; background-color:#00b6bc; font-size: 1.0em; white-space:nowrap; }
table.tbiz .t02	{ color: #fff; background-color:#3fb34f; font-size: 1.0em; white-space:nowrap; }
table.tbiz .t03	{ color: #fff; background-color:#689bd0; font-size: 1.0em; white-space:nowrap; }
table.tbiz .t04	{ color: #fff; background-color:#f38130; font-size: 1.0em; white-space:nowrap; }
table.tbiz .b01	{ color: #333; background-color:#a7d8c9; font-size: 0.9em; }
table.tbiz .b02	{ color: #333; background-color:#bad77b; font-size: 0.9em; }
table.tbiz .b03	{ color: #333; background-color:#badcf2; font-size: 0.9em; }
table.tbiz .b04	{ color: #333; background-color:#faba7b; font-size: 0.9em; }
table.tbiz .s01	{ color: #333; background-color:#d8ecde; font-size: 0.8em; white-space:nowrap; padding:0.4em 0.8em; }
table.tbiz .s02	{ color: #333; background-color:#f4f19f; font-size: 0.8em; white-space:nowrap; padding:0.4em 0.8em; }



/*-- インフォメーション --*/
/*
.info		{ margin:0; padding:0; margin-bottom:1px; }
.info li	{ margin:0 0 8px; padding-bottom:8px; padding-left:24px; text-align:left; list-style-type:none;
	border-bottom:1px dotted #ccc; background:transparent url(./arrow.gif) no-repeat left 2px; }
.info .ctg	{ float:right; display:inline; padding:0.2em 0; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; }
.info .ctg	{ padding:0.3em 0; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; text-align:right; }
*/
.info		{ margin:10px 10px; padding:0; }
.info ul	{ margin:0; padding:0; list-style-type:none; }
.info li	{ clear:both; margin:0; padding:0; margin:0 0 20px; padding-bottom:20px; border-bottom:1px dotted #ccc; background-image:none; }
.info li:first-child	{ padding-top:20px;
/*
	border-top:1px dotted #ccc;
*/
}
.info li li	{ padding-left:18px; border:none; background:transparent url(./arrow13.gif) no-repeat left 2px; }
.info .vevent		{ font-weight:normal; }
.info .dtstart		{ float:left; padding-top:2px; color:#090; font-size:12px; }
.info .summary		{ display:block; margin-left:100px; color:#036; font-weight:bold; }
.info .description	{ display:block; clear:left; margin-left:100px; font-size:0.9em; }
.info .description img	{ margin:1em 0; border-width:0; }
.info .ctg	{ display:none; }


/*--------*/
.pagelink	{ clear:both; padding:24px 6px; font-size:14px; line-height:1.0; text-align:center; }
.pagelink .blank,
.pagelink .self,
.pagelink a.plink	{ margin:0 3px; padding:3px 6px; text-decoration:none; border:1px solid #ccc; background-color:#fff; }
.pagelink .blank	{ color:#999; }
.pagelink .self		{ color:#c00; font-weight:bold; padding:4px 6px; }
.pagelink a.plink:visited	{ color:#00f; text-decoration:none; }
.pagelink a.plink:hover		{ color:#fff; background-color:#36c; }





.arrow	{ padding-left:20px; background:transparent url(./arrow.gif) no-repeat 0% 50%; }
.pdf	{ padding-left:20px; padding-bottom:3px; background:transparent url(./icon/pdf.gif) no-repeat left 0; }
.pdfb	{ padding-right:20px; padding-bottom:3px; background:transparent url(./icon/pdf.gif) no-repeat right 0; }
.gmap	{ padding-left:24px; padding-bottom:3px; background:url(./gmap20.gif) no-repeat 0% 0%; }

.date	{ color:#090; font-size:12px; /*font-family:arial;*/ }
.url	{ color:#393; font-family:arial; font-size:0.9em; }

.bnr	{ margin-bottom:0px; text-align:center; }
.bnr img	{ border:none; }
.bnr a			{ opacity:1.0; }
.bnr a:hover	{ opacity:0.7; transition: all 0.3s ease; }

.catgy	{ padding-right:20px; }

.l	{ text-align:left;  }
.r	{ text-align:right; }
.c	{ text-align:center; }
.vt	{ vertical-align:top; }

.orz	{  }
.orz li	{ padding-bottom: 1em; }
.orz i	{ padding-top: 0.2em; color: #abc; }

.dec {
	list-style:none;
	margin-left:1em;
	padding-left:0;
}
.dec li:before {
	font-family: FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f138";
}
.dec li	{ margin:0 10px; padding:10px 0; border:none; background-image:none; }



/*----画像サムネイル表示----*/
.phbox_r, .phbox_nr,
.phbox_l, .phbox_nl,
.phbox_c, .phbox_nc	{ text-align:center; color:#666; font-size:0.8em; line-height:1.6; }

.phbox_r, .phbox_nr	{ float:right; margin:0 10px 20px; }
.phbox_l, .phbox_nl	{ float:left;  margin:0 10px 20px; }
.phbox_c, .phbox_nc	{ margin:20px 0; }

.phbox_r	{ margin:10px 20px 40px 40px; }
.phbox_l	{ margin:10px 40px 40px 20px; }
.phbox_c	{ margin:20px 0; }

.phbox_r, .phbox_l, .phbox_c	{
/*	padding: 8px; border:2px solid #ddd; */
	padding: 10px;
 	background-color:#fff;
	-moz-box-shadow:	0px 0px 15px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:	0px 0px 15px 2px rgba(0,0,0,0.2);
	-o-box-shadow:		0px 0px 15px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:		0px 0px 15px 2px rgba(0,0,0,0.2);
	box-shadow:			0px 0px 15px 2px rgba(0,0,0,0.2);
}
.phbox_nr, .phbox_nl, .phbox_nc	{ padding:10px; }

.phbox_r  img, .phbox_l  img, .phbox_c  img	{ border:0px solid #ccc; }
.phbox_nr img, .phbox_nl img, .phbox_nc img	{ border:0px solid #ccc; }

.phbox_arrow {
	float:left;
	margin:0; padding:0; width:20px; height:auto;
	text-align:center; color:#666; font-size:0.8em; line-height:1.6;
	background:url(./bg_arrow.png) no-repeat 100% 100%;
	opacity:0.3;
}
.phbox_sp {
	float:right;
	margin:0; padding:40px 60px 20px 40px;
	text-align:center; color:#666; font-size:0.8em; line-height:1.6;
}




.balloon {
	position: relative;
	margin-right: 30px;
	background-color: #fff;
}
.balloon:after {
	position: absolute; top: 80px; right: -30px;
	content: ""; width: 0; height: 0;
	border-left: 20px solid #bcd;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.yearBox {
	width:206px; height:156px;
	font-size:48px; font-family:Impact; line-height:3.3;
	color:#9bd; background-color:#cde;
}


.btn_bl	{
	padding:20px 0;
}
.btn_bl a	{
	padding:20px 20px;
	color:#fff;
	font-size:12pt;
	-moz-border-radius: 10px;
	background-color:#39f;
	background-image:-moz-linear-gradient(top, #3399ff, #3366cc);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3399ff), to(#3366cc), color-stop(1,#3366cc));
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.btn_bl a:hover	{ background:#f90 none; transition: all 0.3s ease; }


.grad {
	background-image:-moz-linear-gradient(top, #FAD502, #E89502);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAD502), to(#E89502), color-stop(1,#E89502));
}

.radius {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.radius2x {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.ylbox	{ padding:20px 20px; color:#633; background-color:#f4eabf; }

.entext {
	width: 240px;
	margin:20px 0 20px 40px;
	padding:30px 20px;
	float: right;
	font-size: 11pt;
	font-family:meiryo, serif;
	background-color:#f4eabf;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}



/* CSSでPDFやExcelなどのリンクに自動でアイコンを付ける方法 http://www.css-lecture.com/ */
/* 外部リンク要素  */
a[href^="http"]		{ padding: 4px 20px 4px 0; background: url(./icon/external.gif) no-repeat 100% 50%; }
* html a.external	{ padding: 4px 20px 4px 0; background: url(./icon/external.gif) no-repeat 100% 50%; }
/* mailto要素 ---- */
a[href ^="mailto:"]	{ padding: 4px 20px 4px 0; background: url(./icon/mailto.gif) no-repeat 100% 50%; }
* html a.mailto		{ padding: 4px 20px 4px 0; background: url(./icon/mailto.gif) no-repeat 100% 50%; }
/* pdf要素 ---- */
a[href$=".pdf"]	{ padding: 4px 20px 4px 0; background: url(./icon/pdf.gif) no-repeat 100% 50%; }
* html a.pdf	{ padding: 4px 20px 4px 0; background: url(./icon/pdf.gif) no-repeat 100% 50%; }
/* doc要素 ---- */
a[href$=".doc"]	{ padding: 4px 20px 4px 0; background: url(./icon/doc.gif) no-repeat 100% 50%; }
* html a.doc	{ padding: 4px 20px 4px 0; background: url(./icon/doc.gif) no-repeat 100% 50%; }
/* xls要素 ---- */
a[href$=".xls"]	{ padding: 4px 20px 4px 0; background: url(./icon/xls.gif) no-repeat 100% 50%; }
* html a.xls	{ padding: 4px 20px 4px 0; background: url(./icon/xls.gif) no-repeat 100% 50%; }
/* zip要素 ---- */
a[href$=".zip"]	{ padding: 4px 20px 4px 0; background: url(./icon/zip.gif) no-repeat 100% 50%; }
* html a.zip	{ padding: 4px 20px 4px 0; background: url(./icon/zip.gif) no-repeat 100% 50%; }

/* IE-6要素 ----------------------------------------------------------- */
* html a	{
	behavior: expression(
	this.className += this.getAttribute("href").match(/^http.*/) ? " external" : "",
	this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
	this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : "",
	this.style.behavior = "none"
	);
}

/* use this class to make sure that images won't get iconized */
.imageLink {
	padding-right: 0px !important;
	background: none !important;
}





/*----------*/
#wrapper	{
	width:980px; margin:0 auto; padding:0;
/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
*/
}


#header		{
	width:980px;
	height:140px; /* Logo:70 + Menu:50 + Space:20; */
	margin:0; padding:0;
	position:relative;
/*
	background-image:url(./bg_header.png);
	width:940px; margin:0 auto; padding:10px 0;
*/
}
#header .desc	{ height:18px; text-indent:-9999px; background:url(description.png) no-repeat 0% 0%; }
#header .logo	{ height:70px; }
#header .logo a	{
	float:left;
	display:block;
	width:364px;
	height:60px;
	margin:10px 0 0 20px; padding:0;
	text-indent:-9999px;
	background-image:url(./logo.png);
/*
	font-size:30px;
	color: #666;
*/
}
#header .tool	{
	position:absolute;
	top:16px;
	right:0px;
	margin:0 20px 0 0; padding:0;
	text-align: right;
}
#header .tool ul	{ margin:0; padding:0; }
#header .tool li	{ float:right; list-style:none; margin-left:20px; }
#header .tool a		{
	float:left;
	display:block;
	padding:10px 20px !important;
	color: #fff;
	font-size:15px;
	line-height: 24px;
	background-image: none !important;
	background-color: #3b5998;
	border-radius: 20px;
}
#header .tool i		{ font-size: 24px; }
/*
#header .inquiry a	{ display:block; width:110px; height:25px; text-indent:-9999px; background:url(dummy_header.jpg) no-repeat -555px -37px; }
*/
#header form		{ float:right; margin:0; padding:0; margin-left:10px; background-color:#fff; border:1px solid #bcbcbc; }
#header input		{ margin:0; padding:0; border:none; }
#header .srch_box	{ width:128px; margin:0 4px; font-size:14px; }
#header .srch_btn	{ width:40px; height:28px; text-indent:-9999px; background:#bcbcbc url(srch.png) no-repeat 50% 50%; }

/*#header a:hover,*/
#header .logo a,
#header .tool a,
#header .sitemap a,
#header .inquiry a,
#header .srch_btn	{ transition: all 0.3s ease; }

#header .logo a:hover,
#header .tool a:hover,
#header .sitemap a:hover,
#header .inquiry a:hover,
#header .srch_btn:hover	{ opacity:0.7; }





#menu	{ }
#navi	{
	clear:both;
	width:940px;
	margin:10px auto; padding:0;
}

#navi ul {
	margin:0; padding:0;
}
#navi ul li		{
	float:left;
	position:relative;
	list-style:none;
/*
	width:187px;
*/
	width:24.9%;
	height: 50px;
	line-height: 50px;
	font-size:14px;
	font-family:sans-serif;
	text-align:center;
	z-index:999;
	background-color:#09f;
 	background-image: -moz-linear-gradient(top, #06c, #06c 50%, #047);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#06c), to(#047), color-stop(0.5,#06c));
	transition: all 0.5s ease;
}
#navi ul li:first-child{
/*
	width:188px;
*/
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-khtml-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}
#navi ul li:last-child{
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	-khtml-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}
#navi ul li+li	{ border-left:1px solid #ccc; /* border:none; */ }

#navi a {
	display:block;
	color: #fff;
}

#navi ul li ul			{ visibility:hidden; position:absolute; top:50px; width:100%;
	-moz-box-shadow:	0px 10px 10px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:	0px 10px 10px 2px rgba(0,0,0,0.2);
	-o-box-shadow:		0px 10px 10px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:		0px 10px 10px 2px rgba(0,0,0,0.2);
	box-shadow:			0px 10px 10px 2px rgba(0,0,0,0.2);

 }	/* display:none; */
#navi ul li:hover ul	{ visibility:visible; }	/* display:block; */
#navi ul li ul li		{ clear:left; width:100%; }
#navi ul li ul li+li	{ border:none; }

#navi ul li ul li a		{
	height:12px;
	padding:20px 0px;
	color:#fff; font-size:14px; line-height:1.0; text-align:center; text-indent:0px;
	background-image:none; background-color:#3767b3;
	border:none;
}
#navi ul li ul li a:hover	{
	color:#fff;
}
#navi ul li:hover	{
	background-color:#06c;
	background-image:none;
 /*
	background-image: -moz-linear-gradient(top, #036 0%, #036);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#036), to(#036));
*/
}


#pankz	{
	display:none;
/*
	clear:both;
	margin:0px auto 0px; padding:10px 20px 0;
	color:#666; font-size:10px; line-height:1.0;
	background-color:#e7eaed;
	border:0px solid #ccc;
*/
}


#container	{ width:960px; margin:20px auto; padding:0 0 20px;
	color:#444; font-size:1.0em; line-height:1.6;
	overflow: hidden ;	/* clearfixを使わずにfloatを解除 */
/*
	background-color:#ede7d7;
*/
}
#container .yuttari	{ padding:20px 30px; line-height:2.0; }

#main		{ float:left;  width:620px; margin:10px; padding:0 0 20px; border:0px solid #ccc; }


#sidebar	{ }
#sidebar h6	{ clear:left; color:#fff; background-color:#ca7;
	background-image:-moz-linear-gradient(left, #ccaa77, #eeddbb);
	background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#eeddbb), to(#ccaa77), color-stop(1,#ccaa77));
}
#sidebar ul	{ margin:0 5px; padding:0; font-size:12px; line-height:1.0; }
#sidebar li	{ margin:0 5px 10px; padding:0; list-style:none; }
#sidebar a	{ display:block; padding:6px 8px;
	color:#36a; text-align:center;
	border:1px solid #f0f0f0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color:#f8f8f8;
	background-image:-moz-linear-gradient(top, #ffffff, #f8f8f8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f8f8), color-stop(1,#f8f8f8));
}
#sidebar a:hover	{ color:#fff; background-color:#36a; background-image:none; border:1px solid #69c; transition: all 0.3s ease; }

#sidebar form		{ float:left; margin:0 10px 10px; padding:0; background-color:#fff; border:1px solid #bcbcbc; }
#sidebar input		{ margin:0; padding:0; border:none; }
#sidebar .srch_box	{ width:128px; margin:0 4px; font-size:14px; }
#sidebar .srch_btn	{ width:40px; height:28px; text-indent:-9999px; background:#bcbcbc url(srch.png) no-repeat 50% 50%; }
#sidebar .srch_btn:hover	{ opacity:0.7; transition: all 0.3s ease; }
/*
#sidebar	{ float:right; width:300px; margin:10px 9px; padding:0 0 20px; border:1px solid #ccc; }
#sidebar a	{ padding:0px !important; color:#fff; background: none; }
#sidebar img	{ border: none; }
*/

#footer	{
	clear:both; margin:0; padding:20px;
	color:#999; font-size:12px; text-align:center;
	border-top:1px solid #ccc;
 /*
	background-color:#735038;
 	background-image:url(./bg_footer.jpg);
	line-height:39px;
*/
}
#footer a	{ padding:0px !important; color:#fff; background:none; }
#footer address	{ margin:0; padding:0 0 20px; line-height:1.5; }
#footer ul	{ margin:0; padding:0; }
#footer li	{ float:left; margin:0 10px; padding:0; list-style-type:none; color:#666; text-align:center; text-decoration:none; }
#footer .cprt {}
#footer .backs {
	float:right; margin-right:20px; padding:5px;
	font-size:10px;
/*
	background-color:#444;
*/
	background-image:url(./bg_footer.jpg);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}









#submenu	{ margin:0; padding:10px; height:310px; background:transparent url(./bg_submenu.jpg) no-repeat 0% 0%; }

#submenu ul { margin:0; padding:0; list-style:none; }
#submenu li	{ margin:5px; padding:0; float:left; }
#submenu a	{ margin:0; padding:10px 0; width:128px; height:40px; display:block; font-size:14px; line-height:1.5; text-align:center; }
#submenu a			{ color:#fff; background-color:#574; }
#submenu a:hover	{ color:#fff; background-color:#9c6; text-decoration:none; }



#submen2	{ margin:0; padding:10px; }
#submen2 ul	{ margin:0; padding:0; list-style:none; }
#submen2 li	{ margin:10px 0; padding:0; }
#submen2 a	{ display:block; margin:0; padding:10px 0; font-size:14px; line-height:1.5; text-align:center; }
#submen2 a			{ color:#fff; background-color:#574; }
#submen2 a:hover	{ color:#fff; background-color:#9c6; text-decoration:none; }




.arlist {
	margin-left:0;
	padding-left:0;
	line-height: 2;
}
.arlist li	{
	margin:0 10px;
	list-style:none;
	border:none; background-image:none;
}
.arlist a:before {
	font-family: FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f138\ ";
}
.arlist li li a:before {
	font-family: FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f138\ ";
	opacity:0.7;
}

/* information */
.lnklist {
	float:right;
	height: 20px;
	list-style:none;
	margin-left:0;
	padding-left:0;
}
.lnklist a:before {
	font-family: FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f138";
}
.lnklist li	{
	margin:0 10px;
/*	padding:10px 0;*/
	border:none; background-image:none;
	float:left;
	margin-right:20px;
}





/* index.html slideshow */
#viewer {
	margin:0 auto 10px;
	width:940px; height:500px;
	text-align:left;
	overflow:hidden;
	position:relative;
	background-color:#777;
}
#viewer img {
	top:0; left:0;
	position:absolute;
}

/*-- トップ インフォメーション width:620px; height:452px; --*/
.topics	{
	position:relative;
	height:250px;	/* 270 = 10+250+10 */
	margin:0; padding:10px 10px 10px;
}
.ttl_info	{
	color: #666;
/*
	position:absolute;
	left:0px; top:0px;
	width:620px; height:44px;
	margin:0; padding:0;
	text-indent:-9999px;
	background:transparent url(./ttl_info.png) no-repeat 0% 0%;
*/
}
.btn_all	{
	position:absolute;
	right:10px; top:10px;
}
.btn_all a	{
	display: block;
	margin:0; padding:5px 8px;
	font-size:12px; line-height: 1.0;
 	color:#fff; background-color:#4777c3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.3s ease;
}
.btn_all a:hover	{
	background-color:#38d;
}
.top_info	{
	height:240px;
	overflow:auto;
}
/*
.top_info .info	{ margin:0; padding:0; }
.top_info .ttl	{ color:#555; font-weight:bold; }
.top_info .ttl span	{ padding-left:20px; color:#090; font-weight:normal; font-size:12px; }
.top_info .cmt	{ }
*/
.top_info ul	{ margin:0; padding:0; list-style-type:none; }
.top_info li	{ clear:both; 
	height:60px;
	overflow:hidden;
	margin:0; padding:0; margin:0 10px 6px; padding-bottom:5px; 
	border-bottom:1px dotted #ccc; 
	background-image:none; 
}
.top_info .ctg	{ padding:0.3em 0; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; text-align:right; }
.top_info .vevent		{ font-weight:normal; }
.top_info .dtstart		{ float:left; padding-top:4px; color:#090; font-size:12px; }
.top_info .summary		{ display:block; margin-left:90px; color:#555; font-weight:bold; }
.top_info .description	{ display:block; clear:left; margin-left:90px; font-size:12px; }
.top_info .description img	{ margin:1em 0; border-width:0; }


.bnr01 a,
.bnr02 a,
.bnr03 a	{
	float: left;
	display:block;
	width:300px; height:100px;
	margin:0; padding:0;
	text-indent:-9999px;
}
.bnr01 a	{ margin-left: 0px; background:transparent url(./bnr01.jpg) no-repeat 0% 0%; }
.bnr02 a	{ margin-left:20px; background:transparent url(./bnr02.jpg) no-repeat 0% 0%; }
.bnr03 a	{ margin-left:20px; background:transparent url(./bnr03.jpg) no-repeat 0% 0%; }

.top_bnrs	{ margin:15px 0; padding:0; }
.top_bnrs li	{
	height: 60px;
	margin:10px 20px; padding:0;
	text-align:center; list-style:none;
 	background-color:#fff;
	-moz-box-shadow:	0px 0px 5px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:	0px 0px 5px 2px rgba(0,0,0,0.1);
	-o-box-shadow:		0px 0px 5px 2px rgba(0,0,0,0.1);
	-ms-box-shadow:		0px 0px 5px 2px rgba(0,0,0,0.1);
	box-shadow:			0px 0px 5px 2px rgba(0,0,0,0.1);
}
.top_bnrs a:hover	{ opacity:0.7; transition: all 0.3s ease; }




/* Adjusted to category */
#ippo_about h1,	#ippo_about h2,	#ippo_about h3,	#ippo_about h4	{ border-color: #3767b3; }
#ippo_forest h1,#ippo_forest h2,#ippo_forest h3,#ippo_forest h4	{ border-color: #37a4b3; }
#ippo_nature h1,#ippo_nature h2,#ippo_nature h3,#ippo_nature h4	{ border-color: #57aa4c; }
#ippo_land h1,	#ippo_land h2,	#ippo_land h3,	#ippo_land h4	{ border-color: #7da0e7; }
#ippo_hot h1,	#ippo_hot h2,	#ippo_hot h3,	#ippo_hot h4	{ border-color: #e99922; }

#ippo_about .entext		{ color: #347; background-color: #d0e0f0; }
#ippo_forest .entext	{ color: #467; background-color: #c7e8d9; }
#ippo_nature .entext	{ color: #362; background-color: #dae79b; }
#ippo_land .entext		{ color: #347; background-color: #badcf2; }
#ippo_hot .entext		{ color: #963; background-color: #ffd088; }



/* Responsive Retina */
/**/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	#header .logo a	{
		background-image:url(./logo2x.png);
		background-size:100%;
	}
/*
	#navi .nav01,
	#navi .nav02,
	#navi .nav03,
	#navi .nav04,
	#navi .nav05,
	#navi .nav06,
	#navi .nav07,
	#navi .nav08,
	#navi .nav09 	{
		background-image:url(menu150x252x.png);
		background-size:150px 300px;
	}
*/
}