@charset "utf-8";


/*-------------------------------------
#
---------------------------------------*/

/*---------------------
 Container
---------------------*/
#Container {
	background: url("/sp/images/common/bg_body.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/*---------------------
 Header
---------------------*/

#Header {
	background: linear-gradient(#FFFFFF, #F0F0F0) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: #1F4E3A;
	height: 45px;
	position: relative;
}

#Header .header-button {
	position: absolute;
	right: 6px;
	top: 3px;
}

#Header .header-button ul {

}

#Header .header-button ul li {
	float: left;
	background-color: #F0F0F0;
	background: -moz-linear-gradient(top, #FFFFFF, #F0F0F0); /* mozilla */
	background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F0F0F0)); /* Webkit */
	border-left: 1px solid #dadada;
	width: 53px;
	text-align: center;
}

#Header .header-button ul li span.icon {
	display: block;
	height: 25px;
}

#Header .header-button ul li span.text {
	display: block;
	font-size: 10px;
}

#Header p.logo {
	left: 6px;
	position: absolute;
	top: 9px;
}

/*---------------------
 media
---------------------*/
@media screen and (max-width : 480px){
/* ここに0px〜480pxまでのCSSを記述*/ 

	/*---------------------
	 Content
	---------------------*/
	#Content {
		width: 97.65625%;
		width: 100%;
		margin: 0 auto 0px;
		padding: 10px 0 0 0;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
/* ここに481以上のCSSを記述*/ 

	/*---------------------
	 Content
	---------------------*/
	#Content {
		width: 97.65625%;
		width: 100%;
		margin: 0 auto 0px;
	}

}

@media screen and (min-width : 769px) and (max-width: 960px) {
/* ここに769以上のCSSを記述*/ 

	/*---------------------
	 Content
	---------------------*/
	#Content {
		width: 98.958%;
		width: 100%;
		margin: 0 auto 0px;
		height: 100%;
	}

}

@media screen and (min-width : 961px) {
/* ここに961以上のCSSを記述*/ 

	/*---------------------
	 Content
	---------------------*/
	#Content {
		width: 960px;
		margin: 0 auto 0px;
		height: 100%;
	}

}

/*---------------------
 パンくず
---------------------*/
div.pankuzu {
	margin: 0 0 10px 0;
	background: none repeat scroll 0 0 #1F4E3A;
	overflow: hidden;
	width: 100%;
	font-size: 12px;
}

div.pankuzu ul {
	padding: 0;
}

div.pankuzu ul li {
	float: left;
	padding: 5px 2px;
}

div.pankuzu ul li span {
	padding: 0 2px;
	color: #fff;
}

div.pankuzu ul li a {
	padding: 0 2px;
	color: #fff;
}

/*---------------------
 list
---------------------*/
.list {

}

.list ul.listview {
	border-color: #eee #ccc #ccc;
	border-style: solid;
	border-width: 1px;
}

.list ul.listview li {
	border-left-width: 1px;
	border-right-width: 1px;
}

.list ul.listview li.title {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	/* background: none repeat scroll 0 0 #16A8D0; */
	background: -moz-linear-gradient(#00723C, #005D31) repeat scroll 0 0 #006837;
	background: -webkit-gradient(linear, left top, left bottom, from(#00723C), to(#005D31));
	border: 1px solid #006837;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0 1px 0 #444444;
	padding: 0.7em 15px;
}

.list ul.listview li.link {
	background: linear-gradient(#FFFFFF, #FFFFFF) repeat scroll 0 0 #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f1f1f1));
	border-bottom: 1px solid #CCCCCC;
	color: #2F3E46;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	padding: 0.7em 15px;
}


/*---------------------
 Footer
---------------------*/
#Footer {
	background: #1F4E3A;
	background: linear-gradient(#1F4E3A, #005D36) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear, left top, left bottom, from(#1F4E3A), to(#005D36));
	clear: both;
	color: #FFFFFF;
	overflow: hidden;
	padding: 0 0 10px;
	width: 100%;
	font-size: 88%;
}

#Footer ul.footer-navi {
	background: url("") repeat-x scroll left top #EDEFE1;
	border-bottom: 1px solid #F9F2E5;
	padding: 12px 0;
	text-align: center;
	width: 100%;
}

#Footer ul.footer-navi li {
	display: inline;
	line-height: 1.6;
}

#Footer ul.footer-navi li span {
	color: #D0D0D0;
	margin: 0 4px;
}

#Footer p {
	padding: 5px;
}


/*---------------------
 pagetop
---------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.pagetop a {
	display: block;
	height: 20px;
	background-color: #ffffff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	text-align: center;
	color: #111;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	padding: 5px;
	 
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa; 
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
	-moz-box-shadow: 1px 1px 2px #E7E7E7; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}

/*---------------------
 PC／スマホ
---------------------*/
div.changeViewWrap {
	padding: 0px;
}

.changeView {
	display: table;
	width: 100%;
}

.changeView li.none {
	display: table-cell;
	background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
	width: 50%;
	border: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
}

.changeView li.active {
	display: table-cell;
	background: url("../images/common/global_navi_on.gif") repeat-x scroll left top;
	width: 50%;
	border: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
}

.changeView a, 
.changeView span {
	display: block;
	padding: 9px 0;
	text-align: center;
}

/*---------------------
 globalnavi
---------------------*/
div.globalnavi {
	background: none repeat scroll 0 0 #fcfcfc;
	background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
	margin-bottom: 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 5px;EDEFE1
}

div.globalnavi ul {
	display: table;
	width: 100%;
	border: 1px solid #436F92;
	border-right: none;
}

div.globalnavi ul li {
	display: table-cell;
	background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
	background: linear-gradient(#FFFFFF, #F0F0F0) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-right: 1px solid #436F92;
	width: 25%;
}

div.globalnavi ul li span {
	display: block;
	padding: 10px 10px;
	text-align: center;
}

/*---------------------
 socialbuttons
---------------------*/
#socialbuttons {
	width: 100%;
}

#socialbuttons ul {
	
}

#socialbuttons ul li {
	float: right;
}


/*---------------------
 media
---------------------*/
@media screen and (max-width : 480px){
/* ここに0px〜480pxまでのCSSを記述*/ 

	div.nav-side {
		display: none;
	}

	/*---------------------
	 Contents
	---------------------*/
	#Contents {
		margin : 0 1%
		width: 100%;
	}

	/*---------------------
	 navbar
	---------------------*/
	div.nav-side {
		background: none repeat scroll 0 0 #c00;
		background: none repeat scroll 0 0 #fff;
		margin-bottom: 20px;
	}

	div.nav-side ul.navbar {
		padding: 0;
		border-left: 1px solid #ddd;
		margin: 0 1%;
	}

	div.nav-side ul.navbar:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	div.nav-side ul.navbar li {
		background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
		height: 100%;
		display: block;
		width: 33.0%;
		float: left;
		margin: 0 0 0 0px;
		padding: 10px 0;
		text-decoration: underline;
		text-align: center;
		border-right: 1px solid #eee;
	}

	div.nav-side ul.navbar li img {
		vertical-align: bottom;
	}

	/*---------------------
	 banner
	---------------------*/
	div.nav-side ul.banner {
		display: none;
	}
	
}

@media screen and (min-width : 481px) {
/* ここに481以上のCSSを記述*/

	div.nav-side {
		display: none;
	}

	/*---------------------
	 centent
	---------------------*/
	#Contents {
		margin : 0 1%
		width: 100%;
	}

	/*---------------------
	 nav-side
	---------------------*/

	div.navbar {
		background: none repeat scroll 0 0 #c00;
		background: none repeat scroll 0 0 #fff;
		margin: 10px 0 20px;
	}

	div.nav-side ul.navbar {
		margin: 0;
		width: 100%;
		padding: 0;
		border: 0px solid #ddd;
	}

	div.nav-side ul.navbar li {
		background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
		height: 100%;
		display: block;
		width: 100%;
		margin: 0 0 0 0px;
		padding: 10px 0;
		text-decoration: underline;
		text-align: center;
		border-right: 1px solid #eee;
	}

	div.nav-side ul.navbar li img {
		vertical-align: bottom;
	}

	div.nav-side ul.navbar {
		margin: 0;
		width: 100%;
		padding: 0;
	}

	div.nav-side ul.navbar li {
		background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
		height: 100%;
		display: block;
		width: 100%;
		margin: 0 0 0 0px;
		padding: 10px 0;
		text-decoration: underline;
		text-align: center;
		border-right: 1px solid #eee;
	}

	/*---------------------
	 banner
	---------------------*/
	div.nav-side ul.banner {
		margin: 0 2%;
		width: 96%;
		padding: 0;
	}

	div.nav-side ul.banner li {
		height: 100%;
		display: block;
		width: 100%;
		margin: 0 0 0 0px;
		padding: 3px 0;
		text-align: center;
	}

	div.nav-side ul.banner li img {
		vertical-align: bottom;
	}
	
}


/*---------------------
 nav-footer
---------------------*/
div.nav-footer {
	margin: 0 auto;
	width: 97.6562%;
	background: none repeat scroll 0 0 #c00;
	background: none repeat scroll 0 0 #fff;
}

div.nav-footer ul.navbar {
	padding: 0;
	border-left: 1px solid #ddd;
}

div.nav-footer ul.navbar:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

div.nav-footer ul.navbar li {
	background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
	height: 100%;
	display: block;
	width: 49.5%;
	float: left;
	margin: 0 0 0 0px;
	padding: 10px 0;
	text-align: center;
	border-right: 1px solid #eee;
}

div.nav-footer ul.navbar li a {
	background: url("../images/common/ico_pc.gif") no-repeat scroll 95% 50%;
	display: block;
}

/*---------------------
 見出しエリア
---------------------*/
/* --- 見出しエリア --- */
div.midashi {
	background: #1F4E3A;
	width: 100%;
	padding: 0; 						/* 見出しエリアのパディング（上下、左右） */
	border-bottom: 1px #111 solid; 	/* 見出しエリアの下境界線 */
}

/* --- 見出しエリア --- */
div.midashi div.title {
	padding: 7.5px 5px; 					/* 見出しエリアのパディング（上下、左右） */
	text-align: left;
	color: #fff;
}

/* --- 見出し --- */
div.midashi div.title p {
	margin: 0;
	padding: 3px 3px 0 5px; 			/* 見出しのパディング（上右下左） */
	padding: 0px 5px;
	border-left: 5px #fff solid; 		/* 見出しの左境界線 */
	font-size: 100%; 					/* 見出しの文字サイズ */
}


/*---------------------
 section
---------------------*/
div.section {
	width: 98.958%;
	margin: 0 auto 10px;
}


/*---------------------
 paging
---------------------*/
div.paging {
	margin: 20px 0;
}

div.paging p.pageno {
	margin: 0px auto;
	text-align: center;
}

div.paging ul.nl {
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
	text-align: center;
}

div.paging ul.nl li {
	display: inline;
	margin-right: -1px;
}

div.paging ul.nl li a {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	display: inline-block;
	padding: 4px 8px;
	text-decoration: none;
}

div.paging ul.nl li a:hover {
	background-color: #005D36;
	border: 1px solid #999999;
	color: #FFFFFF;
	text-decoration: underline;
}

div.paging ul.nl li a.active {
	background-color: #005D36;
	border: 1px solid #ddd;
	color: #FFFFFF;
	display: inline-block;
	padding: 4px 8px;
}

div.paging ul.nl li span {
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	color: #808080;
	display: inline-block;
	padding: 4px 8px;
}

span.hinba {
	color: #c00;
}