@charset "windows-31j";

/*************iPhone CSS *************/

/* base stlyle */
body {
	background: #C8C8C8 url(../img/pinstripes.png);
}

#contents {
	padding: 10px;
}

#contents2 {
	padding: 0px 10px 10px 10px;
}

/* header footer  */
#header {
	border-radius: 10px;
	background-color: #FFFFFF;
	color: #333333;
	font-weight:bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-align:center;
}

#header img{
	width: 230px;
}

#menubar {
	background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#336699));
	color: #FFFFFF;
	font-weight:bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#HillsMenubar {
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8c00), to(#ffa500));
	color: #FFFFFF;
	font-weight:bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}


#footer {
	background: -webkit-gradient(linear, left top, left bottom,from(#b8c1c8),to(#909faa));
	color: #e0e0e0;
	font-weight:bold;
	min-height: 30px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}



section, nav {
	margin-bottom: 1em;
}

h3 {
	background: url(../images/ico_title.png) left top no-repeat;
	padding-left: 20px;
	color: #f4b800;
	margin-bottom: 1em;
	min-height: 23px;
}

p.title {
	margin-bottom: 1em;
	color: #000000;
	text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
	font-weight: bold;
}


HR {
	color: #6666cc;
	height: 1px;
	border-color: #9999ff #333399 #333399 #9999ff;
	border-width: 2px;
	border-style: solid;
}

HR#hillsHr{
	color: #CC9966;
	height: 1px;
	border-color: #FFCC99 #996633 #996633 #FFCC99;
	border-width: 2px;
	border-style: solid;
}

/* button */

p.button a{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;  
	width: 95%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
}
p.button1 a{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#61aafe), to(#248aff));
	border:3px #61aafe solid;  
	width: 95%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
}

p.hillsButton a{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa500), to(#ff8c00));
	border:3px #ffa500 solid;
	width: 95%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
}

p a {
	display: block;
	width: 80%;
	padding: 2px 0;
	text-decoration:none;
}

span.button a {
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;
	width: 50%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-decoration:none;
}
span.button1 a {
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#61aafe), to(#248aff));
	border:3px #61aafe solid;
	width: 50%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-decoration:none;
}

span.shadow-nomal {
	font-weight: normal;
	margin-bottom: 1em;
	color: #000000;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

span.shadow-bold {
	font-weight: bold;
	margin-bottom: 1em;
	color: #000000;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

input.button{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;
	width: 95%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
}

/*‘{^EζΉ*/
input.button2{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;
	width: 50%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-decoration:none;	
}

/*‘{^ΆζΉ*/
input.button3{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;
	width: 50%;
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-decoration:none;	
}

/* base parts stlyle  */

aside {
	background-color: #FFFFFF;
	-webkit-border-radius: 8px;
	padding: 10px;
}


aside p:last-child {
	margin-bottom: 0;
}


li {
	color: #000000;
}


#footer table {
	width: 100%; 
	margin-left: 6px;
}

#contents table {
	width: 100%; 
	margin-left: 6px;
}

/* clearfix */
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

/* change button */
.cb-enable, 
.cb-disable,
.cb-enable2, 
.cb-enable3,
.cb-enable4, 
.cb-enable span, 
.cb-disable span, 
.cb-enable2 span,
.cb-enable3 span, 
.cb-enable4 span{ 
	background: url(../img/black_m.gif) repeat-x;
	display: block;
	float: left;
	border-radius: 10px;
	color: #fff;

}

.cb-enable2, .cb-enable2 span{ 
	background: url(../img/black_m.gif) repeat-x;
	display: block;
	float: left;
	border-radius: 10px;
	color: #fff;
	width: 8em;

}

.cb-enable span, 
.cb-enable2 span,
.cb-enable3 span,
.cb-enable4 span{ 
	line-height: 30px;
	display: block;
	background-repeat: repeat-x;
	padding: 0 10px;
	text-align:center;
}

.cb-enable.selected, 
.cb-enable2.selected, 
.cb-enable3.selected,
.cb-enable4.selected{
	background: url(../img/green_m.gif) repeat-x;
}

.cb-enable.selected span, 
.cb-enable2.selected span,
.cb-enable3.selected span,
.cb-enable4.selected span{
	background: url(../img/green_m.gif) repeat-x;
	color: #fff;
	text-align:center;
}

.switch label {
	cursor: pointer;
}

.switch input {
	display: none;
}

img {
	max-width: 100%;
}

.ULIndex li {
  border-bottom: solid 1px #d9d9d9;
  overflow: hidden;
  background-color: #E6E6FA;
}

.ULIndex a{
  text-decoration: none;
  color: black;
  -webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);
  display: block;
  padding: 15px 0 0 15;
  background-color: #E6E6FA;
}


span.right {
	float: right; 
}

/* currentpage */

span.currentpage{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;  
	width: 29px;
	text-align: center;
	float: left;
	color: #000000;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
	margin-right:1px;
	margin-left:1px;
	font-size: 100%;
	line-height: 150%;
}

span.currentpage a {
	color: #fff;
	text-decoration:none;
}

/*‘y[WNγ*/
span.currentpage2{
	position: relative;
	top: 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;  
	width: 95%;
	text-align: center;
	float: right;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
}

span.currentpage2 a {
	color: #fff;
	text-decoration:none;
}

/*‘y[WNΊ*/
span.currentpage3{
	position: relative;
	top: -10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;  
	width: 95%;
	text-align: center;
	float: right;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
}

span.currentpage3 a {
	color: #fff;
	text-decoration:none;
}

p.pagebutton a{
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a77af), to(#3a57a0));
	border:3px #5a77af solid;  
	width: 95%;
	text-align: center;
	float: right;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 100%;
	line-height: 150%;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
}

/*‘XΦΤ*/
#tex_post_code1{
	width:3em;
}
#tex_post_code2{
	width:4em;
}

/*‘Z1,Z2,Άζ1*/
#tex_ad_ka,
#tex_ad_ka2,
#tex_nm_ka{
	width:18em;
}

/*‘Άζ2*/
#tex_bnm_ka{
	width:14em;
	margin-right:1em;
}

/*‘TEL*/
#tex_ph_num1,
#tex_ph_num2,
#tex_ph_num3{
	width:4em;
}

/*υl*/
p.biko {
	word-break:break-all;
}
