@charset "UTF-8";

/*------------------------------------------------------------
	基本スタイル
------------------------------------------------------------*/
html, body, div, applet, object, iframe,
h1, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size:15px;
}

body{
	
	background:#fff;
	
}

span {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
}

body, input, textarea, select, option {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	color:#333333;
}

table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-family: HiraKakuProN-W3;
	font-size:12px;
}

article, article-black, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color:#003366;
}

a:visited {
	color:#003366;
}

a:hover {
	color:#003366;
}

a:active {
	color:#003366;
}


/*------------------------------------------------------------
	共通設定
------------------------------------------------------------*/
body {
	margin:0;
	text-align: center;
	line-height: 1.8;
	-webkit-text-size-adjust:none;
}

#wrapper {
	min-width:320px;
	position:relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}

#main {
	background-color:#e2e2e2;
	text-align:left;
	z-index: 1;
}

#contents {
	background-color:#ffffff;
	border-bottom: solid 15px #e2e2e2;
	margin:15px 2% 0;
}
	#contents section {
		border-bottom:solid 1em #e2e2e2;
	}
	#contents section:last-child {
		border-width:1px;
	}
		#contents section .pgh-line-01,
		#contents section .pgh-dotted-01,
		#contents section .pgh-plain-01,
		#contents section .pgh-right-01,
		#contents section .pgh-center-01,
		#contents section .list-notice-01 {
			margin-left:3%;
			margin-right:3%;
		}

.nav01 {
	margin:0 3% 1em;
	line-height:1.4;
}
	.nav01 li{
		background-color:#ffe1e1;
		margin-bottom:1px;
	}
		.nav01 li a{
			font-size:15px;
			display:block;
			padding:0.5em 2em 0.5em 1em;
			text-decoration:none;
			font-weight:bold;
			color:#333333;
			background-repeat:no-repeat;
			background-position:95% 50%;
			background-image: url('arrow5R.png');
			background-size:8px auto;
		}
.nav02 {
	margin:0 10px 1em;
}
.nav02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	.nav02 li {
		width:50%;
		float: left;
	}
		.nav02 li a {
			text-decoration:none;
			font-size:15px;
			font-weight:bold;
			display:block;
			padding:0.5em 1em;
			background-repeat:no-repeat;
			background-position:95% 50%;
			background-image: url('arrow5R.png');
			background-size:8px auto;
			background-color:#ffe1e1;
			color:#333333;
			border:solid #ffffff;
			border-width:0 1px 1px 0;
		}







/* 見出し
*************************************************************/
h1 {
	line-height: 1.2;
	font-size:16px;
	margin:0 0 1em;
	padding:0.5em 20px;
	background-color:#c82828;
	color:#ffffff;
}
h2 {
	font-size:19px;
	line-height: 1.2;
	margin:0.7em 3% 1em;
	padding:0.2em 0 0.2em 10px;
	border-left:solid 3px #c82828;
}
	.second .section h3 {
		margin:0 0 1em;
	}
	.second h3 span.date,
	.top h4 span.date {
		font-size:16px;
		font-weight:normal;
	}
h3 {
	font-size:17px;
	line-height: 1.2;
	margin:0 3% 0.5em;
	padding-bottom:5px;
	border-bottom:solid 2px #c82828;
}
	.second .section h4 {
		margin:0 0 0.5em;
	}
h4 {
	font-size:17px;
	color:#c82828;
	line-height: 1.2;
	margin:0 3% 0.5em;
}
	.second .section h5 {
		margin:0 0 0.5em;
	}


/* ヘッダー
*************************************************************/
#header {
	background-color:#ffffff;
	width: 100%;
	position:relative;
}
	#header #logo {
	}
		#header #logo a {
			margin:0 auto;
			width:132px;
			height:53px;
			display:block;
			background-repeat:no-repeat;
			background-position:50% 50%;
			background-size:132px auto;
			background-image:url('logo.png');
			text-indent: -9999px;
			text-decoration: none;
		}

	#header p {
		position:absolute;
		top:9px;
		right:2%;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border:solid 1px #9e9e9e;
	}
		#header p a {
			padding:20px 10px 3px;
			line-height:1;
			font-size:10px;
			display:block;
			color:#838383;
			text-decoration: none;
			text-align:center;
			background-repeat:no-repeat;
			background-position:50% 4px;
			background-size:12px auto;
			background-image:url('../images/pc.png');
		}

	#header ul {
		background-color:#191919;
		display: -webkit-box;
		display: -moz-box;
		width: 100%;
	}
		#header ul li {
			height: 33px;
			background-repeat: no-repeat;
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			width: 1000px;
			margin:0 2%;
			padding-top:14px;
		}
			#header ul li a {
				text-decoration:none;
				color:#bbbbbb;
				font-size:12px;
				font-weight:bold;
				display:block;
			}
		#header ul li.menu-button-left {
			background-position:0 center;
		}
		#header ul li.menu-button-right {
			text-align:right;
			background-position:100% center;
		}
		#header ul li.menu {
			background-image: url('../images/menu_button_menu.png');
			background-size:21px auto;
			padding-left:28px;
		}
		#header ul li.login {
			background-image: url('../images/menu_button_login.png');
			background-size:19px auto;
			padding-right:28px;
		}


/* 全ページ共通ナビ
*************************************************************/
#commonNav1,
#commonNav2 {
	width:90%;
	margin:0 auto 1.5em;
}
	#commonNav1 li,
	#commonNav2 li {
		background-color:#ffffff;
	}
	#commonNav1 li:nth-child(2n),
	#commonNav2 li:nth-child(2n) {
		background-color:#f2f2f2;
	}
		#commonNav1 li a,
		#commonNav2 li a {
			display:block;
			color:#333333;
			text-decoration:none;
			background-repeat:no-repeat;
			background-position:95% 50%;
			background-size:7px auto;
			background-image:url('arrow3R.png');
		}
		#commonNav1 li a {
			font-size:15px;
			font-weight:bold;
			padding:0.5em 8%;
		}
		#commonNav2 li a {
			font-size:13px;
			padding:0.5em 8%;
		}



/* フッター
*************************************************************/
#footerTxt {
	width: 90%;
	margin: 0 auto 1.5em;
	font-size:13px;
}
#footer {
	width:100%;
	background-color:#f7f7f7;
	border-top:solid 1px #dcdcdc;
}
	#footer #copy {
		text-align:center;
		font-size:13px;
		padding:5px 0 15px;
	}


/* ボタン
*************************************************************/
.btnAccount,
.btnDetail,
.btnJump,
.btnTop {
	width:80%;
	margin:0 auto 1.5em;
	text-align:center;
}
	.btnAccount a,
	.btnDetail a,
	.btnJump a,
	.btnTop a {
		text-decoration:none;
		font-weight:bold;
		color:#ffffff;
		display:block;
		padding:10px 30px;
		background-repeat:no-repeat;
		background-position:95% 50%;
	}
	.btnAccount a,
	.btnDetail a,
	.btnJump a {
		background-image: url('arrowR.png');
		background-size:8px auto;
	}
	.btnTop a {
		background-image: url('arrowT.png');
		background-size:14px auto;
	}
.btnAccount {
	background-color:#ed3130;
}
.btnDetail {
	background-color:#434343;
}
.btnJump {
	background-color:#a4833b;
}
.btnTop {
	background-color:#6b6b6b;
}

.btnSection {
	background-color:#e2e2e2;
	border-bottom: solid 1em #e2e2e2;
}
	.btnSection .btnAccount,
	.btnSection .btnDetail,
	.btnSection .btnJump,
	.btnSection .btnTop {
		margin-bottom:0;
	}
		.btnSection .btnAccount a,
		.btnSection .btnDetail a,
		.btnSection .btnJump a,
		.btnSection .btnTop a {
		}





/* PC用記述 */
@media only screen 
and (min-width:1080px) {

	/* ボタンサイズ */
	.btnAccount,
	.btnDetail,
	.btnJump,
	.btnTop {
		width:50%;
	}
		.btnAccount a {
			font-size:20px;
			padding:20px 0;
		}
	.btnSection .btnAccount,
	.btnSection .btnDetail,
	.btnSection .btnJump,
	.btnSection .btnTop {
		width:54%;
	}
		.btnSection .btnAccount a,
		.btnSection .btnDetail a,
		.btnSection .btnJump a,
		.btnSection .btnTop a {
			font-size: 20px;
			padding: 20px 0;
		}

	/* 共通ナビ配置 */
	#commonNav1 li,
	#commonNav2 li {
		width:33%;
		float:left;
	}
	/* フッター開閉ナビ配置 */
	#footMenu li{
		width:25%;
	}
	/*スパイラルシール*/
	.spiralSeal {
	width: 550px;
	overflow: hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left:auto;
	margin-right:auto;
}

.spiralSeal tr td.description {
	display: table-cell;
	text-align:left;
	overflow: auto;
	
}

.spiralSeal tr td.img {
	display: table-cell;
	margin-left: 0px;
	margin-right: 0px;
	overflow: auto;
	text-align: center;

}

}
@media only screen 
and (max-width:1079px) 
and (min-width:810px) {

	/* ボタンサイズ */
	.btnAccount,
	.btnDetail,
	.btnJump,
	.btnTop {
		width:50%;
	}
		.btnAccount a {
			font-size:20px;
			padding:20px 0;
		}
	/* 共通ナビ配置 */
	#commonNav1 li,
	#commonNav2 li {
		width:33%;
		float:left;
	}
	/*スパイラルシール*/
	.spiralSeal {
	width: 550px;
	overflow: hidden;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left:auto;
	margin-right:auto;
}

.spiralSeal tr td.description {
	display: table-cell;
	text-align: left;
	overflow: auto;
}

.spiralSeal tr td.img {
	display: table-cell;
	margin-left: 0px;
	margin-right: 0px;
	overflow: auto;
	text-align: center;

}

}
@media only screen 
and (max-width:809px) {
	/*スパイラルシール*/
	.spiralSeal {
		width: 200px;
		overflow: hidden;
		margin: 0;
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		margin-left:auto;
		margin-right:auto;
	}

	.spiralSeal tr td.description {
		display: block;
		text-align: left;
		overflow: auto;
	}

	 .spiralSeal tr td.img {
		display: block;
		margin-left: 60px;
		margin-right: 60px;
		overflow: auto;
		text-align: center;
		
	}
	
	
	
}

/* スマートフォン横用 */
@media only screen 
and (max-device-width:719px) 
and (orientation : landscape) {
}

/* スマートフォン縦用 */
@media only screen 
and (max-device-width:719px) 
and (orientation : portrait) {

	/* フッター開閉ナビ配置 */
	#footMenu li a {
		font-size:14px;
	}

}

/* タブレット用  */
@media only screen 
and (min-device-width : 720px) 
and (max-device-width : 1079px) {
}

/* タブレット縦用 */
@media only screen 
and (min-device-width : 720px) 
and (max-device-width : 1079px) 
and (orientation : portrait) {
}

/* タブレット横用 */
@media only screen 
and (min-device-width : 720px) 
and (max-device-width : 1079px) 
and (orientation : landscape) {
}