* { zoom: 1; }

body {
	color:#333;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;  
	font-size:10pt;
}

img {
	max-width: 100%;
	width:/***/auto; /* IE8用 */
}

a:link,
a:visited { color: #333333; text-decoration: none; }
a:hover   { color: #999999; text-decoration: none; }
a:active  { color: #999999; text-decoration: none; outline: none; }
a:focus   { -moz-outline-style: none; }

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

nav {
	display block;
}

.fa {
	color: #4478fe;
	margin-right: 0.4em;
}

/*
#################################
ブレークポイント：1140, 940, 740
#################################
*/

.box {
	margin: 0 auto;
	width: 90%;
	max-width:1020px;
}

/* やや狭いデスクトップ用 */
@media screen and (max-width: 940px) {
	.box {
		width: 95% !important;
	}
}

/* 共通ヘッダー */
#siteheader {
	display: none;
}

/* トップページ用ヘッダー */
#top_siteheader {
	position:fixed;
	top:0;
	background-image: url(../img/top_header_bg.png);
	background-position: 0% 0%;
	background-repeat: repeat no-repeat;
	background-color: transparent;
	z-index: 10;
	height: 3em;
	width: 100%;
	margin: 0;
	font-size:80%;
	color: #ffffff;
	text-align: center;
}

/* トップページ用 */
#top_siteheader .container {
	margin: 0 auto;
	padding-top: 5em;
	width: 90%;
	height: 100%;
	max-width:1020px;
}

#top_header_text {
	float:left;
	padding-top: 1.5em;
	text-align: center;
	width: 60%;
}

/* 共通ヘッダーナビゲーション */
#topnav {
//	position:fixed;
//	top: 0;
	list-style-type: none;
	z-index: 20;
//	width: 100%;
	padding: 0;
	margin:0;
	visibility: hidden;
}

#topnav li {
	float:left;
	margin:0;
	padding:0;
	display: inline-block;
}

#toggle {
	display: none;
}

#mn01 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn00s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn01 a:hover {
	background-image: url(../img/mn00s_on.png);
}
#mn02 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn01s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn02 a:hover {
	background-image: url(../img/mn01s_on.png);
}
#mn03 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn02s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn03 a:hover {
	background-image: url(../img/mn02s_on.png);
}
#mn04 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn03s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn04 a:hover {
	background-image: url(../img/mn03s_on.png);
}
#mn05 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn04s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn05 a:hover {
	background-image: url(../img/mn04s_on.png);
}
#mn06 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn05s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn06 a:hover {
	background-image: url(../img/mn05s_on.png);
}
#mn07 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn06s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn07 a:hover {
	background-image: url(../img/mn06s_on.png);
}
#mn08 a {
	display: block;
	width: 110px;
	height: 80px;
	background-image: url(../img/mn07s.png);
	background-repeat: no-repeat;
	text-indent:-7777px;
}
#mn08 a:hover {
	background-image: url(../img/mn07s_on.png);
}

/* デスクトップ用 */
@media screen and (max-width: 1140px) {

//	#topnav {
//		width:918px;
//	}
	#siteheader {
		height: 4em;
	}

	#mn01,
	#mn02,
	#mn03,
	#mn04,
	#mn05,
	#mn06,
	#mn07,
	#mn08 {
		width:10%;
		height: 4em;
		overflow:hidden;
		margin:0;
		padding:0;
	}

	#mn00 a{
		width:100%;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#mn01 a,
	#mn02 a,
	#mn03 a,
	#mn04 a,
	#mn05 a,
	#mn06 a,
	#mn07 a,
	#mn08 a {
		width:100%;
		height: 4em;
		overflow:hidden;
		margin:0;
		padding:0;
		-moz-background-size:cover;
		background-size:cover;
	}
	#topnav img {
//		float:none;
		max-width:100%;
	}
}

/* やや狭いデスクトップ用 */
@media screen and (max-width: 940px) {
	.container {
		width: 95% !important;
//		padding-top: 60px !important;
	}

//	#topnav {
//		width:800px;
//	}
	#siteheader {
		height: 3em;
	}

	#mn00 a{
		width:100%;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#mn01 a,
	#mn02 a,
	#mn03 a,
	#mn04 a,
	#mn05 a,
	#mn06 a,
	#mn07 a,
	#mn08 a {
		width:100%;
		height:3em;
		overflow:hidden;
		margin:0;
		padding:0;
		-moz-background-size:cover;
		background-size:cover;
	}
	#topnav img {
//		float:none;
		max-width:100%;
	}
}

/* やや狭いデスクトップ用 */
@media screen and (max-width: 740px) {
	.container {
		width: 95% !important;
	}

	#siteheader {
		height: 3em;
	}

	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #4478fe;
	}
	#toggle a{
		display: block;
		padding: 1em 0;
		color: #fff;
		text-decoration: none;
	}

	#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #4478fe;
	}
	#toggle a:before{
		margin-top: -6px;
	}
	#toggle a:after{
		margin-top: 2px;
	}

	#topnav{
		display: none;
	}
	#topnav li{
		width: 100%;
	}

	#mn01,
	#mn02,
	#mn03,
	#mn04,
	#mn05,
	#mn06,
	#mn07,
	#mn08 {
		height: 3em;
	}

	#mn01 a,
	#mn02 a,
	#mn03 a,
	#mn04 a,
	#mn05 a,
	#mn06 a,
	#mn07 a,
	#mn08 a {
		background-image: none;
		background-color: #eeeeee;
		text-indent: 0;
		width:100%;
		height:1em;
		overflow:hidden;
		margin:0;
		padding: 1em 1em;
	}
}

/* トップページ用 */
.top_container {
	margin: 0 auto;
	padding-top: 40px;
	height: 100%;
	width: 90%;
	max-width:1020px;
	overflow: auto;
}

.top_logo {
	margin-top: 3em;
	width: 45%;
	float:left;
	text-align:center;
	visibility: hidden;
}

.top_news {
	width: 45%;
	text-align: left;
	visibility: hidden;
}

.top_news_inner {
	max-width: 330px;
	margin: 0 auto;
	font-size: 90%;
	line-height: 1.4;
}

.top_menu {
	margin: 0 auto;
	padding-top: 4em;
	width:50%;
	float:left;
	visibility: hidden;
	position: relative;
	text-align: center;
}
.top_menu ul {
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
	text-align:center;
}

.top_menu li {
//	float:left;
	margin:0;
	padding:0;
	display: inline-block;
	display: inline;  /* IE用 */
	zoom: 1;  /* IE用 */
}

.top_iso {
	width: 45%;
	text-align: left;
	float:left;
}

.top_iso_inner {
	width: 330px;
	margin: 3em auto;
	font-size: 90%;
	line-height: 1.4;
}

/* コンテンツページ用 */
.container {
	margin: 0 auto;
	width: 100%;
	page-break-after: always;
}

.container h1 {
	margin:0;
	padding:0;
}

.content {
	height: 100%;
	text-align: left;
	line-height: 1.5;
}

.content h2 {
	border-top:#4478fe dotted 1px;
	border-bottom:#4478fe dotted 1px;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 0.4em;
	letter-spacing: 0.2em;
	background-color: #f5faff;
}

.content h3 {
	border-left:#4478fe solid 3px;
	border-bottom:#cccccc dotted 1px;
	font-size: 110%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
	letter-spacing: 0.2em;
	padding-left: 0.5em;
}

.content .scrollable{
	height: 100%;
	overflow:visible !important;
}

.content .scrollable .col1_3 {
	width:100%;
	float:left;
}
.content .scrollable .col2_3 {
	width:100%;
	float:left;
}
.content .scrollable .col3_3 {
	width:100%;
	float:left;
}

.content .photo {
	text-align:center;
	float:left;
	padding: 0.4em 0.4em 0 0.4em;
	margin-bottom:5px;
	margin-right:10px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	font-size: 90%;
}

.photo img {
	max-width: 100%;
}

.content dl {
	width: 100%;
}
.content dt {
	font-weight: bold;
	float: left;
	width: 7em;
	padding: 0.2em 0 0.2em 0;
	text-indent: 1em;
}
.content dd {
	margin: 0 0 0 0;
	padding: 0.2em 0 0.2em 7em;
	border-bottom: 1px #999999 dotted;
}

.content table {
	border-collapse: collapse;
	width:100%;
	background-color:#ffffff;
}
.content th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: center;
	padding: 0.3em;
	font-weight: bold;
	background-color:#f5faff;
}
.content td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: center;
	padding: 0.3em;
}
.content tr:hover {
    background: #f5faff;
}


.submenu {
	width:100%;
	text-align:left;
	margin-bottom: 0.5em;
}

.submenu .s_ttl{
	float: left;
}

.submenu ul	{
	margin:0;
//	padding-left: 16.8%;
}

.submenu li	{
	margin: 0.1em 0.4em 0.5em 0.1em;
	padding: 0.1em 0 0.1em 0.1em;
	font-size: 90%;
	list-style-type:none;
	color: #333;
	border-bottom: 3px solid #4478fe;
	float:left;
	min-width:9em;
}

.submenu .tilelist {
	padding-top: 1em;
}

/* デスクトップ用（狭い画面） */
@media screen and (max-width: 740px) {
	.submenu .tilelist {
		padding-top: 0;
	}
}


/* Sections
 * --------------------------------------- */
#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7{
	background-image: none;
	page-break-after: always;
}

/*Creatin a full height slide */
.slide {
	page-break-after: always;
}

#sitefooter {
	display: none;
}