@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff');
}

/* Chromeだとフォントが細くなってしまうため、normalに1段階太いフォントを使う */
/*
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 400;
		src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff');
	}
}
*/
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff');
}




* {
	margin:0px;
	padding:0px;
	box-sizing: border-box; /* paddingとborderをwidth/heightの中に含める */
	
	/*
		テキストや配色の設定はbodyで設定して継承させる
		ここで設定すると、コード内で変更した際、ネストしたタグ全てに同じスタイル指定する必要があるため
	*/
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: inherit;
	
	background-color: inherit;
	color: inherit;
	
}

html {
	width: 100%;
	overflow-y: scroll;
}

body {
	margin: 0 auto 0 auto;
	width: 100%;
	text-align: center;
	
	/* iOS/Androidでフォントサイズが自動変更されるのを防ぐ */
	-webkit-text-size-adjust: 100%;
	
	/*
		Fontの優先順位
		1 CSSで読み込んだNotoフォントを最優先(基本的には全てこのフォントになるはず)
		2 Win8.1以降とMac用に游ゴシック("Yu Gothic Medium", "Yu Gothic", YuGothic)
		3 iPhone/iPadシステムフォント(-apple-system, BlinkMacSystemFont)
		4 Androidシステムフォント(Roboto , "Droid Sans")
		5 Win7/8用のメイリオ(Meiryo)
		6 それ以外はデフォルトのゴシック体
	*/
	font-size: 20px;
	line-height: 150%;
	vertical-align: baseline;
	font-family: "Noto Sans Japanese", "Yu Gothic Medium", "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Droid Sans", Meiryo, sans-serif;
	font-weight: normal;
	
	background-color: #FFFFFF;
	color: #444444;
	
}

#box {
	width: 100%;
}

#header_wrapper {
	width:100%;
	height:40px;
	background-color: #0066BB;
	padding: 0 auto;
	text-align:center;
}
#header {
	margin: 0 auto;
	width:600px;
	height:40px;
	text-align: left;
}

#header_zjl {
	width:960px;
	height:120px;
	background-color: #FFFFFF;
	background-image: url("../images/header_zjl.png");
}

#menu {
	width: 180px;
	float: left;
	height: auto !important;
}

#contents {
	margin: 0 auto;
	width: 600px;
	background-color: #FFFFFF;
	height: auto !important;
}

#footer_wrapper {
	width:100%;
	background-color: #0066BB;
	padding: 0 auto;
}

#footer{
	width:600px;
	margin:0 auto;
	text-align:center;
}


#powered {
	width:600px;
	margin:0 auto;
	background-color: #FFFFFF;
	text-align:right;
}



/*------ header ------*/
#header h1 {
	line-height:40px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 10px;
}


/*------ menu ------*/


/*------ content ------*/
#contents h2 {
	margin: 10px 0;
	padding-left: 8px;
	font-size: 24px;
	font-weight: bold;
	line-height: 200%;
	color: #003399;
	text-decoration: none;
	background-color:#DDDDFF;
	border-left: solid 16px #0066BB;
	border-bottom: solid 1px #0066BB;
	border-top: solid 1px #0066BB;
	border-right: solid 1px #0066BB;
}

#contents h2.h2_sp {
	margin: 10px 0;
	padding-left: 8px;
	font-size: 24px;
	font-weight: bold;
	line-height: 200%;
	color: #FF0000;
	text-decoration: none;
	background-color:#FFDDDD;
	border-left: solid 16px #FF0000;
	border-bottom: solid 1px #FF0000;
	border-top: solid 1px #FF0000;
	border-right: solid 1px #FF0000;
}

#contents h3 {
	padding: 4px 0 4px 20px;
	margin: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#0066BB;
}

#contents h4 {
	padding: 4px;
	margin: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color:#003399;
}

#contents p {
	padding: 12px 0 0 0;
}

#contents p.lower {
	padding: 36px 0 0 0;
}

#contents p.navi {
	padding: 12px 0px 0px 12px;
	color: #003399;
}

#contents a:link, #contents a:active, #contents a:visited {
	color:#FF3300;
	text-decoration: none;
}

#contents a:hover, a:hover * {
	opacity: 0.4;
	text-decoration: none;
}

#contents a.album_title {
	display:block;
	width:380px;
	padding: 12px;
	margin: 12px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#003399;
}

#contents div.image_container {
	width: 756px;
	margin: 0px auto;
	text-align: center;
}

#contents div.image_box_blue {
	width: 378px;
	height: 224px;
	text-align: left;
	float: left;
	background-color: #DDDDFF;
}

#contents div.image_box_white {
	width: 378px;
	height: 224px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
}

#contents div.image_box_blue_y {
	width: 378px;
	height: 480px;
	text-align: left;
	float: left;
	background-color: #DDDDFF;
}

#contents div.image_box_white_y {
	width: 378px;
	height: 480px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
}

#contents img.image_box_img {
	margin: 12px;
	float: left;
}

#contents img.right_big_img {
	margin: 12px;
	padding: 12px;
	background-color: #DDDDFF;
	float: right;
}

#contents img.left_big_img {
	margin: 12px;
	padding: 12px;
	background-color: #DDDDFF;
	float: right;
}

#contents #youjou_form input,#contents #ise2020_form input{
	height: 28px;
	line-height: 24px;
	font-size: 18px;
	margin: 8px 0;
}

 #contents #youjou_form select , #contents #youjou_form select option, #contents #ise2020_form select , #contents #ise2020_form select option {
	height: 28px;
	line-height: 24px;
	font-size: 18px;
}

#contents .ng_data{
	border:1px solid #FF6666;
	background-color:#FFEEEE;
}

#contents .info0 {
	background-color: #FFFFFF;
}

#contents .info1 {
	background-color: #EEEEFF;
}

#contents .info_table td, #contents .info_table td a {
	font-weight: bold;
	color: #444444;
}

/*------ footer ------*/
div.footer_text {
	font-size:12px;
	text-align: center;
	color: #FFFFFF;
}

#footer a:link, #footer a:active, #footer a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color:#999999;
	text-decoration: none;
}

/*------ powered ------*/
#powered a:link, #powered a:active, #powered a:visited {
	color:#000000;
	text-decoration: none;
}

#powered a:hover {
	color:#999999;
	text-decoration: none;
}



/*------ general ------*/
.floatLeft_w90 {
	width: 90px;
	float: left;
}

.floatLeft_w120 {
	width: 120px;
	float: left;
}

.floatLeft_w150 {
	width: 150px;
	float: left;
}

.floatLeft_w180 {
	width: 180px;
	float: left;
}

.floatLeft_w210 {
	width: 210px;
	float: left;
}

.floatLeft_w240 {
	width: 240px;
	float: left;
}

.floatLeft_w270 {
	width: 270px;
	float: left;
}

.floatLeft_w360 {
	width: 360px;
	float: left;
}

.floatLeft_w390 {
	width: 390px;
	float: left;
}

.floatLeft_w420 {
	width: 420px;
	float: left;
}

.floatLeft_w450 {
	width: 450px;
	float: left;
}

.floatLeft_w660 {
	width: 660px;
	float: left;
}

.floatLeft_w720 {
	width: 720px;
	float: left;
}

.floatRight_w90 {
	width: 90px;
	float: right;
}

.floatRight_w120 {
	width: 120px;
	float: right;
}

.floatRight_w150 {
	width: 150px;
	float: right;
}

.floatRight_w180 {
	width: 180px;
	float: right;
}

.floatRight_w270 {
	width: 270px;
	float: right;
}

.floatRight_w360 {
	width: 360px;
	float: right;
}

.floatRight_w390 {
	width: 390px;
	float: right;
}

.floatRight_w420 {
	width: 420px;
	float: right;
}

.floatRight_w450 {
	width: 450px;
	float: right;
}

.clearBoth {
	clear: both;
}

table {
	margin: 12px 0 0 0;
	border: solid 1px #003399;
	border-collapse: collapse;
}

table.noborder {
	border-width: 0px;
	border-collapse: collapse;
}

th,td {
	border: solid 1px #003399;
	border-collapse: collapse;
	vertical-align: middle;
}

th {
	text-align: center;
}

td.back_green{
	background-color: #DDDDFF;
}

tr.line_orange {
	background-color: #003399;
}

table.noborder td,table.noborder th {
	border-width: 0px;
	border-collapse: collapse;
}

tr.line_orange td {
	background-color: #003399;
	border: solid 1px #FFCC99;
	border-collapse: collapse;
	color: #FFFFFF;
}

tr.colored td {
	background-color: #FFCC99;
}

#contents td p {
	padding: 6px;
}

td p.hide {
	overflow:hidden;
	height: 16px;
}

td.w30 {
	width: 30px;
}

td.w60 {
	width: 60px;
}

td.w90 {
	width: 90px;
}

td.w120 {
	width: 120px;
}

td.w150 {
	width: 150px;
}

td.w180 {
	width: 180px;
}

td.w200 {
	width: 200px;
}

td.w240 {
	width: 240px;
}

td.w270 {
	width: 270px;
}

td.w300 {
	width: 300px;
}

td.w330 {
	width: 330px;
}

td.w360 {
	width: 360px;
}

td.w400 {
	width: 400px;
}

td.w420 {
	width: 420px;
}

td.w480 {
	width: 480px;
}

td.w540 {
	width: 540px;
}

td.w600 {
	width: 600px;
}

td.w660 {
	width: 660px;
}

img {
	border-width: 0px;
}

input {
	border: 1px #000000 solid;
	border-collapse: collapse;
}

/* スマホなどで電話番号にリンクされた際、勝手に色が変更されるのを防ぐ */
a[href^=tel] {
	color:inherit;
/*	text-decoration: inherit; */
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}