@charset "utf-8";
@import url("reset.css");
@import url("class.css");

/*
------------------------------------------------------------------------------------------------------

common

------------------------------------------------------------------------------------------------------
*/
a {
	text-decoration: none;
	color: #0068b7;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	/*text-decoration: underline;*/
	text-decoration: none;
}

a:active {}

#wrapper {
	font-size: 1.4em;
	line-height: 1.5;
}

.globalMenuTop nav {
	width: 85%;
	margin: 0 auto 0 auto;
	max-width: 1400px;
}

.globalSubMenu nav {
	width: 85%;
	margin: 0 auto 0 auto;
	max-width: 1400px;
}

#globalFooterBottom {
	width: 85%;
	margin: 0 auto 0 auto;
	max-width: 1400px;
}

body {
	background-color: #f2f2f2;
}

/*
------------------------------------------------------------------------------------------------------

header

------------------------------------------------------------------------------------------------------
*/
#globalHeader {
	width: 100%;
	padding: 0;
	z-index: 100;
}

#globalHeader h1 {
	width: 180px;
	float: left;
	margin: 0 30px 0 0;
	padding: 16px 0 5px 0;
}

#globalHeader h1 img {
	width: 180px;
}

#globalHeader ul {
	float: left;
}

#globalHeader li {
	float: left;
}

#globalHeader a:hover {
	text-decoration: none;
}

#globalHeader p {
	float: left;
}

.globalMenuTop {
	background-color: #0068b7;
	width: 100%;
	float: left;
	clear: both;
}

/*---MenuBottom----------*/
.globalSubMenu {
	background-color: #f1f1f1;
	width: 100%;
	height: 40px;
	float: left;
	clear: both;
}

.globalSubMenu a {
	font-weight: bold;
	padding: 9px 20px 10px 20px;
	color: #0068b7;
	float: left;
}

/*---globalSubMenu----------*/


.globalSubMenu .signupBtn a {
	height: 27px;
	font-size: .8em;
	padding: 13px 10px 0 10px;
	float: right;
	color: #fff;
	background-color: #e9973f;
}

.globalSubMenu .loginBtn a {
	height: 27px;
	font-size: .8em;
	padding: 13px 10px 0 10px;
	float: right;
	color: #fff;
	background-color: #0068b7;
}

/*
------------------------------------------------------------------------------------------------------

contentsArea

------------------------------------------------------------------------------------------------------
*/
/*---contentsArea-WIDTH----------*/
#contentsArea img {
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}

#contentsArea {
	padding: 95px 10px 0 10px;
	margin: 0 auto 0 auto;
}

#contents {
	width: 100%;
	margin-right: -331px;
	float: left;
	max-width: 1400px;
}

#contents article a {
	text-decoration: none;
	color: #444444;
}

#contents article a:hover {
	/*text-decoration: underline;*/
	text-decoration: none;
	color: #000000;
}

#contents img {
	-moz-box-shadow: 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 20px #dfdfdf;
}

#contents a:hover img {
	-moz-box-shadow: 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 20px #cccccc;
}

#loginBlock {
	width: 100%;
	text-align: center;
	margin: 50px auto 30px auto;
}

#loginBlock h1 {
	font-size: 2.2em;
	color: #0068b7;
}

#loginBlock h2 {
	font-size: 1.2em;
	margin: 10px 0 10px;
}

#loginBox {
	width: 420px;
	padding: 50px;
	margin: 30px auto 30px auto;
	background-color: #fff;
}

#loginBox dl {}

#loginBox dt {
	margin: 0 0 15px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #0068b7;
	text-align: center;
}

#loginBox dt img {
	width: 125px;
}

#loginBox dd.loginInput {
	width: 270px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#loginBox dd span {
	font-size: .9em;
}

#loginBox dd.signupNew {
	margin: 15px 0 0 0;
}

#loginBox p img {
	margin: 0 10px 0 0;
}

.inputId {
	font-size: 1em;
	width: 250px;
	padding: 15px 10px 15px 10px;
	margin: 0 0 5px 0;
	border: #ccc solid 1px;
	-moz-box-shadow: 0px 0px 0px #000 inset;
	-webkit-box-shadow: 0px 0px 0px #000 inset;
	box-shadow: 0px 0px 5px #cccccc inset;
}

.memberlogin {
	font-size: 1em;
	width: 270px;
	height: 45px;
	border-style: none;
	color: #fff;
	padding: 15px 25px 15px 25px;
	background-color: #0068b7;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	cursor: pointer;
	margin: 40px 0 20px 0;
}


#newmember {
	width: 100%;
	text-align: center;
	padding: 40px 0 15px 0;
}

#newmember h2 {
	font-size: 1.2em;
}

#memberpoint {
	width: 80%;
	/*height: 300px;*/
	margin: 30px 10% 30px 10%;
	padding: 30px 0 30px 0;
	background-color: #e8eff6;
}

.signupBox {
	text-align: left;
	width: 320px;
	margin: 20px auto 20px auto;
}

.signupBox p a {
	font-size: .9em;
	width: 160px;
	float: left;
	border-style: none;
	text-align: center;
	padding: 13px 0 13px 0;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}

p.newMemberBtn a {
	background-color: #ff4444;
}

p.newSubscriptionBtn a {
	background-color: #e9973f;
}

p.newMemberBtn a,
p.newSubscriptionBtn a {
	color: #fff;
}

.tipped {
	color: #BBB;
}

ul.errList {
	text-align: left;
	width: 450px;
	margin: 20px auto 20px auto;
}

ul.errList li {
	padding: 0 0 5px 15px;
	background-image: url("/images/list_icon01.png");
	background-repeat: no-repeat;
	background-position: left 8px;
}

.g_id_signin {
	width: 270px;
	margin: auto;
}

/*
------------------------------------------------------------------------------------------------------

Tablet

------------------------------------------------------------------------------------------------------
*/
@media screen and (max-device-width: 1024px) {

	#loginBox input {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
	}

	#loginBlock .checkStay {
		-webkit-appearance: none;
		padding: 5px;
		-moz-appearance: checkbox;
		-webkit-appearance: checkbox;
	}
}


@media screen and (max-width: 699px) {
	.globalSubMenu nav {
		width: 100%;
		margin: 0 auto 0 auto;
	}

	#globalHeader h1 {
		width: 100%;
		text-align: center;
		height: 29px;
		margin: 0 auto 0 auto;
		padding: 16px 0 5px 0;
	}

	#globalHeader h1 img {
		width: 180px;
	}

	#wrapper {
		font-size: 1.2em;
	}

	#loginBlock {
		width: 100%;
		text-align: center;
		margin: 0px auto 30px auto;
	}

	#loginBlock .checkStay {
		-webkit-appearance: none;
		padding: 5px;
		-moz-appearance: checkbox;
		-webkit-appearance: checkbox;
	}

	#loginBox {
		width: 90%;
		padding: 20px 5% 20px 5%;
		margin: 15px auto 15px auto;
		background-color: #fff;
	}

	#loginBox dd.loginInput {
		width: 100%;
		margin: 0 auto 0 auto;
		text-align: left;
	}

	input[type="button"],
	input[type="submit"] {
		-webkit-appearance: none;
	}

	.inputId {
		width: 80%;
		padding: 15px 5% 15px 5%;
		margin: 0 5% 5px 5%;
		border: none;
		-moz-box-shadow: 0px 0px 0px #000 inset;
		-webkit-box-shadow: 0px 0px 0px #000 inset;
		box-shadow: 0px 0px 5px #cccccc inset;
	}

	input.memberlogin {
		font-size: 1em;
		width: 90%;
		height: 45px;
		border-style: none;
		color: #fff;
		padding: 15px 25px 15px 25px;
		background-color: #0068b7;
		border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		cursor: pointer;
		margin: 40px 0 20px 0;
	}

	#loginBlock h1 {
		font-size: 1.6em;
	}

	.signupBox {
		text-align: left;
		width: 240px;
		margin: 20px auto 20px auto;
	}

	.signupBox p a {
		font-size: .9em;
		width: 120px;
		float: left;
		border-style: none;
		text-align: center;
		padding: 13px 0 13px 0;
		border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
	}

	#newmember {
		width: 100%;
		text-align: center;
		padding: 0 0 15px 0;
	}

	ul.errList {
		text-align: left;
		width: 95%;
		margin: 20px auto 20px auto;
	}

	ul.errList li {
		padding: 0 0 5px 15px;
		background-image: url("/images/list_icon01.png");
		background-repeat: no-repeat;
		background-position: left 8px;
	}

	.g_id_signin {
		width: 90%;
	}
}

p.err {
	font-size: 1.2em;
	color: #ff4444;
}