@charset "UTF-8";

/*========== BASE ==========*/

html {
 overflow-y: scroll;
}

body{
	margin:0px;
	padding:0px;
	background-color:#f9f7d9;
	text-align:center;
	color:#666;
	font-size:12px;
	line-height:150%;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

img{
	border:0;}

strong{
	font-weight:normal;}

a:link{
	color:#090;}
a:visited{
	color:#006600;}
a:active{
	color:#FF9900;}
a:hover{
	color:#FF9900;}	

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


#wrap{
	width:850px;
	background:#fff url(../images/bg_all.jpg) repeat-y;
	padding:0 7px 0 1px;
	margin:0 auto;
	text-align:left;
}

/**********************
HEAD
**********************/

#head{
	width:850px;
	height:98px;
	padding:0;
	margin:0 0 15px;
	background:#fff url(../images/head.jpg) no-repeat;
}

#head span{
	display:none;}

#head h1{
	width:350px;
	height:90px;
	padding:8px 0 0;
	position:relative;
	float:left;
}

#head h1 a{
	width:350px;
	height:90px;
	display:block;
}

#header{
	width:850px;
	height:98px;
	padding:0;
	margin:0 0 15px;
}

#header h1{
	width:350px;
	height:98px;
	padding:0;
	position:relative;
	float:left;
}

#header p{
	width:500px;
	height:98px;
	margin:0;
	padding:0;
	position:relative;
	float:right;
}

/**********************
CONTENTS
**********************/

#contents{
	clear:both;
	width:850px;
	margin:0 0 15px;
	background:#fff url(../images/bg_body.jpg) repeat-y;
	overflow:auto;
}

#contents p.pageback{
	margin:0 10px;
}

/**********************
NAVI
**********************/

#navi{
	width:180px;
	background-color:#ecfcd7;
	margin:0;
	padding:10px 0 50px;
	position:relative;
	float:left;
}

#navi span{
	display:none;
}

#navi ul{
	width:161px;
	margin:0 9px 0 10px;
}

#navi ul li{
	width:161px;
	height:43px;
	margin:0 0 2px;
}

/**********************
FOOT
**********************/

#foot{
	clear:both;
	width:850px;
	height:30px;
	background:#155015 url(../images/bg_foot.jpg) repeat-x;
	padding:6px 0px 0px;
	margin:0px;
	color:#fff;
}

#foot p{
	font-size:10px;
	line-height:30px;
	text-align:center;
}

/*========== COMMON ==========*/

#application .mb5{
  margin-bottom: 5px;
}

/*========== APPLICATION ==========*/

#application{
	width:630px;
	margin:0;
	padding:0 20px 30px 0;
	position:relative;
	float:right;
}

#application h2{
	margin:0 0 15px;
}

#application .app01{
	margin:0 10px;
}
#application .app01 p{
	line-height: 1.5;
	margin: 0 0 20px;
}
#application .app01 p.mb10{
  margin-bottom: 10px;
}
#application .app01 p.end{
	color: #f00;
	font-size: 14px;
	font-weight: 700;
}
#application .app01 p.ttl{
	color: #090;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px;
}
#application .app01 span{
	color: #f00;
}
#application .app01 .taC{
	text-align: center;
}
#application .app01 table{
	width:100%;
	border-collapse: collapse;
	border:1px solid #ccc;
	margin: 0 0 20px;
}
#application .app01 th{
	width: 25%;
	border:1px solid #ccc;
	background: #eee;
	padding: 5px 10px;
}
#application .app01 th p{
	font-size: 11px;
	font-weight: normal;
	padding: 10px 0 0;
}
#application .app01 td{
	border:1px solid #ccc;
	border-right: none;
	padding: 5px 10px;
}
#application .app01 td p{
	margin: 5px 0 0;
	font-size: 11px;
}
#application .app01 td.price{
	border-left: none;
	text-align: right;
}
#application .app01 .btn_block{
	text-align: center;
}
#application .app01 .btn_block input{
	width:150px;
	height: 30px;
	line-height: 30px;
	border:1px solid #ccc;
	border-radius: 5px;
	margin: 0 10px;
}
#application .app01 .btn_block input:hover{
	cursor: pointer;
}

#application .app01 p.err{
	color: #F00;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px;
}
#application .app01 li{
	color: #f00;
	margin: 0 0 10px;
}