
.main_cts{
	width:670px;
	margin-bottom:15px;
}
.main_cts p{
	font-size: 14px;
	margin-bottom: 0.5em;
	line-height: 160%;
}
ul,li{
	margin:0;padding:0;
}


/*-----------------------
			Common
-------------------------*/
.clr{
	clear:both;
}

.img_right{
	float:right;
	margin:0 0 10px 10px;
}
.img_left{
	float:left;
	margin:0 10px 10px 0;
}
.img{
	margin: 0 20px;
}

.dotted_line{
	border-bottom:2px #CCCCCC dotted;
	height:3px;
	margin-bottom:5px;
}




/*-----------------------
		Menu
-------------------------*/
ul,li{
	margin:0;padding:0;
list-style-type: none;
}


ul.main_menu{
	width:990px;
	height:50px;
	background:#ffffff;
	margin-bottom: 10px;
}
ul.main_menu li.mn{
	display:block;
	float:left;
}
ul.main_menu li.mn a{
	display:block;
	background:url(/feature/images/okutama/oku_menu.png) no-repeat;
	margin:0;padding:0;
}
ul.main_menu li.mn a.f1{
	width:174px;
	height:50px;
	background-position:0 0px;
}
ul.main_menu li.mn a.f1:hover{
	background-position:0 -50px;
}
ul.main_menu li.mn a.f1v{
	width:174px;
	height:50px;
	background-position:0 -50px;
}
ul.main_menu li.mn a.f2{
	width:168px;
	height:50px;
	background-position:-174px 0 ;
}
ul.main_menu li.mn a.f2:hover{
	background-position:-174px -50px;
}
ul.main_menu li.mn a.f2v{
	width:168px;
	height:50px;
	background-position:-174px -50px;
}

ul.main_menu li.mn a.f3{
	width:167px;
	height:50px;
	background-position:-341px 0;
}
ul.main_menu li.mn a.f3:hover{
	background-position:-341px -50px;
}
ul.main_menu li.mn a.f3v{
	width:167px;
	height:50px;
	background-position:-341px -50px;
}

ul.main_menu li.mn a.f4{
	width:150px;
	height:50px;
	background-position:-508px 0;
}
ul.main_menu li.mn a.f4:hover{
	background-position:-508px -50px;
}
ul.main_menu li.mn a.f4v{
	width:150px;
	height:50px;
	background-position:-508px -50px;
}

ul.main_menu li.mn a.f5{
	width:150px;
	height:50px;
	background-position:-664px 0;
}
ul.main_menu li.mn a.f5:hover{
	background-position:-664px -50px;
}
ul.main_menu li.mn a.f5v{
	width:150px;
	height:50px;
	background-position:-664px -50px;
}

ul.main_menu li.mn a.f6{
	width:181px;
	height:50px;
	background-position:-809px 0;
}
ul.main_menu li.mn a.f6:hover{
	background-position:-809px -50px;
}
ul.main_menu li.mn a.f6v{
	width:181px;
	height:50px;
	background-position:-809px -50px;
}




.menu{
	margin: 20px 0;
}
ul.top_menu{
	width:670px;
	height:44px;
	background:#ffffff;
}
ul.top_menu li.mn{
	display:block;
	float:left;
	margin: 0 10px 10px 0;
}
ul.top_menu li.mn a{
	display:block;
	margin:0;padding:0;
}
ul.top_menu li.mn a.f1,ul.top_menu li.mn a.f2,ul.top_menu li.mn a.f3,ul.top_menu li.mn a.f4,ul.top_menu li.mn a.f5,ul.top_menu li.mn a.f6{
	width:210px;
	height:138px;
}


.title_area{
	margin:10px 0;
}

.mds{
	position: relative;
	color: #fff;
	background: #00887e;
	font-size: 16px;
	line-height: 140%;
	border :1px solid #00887e;
	margin: 30px -10px 20px 0;
	padding: 15px 5px 12px 10px;
	border-radius: 3px;
	width: 75%
}
.mds:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #00887e;
}
.mds_s{
	border-bottom :2px solid #00887e;
	font-size: 16px;
	font-weight: bold;
	margin: 25px 0;
	padding: 0 0 5px 5px;
}

.lead{
	background: url(/feature/images/okutama/lead_back.png) repeat-y;
	width: 630px;
	padding: 20px;
	font-size: 14px;
	margin: 10px 0 20px 0;
	line-height: 160%;
	position: relative;
}
.lead:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.lead_mds{
	font-size: 16px;
	font-weight: bold;
	border-bottom:2px dotted #333;
	padding: 0 0 5px 5px; 
	margin-bottom: 10px;
}


.yama_area{
	display: inline-table;
    margin: 20px 0;
    padding: 0 20px;
    font-size: 12px;
    line-height: 140%;
}
.yama_img{
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
	padding: 1px;
}
.yama_title{
	border-bottom: 1px dotted #999;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
/*okutama_spot*/
.book_area {
    display: inline-table;
    margin: 20px 0;
    padding: 5px 0;
}
.book_area::after {
    clear: both;
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
}
.book_area_left {
    background-color: #fff;
    float: left;
    margin: 5px 10px;
    padding: 10px;
    width: 300px;
}
.book_area_right {
    background-color: #fff;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 10px;
    width: 300px;
}
.book_img {
    float: left;
    margin-right: 10px;
}
.book_img_b {
    border:1px #696969 solid;
    width:115px;
}

.book_title {
    border-bottom: 1px dotted #999;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

/*siki*/
#tabs ul {
    border-bottom: 1px solid #cccccc;
    height: 2em;
    list-style: outside none none;
    overflow: hidden;
}
#tabs li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-radius: 10px 10px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    display: inline;
    float: left;
    margin-left: 10px;
    padding: 5px;
    text-align: center;
    width: 100px;
}
#tabs li a{
	color: #fff;
}
#tabs li#spring {
    background-color: #eeaa9f;
}
#tabs li#summer {
    background-color: #4582df;
}
#tabs li#fall {
    background-color: #ce4f58;
}
#tabs li#winter {
    background-color: #86cfe2;
}
.kiroku_area {
    display: inline-table;
    padding: 5px 0;
    font-size: 12px;
}
.kiroku_area p{
	font-size: 12px;
}
.book_area_left {
    float: left;
    margin: 5px 10px;
    padding: 10px;
    width: 300px;
}
.book_area_right {
    float: left;
    margin: 5px 10px 5px 0;
    padding: 10px;
    width: 300px;
}
.kiroku_img {
    float: left;
    margin-right: 10px;
}
.kiroku_title {
    border-bottom: 1px dotted #999;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.kiroku_name{
	font-size: 12px;
	margin-bottom: 10px;
}
.kiroku_day{
	font-size: 10px;
	color: #999;
	text-align: right;
	margin-bottom: 10px;
}

.mds_sp{
	position: relative;
	color: #fff;
	background: #eeaa9f;
	font-size: 16px;
	line-height: 1;
	border :1px solid #eeaa9f;
	margin: 30px -10px 20px 0;
	padding: 15px 5px 12px 10px;
	border-radius: 3px;
	width: 75%
}
.mds_sp:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #eeaa9f;
}
.mds_sum{
	position: relative;
	color: #fff;
	background: #4582df;
	font-size: 16px;
	line-height: 1;
	border :1px solid #4582df;
	margin: 30px -10px 20px 0;
	padding: 15px 5px 12px 10px;
	border-radius: 3px;
	width: 75%
}
.mds_sum:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #4582df;
}
.mds_fall{
	position: relative;
	color: #fff;
	background: #ce4f58;
	font-size: 16px;
	line-height: 1;
	border :1px solid #ce4f58;
	margin: 30px -10px 20px 0;
	padding: 15px 5px 12px 10px;
	border-radius: 3px;
	width: 75%
}
.mds_fall:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #ce4f58;
}
.mds_win{
	position: relative;
	color: #fff;
	background: #86cfe2;
	font-size: 16px;
	line-height: 1;
	border :1px solid #86cfe2;
	margin: 30px -10px 20px 0;
	padding: 15px 5px 12px 10px;
	border-radius: 3px;
	width: 75%
}
.mds_win:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #86cfe2;
}
/*course*/
.c_mds{
	position: relative;
	color: #fff;
	background: #ce4f58;
	font-size: 16px;
	line-height: 140%;
	border :1px solid #ce4f58;
	margin: 30px auto 20px auto;
	padding: 15px 5px 12px 10px;
	border-radius: 3px;
	text-align: center;
	width: 50%;
}
.c_mds:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #ce4f58;
}
ul.c_list{
	margin: 10px 0;
	list-style-image:url(/feature/images/okutama/course_list_img.png);
	padding-left: 30px;
}
ul.c_list li{
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	line-height: 140%;
}
ul.c_list li:after{
    clear: both;
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
}

.star{
	color: #ece413;
}

/*onsen*/
.onsen_area_a{
	background: url(/feature/images/okutama/onsen_bg_a.png) repeat-y;
	padding: 20px 20px 10px 20px;
	width: 500px;
	margin:0 auto;
}
.onsen_area_b{
	background: url(/feature/images/okutama/onsen_bg_b.png) repeat-y;
	padding: 20px 20px 10px 20px;
	width: 500px;
	margin:0 auto;
}
.onsen_title{
	background: url(/feature/images/okutama/icon_onsen.png) no-repeat;
	font-size: 18px;
	height: 30px;
	padding-left:40px;
}





.more_btn{
	text-align: right;
}
.more_btn a{
	background-color: #268fc6;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.btn_top{
	text-align: right;
	margin-top: 10px;
}



.new_info{
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
	clear: both;
}
.new_info_name{
	font-weight: bold;
	font-size: 14px;
	margin-bottom:  5px;
}
.new_info_title{
	font-size: 14px;
	line-height: 160%;
}
.new_info_date{
	text-align: right;
	color: #666;
}
.new_info_img{
	border: 1px solid #ccc;
    float: left;
    margin: 0 10px 10px 0;
    padding: 1px;
}

/*------------------------------------
tanaka_plus
----------------------------------------*/
.okt_img_area{
	float:right;
	font-size:12px;
	line-height:1.2em;
	color:#696969;
	padding-left:15px;
	padding-bottom:15px;
}
.okt_course_map{
	float:right;
	margin-right:10px;
}

/*---------------------
ƒ„ƒ}ƒ^ƒCƒ€
-----------------------*/
