@charset "utf-8";

*{
	padding:0;
	margin:0;
}

html,body{
	width:100%;
	height:100%;
	font-size:16px;
	line-height:22px;
}

img{
	vertical-align:top;
}

/* ----- header ----- */
header{
	width:100%;
	height:42px;
	background-color:#cc0000;
	position:relative;
	text-align:center;
	padding:16px 0 0 0;
}

header #logo{
	width:127px;
	height:26px;
}

section#title{
	box-sizing:border-box;
	padding:10px;
	height:46px;
}

section#title #pageTitle{
	width:100%;
	float:left;
}

section#title h1{
	box-sizing:border-box;
	color:white;
	font-size:20px;
	padding:0 5px;
	line-height:40px;
	height:40px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e06363), color-stop(0.52, #ce0808), color-stop(0.50, #e26b6b), color-stop(0.00, #eb9999));
	background: -webkit-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: linear-gradient(to bottom, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: -o-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: -moz-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eb9999', endColorstr='#ce0808')";
	background-color: #ce0808;
}

section#title #welcometown{
	width:100px;
	height:26px;
/*	float:right;*/
	margin:7px 0 0 0;
}



/* ----- contents ----- */

p{
	padding:10px;
}

p.stronger{
	font-weight:bold;
	color:#cc0000;
}

section#step{
	margin:10px;
	text-align:center;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	background:red;
	position:relative;
	overflow:hidden;
	height:40px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #575757), color-stop(0.55, #6e6e6e), color-stop(0.50, #919191), color-stop(0.00, #d9d9d9));
	background: -webkit-linear-gradient(top, #d9d9d9 0%, #919191 50%, #6e6e6e 55%, #575757 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d9d9d9', endColorstr='#919191')";
	background: linear-gradient(to bottom, #d9d9d9 0%, #919191 50%, #6e6e6e 55%, #575757 100%);
	background: -o-linear-gradient(top, #d9d9d9 0%, #919191 50%, #6e6e6e 55%, #575757 100%);
	background: -moz-linear-gradient(top, #d9d9d9 0%, #919191 50%, #6e6e6e 55%, #575757 100%);
	background-color: #6e6e6e;
}

section#step #nagare{
	font-size:16px;
	font-weight:bold;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	color:white;
	position:relative;
	margin:0 30px 0 0;
	height:20px;
	padding:10px;
}

section#step #nagare p{
	padding:0 5px 0 35px;
	width:auto;
	text-align:center;
}

section#step #nagare:after{
	content:" ";
	display:block;
	width:0;
	height:0;
	border-top:50px solid white;
	border-bottom:50px solid white;
	border-left:30px solid transparent;
	position:absolute;
	top:50%;
	margin-top:-50px;
	right:-30px;
	z-index:1;
}

section#step #nagare span{
	color:#fff;
	display:block;
	position:absolute;
	text-shadow:none;
}

section#step #nagare span.nagare{
	font-size:10px;
	top:2px;
	left:2px;
	padding:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	background:#fff;
	color:#cc0000;
	line-height:14px;
	height:28px;
	-webkit-box-shadow:inset 1px 1px 1px #666;
	-moz-box-shadow:inset 1px 1px 1px #666;
	-o-box-shadow:inset 1px 1px 1px #666;
	box-shadow:inset 1px 1px 1px #666;
	font-weight:normal;
}

section#step #nagare span.pageCont{
	font-size:14px;
	height:24px;
	line-height:24px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
	top:8px;
	right:-20px;
	padding:0 5px;
	color:#333;
	-webkit-box-shadow: 2px 2px 1px #666;
	-moz-box-shadow: 2px 2px 1px #666;
	-o-box-shadow: 2px 2px 1px #666;
	box-shadow: 2px 2px 1px #666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #c7c7c7 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #c7c7c7 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #c7c7c7 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #c7c7c7 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c7c7c7')";
	background-color: #c7c7c7;
}

section#mainContents{
	margin:10px;
}

section#mainContents h2{
	border-left:solid 1px #cc0000;
	border-top:solid 1px #cc0000;
	border-right:solid 1px #cc0000;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background-color:#cc0000;
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding:0 10px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

section#mainContents .contentsWrap{
	border-left:solid 1px #cc0000;
	border-bottom:solid 1px #cc0000;
	border-right:solid 1px #cc0000;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	padding:10px 10px 0 10px;
}

section#mainContents form{
	font-size:14px;
	line-height:20px;
	padding:10px;
}

section#mainContents .attention{
	border:solid 1px #cc0000;
	margin:10px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.34, #ffedad));
	background: -webkit-linear-gradient(top, #ffffff 34%, #ffedad 100%);
	background: linear-gradient(to bottom, #ffffff 34%, #ffedad 100%);
	background: -o-linear-gradient(top, #ffffff 34%, #ffedad 100%);
	background: -moz-linear-gradient(top, #ffffff 34%, #ffedad 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffedad')";
	background-color: #ffedad;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}


/* ----- form ----- */

form ul.formLsit{
	list-style:none;
}

form ul.formLsit li{
	background:white;
	padding:5px 10px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-bottom:dotted 1px #ccc;
}

form ul.formLsit li.noborder{
	border-bottom: none;
}

form ul.formLsit li:first-child{
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

form ul.formLsit li:last-child{
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border:none;
}

input.checkbox{
	margin:0 10px 0 0;
}

form dl{
	margin-bottom:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#f5cbcc;
}

form dl dt{
	font-size:14px;
	padding:5px 5px 2px 7px;
}

form dl dt span{
	font-size:12px;
	line-height:16px;
	color:red;
}

form dl dt span.req{
	color:#fff;
	font-size:70%;
	background:red;
	padding:3px 5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

form dl dd{
	padding:2px 5px 5px 5px;
}

form dl dd ul{
	list-style:none;
	border:solid 2px #999;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

form dl dd ul li{
	background:#fff;
	padding:2px 3px;
	border-bottom:dotted 1px #999;
}

form dl dd ul li.grayLi{
	background:#ddd;
}

input.textField{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	padding:5px;
	height:30px;
	fotn-size:16px;
	line-height:30px;
	border:solid 1px #fff;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	box-shadow:inset none;
}

input.grayField{
	border-color:#ddd;
	background-color:#ddd;
}

input.shortText{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width:25%;
	padding:5px;
	height:30px;
	fotn-size:16px;
	line-height:30px;
	border:solid 2px #999;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	box-shadow:inset none;
}

input.middleText{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width:35%;
	padding:5px;
	height:30px;
	fotn-size:16px;
	line-height:30px;
	border:solid 2px #999;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	box-shadow:inset none;
}

input.longText{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width:75%;
	padding:5px;
	height:30px;
	fotn-size:16px;
	line-height:30px;
	border:solid 2px #999;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	box-shadow:inset none;
}

input.textFocus{
	background:#dfdfdf;
}

form dl dd ul li:first-child{
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

form dl dd ul li:last-child{
	border-bottom:none;
	border-bottom-radius:5px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.tipped{
	color:#ccc;
	font-size:12px;
}

.grayLi .tipped{
	color:#333;
}

section#prArea_sp{
	padding:10px;
	text-align:center;
}

section#footBtn{
	padding:10px;
}

section#footBtn p{
	font-size:12px;
	line-height:16px;
	color:#cc0000;
	text-align:center;
	padding:0;
}

section#headBtn {
	padding: 0 10px;
}

section#headBtn p {
	margin-top: 10px;
	font-size:12px;
	color:#cc0000;
	padding:0;
}

section#footBtn a{
	display:block;
	line-height:20px;
	height:20px;
	font-size:16px;
	text-align:center;
	margin:10px;
	padding:5px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e06363), color-stop(0.52, #ce0808), color-stop(0.50, #e26b6b), color-stop(0.00, #eb9999));
	background: -webkit-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: linear-gradient(to bottom, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: -o-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: -moz-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eb9999', endColorstr='#ce0808')";
	background-color: #ce0808;
}

form .formBtn{
	padding:6px 0;
	font-size:16px;
	color:white;
	font-weight:bold;
	width:100%;
	border:none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e06363), color-stop(0.52, #ce0808), color-stop(0.50, #e26b6b), color-stop(0.00, #eb9999));
	background: -webkit-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: linear-gradient(to bottom, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: -o-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	background: -moz-linear-gradient(top, #eb9999 0%, #e26b6b 50%, #ce0808 52%, #e06363 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eb9999', endColorstr='#ce0808')";
	background-color: #ce0808;
}

form .searchBtn{
	padding:6px 10px;
	font-size:14px;
	font-weight:bold;
	border:solid 2px #999;
	border-radius:10px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	background:#ccc;
}

form .confirmBtn{
	padding:6px 10px;
	font-size:14px;
	font-weight:bold;
	border:solid 2px #999;
	border-radius:10px;
	color:white;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	background:#f30;
}

form .selecter{
	width:60%;
	border:solid 2px #999;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	padding:5px 10px;
	background:white;
	font-size:14px;
	line-height:20px;
}

section#footBtn a span{
	font-size:12px;
}


/* ----- Address form ----- */

#addressWrapper{
}

#oldForm{
}

#newForm{
}


.oldTab,.newTab{
	position:relative;
	height:35px;
	margin:5px 0 0 0;
}

p.oldTabText,
p.newTabText{
	width:120px;
	line-height:20px;
	font-size:14px;
	padding:5px 0 0 0;
	margin:0;
	font-weight:bold;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing: border-box;
	border-left:solid 2px #cc0000;
	border-top:solid 2px #cc0000;
	border-right:solid 2px #cc0000;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	position:absolute;
	z-index:3;
	height:31px;
	top:0;
}

p.oldTabText{
	color:#333;
	background-color:#ddd;
	left:5px;
}

p.newTabText{
	color:#333;
	background-color:#fffcc7;
	left:128px;
}

.oldTab .tabBorder,
.newTab .tabBorder{
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-left:solid 1px #cc0000;
	border-top:solid 1px #cc0000;
	border-right:solid 1px #cc0000;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-o-border-radius-topleft:3px;
	-o-border-radius-topright:3px;
	border-radius-topleft:3px;
	border-radius-topright:3px;
	position:absolute;
	left:0;
	bottom:0;
	height:5px;
	width:100%;
	z-index:2;
}

.oldTab .tabBorder{
	background-color:#ddd;
}

.newTab .tabBorder{
	background-color:#fffcc7;
}

#oldForm{
	background:#ddd;
}

#newForm{
	background:#fffcc7;
}

p.liTitle{
	font-size:12px;
	border:solid 2px #999;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0a75ff), color-stop(0.00, #61ccff));
	background: -webkit-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: linear-gradient(to bottom, #61ccff 0%, #0a75ff 100%);
	background: -o-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: -moz-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61ccff', endColorstr='#0a75ff')";
	background-color: #0a75ff;
	-webkit-box-shadow:1px 1px 1px #bbb;
	-moz-box-shadow:1px 1px 1px #bbb;
	-o-box-shadow:1px 1px 1px #bbb;
	padding:5px;
	width:150px;
	height:20px;
	line-height:20px;
	margin:5px 0;
	text-align:center;
	color:white;
	text-shadow:1px 1px 1px #999;
	font-weight:bold;
}


/* flip radio 2 select */

dd#flipRadio:after{
	content:'';
	display:block;
	clear: both;
}

dd#flipRadio p.flipper{
	float:left;
	position:relative;
	width:50%;
	margin:0;
	padding:0;
}

dd#flipRadio p.flipper label{
	display: block;
	padding: 10px 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #a3a3a3));
	background: -webkit-linear-gradient(top, #a3a3a3 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #a3a3a3 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #a3a3a3 0%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #a3a3a3 0%, #e6e6e6 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a3a3a3', endColorstr='#e6e6e6')";
	background: (to bottom, #a3a3a3 0%, #e6e6e6 100%);
	background-color: #a3a3a3;
	border: 2px solid #999;
	border-radius:10px 0 0 10px;
	-webkit-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-o-box-shadow: 0 0 5px #aaa;
	color: #333;
	font-weight: bold;
	text-shadow: 0 1px #999;
	text-align: center;
	color:#333;
}

dd#flipRadio p.rightFlip label{
	border-radius:0 10px 10px 0;
	border-left:none;
}

dd#flipRadio input[type="radio"]:checked + label{
	color: #fff;
	text-shadow:1px 1px 1px #333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0a75ff), color-stop(0.00, #61ccff));
	background: -webkit-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: -o-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: -moz-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: linear-gradient(to bottom, #61ccff 0%, #0a75ff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61ccff', endColorstr='#0a75ff')";
	background-color: #0a75ff;
}

dd#flipRadio input[type="radio"] {
	opacity : 0;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	padding: 0;
}

/*--- flip radio 2 select end -- */


/* flip radio 4 select */

dd#flip4:after{
	content:'';
	display:block;
	clear: both;
}

dd#flip4 p.flipper4{
	float:left;
	position:relative;
	width:25%;
	margin:0;
	padding:0;
}

dd#flip4 p.flipper4 label{
	display: block;
	padding: 10px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #a3a3a3));
	background: -webkit-linear-gradient(top, #a3a3a3 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #a3a3a3 0%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #a3a3a3 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #a3a3a3 0%, #e6e6e6 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a3a3a3', endColorstr='#e6e6e6')";
	background-color: #a3a3a3;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
	-webkit-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-o-box-shadow: 0 0 5px #aaa;
	color: #333;
	font-weight: bold;
	text-shadow: 0 1px #999;
	text-align: center;
	color:#333;
	font-size:12px;
}

dd#flip4 p.leftFlip label{
	border-radius:10px 0 0 10px;
}

dd#flip4 p.rightFlip label{
	border-radius:0 10px 10px 0;
	border-right: 2px solid #999;
}

dd#flip4 input[type="radio"]:checked + label{
	text-shadow:1px 1px 1px #333;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0a75ff), color-stop(0.00, #61ccff));
	background: -webkit-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: -o-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: -moz-linear-gradient(top, #61ccff 0%, #0a75ff 100%);
	background: linear-gradient(to bottom, #61ccff 0%, #0a75ff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61ccff', endColorstr='#0a75ff')";
	background-color: #0a75ff;

}

dd#flip4 input[type="radio"]{
	opacity:0;
	position:absolute;
	top:-3px;
	left:0;
	width:100%;
	height:100%;
	padding: 0;
}

/*--- flip radio 4 select end -- */

form .yearSelect{
	width:40%;
	border:solid 2px #999;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	padding:5px 10px;
	background:white;
	font-size:14px;
	line-height:20px;
}

form .monthSelect{
	width:30%;
	border:solid 2px #999;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	padding:5px 10px;
	background:white;
	margin:10px 0 0 0;
	font-size:14px;
	line-height:20px;
}


/* ----- footer ----- */

footer{
	width:100%;
	height:41px;
	background-color:#cc0000;
	text-align:center;
	padding:22px 0 0 0;
}

footer #footCopy{
	width:123px;
	height:19px;
}


div.error {
	margin: 0 auto;
	padding: 10px 20px;
	background-color: #FFFFFF;
}

div.error ul{
	list-style-type: disc;
}

div.error li{
	font-size: 120%;
	font-weight: bold;
	color: #CC0000;
	margin: 5px 10px;
}

div.error li p{
	text-indent: -1em;
    margin-left: 5px;
    padding-bottom: 0;
}

div.error li p:before{
	content: '';
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #CC0000;
}

li.situationDescription{
	font-size:12px;
	line-height:18px;
}

.entryContent{
	margin-bottom:15px;
}

ul.toplist{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	list-style:none;
	padding:5px;
}

ul.toplist li{
	border-radius:5px;
	background:#fcb7b7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:5px;
	margin:0 0 10px 0;
	font-size:14px;
	line-height:20px;
}

ul.toplist li span{
	font-size:12px;
}

ul.toplist li.nagare:after{
  content: "▼";
	color:#c00;
	display:block;
	width:100%;
	text-align:center;
	margin:0 0 -20px 0;
}

ul.heed{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	list-style:none;
	font-size:12px;
	line-height:18px;
	padding:5px 5px 10px 5px;;
}

ul.heed li:before{
  content: "※";
	color:#c00;
	font-weight:bold;
}

.btnWrap{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	text-align:center;
	padding:0 0 15px 0;
}

.btnWrap a,
.btnWrap img{
	width:100%;
	max-width:300px;
}
.topTxtBtn{
	display:block;
	line-height:20px;
	height:20px;
	font-size:16px;
	text-align:center;
	margin:10px;
	padding:5px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #878787), color-stop(0.00, #d6d6d6));
	background: -webkit-linear-gradient(top,  #d6d6d6 0%, #878787 100%);
	background: linear-gradient(to bottom, #d6d6d6 0%, #878787 100%);
	background: -o-linear-gradient(top,  #d6d6d6 0%, #878787 100%);
	background: -moz-linear-gradient(top,  #d6d6d6 0%, #878787 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d6d6d6', endColorstr='#878787')";
	background-color: #878787;
}


p.topP{
	font-size:12px;
	line-height:18x;
}

ul.footerBtn{
	list-style:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	width:100%;
	border-radius:5px;
	border:solid 1px #c00;
}

ul.footerBtn li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	width:100%;
}

ul.footerBtn li a{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:dotted 1px #c00;
	width:100%;
	display:block;
	text-align:center;
	padding:5px 0;
	text-decoration:none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff4d4d), color-stop(0.00, #ffcccc));
	background: -webkit-linear-gradient(top, #ffcccc 0%, #ff4d4d 100%);
	background: linear-gradient(top, #ffcccc 0%, #ff4d4d 100%);
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px #fff;
}

ul.footerBtn li:first-child a{
	border-radius:5px 5px 0 0;
}

ul.footerBtn li:last-child a{
	border-bottom:none;
	border-radius:0 0 5px 5px;
}

/* 左右に10pxのmarginを設定 */
div.index-lr10 {
	margin-left: 10px;
	margin-right: 10px;
}

.readRequiredContents{
 height: 200px;
 overflow: auto;
}