@charset "EUC-JP";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background: #F5F5F1 url(../img/bg.jpg) repeat-x;
	font-size:77%;
	font-family:verdana,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	color:#222F28;
	line-height:144%;
	margin:0;
	width: 100%;
}

li {
	list-style:none;
}

img,
fieldset {
	border:0;
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
}

td,th {
	text-align: left;
	vertical-align: top;
}

.clear{
	clear:both;
}
.float_l{
	float	:left;
}

.float_r{
	float	:right;
}


/* start: clearfix ------------------------------ */
.clearfix{}

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

.clearfix { 
	display:inline-table;
	min-height:1px;
}

/* Hides from Mac IE \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }
/* */
/* end: clearfix ------------------------------ */

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color: #06C;
	border: 0;
}

a:hover {
	color		:#06F;
	text-decoration	:none;
}

a,
a img {
	outline: none;
}

a:hover img {
	filter: alpha(opacity=69);
	-moz-opacity:0.69;
	opacity:0.69;
}



/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container{
	width	:100%;
	margin	:0 auto;
}


/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header{
	width	:920px;
	margin	:0 auto;
	padding	:10px 20px 0;
	background: url(../img/bg_header.jpg) repeat-x;
	height: 80px;
}

h1{
	margin	:5px 0 5px;
	padding-left:10px;
	color	:#7F7872;
	line-height: normal;
	font-weight	:normal;
	font-size	:10px;
	float:left;
}

img.logo {
	float: left;
	margin-right: 25px;
}

img.bookmark {
	float: left;
	display: none;
}

img.free{
	float:right;
}

img.contact{
	padding-top:5px;
}

.head_h2 {
	position: absolute;
	top: 20px;
	left: 185px;
	color: #333333;
}
h3 {
	width: 700px;
	height: 40px;
	text-indent	:-9999px;
	margin: 0 0 20px 0;
}

h4 {
	width: 700px;
	height: 20px;
	text-indent	:-9999px;
	margin: 0 0 30px 0;
}

/*-----------------------------------------------
 __navi
-----------------------------------------------*/

ul.navi{
	width	:745px;
	height	:30px;
	margin-top:10px;
	background	:url("../img/navi_header.jpg") no-repeat left 0;
	float	:left;
	text-indent	:-9999px;
	display: inline;
}

ul.navi li,
ul.navi li a{
	height	:30px;
	float	:left;
	display	:block;
}

ul.navi li.navi_okomarino,
ul.navi li.navi_okomarino a{
	width:150px;
	background	:url("../img/navi_header.jpg") no-repeat left top ;
}

ul.navi li.navi_okomarino a:hover{
	background	:url("../img/navi_header.jpg") no-repeat left -30px ;
}

ul.navi li.navi_start,
ul.navi li.navi_start a{
	width:150px;
	background	:url("../img/navi_header.jpg") no-repeat -150px top;
}
ul.navi li.navi_start a:hover{
	background	:url("../img/navi_header.jpg") no-repeat -150px -30px;
}

ul.navi li.navi_voice,
ul.navi li.navi_voice a{
	width:100px;
	background	:url("../img/navi_header.jpg") no-repeat -300px top;
}
ul.navi li.navi_voice a:hover{
	background	:url("../img/navi_header.jpg") no-repeat -300px -30px;
}

ul.navi li.navi_search,
ul.navi li.navi_search a{
	width:90px;
	background :url("../img/navi_header.jpg") no-repeat -400x top;
}
ul.navi li.navi_search a:hover{
	background	:url("../img/navi_header.jpg") no-repeat -400px -30px;
}

ul.navi li.navi_istyle,
ul.navi li.navi_istyle a{
	width:190px;
	background	:url("../img/navi_header.jpg") no-repeat -490px top;
}
ul.navi li.navi_istyle a:hover{
	background	:url("../img/navi_header.jpg") no-repeat -490px -30px;
}

ul.navi li.navi_contact,
ul.navi li.navi_contact a{
	width:65px;
	background	:url("../img/navi_header.jpg") no-repeat -680px top;
}
ul.navi li.navi_contact a:hover{
	background	:url("../img/navi_header.jpg") no-repeat -680px -30px;
}

/*-----------------------------------------------
 __pankuzu & etc
-----------------------------------------------*/

.head_bar {
	width: 920px;
	clear: both;
	background-color: #8B918D;
	padding: 5px 20px;
	font-size: 80%;
	line-height: normal;
	margin: 0 auto;
	color: #000000;
	height: 15px;
}

.head_bar a {
	color: #FFF;
}

.head_bar a:hover {
	color: #F8F4E6;
}

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	width: 920px;
	margin: 0 auto;
	padding:0 30px;
	background:#F5F5F1;
}
.top_cont {
	text-align: center;
	padding: 20px 0;
}
.top_cont img {
	margin: 0 10px 20px 10px;
}

.top_cont .bnr{
	margin:0 10px 20px 0;
	float:left;
}

.top_cont .bnr img{
	margin:0;
}

.contents_left{
	margin	:0 auto 30px;
	float: left;
	width: 700px;
	display: inline;
}

.contents_right{
	width: 180px;
	margin	:30px 60px 0 0;
	float: right;
	display: inline;
}



/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer{
	width:100%;
	background:#050906 url(../img/f_bg.jpg) repeat-x top;
	color:#999;
	clear:both;
}

#footer a{
	color:#BEBCBA;
}

/* start: clearfix ------------------------------ */
#footer .f_con{
}

#footer .f_con:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#footer .f_con { 
	display:inline-table;
	min-height:1px;
}

/* Hides from Mac IE \*/
* html #footer .f_con { height:1px; }
#footer .f_con { display:block; }
/* */
/* end: clearfix ------------------------------ */

#footer .f_con{
	width:960px;
	margin:0 auto;
	padding-bottom:25px;
}

#footer .address{
	width	:245px;
	height:135px;
	margin	:30px 0 20px;
	font-size:80%;
	line-height:120%;
	float:left;
}

#footer .address h2{
	width:216px;
	height:44px;
	background:url(../img/f_h2.jpg) no-repeat left top;
	text-indent:-9999px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#footer .address .ban_tel{
	width:220px;
	height:22px;
	margin:13px 0 14px;
	background:url(../img/f_ban_tel.jpg) no-repeat left top;
	text-indent:-9999px;
	float:left;
	clear	:both;
}

#footer .address p{
	clear:both;
	font-size:9px;
}

#footer .f_ban{
	width	:395px;
	margin	:30px 0 0;
	float	:right;
}

#footer .f_ban img{
	margin-bottom:10px;
}

#footer .map {
	width	:310px;
	height:135px;
	margin	:30px 0 20px;
	background:url(../img/f_ban_map.jpg) no-repeat right top;
	font-size:80%;
	line-height:120%;
	float:left;
}



/*-----------------------------------------------
 __decoration
-----------------------------------------------*/


.small80{
	font-size:80%;
}

.red{
	color	:#FF4944;
}

.goto_over{
	text-align	:right;
	clear	:both;
	font-size: 10px;
	border-top: 1px dotted #32231A;
	padding: 3px 0 0 0;
	margin: 20px 0 30px 0;
}