/*ƒwƒbƒ_�[•”*/
#HeaderDivision{
height:150px;

}

/*ƒ�ƒCƒ“•�*/

#MainContentsArea .BlockContents{
float:none;
width:100%;
}

/* #MainMenuBlock
-------------------------------------- */
#MainMenuBlock .MenuList .No04 a{
 background:#ffeaa1 url(../img/common/decoration/menu_hover.gif) no-repeat 50% 100%;
 margin-right: 2px;
}

.ContactBlock {}

.BlockContents .ContactBlock .Heading{
}

.ContactBlock .HeadingText,
.BlockContents .ContactBlock .TitlePhone,
.BlockContents .ContactBlock .Phone,
.BlockContents .ContactBlock .TitleMail,
.BlockContents .ContactBlock .Mail{

}


/*ƒAƒ‰�[ƒgƒ�ƒbƒZ�[ƒW*/
table.ContactFormTable tbody th div.Alert,
table.ContactFormTable tbody td div.Alert{}

table.ContactFormTable tbody th div.AllRight,
table.ContactFormTable tbody td div.AllRight{}

table.ContactFormTable tbody th .FormItemTitle{position:relative; display:block; padding-right:30px;}
table.ContactFormTable tbody td .FormItem{position:relative;}
table.ContactFormTable tbody td .FormItem span.CheckMessage{
position:absolute;
min-width:100px;
top:3px;
right:1px;
padding:4px;
padding-left:26px;
border-radius: 10px;        /* CSS3‘�ˆÄ */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome—p */  
-moz-border-radius: 10px;   /* Firefox—p */  
line-height:18px;
}
table.ContactFormTable tbody td .FormItem span.CheckMessage.MsAlart{ right: -12px; }
.MsAlart{
 color:red;
 background: url(../img/common/icon/icon-form-alart01.png) no-repeat 2px 50%;
}
.MsAlart input[type="text"] {
  background:RGB( 255, 226, 221 );
  border-color: #d64e4e;
  color:#333;
  }

.MsAllRight{
 color:green;
 background: url(../img/common/icon/icon-form-alart02.png) no-repeat 2px 50%;
}

.MsAllRight input[type="text"] {
  background:#f7fff4;
  border-color: #1f9318;
  background:#ffffff;
  border-color: #aaaaaa;
  color:ccc;
  }



table.ContactFormTable .Necessary {
    position:absolute;
    background: #be0000 none repeat scroll 0% 0%;
    color: #FFF;
    display:block;
    top:0px;
    right:0px;
    padding:2px 3px;
}

.ContactBlock .FormCommentBlock{text-align:center;}
.ContactBlock .FormCommentBlock a,
.ContactBlock .FormCommentBlock a:hover{
color:#4c87ff;
text-decoration:none;
}

.ContactBlock .ButtonBlock{color: #d82a63; padding:10px 0 20px 0;}
.ContactBlock .ButtonBlock{

}
.ContactBlock .ButtonBlock a:hover{
color: #333!important;
}

.ContactBlock .Comp a{
text-decoration:none;
border-radius: 2px;
border: 0px solid #FCD;
padding: 15px 1px;
line-height: 1.3;
display: block;
font-weight:bold;
text-align: center;
font-size: 100%;
background:#45a868;
width:450px;
margin: 2px auto;
color: #fff!important;
}
.ContactBlock .Comp a:hover{
color: #fff!important;
background:#4cb775;
}

.ContactBlock .disComp span{
text-decoration:none;
border-radius: 2px;
border: 0px solid #FCD;
padding: 15px 1px;
line-height: 1.3;
display: block;
font-weight:bold;
text-align: center;
font-size: 100%;
background:#efefef;
width:450px;
margin: 2px auto;
color: #333;
}



.ButtonArrow{margin:0 3px; height:1.1em; vertical-align:text-top;}



/*ƒc�[ƒ‹ƒ`ƒbƒv•W�€*/
  .input-line {
    position:relative;
  }

  .guide-tip {
    display:none;
    border-radius:5px;
    top:-51px;
    z-index:2000;
    position:absolute;
    width:auto;
    min-width:100px;
    max-width:400px;
    padding:10px 15px;
    margin:10px 0;
    background:rgba(206, 224, 255,0.7);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(75, 133, 249,0.7);
    color:blue;
    font-size:.875em; 
  }

  .guide-tip .arrow {
    position:absolute;
    bottom:-8px;
    left:15px;
    z-index:1000;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(206, 224, 255,1);
    border-top: 8px solid rgba(221, 230, 248,1);
  }

  .guide-tip .arrow.border {
    bottom:-9px; left:14px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid rgba(75, 133, 249,1);
  }

/*ƒc�[ƒ‹ƒ`ƒbƒv•K�{*/
  .input-line,
  .NecessaryItem {
    position:relative;
  }

  .NecessaryItem .guide-tip {
    display:none;
    border-radius:5px;
    top:-51px;
    z-index:2000;
    position:absolute;
    width:auto;
    min-width:100px;
    max-width:400px;
    padding:10px 15px;
    margin:10px 0;
    background:rgba(255, 209, 201,0.7);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(224, 81, 77,0.7);
    color:red;
    font-size:.875em; 
  }

  .NecessaryItem .guide-tip .arrow {
    position:absolute;
    bottom:-8px;
    left:15px;
    z-index:1000;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    /*border-top: 8px solid rgba(255, 209, 201,0.7);*/
    border-top: 8px solid rgba(255, 220, 210,1);
  }

  .NecessaryItem .guide-tip .arrow.border {
    bottom:-9px; left:14px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid rgba(224, 81, 77,1);
  }

/*ƒtƒH�[ƒJƒX�F*/
textarea.focus,
select.focus,
input[type=text].focus,
.focus{
  border:1px solid rgb( 89, 152, 255 );
  background:rgb( 244, 249, 255 );
  }
/*ƒJƒŒƒ“ƒ_�[*/

#ui-datepicker-div{
 background:#fde9c8;
 border:3px solid #efce9b!important;
 padding:20px 10px;
  border-radius: 10px;        /* CSS3‘�ˆÄ */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome—p */  
-moz-border-radius: 10px;   /* Firefox—p */  
 
}
.ui-widget-header{
background:none;
    color: #000;
    border:none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: #fff;
    font-weight: normal;
    color: #333;
}


.ui-datepicker .ui-datepicker-title {
    margin: 0px 2.3em;
    line-height: 1.8em;
    text-align: center;
}
table.ui-datepicker-calendar{
border:1px solid #aaa;
border-collapse: collapse;
background:#fff;

}
table.ui-datepicker-calendar thead th,
table.ui-datepicker-calendar tbody th,
table.ui-datepicker-calendar tbody td{
border:1px solid #aaa;
background: #eee;
}
/*—j“ú�F*/
table.ui-datepicker-calendar thead th{
background: #e4e4e4;
padding: 0.1em 0.3em;
font-weight: normal;
}

table.ui-datepicker-calendar thead th:first-child{
background-color: #fee6e2!important;
color:#cf3d3e;
}
table.ui-datepicker-calendar thead th:last-child{
background-color: #e1f1ff!important;
color:#1b46a4;
}

table.ui-datepicker-calendar thead th.ui-datepicker-week-end{}
table.ui-datepicker-calendar body td.gcal-sunday{

}
/*•½“ú*/
.ui-state-default:hover{
background-color: #ededed!important;
color:blue;
}
/*—j“ú”wŒi*/
.gcal-saturday .ui-state-default{
background-image: none!important;
background-color: #e1f1ff!important;
color:#1b46a4;
}
.gcal-saturday .ui-state-default:hover{
background-color: #c6e5ff!important;
color:blue;
}
.gcal-sunday .ui-state-default{
background-image: none!important;
background-color: #fee6e2!important;
color:#cf3d3e;
}
.gcal-sunday .ui-state-default:hover{
background-color:#fccec4!important;
color:red;
}
.ui-widget-content .gcal-holiday {
background-image: none!important;
background-color: #ffeaff!important;
color:#cf3d3e;
}
.ui-widget-content .gcal-holiday:hover{
background-color: #ffddff!important;
color:#red;
} 
/*‹æ�Ø‚è�ü*/
.ui-widget-content {
    border: 0px solid #DDD!important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0 0.2em 0;
    cursor: pointer;
    padding: 0 0.6em 0;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button,
.ui-datepicker .ui-datepicker-buttonpane button:hover{
 background:#fde9c8 url(../img/common/icon/icon-form-alart03.png) no-repeat 2px 50%!important;
 padding-left:26px;
}


.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
    background:none!important;
    display:none;
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
    background:none!important;
}




.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next:hover {
    right: 5px;
    background:#fff;
    background: url(../img/common/icon/icon-calender-arrow01.png) no-repeat 50% 50%;
    background-size:40px 40px;
    border:none;
    border-radius: 100%;        /* CSS3‘�ˆÄ */  
    -webkit-border-radius: 100%;    /* Safari,Google Chrome—p */  
    -moz-border-radius: 100%;   /* Firefox—p */  
    top: 0px;
    width: 1.5em;
    height: 1.5em;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev:hover {
    left: 5px;
    background: url(../img/common/icon/icon-calender-arrow02.png) no-repeat 50% 50%;
    background-size:40px 40px;
    border:none;
    border-radius: 100%;        /* CSS3‘�ˆÄ */  
    -webkit-border-radius: 100%;    /* Safari,Google Chrome—p */  
    -moz-border-radius: 100%;   /* Firefox—p */  
    top: 0px;
    width: 1.5em;
    height: 1.5em;
}




/*•�’²�®*/
.ContactBlockMainWidth{
margin:30px 60px;

}
/*ƒtƒH�[ƒ€tableŽüˆÍ*/
.FormTableOutLine{
 background: #fff5e9;
 margin-top:10px;
 margin-bottom:30px;
 padding:2px 0;
}


/*ƒRƒ�ƒ“ƒg•”•ª*/
.ContactBlockMainMessage{
padding:10px 15px;
background: #f7f7f7;
}
.ContactBlockMainMessage ul.FormMessage{
padding-left:2em;
font-size:80%;
}
.ContactBlockMainMessage ul.FormMessage li{
padding:0.5em 0;
}

/* #MainContentsArea BlockContents
-------------------------------------- */

/*main‚ð“]‹L�ã�‘‚«*/
table.ContactFormTable{ border: 0px solid #eeeeee; margin: 10px auto; width: 90%; background: #fff5e9; border-collapse: collapse;}
table.ContactFormTable tbody th, table.ContactFormTable tbody td{ padding:27px 5px; border-top:2px solid #f6d399;}
table.ContactFormTable tbody th.Thtop, table.ContactFormTable tbody td.Thtop{border:none;}
table.ContactFormTable tbody th{ background: #fff5e9; font-size: 87.5%; font-weight: normal; width: 130px; white-space: nowrap; text-align: center;  }
table.ContactFormTable tbody td{ background: #fff5e9; font-size: 87.5%; }
table.ContactFormTable tbody td label{ padding: 10px;}




input, textarea {
    border: 1px solid #aaa;
    font-size: 14px;
    padding: 5px 3px;
    vertical-align: middle;
    font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","ƒ�ƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

input.InputDate{ background:#fff url(../img/common/icon/icon-calender.png) no-repeat 99% 50%; padding-right:45px;}
.DateIcon input.focus{ background:rgb( 244, 249, 255 ) url(../img/common/icon/icon-calender.png) no-repeat 99% 50%; }

select{
    border: 1px solid #aaa;
    font-size: 14px;
    padding: 3px 3px;
    vertical-align: middle;
    font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","ƒ�ƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}
.InputTitle, .InputId, .InputPass, .InputCaption, .InputName, .InputAccess, .InputPlanDetail, .InputMail{ width: 75%; padding}
.InputPlanText{ width: 80%;}
.InputOnsenName{ width: 50%;}
.InputPR, .InputNote, .InputComment, .InputContact{ display: block; width: 75%; height: 10em;}

#Contact{}
.BlockContents .ContactBlock{position:relative;}
    .BlockContents .ContactBlock .Heading{
     background: url(../img/common/icon/icon-mailform.png) no-repeat 5px 50%;
     border-bottom: 0px double #e95800;
     padding: 10px 7px 10px 50px;
     margin: 0 0 10px 0;
     font-size: 115%;
     color: #363636;
     margin: 15px 30px 0 70px;
    }
.BlockContents .ContactBlock .SunHeading{
position:absolute;
top:-15px;
right:70px;
}


    .BlockContents .ContactBlock .HeadingText{
     margin: 0 20px 30px;
    }



           .BlockContents .ContactBlock .TitlePhone,
           .BlockContents .ContactBlock .TitleMail{
            border-bottom: 1px dotted #e95800;
            padding: 10px 5px 13px 40px;
            margin: 0 20px 10px;
            font-size: 87.5%;
            color: #444;
           }
           .BlockContents .ContactBlock .TitlePhone{
            /*background:#fffae9 url(/img/090_contact/tel.gif) no-repeat 0 50%;*/
            background: url(/img/090_contact/tel.gif) no-repeat 0 50%;
           }
           .BlockContents .ContactBlock .TitleMail{
            /*background:#fffae9 url(/img/090_contact/mail.gif) no-repeat 0 50%;*/
            background: url(/img/090_contact/mail.gif) no-repeat 0 50%;
           }
                .BlockContents .ContactBlock .Phone,
                .BlockContents .ContactBlock .Mail{
                 margin: 0 20px 30px;
                 font-size: 87.5%;
                 text-align: left;
                }
                    .BlockContents .ContactBlock .Phone strong{
                     margin: 0 5px;
                     font-weight: bold;
                     font-size: 150%;
                     color: #ee3d20;
                    }
                    .BlockContents .ContactBlock .Phone span{
                     display: block;
                     margin-bottom: 5px;
                     font-size: 83%;
                    }

.TelDialing:link{text-decoration: none; color:#EE3D20;}
.TelDialing:visited{text-decoration: none; color:#EE3D20;}
.TelDialing:active{text-decoration: none; color:#EE3D20;}
.TelDialing:hover{text-decoration: none; color:#EE3D20;}

#FooterDivision .TelDialing:link{color:#333333;}