@charset "utf-8";

/*基本設定、リンクカラー*/
body {font-family:"MeiryoKe_Gothic","メイリオ","Arial","Osaka","ＭＳ Ｐゴシック";
font-size:82%;line-height:130%;color:#333333;background-color:#F5F3EB;}

a:link {color:#0646A0;}
a:visited {color:#551A8B;}
a:hover {color:#996600;}
a:active {text-decoration: underline;}


p{
	text-align:justify;
	text-justify:distribute;
	word-wrap:break-word;
	word-break:break-all;
	margin:0px;
	padding:0px;
}

img, div { behavior: url(../js/iepngfix.htc) }

/*レイアウト基本設定*/

#body_bg {
	height:auto;
	width:830px;	
	margin:0 auto;
	background-image:url("../images/body_bg.png");
	background-repeat:repeat-y;
}

#main {
	height:auto;
	width:800px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#main_left {
	float:left;
	width:590px;
	height:auto;
	background-color:#FFFFFF;
}

.h2{width:570px;margin:8px 0 8px 5px}
.h2_contents{width:570px;margin:5px 0 10px 15px}
.h3{width:547px;margin:25px 0px 10px 20px;padding:0 0 0 13px;
background-image:url("../images/h3.png");background-repeat:no-repeat;
font-size:14px;font-weight:bold;}

#main_right {
	float:right;
	width:210px;
	height:auto;
	background-color:#FFFFFF;
}

#main_center {
	width:800px;
	height:auto;
	background-color:#FFFFFF;
}

.h2c{width:570px;margin:20px 0px 10px 95px}
.h2c_contents{width:600px;margin:5px 0px 20px 100px;}
.h3c{width:600px;margin:25px 0px 10px 95px;padding:0 0 0 13px;
background-image:url("../images/h3.png");background-repeat:no-repeat;
font-size:14px;font-weight:bold;}

#pic_bg{height:410px;width:800px;background-image:url("../images/pic_bg.jpg");background-repeat:no-repeat;}
.pic{height:170px;width:700px;padding:30px 0 0 65px;float:left;}
.about{margin:5px 0 0 15px;clear:both;}
.about table#table-01 {
    margin:5px;
    width: 500px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    float:left;
}

.about table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #c5baba;
    font-weight: bold;
    line-height: 140%;
    text-align: center;
    font-size:14px;
}
.about table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #f3f1f1;
    line-height: 140%;
    font-size:12px;
}

.about table#table-02 {
    margin:5px;
    width: 245px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    float:left;
}

.about table#table-02 th {
    padding: 3px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #c5baba;
    font-weight: bold;
    line-height: 140%;
    text-align: center;
    font-size:13px;
}
.about table#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #f3f1f1;
    line-height: 140%;
    text-align: left;
    font-size:11px;
}

.about table#table-02 td img {
    float:left;
    width:90px;
    margin:4px 4px 2px 2px
}

.about table#table-03 {
    margin:5px;
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.about table#table-03 th {
    padding: 3px;
    width: 130px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #c5baba;
    line-height: 140%;
    text-align: center;
    font-size:13px;
    font-weight: bold;
}
.about table#table-03 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #f3f1f1;
    line-height: 140%;
    text-align: left;
    font-size:12px;
    font-weight: bold;
}

span.noteMark{font-size:85%;color:#f00;font-weight:bold}
span.errMsg{font-size:95%;color:#f00;font-weight:bold}
.btn{text-align: center;margin:15px 0 5px 0;clear:both}
.btn span.memo{color:#f00;font-size:105%}
#image-btn {
    border: 0px;
    width: 150px;
    height: 38px;
    background: url(../images/btn_reserve.png) left top no-repeat;
    overflow: hidden;
    cursor: pointer;　/* カーソルを指マークに Operaはなぜか効かない*/
    text-indent: -9999px;　/*ボタンの文字を消す*/
    display: block; /*IEで背景が消えてしまう*/
}
/* Operaのみ適用 */
*+html:first-child body #image-btn {
padding-left: 300px; /*適当*/
}

#image-btn2 {
    border: 0px;
    width: 150px;
    height: 38px;
    background: url(../images/btn_reserve2.png) left top no-repeat;
    overflow: hidden;
    cursor: pointer;　/* カーソルを指マークに Operaはなぜか効かない*/
    text-indent: -9999px;　/*ボタンの文字を消す*/
    display: block; /*IEで背景が消えてしまう*/
}
/* Operaのみ適用 */
*+html:first-child body #image-btn2 {
padding-left: 300px; /*適当*/
}

#image-btn3 {
    border: 0px;
    width: 150px;
    height: 38px;
    background: url(../images/btn_send.png) left top no-repeat;
    overflow: hidden;
    cursor: pointer;　/* カーソルを指マークに Operaはなぜか効かない*/
    text-indent: -9999px;　/*ボタンの文字を消す*/
    display: block; /*IEで背景が消えてしまう*/
}
/* Operaのみ適用 */
*+html:first-child body #image-btn3 {
padding-left: 300px; /*適当*/
}

.privacyBox{margin:10px 0}

/*回り込み解除（clearfix）*/
.clearfix:after{content:".";display:block;height:0.1px;font-size:0.1em;
line-height:0;clear:both;visibility:hidden;}


/* - - - - - - - - - - headerエリア設定 - - - - - - - - - -  */

#header{
	height:209px;
	width:800px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#h_line{
	height:4px;
	width:800px;
	margin:0;
	padding:0;
	background-image:url("../images/header_line.png");
}

#h_logo{height:65px;width:280px;float:left;}
#h_sp{height:65px;width:75px;float:right;}

#h_navi{
	float:left;
	height:35px;
	width:800px;
	margin:0;
	padding:0;
}

li.h_naviImg{
	float:right;
	height:35px;
}

#h_top{
	height:140px;
	width:800px;
}

/* - - - - - - - - - - footerエリア設定 - - - - - - - - - -  */

#footer {
	height:35px;
	width:800px;
	margin:0 auto;
	clear:both;
}

#footer_bg {
	height:35px;
	width:800px;
	margin:0 auto;
	clear:both;
	background-image:url("../images/footer_bg.png");
	font-size:12px;
}

#footer_bg div#foot1 {float:left;padding:8px 0 0 200px}
#footer_bg div#foot2 {float:left;padding:8px 0 0 30px}

/* - - - - - - - - - - 回り込み解除処理用（clearfix） - - - - - - - - - -  */

.clearfix:after {
	content: ".";
	display:block;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	visibility:hidden;
}