@charset "utf-8";
/*============================================

Form Style Sheet
Last Update 2015-06-05

============================================*/

/*--------------------------------
certification
--------------------------------*/
#certification .small{font-size:10px;}
#certification .boxType1 .boxInner,
#certification .boxType1 .boxInner .whiteBox,
#half .boxType1 .boxInner,
#half .boxType1 .boxInner .whiteBox,
#division3 .boxType1 .boxInner,
#division3 .boxType1 .boxInner .whiteBox{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#noPossession{float:left; width:428px;}
#possession{float:right; width:293px;}
#possession .error{margin:7px 0; text-align:center;}
#inputLogin{margin-bottom:15px;}
#inputLogin li{margin-top:8px;}
#inputLogin li span{width:140px; display:inline-block; margin-right:10px; font-weight:bold; text-align:right;}
#inputLogin li input{width:90px;}
#forget{margin-left:10px;}
#forget li{display:inline; margin-left:12px; float:left; width:auto; padding-left:8px; background:url(/common/images/icon_bullet_01.gif) 0 6px no-repeat; font-size:10px;}

/* Irregular Type
--------------------------------*/
.single #inputLogin li input{width:150px;}
#half .boxType1{width:360px;}
#division3{overflow:hidden; /zoom:1; margin-left:-10px;}
#division3 .boxType1{float:left; width:238px; display:inline; margin-left:10px;}
.siteList{overflow:hidden; /zoom:1; margin-left:-15px;}
.siteList li{float:left; width:172px; margin-left:15px; display:inline;}
.siteList li span{display:block; margin-top:5px; font-size:10px; text-align:center;}

#mailmagTop{overflow:hidden; /zoom:1;}
#mailmagTop .boxType1{height:192px;}
#typeHtml{float:left; width:402px;}
#typeText{float:right; width:319px;}
#typeHtml .whiteBox{padding-bottom:0; height:120px;}
#typeText .whiteBox{height:108px;}
#mailmagTop .whiteBox{position:relative;}
#mailmagTop .whiteBox .txtR{position:absolute; bottom:10px; right:10px; font-weight:bold;}

#mailmagTopMainCon {background:url(/common/form/images/mailmag_bg_01.jpg) 0 bottom no-repeat; width:740px; height:450px;}
#mailmagTopMainCon #usefulBox {float:left; width:487px;}
#mailmagTopMainCon #usefulBox ol {margin:86px 0 0 20px;}
#mailmagTopMainCon #usefulBox ol li.usefulTxt {margin-bottom:36px;}
#mailmagTopMainCon #sampleBox {float:left; width:240px;}
#mailmagTopBtnArea {width:410px; color:#111; margin:66px auto 40px;}


/*--------------------------------
personalInfo
--------------------------------*/
#personalInfo{margin-bottom:30px;}
#personalInfo .policyArea{margin:5px 0; padding:2px;width:680px; border:#c7c7c7 1px solid; background-color:#fff;}
#personalInfo .boxInner{padding:13px 20px;}

.must{margin-left:10px; color:#ff0000; font-weight:normal;}
.errorMessage{margin-bottom:15px; padding-left:25px; background:url(/common/form/images/icon_error.gif) 0 0 no-repeat; color:#ff0000; font-weight:bold;}
.errorCell{display:block; margin-bottom:5px; color:#ff0000; font-weight:normal;}

.targetArticle{margin-bottom:10px; padding:5px 10px; border:#c7c7c7 1px solid; overflow:hidden; /zoom:1;}
.targetArticle dt{float:left; width:auto; margin:2px 10px 0 0; font-size:13px; font-weight:bold;}
.targetArticle dd{overflow:hidden; /zoom:1; font-size:16px; font-weight:bold;}
.boxInner .targetArticle{background-color:#fff; border:0;}
.boxInner .targetArticle dt{margin-top:0; font-size:12px;}
.boxInner .targetArticle dd{font-size:12px;}

.windowType2 #header #formTextHeading,
.windowType3 #header #formTextHeading{
	background: url(/common/images/bg_text_heading.gif) no-repeat scroll 0 0 transparent;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	padding: 3px 0 0 20px;
	float:left;
	width:70%;
}


/*--------------------------------
table
--------------------------------*/
.con_table_outline input{height:18px; padding:1px; /vertical-align:middle;}

.con_table_outline input.radio , 
.con_table_outline input.check{
border:none; 
height:auto;
margin:-2px 3px 0 0;
padding:0;
vertical-align:middle;
}

.con_table_outline select{border:#a5acb2 1px solid; height:22px; /height:23px; /margin-top:1px; vertical-align:middle;}
.con_table_outline label{display:inline-block;}
.con_table_outline label.state{float:left; width:165px; display:block;}
* html .con_table_outline label.state select{position:relative;}
.con_table_outline label.city,
.con_table_outline label.apartment{overflow:hidden; /zoom:1;  display:block; text-align:right;}
.con_table_outline label.city{margin-bottom:10px}
.con_table_outline label.city input,
.con_table_outline label.apartment input{margin-left:5px; width:235px;}
.con_table_outline dl.conditionList{padding-left:15px;}
.con_table_outline dl.conditionList dt{float:left; width:76px; margin-right:10px; padding-bottom:10px;}
.con_table_outline dl.conditionList dd{float:left; width:348px; padding-bottom:10px;}
.con_table_outline dl.conditionList dd label{display:inline-block; margin-right:5px; /margin-right:0;}
.con_table_outline dl.conditionList dd select{width:170px;}
.con_table_outline dl.noSelect{padding-left:0;}
.con_table_outline dl.noSelect dd{width:400px;}
.con_table_outline .hideOut{
background: url(/common/form/images/hideout.png) 0 0 repeat;
width:100%;
/width:500px;
height:100%;
/height:200px;
position:absolute;
left:0;
top:0;
clear:both;
}
.con_table_outline .articleType{width:85px; margin:0; padding:10px 0 0 10px;}
#apartItems,
#kodateItems{position:relative; padding:13px 13px 0 0;}
.con_table_outline label.latest{display:block; margin-bottom:7px;}
.con_table_outline label.end{margin-bottom:0;}
.con_table_reserv td{padding:5px 0;}
.textareaDM{width:400px; height:50px; overflow:auto;}
.textareaInquiry{width:530px; height:140px; overflow:auto;}
.textareaQ2{width:470px; height:140px; overflow:auto;}
.qList,
.qListFloat01,
.qListFloat02,
.qListFloat03{overflow:hidden; /zoom:1;}
.qList li{margin-top:5px;}
.qListFloat01 li{float:left; width:160px; margin-top:5px;}
.qListFloat02 li{float:left; width:120px; margin-top:5px;}
.qListFloat03 li{float:left; width:260px; margin-top:5px;}

.stepTable th,td{vertical-align:top;}
.stepTable th{padding:0;}
.stepTable td{padding:15px 0 0 20px;}

.w440{width:420px;}
.w374{width:354px;}
.w220{width:220px;}
.w185{width:185px;}
.w165{width:165px;}
.w60{width:60px;}


/*--------------------------------
calendar [Attend]
--------------------------------*/
#selectMonth{margin-top:15px; position:relative; width:100%;}
#thisMonth{font-size:28px; font-weight:bold; text-align:center; line-height:1.2;}
#thisMonth span{padding-left:3px; font-size:16px;}
#nextMonth{position:absolute; right:0; top:5px;}
#nextMonth a{display:block; width:40px; height:24px; padding:3px 30px 0 0; background:url(/common/form/images/attend_calendar_next.gif) 100% 0 no-repeat; text-align:right;}
#prevMonth{position:absolute; left:0; top:5px;}
#prevMonth a{display:block; width:40px; height:24px; padding:3px 0 0 30px; background:url(/common/form/images/attend_calendar_prev.gif) 0 0 no-repeat;}

.calendar_week{border:#c7c7c7 1px solid; border-bottom:none;}
.calendar_week td{border:none; padding:0;}

.calendar_table th,
.calendar_table td{border:#c7c7c7 1px solid; padding:0; background-color:#fff; vertical-align:top;}
.calendar_table a{display:block; text-decoration:none;}
.calendar_table a:hover{background-color:#e9edbf; text-decoration:none; color:#333;}
.calendar_table a:active{color:#333;}
.calendar_table .today{background-color:#f8f9eb;}
span.num{display:block; text-align:right; padding:5px; font-weight:bold;}
span.txt{
	display:block;
	padding:0 5px 5px 10px;
	font-size:11px;
	font-weight:normal;
	text-indent:-0.5em;
	line-height:13px;
}
.nolink span.num{font-weight:normal;}
.before_m,.after_m{color:#ccc;}
.before_m span.num,.after_m span.num{font-weight:normal;}

#ReservInfo{padding:15px 20px; background-color:#fff; border:#c7c7c7 1px solid; border-top:none;}
#ReservInfo h3{margin-bottom:13px;}
#ReservInfo table{border-bottom:#c7c7c7 1px dotted;}

/* Choice Time */
.chosenDay{margin:10px 0 20px; padding-top:10px; border-top:#c7c7c7 1px dotted;}
.chosenDay p{font-weight:bold; float:left; width:auto;}
.chosenDay p span{color:#b3bd0f; margin-left:5px;}
.chosenDay ul{float:right; width:auto;}
.chosenDay ul li{float:left; width:auto; margin-left:15px; display:inline;}
.chosenDay ul li img{margin:0 3px 3px 0;}

.demand{margin-top:10px; padding-top:10px; border-top:#c7c7c7 1px dotted;}
.demand label{margin:5px 0 0 10px; width:250px;}
.demand .errorCell{margin:5px 0 0 10px;}
.demand textarea{margin:5px 0 0 10px; width:510px; height:80px; overflow:auto;}



/*****************************************
search
*****************************************/
.hitBar{padding:8px 10px; /margin-top:-1px; position:relative; background-color:#e8e9e3; font-weight:bold; font-size:14px; line-height:1.3;}
.hitBar span{margin-left:20px; font-size:11px; font-weight:normal;}
.hitBar em{padding:0 2px; font-size:14px; font-weight:bold;}
.hitBar a.prev{position:absolute; left:10px; top:8px;}
.hitBar a.next{position:absolute; right:10px; top:8px;}
*html #sectionMain .hitBar{width:680px;}

#lineDisplay{float:right; width:auto; text-align:right; margin-top:-25px; font-size:11px;}
#lineDisplay li{float:left; width:auto; margin-right:15px; padding-left:10px; background: url(/common/images/icon_bullet_01_gray.gif) 0 5px no-repeat; color:#aaa;}
#lineDisplay li.on{background: url(/common/images/icon_bullet_01.gif) 0 5px no-repeat; color:#333;}

h3.railway{margin-bottom:15px; padding-bottom:13px; background:url(/common/images/bg_check_pattern_01.gif) 0 100% repeat-x; font-size:14px; font-weight:bold;}
h3.railway span{padding-left:33px; background:url(/common/images/icon_railway.gif) 0 0 no-repeat; line-height:26px; display:inline-block;}

.moreNarrow{margin-bottom:20px; padding:15px; background-color:#ecede6;}
.moreNarrow .pick{float:left; width:562px; margin-right:15px; padding:5px 10px 10px; border:#e5e6e0 1px solid; background-color:#fff;}
.moreNarrow .pick li{float:left; width:140px; margin-top:5px;}
.moreNarrow .pick li input{vertical-align:top; /vertical-align:middle; margin:1px 3px 0 0; /margin-top:-2px;}
.moreNarrow .goAgain{float:left; width:auto;}

.zeroHit{padding:80px 100px; background-color:#fff;}
.zeroHit .inner{padding:15px; background-color:#ecede6; text-align:center;}
.zeroHitArea{padding:50px 100px; background-color:#fff;}
.zeroHitArea .inner{padding:15px; background-color:#ecede6;}

.branchList{overflow:hidden; /zoom:1; width:500px; font-size:11px;}
.branchList li{float:left; width:150px; padding-left: 15px; background: url(/common/images/icon_bullet_02.png) no-repeat 0 2px;}


/* sideBox
--------------------------------*/
.sideBox .typeBox{margin-bottom:8px; background-color:#fff;}
.sideBox .typeBox .typeTitle{padding:7px; border-bottom:#e5e6e0 1px solid; font-weight:bold;}
.sideBox .typeBox .typeTitle .apart{padding-left:26px; background:url(/common/images/icon_apart.gif) 0 0 no-repeat;}
.sideBox .typeBox .typeTitle .house{padding-left:26px; background:url(/common/images/icon_house.gif) 0 0 no-repeat;}
.sideBox .typeBox .typeDetails{padding:12px;}
.sideBox .typeBox .typeDetails li{margin-bottom:3px;}
.sideBox .typeBox .typeDetails input{vertical-align:top; /vertical-align:middle; margin:1px 3px 0 0; /margin-top:-2px;}

.sideBox.layoutSelect{width:100%; height:23px;}

.sideBox .conditionTree li{font-weight:bold; margin-bottom:10px;}
.sideBox .conditionTree li li{font-weight:normal; margin:0 0 0 1.3em;}

.sideBox .typeStart{margin-left:1em;}
.sideBox .typeStart li{float:left; width:85px;}
.sideBox .typeStart li input{vertical-align:top; /vertical-align:middle; margin:1px 3px 0 0; /margin-top:-2px;}

/* Area Search
--------------------------------*/
/* Area Level1 */
#areaLevel1{background-color:#e8e9e3; position:relative; padding-bottom:20px;}
#allSearch{position:absolute; left:15px; top:15px; padding:8px 0 0 42px; height:27px; background:url(/common/images/icon_search_area.gif) 0 0 no-repeat; font-weight:bold;}
#areaTags{position:absolute; right:20px; top:20px;}
#areaTags li{margin-bottom:3px;}
#areaTags li img{cursor:pointer;}
#areaBox{margin:0 20px;}
#attachedElem{display:none; padding:5px 8px; width:193px; background:#fff; overflow:hidden; /zoom:1;}
#attachedElem li{float:left; width:auto; margin-right:10px; padding-left:8px;background: url(/common/images/icon_bullet_01.gif) 0 6px no-repeat;}
#featureBnr {background:#fff; padding:0 5px 5px; position:absolute; right:21px; top:21px;}
#featureBnr li {margin-top:5px;}

/* Area Level2 */
#areaLevel2{margin:10px;}
.lumpArea{overflow:hidden; /zoom:1;}
.lumpArea .lumpL{float:left; width:625px; position:relative;}
.lumpArea .lumpCheck{float:right; width:280px;}
.lumpArea .lumpCheck h2{margin-bottom:10px;}
#iconNote{overflow:hidden; /zoom:1; margin:5px 0 4px;}
#iconNote p{float:right; width:auto; font-size:10px; font-weight:bold;}
#iconNote p.house{margin-left:20px; padding:1px 0 0 21px; background:url(/common/images/icon_house_s.gif) 0 0 no-repeat;}
#iconNote p.apart{padding:1px 0 0 21px; background:url(/common/images/icon_apart_s.gif) 0 0 no-repeat;}
#areaCheck{padding:10px; border:#e5e6e0 1px solid;}

.prefectureBox{overflow:hidden; /zoom:1; margin-bottom:4px; /margin-bottom:3px;}
.prefectureBox h3{float:left; width:140px; vertical-align:middle;}
.prefectureBox h3 input{margin:2px 5px 0 0; /margin:0 3px 0 0; vertical-align:top; /vertical-align:middle;}
.prefectureBox h3 a{font-weight:bold; vertical-align:top; /vertical-align:middle;}
.prefectureBox .hitNum{float:right; width:110px;}
.prefectureBox .hitNum li{float:left; width:35px; padding-left:20px;}
.prefectureBox .hitNum li.apart{background:url(/common/images/icon_apart_s.gif) 0 0 no-repeat;}
.prefectureBox .hitNum li.house{background:url(/common/images/icon_house_s.gif) 0 0 no-repeat;}
.prefectureBox .hitNum li a{font-weight:bold; padding:0 2px;}

.district{position:absolute; padding:7px 10px 10px; background-color:#fff; border:#e5e6e0 1px solid; display:none; width:180px;}
.district li{width:52px; float:left; margin-top:3px; padding-left:6px; white-space:nowrap; background:url(/common/images/icon_list_01.gif) 0 45% no-repeat; color:#454545; font-size:10px;}
#tokyoCentre{top:266px; left:398px;}
#tokyoNorthEast{top:114px; left:400px;}
#tokyoWest{top:118px; left:115px;}
#tokyoSouth{top:317px; left:353px;}
#kantouOther{top:295px; left:7px;}

#toSearch{margin:12px 0 8px;}
#regidenceType .subL{float:left; width:126px; margin-top:5px;}
#regidenceType .subR{float:right; width:126px; margin-top:5px;}

#keywordBox,
#timeBox,
#lineBox,
#layoutBox{
	border:#e5e6e0 1px solid;
	padding:13px 18px;
	background-color:#fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#keywordBox h2,
#timeBox h2,
#lineBox h2,
#layoutBox h2{margin-bottom:10px;}

#keywordBox{width:383px; float:left; /width:347px;}
#timeBox{width:519px; float:right; /width:481px;}
#timeBox p span{padding-top:5px; vertical-align:top; display:inline-block;}
#lineBox{margin:8px 20px 0; clear:both;}
#lineBox ul{margin-left:-25px;}
#lineBox ul li{float:left; width:auto; margin-left:25px; padding-left:15px; display:inline; background: url(/common/images/icon_bullet_02.png) 0 3px no-repeat;}

#areaLevel2 #keywordBox{width:393px; float:left; /width:357px;}
#areaLevel2 #timeBox{width:529px; float:right; /width:491px;}
#areaLevel2 #lineBox{width:393px; /width:357px; float:left; height:77px; /height:51px; margin:0;}
#areaLevel2 #layoutBox{width:529px; /width:491px; float:right; height:77px; /height:51px; background-color:#f4f7da;}
#areaLevel2 #layoutBox img{vertical-align:middle;}

.layoutSelect{width: 210px; height:23px;}


/* layout
--------------------------------*/
.layoutLocation{background:url(/common/form/images/search/bg_location_layout.gif) 100% 0 no-repeat;}
.layoutTypeTable th,
.layoutTypeTable td{padding:20px 0; background:url(/common/images/bg_dotline.gif) 0 100% repeat-x;}
.layoutTypeTable th{vertical-align:middle;}
.layoutTypeTable ul li{float:left; width:170px; margin-bottom:5px;}
.layoutTypeTable ul li.wide1{width:95%;}
.layoutTypeTable ul li.wide2{width:340px;}
.layoutTypeTable ul li.wide3{width:100px;}
.layoutTypeTable ul li input{margin:1px 3px 0 0; /margin-top:-2px; vertical-align:top; /vertical-align:middle;}
.layoutTypeTable ul.flat li{margin-bottom:0;}
.layoutTypeTable select{width:210px;}
#sectionMain .layoutTypeTable ul li{float:left; width:135px; margin-bottom:5px;}
#sectionMain .layoutTypeTable ul li.wide1{width:95%;}
#sectionMain .layoutTypeTable ul li.wide2{width:270px;}
#sectionMain .layoutTypeTable ul li.wide3{width:80px;}

#layoutHit{margin:30px 0; text-align:center; position:relative; width:100%; height:41px;}
#layoutHit #hitNum{position:absolute; top:8px; left:185px;}
#layoutHit #hitNum span{padding-right:3px; color:#b7c53a; font-size:14px; font-weight:bold;}
#sectionMain #layoutHit #hitNum{left:100px;}

.backtoResult{margin:10px 0; padding-left:20px;background: url(/common/images/icon_bullet_03.png) 0 3px no-repeat; font-size:14px; font-weight:bold;}
.layoutEnd{overflow:hidden; /zoom:1; margin:0 10px; /padding-bottom:10px; display:none;}
.layoutEnd .backtoResult{float:left; width:auto;}
.layoutEnd .linkBlank{float:right; width:auto; margin-top:10px;}

.layoutTypeList{margin-left:-10px;}
.layoutBox{float:left; width:225px; display:inline; margin:10px 0 0 10px; background-color:#eaebe5;}
.layoutBox .articleName{margin:10px; font-size:13px; font-weight:bold;}
.layoutBox .typeBox{margin:11px; padding:5px; background-color:#fff;}
.layoutBox .typeBox dt{padding:3px 0; border-bottom:#444 1px dotted; font-weight:bold; text-align:center;}
.layoutBox .typeBox dd{position:relative; width:193px;}
.layoutBox .typeBox dd img{width:193px; text-align:center;}
.layoutBox .typeBox dd span{position:absolute; bottom:0; right:0; display:block; width:25px; height:25px; background: url(/common/images/icon_enlarge.gif) 0 0 no-repeat;}
.layoutBox ul{margin:10px;}
.layoutBox .favorite{margin:0 11px 11px 0; text-align:right;}

#sectionMain .layoutTypeList{margin-left:-8px;}
.layoutTypeList .rest p{ margin:1px; background-color:#fff; text-align:center;}
.layoutTypeList .rest .typeBox,
.layoutTypeList .rest ul{display:none;}
.withPN{position:relative; width:100%;}
.withPN .hitBar{background:none;}
.withPN .pageNation{position:absolute; top:10px; right:10px;}
.withPN .pageNation a,
.pageNationBottom a{font-weight:bold;}
.pageNationBottom{text-align:right; padding:10px 5px 5px; display:none;}
.sort{margin:5px 0 5px 10px;}
.sort span{margin-left:15px;}
.sort span a{font-weight:bold;}

#conciergewrap{margin-top: 10px\9;}
.concierge{border: solid 2px #CCC; margin-top: 10px; padding: 5px;}
.concierge p{text-align:right;}

#fccwrap{margin-top: 10px\9;}
.fcc{border: solid 2px #CCC; margin-top: 10px; padding: 5px;}
.fcc p{text-align:right;}

/* Adjust Old Style
--------------------------------*/
.oldStepStyle{overflow:hidden; /zoom:1; margin-bottom:20px; font-size:10px;}
.oldStepStyle ul{overflow:hidden; /zoom:1; float:right;}
.oldStepStyle li{float:left; width:auto; margin-left:15px; padding-left:5px; line-height:1.2; color:#b9b9b9; border-left:#b9b9b9 3px solid;}
.oldStepStyle li.list_on{border-left:#b7c53a 3px solid; color:#333;}


/*--------------------------------
clearfix
--------------------------------*/
#certification,
#half,
#inputLogin,
#forget,
.conditionList,
.layout,
.chosenDay,
#lineBox ul,
.hitNum,
.district,
#regidenceType,
.selectSection ul,
#lineDisplay,
.moreNarrow .pick,
.layoutTypeTable ul,
.layoutTypeList,
.typeStart,
{/zoom:1;} /* IE6,7 */

#certification:after,
#half:after,
#inputLogin:after,
#forget:after,
.conditionList:after,
.layout:after,
.chosenDay:after,
#lineBox ul:after,
.hitNum:after,
.district:after,
#regidenceType:after,
.hitLead:after,
.character:after,
.selectSection ul:after,
#lineDisplay:after,
.moreNarrow .pick:after,
.layoutTypeTable ul:after,
.layoutTypeList:after,
.typeStart:after{content:''; display:block; clear:both; height:0;}


/*--------------------------------
Coupon_101.html
--------------------------------*/
.coupon_ttl_img {margin:0px 10px 5px 0px;}
.coupon_ttl_txt {font-size:25px; font-weight:bold;}
.coupon #contentsTitle {width: 580px !important;}


/*--------------------------------
PID_111_3.html
--------------------------------*/
.coupon_pid{overflow:hidden; width:710px; padding:20px 0px 40px 30px;}
.coupon_pid li.logo{float:left; width:246px;}
.coupon_pid li.txt{float:left; width:464px; font-size:10px; margin-top:15px;}
.font16{font-size:16px;}
.branchList02{overflow:hidden; /zoom:1; width:600px; font-size:11px;}
.branchList02 li{float:left; width:600px; padding-left: 15px; background: url(/common/images/icon_bullet_02.png) no-repeat 0 2px;}
.branchList02 span{ margin-left:35px;}
.ml80{ margin-left: 80px !important;}



/*--------------------------------
concierge
--------------------------------*/

#regulation {
	height:90px;
}

#iframeBlockId {
	height:90px;
}

.concierge p.txt{
	clear: both;
	text-align: left;
	padding:10px 0px 0px 15px;
	font-size:10px;
}

/*--------------------------------
fcc
--------------------------------*/

#regulation_fc {
	height:90px;
}

#iframeBlockId_fc {
	height:90px;
	background:#fff;
}

.fcc p.txt{
	clear: both;
	text-align: left;
	padding:10px 0px 0px 15px;
	font-size:10px;
}

/*--------------------------------
20120906 HOSINGMATE RENEW
--------------------------------*/
.boxType00{width:360px !important;}

.areaCheck {
	margin: 5px 0 0 15px;
	padding: 0;
}

.areaCheck li {
	margin: 0 10px 5px 0;
	list-style:none;
	display:inline;
}
.areaCheck li input{vertical-align:middle; margin-right:5px;}

/*--------------------------------
20130517 Recommend Map
--------------------------------*/

.borderType3{border:#e5e6e0 2px solid;}


#MapListWrap{
	width:186px;
	_width:174px;
	font-size:10px;
	margin:0 0 0 5px;
}

#MapListWrap div{
	margin:0px 0px 3px 0px;
}


#MapListWrap table{
	padding:0 1px 0 2px;
	margin:0 1px 0 0;
	_margin:0 2px 0 0;
}

#MapListWrap table th{
	width:64px !important;
	padding:3px 0px 0 3px;
	_padding:1px 3px 2px 7px;
	font-weight:normal;
}

#MapListWrap table td{
	width:89px !important;
	padding:2px 1px 0 0;
	_padding:1px 3px 2px 0;
}

#MapListWrap table td div{
	width:89px !important;
	word-wrap:break-word;
}

#MapListWrap p.Maptitle{
	font-size:12px;
	font-weight:bold;
	margin:5px 0 2px 7px;
}

#MapListWrap table.MapInfo02{
	margin-bottom:5px;
}

dd.tra{
	text-indent:3.8em;
	_text-indent:3.5em;
}

.reserved{
	border:#fe9900 solid 2px; background:#ffebcd;
}

div.reserve_btn{
	text-align:center;
}

.reserved dt{
	font-size:12px;
	font-weight:bold;
}

.reserve{
	border:#a5be0e solid 2px; background-color:#fff;
}

.reserve_ov{
	border:#a5be0e solid 2px; background-color:#ecf8a2;
}

div.reserve:hover {
	border:#a5be0e solid 2px; background-color:#ecf8a2;
}

/*--------------------------------
20130613 ID PASSWORD
--------------------------------*/

.boxTypeIDpass{
	width:560px;
	border:#c7c7c7 1px solid;
	padding:20px 20px 25px 20px;
	margin:0 0 30px 65px;}
.boxTypeIDpass p{
	text-align:center;}
.boxTypeIDpass .boxInner{margin:5px; padding:13px; background-color:#eaebe5;}
ul.inputLogin li span.arrsmall{
	font-size:10px;
	background:url(/common/images/icon_bullet_01.gif) 0 6px no-repeat;
	margin-left:10px; font-weight:normal;}

.boxTypeIDpass .titWrapL{
	float:left;}
.boxTypeIDpass .titWrapR{
	float:right;
	margin-top:12px;}
.boxTypeIDpass .titWrap{ width:430px; margin-top:10px;}

.boxTypeIDpass .textL{
	width:140px;
	float:left;
	text-align:right;
	display:block;
	font-weight:bold;
	margin-right:10px;}
.boxTypeIDpass .inputC{
	width:130px;
	float:left;
	text-align:left;}
.boxTypeIDpass .textR{
	width:120px;
	float:left;
	background:url(/common/images/icon_bullet_01.gif) 0 6px no-repeat;
	margin-left:20px;
	padding-left:8px;
	font-size:10px;
	text-align:left;}
	
/* box
--------------------------------*/
.boxType4{border:#c7c7c7 1px solid;}
.boxType4 .boxTitle{margin:5px 5px 0; background-color:#eaebe5; padding:10px 0 0 10px;}
.boxType4 .boxInner{margin:0 5px 5px; padding:13px; background-color:#eaebe5;}

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


/*--------------------------------
20130613 complete
--------------------------------*/

.single2{
	width:640px;
	margin:0 auto;}


/*--------------------------------
20140729 housing mate
--------------------------------*/

.boxInner .hmbg{
	width:564px;
	background:#FFF;
	min-height:115px;
	margin-bottom:10px;
	padding:20px 20px 0 20px;
	display:block;
	border:solid 1px #CCC;}
.boxInner .hmbg p.boxTxt{
	margin-bottom:10px;
	line-height:180%;}
	
/*--------------------------------
20130613 Fine Coute Club
--------------------------------*/

.boxInner .fcbg{
	width:584px;
	background:url(/common/form/images/shared_bg_fc.jpg) 0 0 no-repeat;
	min-height:216px;
	margin-bottom:10px;
	padding-top:20px;
	padding-left:20px;
	display:block;}
.boxInner .fcbg p.boxTxt{
	margin-bottom:10px;
	line-height:180%;}
	
.fcPolicyArea{
	width:604px;}
.fcPolicyArea{	background:#eaebe5;}
.fcPolicyArea iframe{
	background:#FFF;
	border:1px solid #cccccc;}
	

/*--------------------------------
20130613 Mailmagazine
--------------------------------*/
.boxInner .embg{
	width:584px;
	background:url(/common/form/images/shared_bg_em.jpg) 0 0 no-repeat;
	min-height:180px;
	padding-top:20px;
	padding-left:20px;
	display:block;}
.boxInner .embg p.boxTxt{
	margin-bottom:10px;
	line-height:180%;}
	
	
	

.commentBox{
	width:605px;
	height:75px;
	background:url(../images/shared_comment_personal.gif) 0 0 no-repeat;
	margin-left:65px;
	margin-bottom:10px;}
.commentBox p{ font-weight:bold;
padding-top:20px;
color:#444444;}

/*--------------------------------
20141003 form 
--------------------------------*/
.attentionColor01 {
	color: #ff0000;
}
.explainBlock {
	width:710px;
	height:140px;
	padding-top: 14px;
	padding-left: 30px;
	background:url(/common/form/images/explain_bg.gif) 0 0 no-repeat;
}

/*--------------------------------
20150408 form 
--------------------------------*/
.con_table_outline input[name='addresskaigai'] {
	margin-right: 3px;
	vertical-align: middle;
	}

/*--------------------------------
20150116
--------------------------------*/
#eventLinkInpage {
    border: none;
    border-bottom: 1px solid #f4eacc;
    padding: 10px 0;
}

#eventLinkInpage a {
    font-size: 12px;
}

.eventIndex {
    border-bottom: 1px solid #f4eacc;
    padding: 20px 0 10px;
}

.eventIndex:last-child {
    border: none;
}

.dn {
  display: none!important;
}

#calSlider {
	position: relative;
}
.ml07 {margin-left:7px;}
#dateSelect {margin-bottom:30px;width: 738px;background:#ffffff;}
#dateSelect .policyArea{margin:5px 0; padding:2px;width:680px; border:#c7c7c7 1px solid; background-color:#fff;}
#dateSelect .boxInner{padding:10px 0 7px;}
#dateSelect table {
	border-top: #c7c7c7 1px solid;
	border-left: #c7c7c7 1px solid;
	border-bottom: #c7c7c7 1px solid;
	background: #ffffff;
  table-layout: fixed;
}
#dateSelect table th,
#dateSelect table td {
	border-right: #c7c7c7 1px solid;
	padding: 1px;
}

#dateSelect table th {
	width: 87px;
}
#calSlider .infomationArea {
	border: #c7c7c7 1px solid;
	background: #ffffff;
	padding: 12px;
	margin: 0 7px;
  font-size: 12px;
  line-height: 18px;
}

#calSlider .infomationArea dd span {
	margin-left: 6px;
}

#dateSelect table th a,
#dateSelect table td a {
	display: block;
	height: 48px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
}

#dateSelect table td a span {
	text-decoration: underline;
}

#dateSelect table td a .txt {
	text-decoration: none;
}
#dateSelect table td a span.weekend {
	color: #246abe;
}
#dateSelect table td a span.holiday {
	color: #ff0000;
}
#dateSelect table td a.checked {
	background-color:#b7c53a!important;
	text-decoration:none!important;
	color:#ffffff!important;
}
#dateSelect table td a.checked span.holiday,
#dateSelect table td a.checked span.weekend {
	color:#ffffff!important;
}

#dateSelect table td a.disabled {
	background-color:#e7e7e6!important;
	text-decoration:none!important;
	color:#cccccc!important;
	cursor: default;
}
#dateSelect table td a.disabled span.holiday,
#dateSelect table td a.disabled span.weekend {
	color:#cccccc!important;
}
#dateSelect table th span {
	background:url(../../../common/form/images/dateSelect_bg.gif) 5px 100% repeat-x; 
	display: block;
	color: #ffffff;
	height: 48px;
	
}
#dateSelect table th a:hover span {
	background:url(../../../common/form/images/dateSelect_bg_on.gif) 5px 100% repeat-x; 
}

#eventInfo {
	border-top: #c7c7c7 1px solid;
	border-left: #c7c7c7 1px solid;
	border-right: #c7c7c7 1px solid;
	background: #ffffff;
}

#eventInfo li {
	border-bottom: #c7c7c7 1px solid;
	padding: 18px 26px;
}
#eventInfo li dt {
	margin-bottom: 10px;
	
}
#eventInfo li dd {
	margin-bottom: 10px;
  font-size: 12px;
}
#eventInfo li dd img {
  max-width: 100%
}
#eventInfo li dd.last {
	margin-bottom: 0px;
}
#eventInfo li dt span {
	display: block;
	
}
#eventInfo li dt .eventTtl {
	float: left;
	font-size: 18px;
	font-weight: bold;
}
#eventInfo li dt .eventDate {
	float: right;
	font-size: 12px;
	margin-top: 4px;
}
/*--------------------------------
#selectDate
--------------------------------*/
#pageIndex {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}
#selectDate {
	border: #f4eacc 1px solid;
	background: #fbf8ef;
	padding: 30px 20px 40px;
	margin-top: 10px;
	position: relative;
}
#selectDateArrow {
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -25px;
}
#selectDate .selectDate {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#selectDate .dateAttention {
  font-size: 13px;
   text-align: center;
}

#selectDate .enentTxt {
  font-size: 12px;
}
#eventInfoDetail {
	
}

#eventInfoDetail li {
	
}

#eventInfoDetail li .eventName {
	padding-left: 26px;
	background: url(../../../common/form/images/icon_eventName.png) no-repeat left 4px;
}
#eventInfoDetail li .eventName span {
	display: block;
}

#eventInfoDetail li .eventName .eventTtl {
	float: left;
	font-size: 18px;
	font-weight: bold;
}
#eventInfoDetail li .eventName .eventDate {
	float: right;
	font-size: 12px;
	margin-top: 4px;
}

#eventInfoDetail li .eventDetail {
	margin-bottom: 10px;
	padding: 10px 0 0 20px;
	
}
#eventInfoDetail li .eventDetail p {
	margin-bottom: 15px;
}
#eventInfoDetail li .eventDetail .attention {
	color: #ff0000;
  font-size: 12px;
}
#eventInfoDetail li .eventDetail .dateSelector {
	/*margin-bottom: 15px;*/
}
#eventInfoDetail li .eventDetail .dateSelector li {
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#eventInfoDetail li .eventDetail .dateSelector li span {
	display: block;
	font-size: 12px;
	line-height: 18px;
}
#eventInfoDetail li .eventDetail .dateSelector li a {
	text-decoration: none;
	display: block;
	border: #c7c7c7 1px solid;
	background: #ffffff;
	padding-top: 2px;
	width: 58px;
	height: 36px;
}

#eventInfoDetail li .eventDetail .dateSelector li a:hover {
	text-decoration: none;
	background: #b7c53a;
	color: #ffffff!important;
}
#eventInfoDetail li .eventDetail .dateSelector li a.checked {
	text-decoration: none;
	background: #b7c53a;
	color: #ffffff!important;
}
#eventInfoDetail li .eventDetail .dateSelector li a.disabled {
	text-decoration: none;
	color: #cccccc;
	cursor: default;
}
#eventInfoDetail li .eventDetail .dateSelector li a.disabled:hover {
	background: #ffffff!important;
	color: #cccccc!important;
}

#eventInfoDetail li .eventDetail .selectedDate {
	width: 552px;
	border: #c7c7c7 1px solid;
	background: #ffffff;
	padding: 20px 0 15px 80px;
}
#eventInfoDetail li .eventDetail .selectedDate p {
	padding-left: 25px;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	margin-bottom: 15px;
	
}

#eventInfoDetail li .eventDetail .selectedDate p.selected {
	background: url(../../../common/form/images/icon_check_l.png) no-repeat left center;
}
#eventInfoDetail li .eventDetail .selectedDate ol {
	padding-left: 35px;
	width: 340px;
	float: left;
	margin-right: 11px;
}

#eventInfoDetail li .eventDetail .selectedDate ol li {
	padding-left: 20px;
	margin-bottom: 12px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}

#eventInfoDetail li .eventDetail .selectedDate ol li.selected {
	background: url(../../../common/form/images/icon_check_s.png) no-repeat left center;
}

#eventInfoDetail li .eventDetail .selectedDate dt,
#eventInfoDetail li .eventDetail .selectedDate dd {
	float: left;
}

#eventInfoDetail li .eventDetail .selectedDate dt {
	margin-right: 16px;
	width: 50px;
}
#eventInfoDetail li .eventDetail .selectedDate .inputDate {
	width: 190px;
  margin-right: 30px;
}
#eventInfoDetail li .eventDetail .selectedDate .inputDate a {
	float: left;
}
#eventInfoDetail li .eventDetail .selectedDate .inputDate span {
	float: right;
}


#eventInfoDetail li .eventDetail .selectedDate .disabled a {
	color: #cccccc;
	text-decoration: none;
	cursor: default;
}

#eventInfoDetail li .eventDetail .selectedDate .disabled a:hover {
	color: #cccccc!important;
	background: none;
	text-decoration: none;
	cursor: default;
}
#eventInfoDetail li .eventDetail .selectedDate .disabled:hover {
	color: #cccccc!important;
	background: none!important;
}

#eventInfoDetail li .eventDetail .selectedDate .dateDelete.disabled {
	text-decoration: none;
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

#eventInfoDetail li .eventDetail .selectedDate ul .dateReplace.disabled {
	text-decoration: none;
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}


#eventInfoDetail li .eventDetail .selectedDate ul {
	width: 23px;
	float: left;
	padding-top: 20px;
}
#eventInfoDetail li .eventDetail .selectedDate ul li:first-child {
	margin-bottom: 12px;
}

#nextBtn {
	width: 800px;
	height: 68px;
	background: #eaebe5;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -400px;
	z-index: 1;
	padding-top: 20px;
	display: none;
}
#nextBtn p {
	margin: 0 auto;
	width: 196px;
}

#cal .hideOn {
	display: none;
}
#cal .hideOff {
	display: block;
}
/*--------------------------------
calendar [Attend]
--------------------------------*/
#selectMonth{margin-top:5px;margin-bottom:7px; position:relative; width:100%;}
#selectMonth #calIcon {
	float: left;
	line-height: 30px;
}

#selectMonth ul {
	float: right;
	font-size: 14px;
}

#selectMonth ul li {
	float: left;
	margin-left: 20px;
  line-height: 27px;
}

#selectMonth ul li a{
	display: block;
	width: 40px;
	height: 26px;
	border: 1px solid #c7c7c7;
	background: #ffffff;
	text-align: center;
}
#selectMonth ul li.current a {
	background: #b7c53a;
	color: #ffffff;
	cursor: default;
	text-decoration: none;
	
}
#selectMonth ul li.current a:hover {
	color: #ffffff!important;
}
/*
#thisMonth{font-size:28px; font-weight:bold; text-align:center; line-height:1.2;}
#thisMonth span{padding-left:3px; font-size:16px;}
#nextMonth{position:absolute; right:0; top:5px;}
#nextMonth a{display:block; width:40px; height:24px; padding:3px 30px 0 0; background:url(../../../common/form/images/attend_calendar_next.gif) 100% 0 no-repeat; text-align:right;}
#prevMonth{position:absolute; left:0; top:5px;}
#prevMonth a{display:block; width:40px; height:24px; padding:3px 0 0 30px; background:url(../../../common/form/images/attend_calendar_prev.gif) 0 0 no-repeat;}
*/
.calendar_week{border:#c7c7c7 1px solid; border-bottom:none;}
.calendar_week td{border:none; padding:0;}

.calendar_table th,
.calendar_table td{
	border:#c7c7c7 1px solid;
	padding:0;
	background-color:#f2f2f2;
	vertical-align:top;
}
.calendar_table a{
	display:block;
	text-decoration:none;
	border-top:#ffffff 1px solid;
}
.calendar_table a:hover {
	background-color:#b7c53a;
	text-decoration:none;
	color:#ffffff!important;
}
.calendar_table a:active{color:#333;}


.calendar_table span.num{
	display:block; 
	text-align:center;
	padding:10px 0 8px 0;
	height: 18px;
	font-weight:bold;
  font-size:12px;
}
.calendar_table span.num.holiday {
	color: #ff0000;
}
.calendar_table a:hover span.num.holiday {
	color:#ffffff!important;
}
.calendar_table span.num.weekend {
	color: #246abe;
}
.calendar_table a:hover span.num.weekend {
	color:#ffffff!important;
}
.calendar_table span.txt{
	display:block;
	text-align:center;
	padding:0 0 10px 5px;
	height: 13px;
	font-size:12px;
	font-weight:normal;
	text-indent:-0.5em;
	line-height:13px;
}
.calendar_table .past span.num{font-weight:normal;}
.calendar_table .past {
	background:#e7e7e6;
	color: #cccccc;
	border-top:#ffffff 1px solid;
}
.calendar_table .past:hover {
	background:#e7e7e6!important;
}
.calendar_table a.past:hover span.num {
	color: #cccccc!important;
}

.calendar_table .checked {
	background-color:#b7c53a!important;
	text-decoration:none!important;
	color:#ffffff!important;
}
.calendar_table .checked:hover  {
	background-color:#b7c53a!important;
	text-decoration:none!important;
	color:#ffffff!important;
	cursor: default;
}
.calendar_table .checked span.num.holiday {
	color:#ffffff!important;
}
.calendar_table .checked span.num.weekend {
	color:#ffffff!important;
}
.disabled:hover {
	background-color:#f2f2f2!important;
}
.calendar_table .past,
.calendar_table .disabled,
.calendar_table .disabled .holiday ,
.calendar_table .disabled .weekend {
	color: #cccccc!important;
	border-top:#ffffff 1px solid;
	cursor: default;
}

.calendar_table a.disabled:hover span.txt,
.calendar_table a.disabled:hover span.num,
.calendar_table a.disabled:hover span.num.holiday,
.calendar_table a.disabled:hover span.num.weekend {
	color: #cccccc!important;
}
.calendar_table .before_m,
.calendar_table .after_m {
	border-top:#ffffff 1px solid;
}

.calendar_table .before_m span.num,.calendar_table .after_m span.num{font-weight:normal;}

#ReservInfo{padding:15px 20px; background-color:#fff; border:#c7c7c7 1px solid; border-top:none;}
#ReservInfo h3{margin-bottom:13px;}
#ReservInfo table{border-bottom:#c7c7c7 1px dotted;}


.con_table_outline textarea {
	width:534px;
	padding: 5px;
	height: 150px;
	resize: none;
}
.con_table_outline .disabled {
	color: #cccccc;
}

.sideBySide {
	width: 740px;
	margin-top: 40px;
}

.sideBySide li {
	margin: 0 auto;
	width: 234px;
}

.sideBySide li:first-child {
	margin: 0 0 20px 0;
}

/* box
--------------------------------*/

.printOffArea .boxType1 {
	border: none;
}

.printOffArea .boxInner {
	margin:none;
}
.printOffArea .boxTitleEvent {
	margin:none;
}

.boxType5 {
	/*border:#c7c7c7 1px solid;*/
	width: 430px;
}
.boxType5 .boxInner {
	/*margin:0 5px 5px;*/
	padding:13px;
	background-color:#eaebe5;
}

#reservedDetail .boxTitleEvent {
	font-size: 15px;
	font-weight: bold;
	height: 27px;
	line-height: 28px;
	background: #444 url(../../../common/form/images/shared_ttl_bg_boxTitleEvent.png) no-repeat left center;
	/*margin:5px 5px 0;*/
	color: #ffffff;
	padding-left: 32px;
}
#reservedDetail .leftSide {
	float: left;
	width: 430px;
}
#reservedDetail .rightSide {
	float: right;
	width: 290px;
}
#reservedDetail .selected {
	padding-left: 25px;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	margin-bottom: 15px;
	background: url(../../../common/form/images/icon_check_l.png) no-repeat left center;
}

#reservedDetail .selectedDate p,
#reservedDetail .selectedDate ol {
	padding-left: 20px;
}

#reservedDetail .selectedDate ol li {
	margin-bottom: 12px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}


#reservedDetail .selectedDate dt,
#reservedDetail .selectedDate dd {
	float: left;
}

#reservedDetail .selectedDate dt {
	margin-right: 16px;
	width: 48px;
}
#reservedDetail .selectedDate .inputDate {
	width: 180px;
}

#reservedDetail .mapImg  {
	position: relative;
	margin-bottom: 10px;
}
#reservedDetail .mapImg img {
	width: 100%;
}

#reservedDetail .mapImg span {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
}

#reservedDetail .googleMap {
	margin-bottom: 20px;
}

#printArea {
	margin: 30px 0;
}
#printArea p {
	text-align: right;
}
#printArea input {
	width: 120px;
	height: 40px;
}

@media print {

	.printOffArea {
		display: none;
	}
	#reservedDetail .leftSide {
		float: inherit;
		width: 100%;
		
		/zoom:1; /* IE6,7 */
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	.boxType5 {
		float: left;
		width: 360px;
	}
	.boxType5:first-child {
		margin-right: 15px;
	}
	#reservedDetail .rightSide {
		float: inherit;
		width: 630px;
		margin: 0 auto 30px auto;
	}
	
	#reservedDetail .googleMap {
		display: none;
	}
	.footBar {
		display: none;
	}
  #reservedDetail .mapImg span {
		display: none;
	}
}

#loading {
	position: fixed;
	top: 0;
	left: 0;
	background: #333333;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	z-index: 10000;
}

#loading span {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
	background: url(../../../common/form/images/loading_sprite.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/*--------
テーブル
--------*/
.con_table_outline th {
	padding: 13px 10px!important;
}
/*-----------------------------------------------------
モーダル
-----------------------------------------------------*/
.modalOpen {
	cursor:pointer;
}

#modal {
	display: none;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
}
#modal .background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
#modal .contents {
	position: relative;
	width: 720px;
	height: 540px;
	top: 180px;
}

#modal .contents .modalImage {
	overflow: hidden;
}

#modal .contents p.close {
	cursor:pointer;
	position: absolute;
	width: 50px;
	height: 50px;
	top: -25px;
	right:-25px;
	display: block;
}
#modal .contents p.close img {
	width: 100%;
}