@charset "utf-8";

/* リセットCSS */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; color:#666;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
 
img {border: 0; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

a{
    text-decoration:none;
	outline:none;
}
 
a:hover,a.selected{
    text-decoration:none;
}
 
a {
/*\*/
    overflow: hidden;
/**/
}

/* リセットCSS */


/*
文字サイズ13pxを100％とした場合の指定値

10px:	font-size:77%;
上記フォント指定のときの行の高さ
12px:	line-height:1.2;
14px:	line-height:1.401;
16px:	line-height:1.6;
18px:	line-height:1.801;

12px:　font-size:92.4%;
上記フォント指定のときの行の高さ
14px:	line-height:1.167;
16px:	line-height:1.335;
18px:	line-height:1.5;
20px:	line-height:1.666;

14px:　font-size:107.8%;
上記フォント指定のときの行の高さ
16px:	line-height:1.143;
18px:	line-height:1.286;
20px:	line-height:1.429;

16px:　font-size:123.1%;
上記フォント指定のときの行の高さ
18px:	line-height:1.124;
20px:	line-height:1.244;
22px:	line-height:1.374;

18px:　font-size:138.5%;
上記フォント指定のときの行の高さ
20px:	line-height:1.112;
22px:	line-height:1.224;
24px:	line-height:1.334;
*/

body {
color:#000;
font:15px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;
}
 
/* 日本語が読みやすいline-height */
body * {
    line-height:2;
}

/* Start of "Micro clearfix" 親要素にclass="cf"として指定*/
.cf { *zoom: 1; }/*W3Cエラー時は外すfloatする要素に横幅指定で回避可*/
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */

/**********************************************/
/*
/*　共通要素
/*
/**********************************************/

body {
	background-color:#ffffff;
	position: relative;
}

a {
	color:#333333;
	text-decoration:none;
}

a#font_check {
	color:#333333;
	text-decoration:underline;
}

a:hover {
	color: #06C;
	text-decoration:underline;
}

.imglink img:hover {
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}

strong {
	font-weight:bold;
}

.mg_5 {
	margin-bottom:5px;
}

.mg_10 {
	margin-bottom:10px;
}

.mg_20 {
	margin-bottom:20px;
}

.mg_40 {
	margin-bottom:40px;
}

.mg_60 {
	margin-bottom:60px;
}

.mg_80 {
	margin-bottom:80px;
}

.pd_r_10 {
	padding-right:10px;
}

.or {
	color:#F90;
}

.r {
	color:#C00;
}

.gr {
	color:#999;
}

.g {
	color:#89ce12;
}

.b {
	color:#2f92d0;
}

.font_10px {
	font-size:10px;
}

.font_12px {
	font-size:12px;
}

.font_18px {
	font-size:18px;
}

.font_30px {
	font-size:30px;
}

.text_bold {
	font-weight:bold;
}


/**********************************************/
/*
/*　レイアウト関連　共通部分
/*
/**********************************************/

#contents_top_container {
	width:100%;
	text-align:center;
	background:url(../web_data/contents_top_backimg_od.jpg) 0 bottom repeat-x;
	overflow:hidden;
	zoom:1;
}

#contents_top_wrap {
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:26px 0 32px;
	overflow:hidden;
	zoom:1;
}

#contents_container {
	width:100%;
	text-align:center;
	background:url(../web_data/contents_backimg_od.jpg);
	padding:20px 0 0 0;
	overflow:hidden;
	zoom:1;
}

#contents_wrap {
	width:960px;
	min-height:300px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

/**********************************************/
/*
/*　ヘッダー　共通部分
/*
/**********************************************/

#header_container_back {
	width:100%;
	height:626px;
	text-align:center;
	overflow:hidden;
	background:url(../img/header_backimg_od.jpg) 0 0 repeat-x;
}

#header_wrap {
	width:1000px;
	height:626px;
	display:block;
	margin:0 auto;
	background:url(../img/header_img_bg.jpg) 0 0 no-repeat;
}

#header_h {
	width:1000px;
	height:626px;
}


/**********************************************/
/*
/*　メイン　共通部分
/*
/**********************************************/

#main_container {
	width:100%;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	zoom:1;
}

#main_wrap_shadow {
	width:960px;
	margin:0 auto;
	text-align:center;
	padding:0 20px;
	background:url(../img/wrap_shadow_od.jpg) 0 0 repeat-y;
}

#navi {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#navi ul {
	overflow:hidden;
	zoom:1;
}

#navi ul li {
	float:left;
	display:inline;
}

.section {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

.tel_box {
	width:960px;
	height:333px;
	background:url(../img/tel_img01.jpg) 0 0 no-repeat;
	position:relative;
	margin-right: auto;
	margin-left: auto;
}

.tyokusou_btn {
	position:absolute;
	left:368px;
	top:150px;
}

.kaitori_flow{
	width:960px;
	height:1184px;
	background:url(../img/kaitori_img01.jpg) 0 0 no-repeat;
	position:relative;
}

.kaitori_btn01 {
	width:400px;
	height:70px;
	position: absolute;
	top:295px;
	left:473px;
}

.kaitori_btn02 {
	width:400px;
	height:70px;
	position: absolute;
	top:383px;
	left:473px;
}

.kaitori_map {
	width:960px;
	height:980px;
	background:url(../img/kaitori_img02.jpg) 0 0 no-repeat;
	position:relative;
}

.map_contents{
	width:740px;
	height:367px;
	position: absolute;
	top:423px;
	left:108px;
}

.footer_wrap {
	background:#eeeeee;
	font-size:12px;
	padding:10px 0;
}


/**フォーム部分*/

.form_wrap {
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.form_title {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:#000;
	text-align:center;
}

.form_title02 {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:#000;
	text-align:left;
}

.form_table {
	border-left:none;
	border-top:none;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

.form_table td {
	padding:10px;
	border-left:solid 1px #CCC;
	border-top:solid 1px #CCC;
	border-right:none;
	border-bottom:none;
}

.form_table td input.text {
	width:100%;
}

.form_table td textarea.text {
	width:100%;
}

.r {
	font-size:80%;
	color:#F00;
}

.form_table td input.text {
    height: 23px;
    line-height: 23px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.form_link {
	text-align:right;
	margin-bottom:10px;
}

.form_btn {
	width:419px;
	height:60px;
	background:url(../img/form_btn.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	border:none;
	margin:20px 0 0 210px;
}

.form_btn:hover {
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}


/*追加要素*/

#kaitori_btn_wrap {
	width:960px;
	height:352px;
	background:url(../img/kaitori_wrap_backimg.jpg) 0 0 no-repeat;
	position:relative;
	margin-bottom:0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

.kaitoribtn01 {
	position:absolute;
	top:253px;
	left:34px;
}

.kaitoribtn02 {
	position:absolute;
	top:253px;
	left:345px;
}

.kaitoribtn03 {
	position:absolute;
	top:253px;
	left:655px;
}


.kaitori_trip {
	width:960px;
	height:715px;
	background:url(../img/kaitori_img03.jpg) 0 0 no-repeat;
	position:relative;
}

.kaitori_trip_btn {
	position:absolute;
	top:408px;
	left:118px;
}