@charset "utf-8" ;


/********************************************************************************************************
AUTHOR:         a.oya
CSS構成書:      基本段組み（全頁共通）


*********************************************************************************************************/ 


/*-----------------------------------------------------------------------------------------------------
            トップページ専用css
-------------------------------------------------------------------------------------------------------*/

/* --- [ リンク ] --- */
a {
	cursor : pointer ;
	color : #8D291E ; 
	text-decoration:none ;
} 
a:link {  }
a:visited { }
a:hover {
	text-decoration : underline ;
	color : #990000 ; 
} 
a:active {  }
a:focus {  }



/*---------------------------------------------------
            月岡温泉のご紹介
-----------------------------------------------------*/
#t_introduction{
	/*clearfix.css対応*/
	width:524px;
	padding:0 0 5px 0;
	border:3px solid #C0A1A1;
	background:#FFFFFF url(../img/top_intr_bg.jpg) left bottom no-repeat;
}

#t_introduction p{
	color:#666666;
	line-height:160%;
	margin:4px 0 2px 0;
	padding:0 0 0 6px;
}

#t_introduction .Right_box{
	width:194px;
	padding:0 6px 0 10px;
}
#t_introduction .Right_box p{
	font-size:1.0em;
	margin:2px 0 0 0;
	padding:0 0 0 14px;
	background:url(../img/top_icon01.gif) left 3px no-repeat;
}


#t_introduction a{
	display:inline-block;
	margin:0 0 0 6px;
	padding:2px;
	color:#FFFFFF;
	background:#8D291E;
	border-left:3px solid #A45145;
	text-decoration:none;
}
#t_introduction a:hover{ text-decoration:underline; }


/*---------------------------------------------------
            観光地＆施設紹介
-----------------------------------------------------*/
#t_sight{
	width:254px;
	float:left;
	margin:10px 10px 0 0;
	padding:0 0 8px 0;
	border:3px solid #C0A1A1;
	background:url(../img/top_box_bg.jpg) left bottom repeat-x
}

#t_sight p{
	color:#666666;
	line-height:160%;
	margin:2px 0;
	padding:0 6px 0 6px;
}

#t_sight ul{
	/*clearfix.css対応*/
	width:240px;
	height:132px;
	font-size:1.0em;
	margin:0 0 0 6px;
	background:url(../img/top_sight_bg.jpg) left top no-repeat;
}

#t_sight ul li{
	display:block;
	width:120px;
	height:44px;
	float:left;
	font-size:1.4em;
	font-weight:600;
}

#t_sight ul li a{
	display:block;
	width:112px;
	height:30px;
	padding:14px 0 0 8px;
}

/*---------------------------------------------------
            おすすめ観光ルート
-----------------------------------------------------*/
#t_route{
	width:254px;
	float:left;
	margin:10px 0 0 0;
	padding:0 0 4px 0;
	border:3px solid #C0A1A1;
	background:url(../img/top_box_bg.jpg) left bottom repeat-x
}

#t_route p{
	color:#666666;
	line-height:160%;
	margin:2px 0;
	padding:0 6px 0 6px;
}

#t_route ul{
	width:240px;
	font-size:1.0em;
	margin:0 0 0 6px;
}

#t_route ul li a{
	display:block;
	width:222px;
	height:21px;
	font-size:1.2em;
	font-weight:600;
	margin:0 0 4px 0;
	padding:43px 0 0 18px;
	background:url(../img/top_route_bg.jpg) left top no-repeat;
}

#t_route ul li#route02 a{
	display:block;
	width:222px;
	height:21px;
	font-size:1.2em;
	font-weight:600;
	margin:0 0 4px 0;
	padding:43px 0 0 18px;
	background:url(../img/top_route_bg.jpg) left bottom no-repeat;
}

/*---------------------------------------------------
            月岡温泉へのアクセス
-----------------------------------------------------*/
#t_map{
	width:354px;
	padding:0 0 4px 0;
	border:3px solid #C0A1A1;
	background:url(../img/top_box_bg.jpg) left bottom repeat-x;
	text-align:center;
}
#t_map p{
	color:#666666;
	line-height:160%;
	margin:2px 0;
	padding:0 6px 0 6px;
}

#t_map h4{
	text-align:left;
	color:#996633;
	font-weight:600;
	font-size:1.2em;
	margin:5px 0 2px 6px;
	padding:0 0 0 12px;
	background:url(../img/top_icon02.gif) left 1px no-repeat;
}

#t_map ul{
	width:345px;
	text-align:left;
	font-size:1.0em;
	margin:0 0 0 6px;
	padding:0 0 1px 0;
	background:url(../img/top_access_bg.jpg) left top no-repeat;
}
#t_map ul li a{
	display:block;
	width:303px;
	height:35px;
	padding:4px 0 0 42px;
	color:#996666;
	text-decoration:none;
}
#t_map ul li a:hover{
	text-decoration:underline;
}

#t_map span{
	display:block;
	text-align:left;
	margin:5px 0 0 6px;
}

#t_map span a{
	display:inline-block;
	padding:2px;
	color:#FFFFFF;
	background:#8D291E;
	border-left:3px solid #A45145;
	text-decoration:none;
}
#t_map span a:hover{ text-decoration:underline; }


