@charset "UTF-8";

/* season_spring
#titlebox h1 {
	border: 1px solid #EF94BE;
}

#titlebox h2 {
margin: 0 auto;
	width: 310px;
	height: 34px;
	background: url(../img/search.gif) no-repeat;
	text-indent: -9999px;
}

.search {
	border-left: 2px solid #EF94BE;
	border-right: 2px solid #EF94BE;
	border-bottom: 2px solid #EF94BE;
}

input {
background: -moz-linear-gradient(bottom, #DB04BF, #FFB6D9);
background: -webkit-gradient(linear, center bottom, center top, from(#DB04BF), to(#FFB6D9));
}


 */

season_summer-winter
#titlebox h1 {
	border: 1px solid #89C5EE;
}

#titlebox h2 {
margin: 0 auto;
	width: 310px;
	height: 34px;
	background: url(../img/search_su.gif) no-repeat;
	text-indent: -9999px;
}

.search {
	border-left: 2px solid #89C5EE;
	border-right: 2px solid #89C5EE;
	border-bottom: 2px solid #89C5EE;
}

input {
background: -moz-linear-gradient(bottom, #389EEC, #8FC6EF);
background: -webkit-gradient(linear, center bottom, center top, from(#389EEC), to(#8FC6EF));
} 

/* season_autumn
#titlebox h1 {
	border: 1px solid #F89F34;
}

#titlebox h2 {
margin: 0 auto;
	width: 310px;
	height: 34px;
	background: url(../img/search_au.gif) no-repeat;
	text-indent: -9999px;
}

.search {
	border-left: 2px solid #F89F34;
	border-right: 2px solid #F89F34;
	border-bottom: 2px solid #F89F34;
}

input {
background: -moz-linear-gradient(bottom, #ED741C, #F89F34);
background: -webkit-gradient(linear, center bottom, center top, from(#ED741C), to(#F89F34));
} */


.main {
	width: 320px;
	margin: 0 auto;
	text-align: center;
}

#titlebox h1 {
    font-size:11px;
	width: 95%;
margin: 0 auto 10px auto;
	padding: 5px;
	text-align: left;
	background: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

p.title_copy {
font-size:9px;
	text-align: right;
	margin: 2px 2px 5px 0;
}

.main h3 {
	margin-top: 5px;
}

.search {
	width: 306px;
	margin: -5px auto 5px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

option.na {
	color: #999;
	background-color: #DDD;
}

label.na {
	color:					#999;
}

#nta_jr {
font-size:16px;
	padding-top: 15px;
}

#nta_jr dl{
	padding: 0 0 5px 20px;
}

#nta_jr dt {
font-size:18px;
	width: 100px;
	text-align: left;
}

dt,dd {
float: left;
}

.hide {
display: none;
}

select {
font-size:18px;
	width: 150px;
}

input {
font-weight: bold;
width: 280px;
height: 50px;
color:#ffffff;
    border: 0px solid #ffffff;
	margin: 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.pop {
	width: 286px;
	margin: -5px auto 10px auto;
	border-left: 2px solid #FBB76E;
	border-right: 2px solid #FBB76E;
	border-bottom: 2px solid #FBB76E;
	background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.pop ul {
	padding: 13px 4px 0 4px;
}

.pop ul li a {
display: block;
font-size:14px;
/*	font-weight: bold;*/
float: left;
color:#000000;
	margin: 0 4px 6px 4px;
    border: 1px solid #C1C1C1;
background: -moz-linear-gradient(bottom, #E6E6E6, #FFFFFF);
background: -webkit-gradient(linear, center bottom, center top, from(#E6E6E6), to(#FFFFFF));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 129px;
height: 25px;
	padding-top: 8px;
}

.pop ul li a:hover {
display: block;
opacity: 0.3;
background: -moz-linear-gradient(bottom, #ffa500, #fffacd);
background: -webkit-gradient(linear, center bottom, center top, from(#ffa500), to(#fffacd));
}

#tab_menu {
	padding-left: 7px;
}

#areatab_contents {
	height:200px;
/*	height:320px;*/
	margin-left: 7px;
}

#areatab1,
#areatab2,
#areatab3,
#areatab4,
#areatab5 {
	width: 306px;
	border-top: 5px solid #20AD20;
	border-left: 2px solid #E8FFE8;
	borderright: 2px solid #E8FFE8;
	borderbottom: 2px solid #E8FFE8;
	background-color: #E8FFE8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	position:absolute;
}

.reco {
	width: 286px;
	margin: -5px auto 10px auto;
	border-left: 2px solid #FBB76E;
	border-right: 2px solid #FBB76E;
	border-bottom: 2px solid #FBB76E;
	background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

ul.r_txt li {
    font-size:12px;
	padding: 6px 0 6px 5px;
	border-top: 1px solid #C1C1C1;
	text-align: left;
}

ul.r_txt li a {
	margin: 3px 3px 3px 0;
	padding: 4px 30px 2px 8px;
	text-align: left;
display: block;
}

ul.r_txt li a {
	border-left: 3px solid #FFA13D;
background: #feffff url(../../img/arrow_detail.png) no-repeat right center;
}

ul.r_txt li.pc a {
	border-left: 3px solid #FFA13D;
background: #feffff url(../img/arrow_pc.png) no-repeat right center;
}