@charset "UTF-8";
/* CSS Document */

body {
  -webkit-text-size-adjust: 100%;
  background:#ebeef0;
}

body, input, textarea, button, legend {
	font-family:"メイリオ", Meiryo, Geneva, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
	text-indent:-9999em;
}

h2 {
	font-weight:normal;
	font-size:1.5em;
	color:#fff;
	border-bottom:1px solid #fff;
	text-align:center;
}

@media only screen and (min-width: 769px) {

h2 {
	text-align:left;
}

}

/*--------- id -----------*/


#wrapper {
	width:100%;
	min-height:100%;
	background: #d5dce0 url(../images/redsquare_nitto_logo_10x50_bg.png) 0 0 repeat-x; /*background:#d5dce0 url(../images/header_bg.jpg) 0 0 repeat-x;*/
	font-size:1.4em;
	line-height:1.6;
	color:#333;
}

@media only screen and (min-width: 769px) {

#wrapper {
	max-width:800px;
	margin:0 auto;
}

}

#header {
	width:100%;
	height:50px;
	background: url(../images/redsquare_nitto_logo_530x100.png) top right no-repeat;
	background: url(../images/redsquare_nitto_logo_265x50.png) top right no-repeat\9;/* ie8 hack */
	background-size:265px 50px;
	margin-bottom:3px;
}

@media only screen and (min-width: 769px) {

#header {
	background-position:top right;
}	

}

#contents {
	max-width:800px;
	background:#d5dce0;
	margin:0 auto;
	padding-bottom:1em;
}

#footer {
	width:100%;
	margin-bottom:1.5em;
	/*padding-top:0.5em;*/
	background:#ebeef0 url(../images/footer-logo_bg.png) 0 0 repeat-x;
	/*border-top:1px solid #abbac4;*/
}

@media only screen and (min-width: 769px) {

#footer {
	margin-bottom:0.5em;
}

}

#new-regi {
	background:#5daf1b;/* ie9 */
	background:-moz-linear-gradient(top, #9ec35e, #5daf1b);
	background:-webkit-gradient(linear, left top, left bottom, from(#9ec35e), to(#5daf1b));
	background:-o-linear-gradient(top, #9ec35e, #5daf1b);
	background:linear-gradient(to bottom, #9ec35e, #5daf1b);
	text-shadow:#60743d 0 -1px 1px; /* CSS3 */
}

#member-login {
	background:#ce7f2b;/* ie9 */
	background:-moz-linear-gradient(top, #eca050, #ce7f2b);
	background:-webkit-gradient(linear, left top, left bottom, from(#eca050), to(#ce7f2b));
	background:-o-linear-gradient(top, #eca050, #ce7f2b);
	background:linear-gradient(to bottom, #eca050, #ce7f2b);
	text-shadow:#a16526 0 -1px 1px; /* CSS3 */
}

#question {
	background:#4c78dd;/* ie9 */
	background:-moz-linear-gradient(top, #81a2ee, #4c78dd);
	background:-webkit-gradient(linear, left top, left bottom, from(#81a2ee), to(#4c78dd));
	background:-o-linear-gradient(top, #81a2ee, #4c78dd);
	background:linear-gradient(to bottom, #81a2ee, #4c78dd);
	text-shadow:#4566b2 0 -1px 1px; /* CSS3 */
}
/*-------- class --------*/
.block-0 { 
	width:85%;
	margin:0 auto;
	padding:0.75em 1em;
	background:#0081e5; /*background:#ec3300;*/
	box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	-webkit-box-shadow: 0 1px 2px #bbb;
	/* border-bottom-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px; */
	border-radius:4px;
}

.block-1 { 
	width:85%;
	margin:0.5em auto;
	padding:1em;
	background:#fff;
	box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	-webkit-box-shadow: 0 1px 2px #bbb;
	border-radius:4px; /* CSS3 */
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
}

.block-2 {
	width:85%;
	margin:0.5em auto 0;
	padding:0.5em 1em;
	background:#f5f5f5;
	box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	-webkit-box-shadow: 0 1px 2px #bbb;
	border-top-right-radius:4px; /* CSS3 */
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-left-radius:4px; /* CSS3 */
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	clear:both;
}

.block-3 {
	width:85%;
	margin:0 auto 0.5em;
	padding:0.5em 1em;
	background:#fff;
	box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	-webkit-box-shadow: 0 1px 2px #bbb;
	border-bottom-right-radius:4px; /* CSS3 */
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-left-radius:4px; /* CSS3 */
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	clear:both;
}

@media only screen and (min-width: 769px) {

.block-0,.block-1,.block-2,.block-3 {
	width:93.5%;
}

}

.block-input {
	background:#fce0d8;
}

.block-login {
	width:240px;
	margin-bottom:10px;
	background:#afcee3;
	background:-moz-linear-gradient(top, #afcee3, #f5f5f5);
	background:-webkit-gradient(linear, left top, left bottom, from(#afcee3), to(#f5f5f5));
	background:-o-linear-gradient(top, #afcee3, #f5f5f5);
	background:linear-gradient(to bottom, #afcee3, #f5f5f5);
}

@media only screen and (min-width: 769px) {

.block-login_wide {
	width:480px;
}

}


.block-otoiawase {
	background:#afcee3;
	background:-moz-linear-gradient(top, #afcee3, #f5f5f5);
	background:-webkit-gradient(linear, left top, left bottom, from(#afcee3), to(#f5f5f5));
	background:-o-linear-gradient(top, #afcee3, #f5f5f5);
	background:linear-gradient(to bottom, #afcee3, #f5f5f5);
}

.block-otoiawase dl {
	border:1px solid #5095e2;
	border-radius:4px; /* CSS3 */
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
	margin-bottom:5px;
	background:#fff;
	font-weight:bold;
}

.block-otoiawase dl dt{
	float:left;
	clear:both;
	background:#5095e2;
	width:70px;
	padding:0.25em 0.5em;
	margin-right:0.5em;
	color:#fff;
}

.block-otoiawase dl dd {
	padding:0.25em 0.5em;
	
}		

a.button-1 {
	color:#fff;
	font-size:1.1em;
	width:220px;
	padding:0.5em;
	display:block;
	text-align:center;
	margin:0 auto; 
	box-shadow: 0 1px 3px #666;
	-moz-box-shadow: 0 1px 3px #666;
	-webkit-box-shadow: 0 1px 3px #666;
	font-weight:bold;
	/*Transition*/
	/*
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	*/
}

a.button-1:active, a.button-1:hover {
	text-decoration:none;
}

a.button-1:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

a.button-1 img {
	margin-right:0.7em;
	vertical-align:text-top;
}


a.button-2 {
	margin-right:0.5em;
	width:110px;
}

a.button-3 {
	margin-right:0.5em;
	width:150px;
	padding:0.25em 0.5em;
}

a.button-4 {
	margin-right:0.5em;
	width:70px;
	padding:0.25em 0.5em;
}

@media only screen and (min-width: 769px) {

a.button-2 {
	width:220px;
}

}


a.next {
	background:#738490;/* ie9 */
	background:-moz-linear-gradient(top, #abbac4, #738490);
	background:-webkit-gradient(linear, left top, left bottom, from(#abbac4), to(#738490));
	background:-o-linear-gradient(top, #abbac4, #738490);
	background:linear-gradient(to bottom, #abbac4, #738490);
	text-shadow:#738490 0 -1px 1px; /* CSS3 */
}

a.padd {
	background:#f05440;/* ie9 */
	background:-moz-linear-gradient(top, #fcb4aa, #f05440);
	background:-webkit-gradient(linear, left top, left bottom, from(#fcb4aa), to(#f05440));
	background:-o-linear-gradient(top, #fcb4aa, #f05440);
	background:linear-gradient(to bottom, #fcb4aa, #f05440);
	text-shadow:#f05440 0 -1px 1px; /* CSS3 */
}
a.dl {
	background:#5440f0;/* ie9 */
	background:-moz-linear-gradient(top, #b4aafc, #5440f0);
	background:-webkit-gradient(linear, left top, left bottom, from(#b4aafc), to(#5440f0));
	background:-o-linear-gradient(top, #b4aafc, #f05440);
	background:linear-gradient(to bottom, #b4aafc, #5440f0);
	text-shadow:#5440f0 0 -1px 1px; /* CSS3 */
}

a.back {
	background:#fff;
	border:1px solid #738490;
	color:#738490;
}

a.toppage {
	background:#777;/* ie9 */
	background:-moz-linear-gradient(top, #999, #666);
	background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
	background:-o-linear-gradient(top, #999, #666);
	background:linear-gradient(to bottom, #999, #666);
	text-shadow:#666 0 -1px 1px; /* CSS3 */
}

a.button-logout {
	background:#8b8d8e;/* ie9 */
	background:-moz-linear-gradient(top, #bfc2c4, #8b8d8e);
	background:-webkit-gradient(linear, left top, left bottom, from(#bfc2c4), to(#8b8d8e));
	background:-o-linear-gradient(top, #bfc2c4, #8b8d8e);
	background:linear-gradient(to bottom, #bfc2c4, #8b8d8e);
	text-shadow:#8b8d8e 0 -1px 1px; /* CSS3 */
}

.btn-center {
    margin:0.5em auto;
    display:inline-block;
    /display:inline; /* IE6-7 */
    /zoom: 1;/* IE6-7 */
}

/* -------- h -------- */

.category-head01 {
	font-size:1.2em;
	font-weight:bold;
	color:#7e95a5;
}


/* ------ navigation ------ */
.guide-nav {
	padding: 0.5em 1em;
	color:#6e7f8a;
	font-weight:bold;
}	

.guide-nav ul li{
	float:left;
	font-size:0.85em;
}	 

.current-guide-nav {
	border-bottom:1px solid #6e7f8a;
}

.notyet-guide-nav {
	color:#999;
	font-weight:normal;
}

.guide-nav-txt {
	text-indent:-9999em;
	display:inline-block;
	width:0;
}

@media only screen and (min-width: 600px) {

.guide-nav-txt {
	text-indent:0;
	display:inline;
	width:auto;
}

}

/* ----- 規約 -----*/
#riyoukiyaku {
	margin:1em 0;
	font-size:0.85em;
	overflow-y:scroll;
	height:15em;
	border:1px solid #7e95a5;
	padding:1em 2em;
	border-radius:4px; /* CSS3 */
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
}

@media only screen and (min-width: 600px) {

#riyoukiyaku {
	height:300px;
}

}

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

 #footer
 
 --------------------------*/
 #footer-logo {
 	text-indent:-9999em;
	height:40px;
	background: url(../images/footer-logo.png) top center no-repeat;
	background: url(../images/footer-logo_small.png) top center no-repeat\9;/* ie8 hack */
	background-size:256px 40px;
}
 
.footer-list {
	text-align:center;
}

ul.footer-list li {
	display:inline-block;
	margin-right:1em;
	margin-left:1em;
}

ul.footer-list ul li a {
	display:block;
}

p.copyright {
	color:#717d85;
	text-align:center;
	font-size:0.7em;
}