@charset "UTF-8";
/* ===================================================================
 FORM.CSS     tour,info
==================================================================== */
/* ===================================================================
   __                __      _    _    _
 _/ /_ _____ __  __ / / __  (_)  (_)  (_)
/_ __// ___// / / // /／／ __   __   __
/ /_ (__  )/ /_/ //   \   / /  / /  / /    
\__//____/ \__,_//_/\__\ /_/  / /  /_/  
                          ___/ /
                         /____/
==================================================================== */
@import url("01reset.css");
@import url("02base.css");
@import url("03other.css");
@import url("04showhide.css");

/*--------------------------------------
    HEAD-LINE
--------------------------------------*/
/* topicPath(25) & HeadLine(200) =225px  */
#mainContent #contentsHeaders #headlineArea {
	height: 225px;
	margin: 0px;
	padding: 0px;
}

/* H2 HeadLine(200)  */
#mainContent #contentsHeaders #headlineArea h2#headline,
#mainContent #contentsHeaders #headlineArea h2#headlineInfo {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	overflow: hidden;
	margin: 0px;
	height: 0px;
	padding-top: 200px;
	_padding-top: 195px;
}

#mainContent #contentsHeaders #headlineArea h2#headline { background-image: url(../img/formHeadimg.jpg);}
#mainContent #contentsHeaders #headlineArea h2#headlineInfo {	background-image: url(../img/inquiriesHeadimg.jpg);}
#mainContent #contentsHeaders #headlineArea img {	height: 200px;}
#mainContent #contentsHeaders p {	line-height: 1.6em;}


/*--------------------------------------
    MAIN-AREA
--------------------------------------*/
#mainContent #txArea #newsAreaWrap .title01 {	margin-bottom: 10px;}

#mainContent #txArea #formNxTx,
#mainContent #txArea #formPreTx {
	font-size:100%;
	line-height: 1.6em;
}
#mainContent #txArea #formPreTx h3,
#mainContent #txArea #formNxTx h3 {
	font-weight: bold;
	color:#fac31e;
	font-size: 116%;
}
#mainContent #txArea #formPreTx p,
#mainContent #txArea #formPreTx ul,
#mainContent #txArea #formPreTx ol,
#mainContent #txArea #formNxTx p,
#mainContent #txArea #formNxTx ul,
#mainContent #txArea #formNxTx ol {font-size:93%;}
	
#mainContent #txArea #formPreTx ul,
#mainContent #txArea #formPreTx ol { margin-left:20px;}

#mainContent #txArea #formPreTx ul li { list-style-type: disc;}
#mainContent #txArea #formPreTx ol li { list-style-type: decimal;}

#mainContent #txArea #formPreTx .formPreTxArea { margin-bottom:10px;}
#mainContent #txArea #formNxTx .txArea,
#mainContent #txArea #formPreTx .txArea { margin-bottom: 15px;}


/*--------------------------------------
    INFOMATION-AREA
--------------------------------------*/
#mainContent #txArea .newsArea {
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainContent #txArea .newsArea p {	margin: 15px 0px 0px 0px;}
#mainContent #txArea .newsArea h3#infoDesk,
#mainContent #txArea .newsArea h3#infoTel {
	background-image: url(../img/titleSubpages.jpg);
	background-repeat: no-repeat;
	height: 0px;
	width: 585px;
	padding-top: 25px;
	display: block;
	overflow: hidden;
}
#mainContent #txArea .newsArea h3#infoDesk { background-position: 0px -50px; }
#mainContent #txArea .newsArea h3#infoTel {
	background-position: -4px -75px;
	width: 545px;
}
#mainContent #txArea .newsArea dl#iDeskData { font-weight: bold; }
#mainContent #txArea .newsArea dl#iDeskData dt {
	float: left;
	display:inline;
	width:5em;
	text-align: justify;
	text-justify: distribute-all-lines;
}
#mainContent #txArea .newsArea dl#iDeskData dd {
	padding-left: 6em;
	display:block;
}
/*------------------------------------*/



/*--------------------------------------
    MAIL-FORM
--------------------------------------*/
#mainContent #txArea #formWrap {
	margin: 30px 0 30px 0;
	padding: 0px;
	color: #666;
}
#mainContent #txArea #formWrap .formBody {
	margin: 0px;
	padding: 10px;
	background-color:#fff;/**/
}
#mainContent #txArea #formWrap .formBody .message {margin: 5px 0px 5px 0px; color:#3333333; }
#mainContent #txArea #formWrap .formBody .message .hiss {padding: 0px;}

#mainContent #txArea #formWrap .formBody .wrap-form h2#formTitle {
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 108%;
}
#mainContent #txArea #formWrap .formBody .wrap-form fieldset input {
	vertical-align: middle;
}

/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
fieldset {
	padding:10px;
	margin:0 0 15px;
	background-color:#f7f7f7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #aaa;
}

fieldset legend {font-size:100%; color:#333; font-weight:bold; }

fieldset dl,
fieldset dt,
fieldset dd{border:0; margin:0; padding:0; list-style:none; background-image: none;}

/*
fieldset dl {
	line-height: 24px;
	font-size:12px;
	clear: left;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 120px;
	background-image: none;
}
fieldset dl dt {
	background-image: none;
	width: 90px;
	margin-left:-90px;
 	float:left;
	display:inline;
	font-weight:bold;
	color:#111;
}
fieldset dl dd {
	background-image: none;
	color:#333;
	margin-left:6px;
	padding: 0px;
}
*/



/*-------------------------------------------------------------*/
#mainContent #txArea #formWrap .formBody fieldset dl {
	color:#333;
	line-height: 24px;
	font-size:12px;
	clear: left;
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 150px;
	background-image: none;
	border-bottom: solid 1px #333;
}
#mainContent #txArea #formWrap .formBody fieldset dl dt {
	font-weight:bold;
	margin-left:-150px;
	width:150px;
	float:left;
	display:inline;
	font-weight:bold;
	color:#111;
	line-height:24px;
}

#mainContent #txArea #formWrap .formBody fieldset dl dt {	text-indent: 5px;}
*:first-child+html #mainContent #txArea #formWrap .formBody .wrap-form fieldset dl dt {/* IE 7 */	text-indent: 5px;}
* html #mainContent #txArea #formWrap .formBody .wrap-form fieldset dl dt {/* IE 6 */	text-indent: 5px;}

#mainContent #txArea #formWrap .formBody fieldset dl dd {
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-align: left;
}
#mainContent #txArea #formWrap .formBody fieldset dl dd .point {
	color: #999;
	margin: 0px;
	line-height: 160%;
	text-indent: -0.5em;
	padding-left: 0.5em;
}
#mainContent #txArea #formWrap .formBody .wrap-form .point strong {
	font-size: 93%;
}

input {
	height: 18px;
	line-height:18px;
	vertical-align: 50%;
}

#mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label {	display: inline-block;}
#mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu1 {	width: 5em;	 }
*:first-child+html #mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu1 {/* IE 7 */	width: 5.5em;}
#mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu2 {	}
#mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu3 {	}
#mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu4 {	width: 5em;}
#mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu5 {	width: 4em;}
#mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu6 {	width: 4em;}
*:first-child+html #mainContent #txArea #formWrap .formBody fieldset dl dd#leftIndent label#Riyu6 {/* IE 7 */	width: 4.5em;}

/*Indent------------------------------------*/
.formIndent01 { padding-right: 1em;}
.formIndent02 { padding-right: 2em;}
.formIndent03 { padding-right: 3em;}
.formIndent04 { padding-right: 4em;}
/*-------------------------------------------------------------*/




/*-------------------------------------------------------------*/
#formWrap .formBody .align-c .input-b {
	margin: 5px 0px 20px 0px;
}
.err { color: red; }
.align-c {
	text-align: center;
	margin-top: 5px;
}
.input-3s {	width: 3em;}
.input-ss { width: 150px; }
.input-sss { width: 75px; }
.input-s100 { width: 100px; }
.input-s125 {	width: 125px;	display: inline-block;}
*:first-child+html .input-s100 { width: 90px; } /*ie7*/
*:first-child+html .input-s125 { width: 115px; } /*ie7*/
* html .input-s100 { width: 90px; }/*ie6*/
.input-s { width: 200px; }
.input-m { width: 350px; }
.input-l { width: 300px; }
.input-ll { width: 350px; }
.input-lll { width: 450px; }
.inp2 { width: 40px; }
.inp3 { width: 60px; }
.inp4 { width: 80px; }
.input-ck { padding-right: 5px; }
.input-ss.inputIndent {
	margin-left: -2em;
}

/*1st&2nd preference----------------*/
.input-e9 {
	width: 9em;
	display: inline-block;
}


.hiss {
	color: #f00;
	font-size: 80%;
	font-weight: normal;}
label .hiss,dt .hiss {	padding-left: 0em;	padding-right: 2px;}
#mainContent #txArea #formWrap .formBody .wrap-form fieldset dl dt .hiss {
	margin-left: -0.5em;
}

/*-------------------------------------------------------------*/



/*-------------------------------------------------------------
input
-------------------------------------------------------------*/
/* Text box */
input[type="text"] {
	background-color:#FFF;
	border-width:1px;
	border-style:solid;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-color: #aaa #d9d9d9 #ccc #d9d9d9;
	padding: 0px;
}
input[type="text"]:hover,
input[type="text"]:focus {
border-color: #5794bf #b7d4bf #c7e2f1 #c5daed;
}

/* Selector */
select {
	-webkit-appearance:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	line-height:22px;
	border-width:1px;
	border-style:solid;
	border-radius:2px;
	border-color: #aaa #d9d9d9 #ccc #d9d9d9;
	background-color: #fff;
	background-image: url(../img/select.png);
	background-repeat: no-repeat;
	background-position: right;
}
select:hover {
border-color: #5794bf #b7d4bf #c7e2f1 #c5daed;
background-image: url(../img/select-hover.png);}


/* Checkbox and radio button */
input[type="checkbox"],
input[type="radio"] {vertical-align: middle;}

/*-------------------------------------------------------------
BUTTON
-------------------------------------------------------------*/
/* Large Button */
button {
	width: 200px;
	height:28px;
	border-width:2px;
	border-style:solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-color:#707070;
	background-color: #FFF27D;
	background-image: url(../img/large-button.png);
	background-repeat:repeat;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
button h5 {
	font-size:14px; font-weight:normal; color:#333;
	line-height:24px;
}
button:hover {
	border-color:#3C7FB1;
	background-color: #666666;
	background-image: url(../img/large-button2.png);
}

/******* CSS2 *******/
/* Button */
input[type="button"],
input[type="submit"] {
	border-width:1px;
	border-style:solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-color:#707070;
	background-image: url(images/button.png);
	background-repeat: repeat;
	background-position: center;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	border-color:#3C7FB1;
	background:url(images/button-hover.png) center repeat-x;
}
/******* CSS2 *******/

#mainContent #txArea #formWrap .formBody .wrap-form .align-c h5 {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	padding: 0px;
	height: 24px;
}
#mainContent #txArea #formWrap .formBody .wrap-form .align-c a {
	font-weight: bold;
	color: #C00;
}




/*-------------------------------------------------------------
FORM　LONG
-------------------------------------------------------------*/
#mainContent #txArea #formWrap .formBody .wrap-form .typeL {	clear: none;}
#mainContent #txArea #formWrap .formBody .wrap-form .typeL p {	padding: 0px;}
#mainContent #txArea #formWrap .formBody .wrap-form .typeL label {	float: none;}

#mainContent #txArea #formWrap .formBody .wrap-form .typeL dl {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#mainContent #txArea #formWrap .formBody .wrap-form .typeL dt {
	clear: none;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 90%;
}
#mainContent #txArea #formWrap .formBody .wrap-form .typeL dd {
	clear: none;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0em;
	padding: 0px;
	letter-spacing: normal;
	text-align: left;
	text-indent: 0px;
}
#mainContent #txArea #formWrap .formBody .wrap-form .typeL a {
	font-weight: bold;
	color: #666666;
}
/*label高さ調節*/
#mainContent #txArea #formWrap .formBody .wrap-form .typeL dd.letspa label,
#mainContent #txArea #formWrap .formBody .wrap-form .lineheight01 label {
	position: relative;
	display: inline-block;
	left: 3px;
	padding-right: 10px;
	top: 0px;
}
#mainContent #txArea #formWrap .formBody .wrap-form .lineheight01 label#indentL {
	width: 10em;
}

#mainContent #txArea #formWrap .formBody .wrap-form .typeL dd.letspa label{
	display: inline-block;
}
#mainContent #txArea #formWrap .formBody .wrap-form .typeL .letspa #baitai1,
#mainContent #txArea #formWrap .formBody .wrap-form .typeL .letspa #baitai2,
#mainContent #txArea #formWrap .formBody .wrap-form .typeL .letspa #baitai4,
#mainContent #txArea #formWrap .formBody .wrap-form .typeL .letspa #baitai5 {	_width: 5em;}
#mainContent #txArea #formWrap .formBody .wrap-form .typeL .letspa #baitai3 {	_width: 7em;}
/*------------------------------------*/




/*-------------------------------------------------------------
copy
-------------------------------------------------------------*/
.wrap-form #formC a,
.wrap-form #formC {
	font-size: 1px;
	color: #FFF;
}



/*-------------------------------------------------------------
transmited a message
-------------------------------------------------------------*/
#wrapSendform {
	margin: 30px;
	background-image: url(../img/formTukky.gif);
	background-repeat: no-repeat;
	background-position: center 35px;
}
#wrapSendform.inquiry { background-image: none;}

#wrapSendform h3 {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	letter-spacing: 0.75em;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	background-image: url(../img/bg535.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 35px;
}
#wrapSendform p {
	text-align: center;
	color: #666;
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 200%;
}
/*-----------------------------------------------------------*/


/*+TAMA*/
.wrap-form .alert {
	color: red;
}
#mainContent #txArea #formWrap .formBody .wrap-form .point span {
	padding-right: 3px;
	_padding-right: 3px;
	font-weight: normal;
}
#mainContent #txArea #formWrap .formBody .wrap-form .align-c .sendComment01,
#mainContent #txArea #formWrap .formBody .wrap-form .align-c .sendComment02 {
	color: #993300;
	text-align: center;
	font-weight: bold;
	font-size: 93%;
}
#mainContent #txArea #formWrap .formBody .wrap-form .align-c .sendComment02 {
	padding-right: 5em;
}
#mainContent #txArea #returnHome {
	text-align: center;
	color: #fac31e;
	margin-bottom: 60px;
}
#mainContent #txArea #formWrap .formBody .wrap-form .textSmall { font-size: 93%;}
.yearClear { display: none;}

#mainContent #txArea #formWrap .formBody .wrap-form .typeL .letspa #indentL {
	width: 15em;
}


#wrapper #container #contentsWrap #mainContent.info {
	display: block;
	height: 1600px;
	width: 645px;
	overflow: hidden;
}
#wrapper #container #contentsWrap #sideNavigation.info {
	display: block;
	height: 1600px;
	width: 250px;
	overflow: hidden;
}

