@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/

/*----------------------------------メインコンテンツ----------------------------------*/

.CtsMrBox{width:960px; margin:25px auto; overflow: hidden;}
.CtsMrBox img{width: auto;}

.CtsMrBox a {
	font-size: 12px;
	font-size: 1.2rem;
	color: #1d3994;
	text-decoration: none;
  }
.CtsMrBox a:visited {
	color: #9933cc;
	text-decoration: none;
  }
.CtsMrBox a:hover {
	color: #ff9933;
	text-decoration: underline;
  }
  
/*タイトルエリア*/
.AreaPageTitle{
text-align:center;
}
.i .AreaPageTitle{
background-color:#19ADA1;
}
.d .AreaPageTitle{
background-color:#DB747B;
}

.AreaPageTitle .Naigai{
background-color:#FFFFFF;
padding:5px;
margin:5px;
width:100px;
}
.AreaPageTitle .subKyotenName{
background-color:#FFFFFF;
padding:5px;
margin:5px;
width:100px;
}
.AreaPageTitle .PageTitle{
color:#FFFFFF;
font-size:24px;
font-weight:bold;
padding:21px;
margin:5px;
}

/*注意文言*/
.YokoLink{
margin-top:15px;
text-align:right;
}
.TextBlock{
margin-top:10px;
}
.KeisaiInfo{
color:#FF0000;
font-weight:bold;
font-size:16px;
}
.Update{
color:#666666;
}
.KeisaiNote{
margin-top:5px;
}
.BeforeInfo a{
font-weight:bold;
font-size:16px;
text-decoration:underline;
line-height:1.4em;
}

/*カレンダーのテスト*/
.Cal{
position:relative;
margin-top:20px;
}
.month li{
top:3px;
position:absolute;
font-size:10px;
}
.prev, .next{
font-size:10px;
white-space:nowrap;
vertical-align:middle;
}
td.prev a, td.next a{
color:#0066FF;
text-decoration:underline;
}
.Cal td.prev{
text-align:left;
border-right:none;
}
.Cal td.next{
text-align:right;
border-left:none;
}
.Cal td, .Cal th{
border:1px solid #aaaaaa;
text-align:center;
}
.Cal th.TitleLine{
white-space:nowrap;
vertical-align:middle;
}
.Cal th.TitleMonth{
font-size:10px;
}
.Cal td.days{
font-size:10px;
width:12px;
text-align:center;
}
.Cal td.CourseName{
text-align:left;
}

.Cal .sat{
background-color:#66CCFF;
}
.Cal .sun{
background-color:#FF99CC;
}
.Cal .ok{
background-color:#FF0000;
color:#FFFFFF;
}
.Cal td.status{
border-top:dotted 1px #CCCCCC;
}
.Cal td.kaku{
border-bottom:dotted 1px #CCCCCC;
}
.Cal td.target{
background-color:#FFCC66;
}
.TitleArea td, .TitleArea th{
background-color:#EEEEEE;
}

/*ホテル並び*/
.photo img{vertical-align:top;}
#opBox{width:740px; height:auto; margin:0 0 20px 0; padding:0; float:left;}
#opBox dl{width:157px; height:auto; border:1px solid #d3d2c6; padding:9px; float:left; margin:0 10px 10px 0;}
#opBox dt{ background:#003399; font-size:12px; line-height:14px; color:#FFFFFF;}
#opBox dd{margin-bottom:5px;}
#opBox .ctrname { background:#0099ff; color:#FFFFFF; font-size:12px; line-height:14px; display:inline; padding:3px;}
#opBox .photo{width:156px; height:120px;}
#opBox .htlname{margin-top:5px;}
#opBox .syousai{text-align:left;}
#opBox .bnBox{width:740px; height:auto; clear:both; margin:0 0 10px 0; background:#ccc; text-align:center; }


.opctxt td p{ padding:0px 5px 5px;}

	border: solid 1px #ccc;

.ShoInbox .bn_left { margin-right: 6px; }
.MPcBoxPadding{
	width: 738px;
	border: solid 1px #ccc;
}
.ShoInbox table{
	margin:10px auto;
}

.MPcBox .MPcBoxPadding { 
	padding: 10px;
}




.MPcBox .MPcBoxPadding .MPcBoxTitle {
	padding: 6px 0 6px 6px;
}

.MPcBox .MPcBoxPadding h3 {
	border-left: 3px solid #4cb7ff;
	font-size: 120%;
	padding-left: 6px;
}

.MPcBox .MPcBoxPadding .MPcBoxContents div h4 {
	border-left: 3px solid #4cb7ff;
	padding-left: 6px;
	margin: 2px auto;
}

.MPcBox .MPcBoxPadding .MPcBoxContents {
	margin: 8px auto;
}

.MPcBox .MPcBoxPadding .MPcBoxContents div {
	float: left;
}

.MPcBox .MPcBoxPadding .MPcBoxContents .MPcBoxContentsImage {
	margin-right: 20px;
	width: 122px;
}

.MPcBox .MPcBoxPadding .MPcBoxContents .MPcBoxContentsClear {
	clear: left;
	visibility: hidden;
}

.MPcBox .MPcBoxPadding .MPcBoxContents h4 {
	margin-top: 10px;
}
.MPcBox .MPcBoxPadding .MPcBoxContents table.table_ql { margin: 6px auto; }
.table_ql th { background-color: #f7f7f7; }
.MPcBox .MPcBoxPadding .MPcBoxContents table th ,
.MPcBox .MPcBoxPadding .MPcBoxContents table td {
	border: 1px solid #d3d2c6;
	padding-top: 2px;
	padding-bottom: 2px;
}
.MPcBox .MPcBoxPadding .MPcBoxContents table td { padding-left: 12px;}
td.chiku   { width: 300px; }
td.kingaku { width: 220px; text-align:center;  }
td.shukka  { width: 200px; text-align:center; }
td.chiiki  { width: 377px; background-color: #f7f7f7; }
td.ouhuku  { width: 120px; text-align:center; }
td.shuppatsu { width: 120px; text-align:center; }
td.nyukoku { width: 120px; text-align:center; }
.MPcBox .MPcBoxPadding .MPcBoxContents table th.chiku {background-color:#ccebff;}
.MPcBox .MPcBoxPadding .MPcBoxContents table th.kingaku {background-color:#ccebff;}
.MPcBox .MPcBoxPadding .MPcBoxContents table th.shukka {background-color:#ccebff;}
.MPcBox .MPcBoxPadding .MPcBoxContents table th.chiku {background-color:#ccebff;}
.left   { text-align: left; }
.center { text-align: center; }
.right  { margin-left:400px }
.right_t  { margin-left:500px }

.notice {
	color: #ff0000;
	font-size: x-small;
}

.shoPoint{
	font-size: 11px;
	line-height: 1.8

}
.ShoCGbBox{
	font-size: 11px;
	line-height: 1.8
}
@media screen and (max-width: 900px){
	button{
		width:inherit;
	}
}