@charset "Shift-jis";

/*//////////////////////////////////////////////////////////////////////////////

baseLayout.css

--------------------------------------------------------------------------------
Base styles for All pages
	 0. common
	 1. contents
	 2. contents(>=741px)
	 3. contents(<=740px)

//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	 0. common
----------------------------------------------------------------------------- */
html {
	width  : 100%;
	height : 100%;
	}

body {
	width       : 100%;
	height      : 100%;
	color       : #333333;
	font-family : 'ƒ�ƒCƒŠƒI', Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	font-size   : 100%;
	}
body.menu-opened {
	overflow-x : hidden;
	overflow-y : scroll;
	}

/* -----------------------------------------------------------------------------
	 1. contents
----------------------------------------------------------------------------- */
#stage {
	width     : 100%;
	height    : 100%;
	min-width : 320px;
	}
/**
 * header
 */
.global-header {
	position   : relative;
	background : #ffffff;
	z-index    : 8000;
	}
	.global-header > .innerblock {
		position       : relative;
		max-width      : 950px;
		margin         : 0 auto;
		padding-top    : 22px;
		padding-bottom : 20px;
		border-bottom  : 1px solid #808080;
		}
		.global-header .layout-header {
			display : table;
			width   : 100%;
			}
			.layout-header .layout-header-logo {
				display        : table-cell;
				width          : 105px;
				text-align     : right;
				vertical-align : middle;
				}
			.layout-header .layout-header-h1 {
				display        : table-cell;
				padding-left   : 40px;
				vertical-align : middle;
				}
				.layout-header-h1 h1 {
					font-size   : 150%;
					font-weight : bold;
					}
			.layout-header .layout-header-nav {
				display        : table-cell;
				padding-right  : 10px;
				vertical-align : bottom;
				text-align     : right;
				}
				.layout-header-nav a {
					font-size   : 75%;
					line-height : 1.3;
					}
				.layout-header-nav a.btn-menu {
					display : none;
					}
/**
 * contents
 */
.contents {
	margin-top : 40px;
	}
	.contents > .innerblock {
		position  : relative;
		max-width : 950px;
		margin    : 0 auto;
		}
		.contents .layout-contents {}
			.layout-contents .layout-contents-single {
				position : relative;
				width    : 100%;
				padding  : 0 14px;
				z-index  : 8000;
				-webkit-box-sizing : border-box;
				-moz-box-sizing    : border-box;
				box-sizing         : border-box;
				}
			.layout-contents .layout-contents-right {
				position     : relative;
				float        : right;
				width        : 100%;
				margin-left  : -200px;
				padding-left : 230px;
				z-index      : 8000;
				-webkit-box-sizing : border-box;
				-moz-box-sizing    : border-box;
				box-sizing         : border-box;
				}
			.layout-contents .layout-contents-left {
				position : relative;
				float    : left;
				width    : 200px;
				z-index  : 8001;
				}
				.global-navigation {
					position      : relative;
					border-top    : 4px #bf0000 solid;
					border-bottom : 4px #bf0000 solid;
					}
					.global-navigation ul {}
						.global-navigation ul li {
							border-bottom : 1px #cccccc solid;
							}
						.global-navigation ul li + li {
							border-top : 1px #ffffff solid;
							}
							.global-navigation ul li > a,
							.global-navigation ul li > p {
								display         : block;
								padding         : 20px 14px;
								color           : #333333;
								font-weight     : bold;
								text-decoration : none;
								background      : #f3ebeb;
								}
							.global-navigation ul li > p {
								color       : #bf0000;
								font-weight : bold;
								}
								.global-navigation ul li > a span {
									display      : inline-block;
									position     : relative;
									padding-left : 20px;
									}
							.global-navigation ul li > dl {
								padding-bottom : 14px;
								background     : #f7f3f3;
								}
								.global-navigation ul li > dl dt {
									padding         : 20px 14px;
									color           : #333333;
									font-weight     : bold;
									text-decoration : none;
									background      : #f3ebeb;
									}
								.global-navigation ul li > dl dd {}
								.global-navigation ul li > dl dt + dd {
									margin-top : 18px;
									}
									.global-navigation ul li > dl dd > a {
										display         : block;
										padding         : 6px 14px;
										color           : #333333;
										font-size       : 87.5%;
										text-decoration : none;
										background      : #f7f3f3;
										}
										.global-navigation ul li > dl dd > a span {
											display      : inline-block;
											position     : relative;
											padding-left : 20px;
											}
									.global-navigation ul li > dl dd > p {
										padding     : 6px 14px 6px 34px;
										color       : #bf0000;
										font-size   : 87.5%;
										font-weight : bold;
										background  : #f7f3f3;
										}
				.layout-contents-left .btn-close {
					display : none;
					}

		.contents .pagetop {
			margin-top    : 44px;
			margin-bottom : 10px;
			font-size     : 87.5%;
			text-align    : right;
			}
/**
 * footer
 */
.global-footer {
	border-top : 1px #333333 solid;
	}
	.global-footer > .innerblock {
		position       : relative;
		max-width      : 950px;
		margin         : 0 auto;
		padding-top    : 10px;
		padding-bottom : 30px;
		}
		.global-footer .notice {
			font-size   : 68.8%;
			line-height : 1;
			text-align  : center;
			}
			.global-footer .notice > strong {
				color       : #ff0101;
				font-weight : normal;
				}
		.global-footer .copyrights {
			display     : block;
			margin-top  : 8px;
			font-size   : 68.8%;
			line-height : 1.2;
			text-align  : center;
			}
			.global-footer .copyrights > br {
				display : none;
				}

/* -----------------------------------------------------------------------------
	 2. contents(>=741px)
----------------------------------------------------------------------------- */
@media screen and (min-width : 741px) {
.layout-contents .layout-contents-left {
	display : block !important;
	height  : auto !important;
	}
.layout-contents .layout-contents-left.hidden {
	display : none !important;
	}
.contents .pagetop a {
	bottom : auto !important;
}
}

/* -----------------------------------------------------------------------------
	 3. contents(<=740px)
----------------------------------------------------------------------------- */
@media screen and (max-width : 740px) {
/**
 * header
 */
.global-header {
	box-shadow : 0 0 5px rgba(0, 0, 0, 0.6);
	}
	.global-header > .innerblock {
		padding-top    : 0;
		padding-bottom : 0;
		}
		.global-header .layout-header {
			height : 60px;
			}
			.layout-header .layout-header-logo {
				width : 56px;
				}
				.layout-header .layout-header-logo > img {
					width  : 46px;
					height : auto;
					}
			.layout-header .layout-header-h1 {
				padding-left : 16px;
				}
				.layout-header-h1 h1 {
					font-size : 100%;
					}
			.layout-header .layout-header-nav {
				width          : 35px;
				vertical-align : middle;
				}
				.layout-header-nav a {
					display : none;
					}
				.layout-header-nav a.btn-menu {
					display         : block;
					width           : 35px;
					height          : 18px;
					font-size       : 0;
					text-indent     : -9999px;
					background      : url(/members/common/images/controls.png) no-repeat -90px -1px;
					background-size : 192px auto;
					overflow        : hidden;
					}
/**
 * contents
 */
.contents {
	margin-top : 0;
	}
	.contents > .innerblock {}
		.contents .layout-contents {}
			.layout-contents .layout-contents-single {
				width      : 100%;
				padding    : 20px 0 0 0;
				background : #ffffff;
				}
			.layout-contents .layout-contents-right {
				float        : none;
				width        : 100%;
				margin-left  : 0;
				padding-top  : 20px;
				padding-left : 0;
				background   : #ffffff;
				}
			.layout-contents .layout-contents-left {
				display       : none;
				float         : none;
				width         : 100%;
				border-bottom : 2px #bf0000 solid;
				overflow      : hidden;
				background    : #f7f3f3;
				z-index       : 7999;
				}
				.global-navigation {
					border-top    : none;
					border-bottom : 2px #bf0000 solid;
					}
					.global-navigation ul {}
						.global-navigation ul li {}
							.global-navigation ul li > a {
								position : relative;
								}
								.global-navigation ul li > a span {
									position     : static;
									padding-left : 0;
									}
									.global-navigation ul li > a span:before {
										position   : absolute !important;
										left       : auto !important;
										right      : 10px !important;
										top        : 50% !important;
										margin-top : -6px !important;
										}
								.global-navigation ul li > dl {
									padding-bottom : 0;
									}
									.global-navigation ul li > dl dt {}
									.global-navigation ul li > dl dd {}
									.global-navigation ul li > dl dt + dd {
										margin-top : 0;
										}
										.global-navigation ul li > dl dd > a {
											position : relative;
											padding  : 15px 90px 15px 14px;
											}
											.global-navigation ul li > dl dd > a span {
												position     : static;
												padding-left : 0;
												}
												.global-navigation ul li > dl dd > a span:before {
													position   : absolute !important;
													left       : auto !important;
													right      : 10px !important;
													top        : 50% !important;
													margin-top : -6px !important;
													}
										.global-navigation ul li > dl dd > p {
											padding : 15px 14px;
											}
				.layout-contents-left .btn-logout {
					display : block;
					width   : 100%;
					height  : 50px;
					margin  : 0;
					}
					.layout-contents-left .btn-logout .btn {
						height        : 50px;
						border-radius : 0;
						}
				.layout-contents-left .btn-close {
					display : block;
					}

		.contents .pagetop {
			height        : 45px;
			margin-top    : 30px;
			margin-bottom : 0;
			padding       : 0 10px;
			}
			.contents .pagetop a {
				display         : inline-block;
				position        : fixed;
				right           : 10px;
				bottom          : 0;
				width           : 45px;
				height          : 45px;
				vertical-align  : top;
				font-size       : 0;
				text-indent     : -9999px;
				overflow        : hidden;
				background      : url(/members/common/images/controls.png) no-repeat -145px -1px;
				background-size : 192px auto;
				z-index         : 9999;
				}
				.contents .pagetop a:before {
					display : none;
					}
			.fixed-pagetop .contents .pagetop a {
				position        : relative;
				right           : auto;
				bottom          : auto;
				}
/**
 * footer
 */
.global-footer {}
	.global-footer > .innerblock {}
		.global-footer .copyrights {}
			.global-footer .copyrights > br {
				display : block;
				}
}