@charset "Shift_JIS";
/*
----------------------------------------------------

	VISIT_TOTTORI CSS

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

* {
	padding:		0;
	font-size:		12px;
	margin:			0;
}

html{
    height:			100%;
    margin-bottom:	1px;   
    overflow-y:		scroll;   
}

body {
	background-color:		#fef4d6;
	height:					100%;
	text-align:				center;
}

body h1 {
	display:		none;
}


#wrap {
	width:				960px;
	height:				100%;
	text-align:			center;
	margin-right:		auto;
	margin-left:		auto;
	min-height: 		100%;

}


body > #wrap {
    height: 			auto;
}

img {
	border:				none;
}

.dum {
	display:			none;
}

.date {
	font-weight:		bold;
}

.bold {
	font-weight:		bold;
}



/*header
----------------------------------------------------*/
#header {
	width:				960px;
	background-image:url(../img/header_back.gif);
	background-repeat:	no-repeat;
	overflow:			hidden;
	height:				145px;
	position:			relative;
	line-height:		150%;
}

#totop a {
	width:			440px;
	height:			100px;
	margin-top:		8px;
	margin-left:	8px;
	display:		inline;
	float:			left;
}

#navi {
	width:			413px;
	height:			98px;
	margin-top:		23px;
	margin-right:	12px;
	display:		inline;
	overflow:		hidden;
	float:			right;   
}
/*clear_border
----------------------------------------------------*/
.clear {
	clear:	both;
}   

.clear hr {
	display:none;
}  

.border {
	display:block;
	float:left;
	margin-right:		auto;
	margin-left:		auto;
	width:720px;
	height:10px;
	border-top:#231815 solid 1px;
}

/*contents
----------------------------------------------------*/
#inner {
	display:			inline;
	width:				960px;
	margin-right:		auto;
	margin-left:		auto;
}   

#info_back {
	display:			inline;
	width:				960px;
	height:				402px;
	float:				left;
	overflow:			hidden;
	background-image:url(../img/top_image_back.gif);
}

#main_info {
	display:			inline;
	width:				960px;
	height:				402px;
	float:				left;
}

#main_info ul {
	display:			inline;
	list-style:			none;
	float:				left;
}

#main_info li,#portfolio li {display:inline;float:left;}


#main_info img {
	display:			block;
	float:				left;
	margin-right:		auto;
	margin-left:		auto;
}

#walks {
	display:			inline;
	width:				960px;
	margin-right:		auto;
	margin-left:		auto;
	background-color:#fef4d6;
}

#walks_0,#walks_1,#walks_2,#walks_3,#walks_4 {display:inline}

#walks_0 a {display:inline;width:880px;height:380px;background-image:url(../img/2_0.gif);float:left;margin-left:40px;margin-bottom:40px}
#walks_0 a:hover {display:inline;width:880px;height:380px;background-position:0px -380px}

#walks_1 a {display:inline;width:880px;height:350px;background-image:url(../img/2_1.gif);float:left;margin-left:40px;margin-bottom:40px}
#walks_1 a:hover {display:inline;width:880px;height:350px;background-position:0px -350px}

#walks_2 a {display:inline;width:880px;height:304px;background-image:url(../img/2_2.gif);float:left;margin-left:40px;margin-bottom:40px}
#walks_2 a:hover {display:inline;width:880px;height:304px;background-position:0px -304px}

#walks_3 a {display:inline;width:880px;height:377px;background-image:url(../img/2_3.gif);float:left;margin-left:40px;margin-bottom:40px}
#walks_3 a:hover {display:inline;width:880px;height:377px;background-position:0px -377px}

#walks_4 {display:inline;width:880px;height:285px;background-image:url(../img/2_4.gif);float:left;margin-left:40px;margin-bottom:40px}
	

#attractions_left {display:inline;float:left;width:440px;margin-left:40px;}

#attractions_0,#attractions_1,#attractions_2,#attractions_3,#attractions_4 {display:inline}

#attractions_0 a {display:inline;width:424px;height:380px;background-image:url(../img/3_0.gif);float:left;margin-bottom:40px}
#attractions_0 a:hover {display:inline;width:424px;height:380px;background-position:0px -380px}

#attractions_1 a {display:inline;width:424px;height:475px;background-image:url(../img/3_1.gif);float:left;margin-bottom:40px}
#attractions_1 a:hover {display:inline;width:424px;height:475px;background-position:0px -475px}

#attractions_2 {display:inline;width:424px;height:435px;background-image:url(../img/3_2.gif);float:left;margin-bottom:40px}

#attractions_3 a {display:inline;width:424px;height:300px;background-image:url(../img/3_3.gif);float:left;margin-bottom:40px}
#attractions_3 a:hover {display:inline;width:424px;height:300px;background-position:0px -300px}

#attractions_4 {display:inline;width:424px;height:465px;background-image:url(../img/3_4.gif);float:left;margin-bottom:40px}


#attractions_right {display:inline;float:right;width:440px;margin-right:40px;}
#attractions_5,#attractions_6,#attractions_7,#attractions_8,#attractions_9,#attractions_10 {display:inline}

#attractions_5 {display:inline;width:424px;height:300px;background-image:url(../img/3_5.gif);float:right;margin-bottom:42px}

#attractions_6 {display:inline;width:424px;height:300px;background-image:url(../img/3_6.gif);float:right;margin-bottom:42px}

#attractions_7 {display:inline;width:424px;height:325px;background-image:url(../img/3_7.gif);float:right;margin-bottom:41px}

#attractions_8 {display:inline;width:424px;height:315px;background-image:url(../img/3_8.gif);float:right;margin-bottom:41px}

#attractions_9 a {display:inline;width:424px;height:297px;background-image:url(../img/3_9.gif);float:right;margin-bottom:41px}
#attractions_9 a:hover {display:inline;width:424px;height:297px;background-position:0px -297px}

#attractions_10 a {display:inline;width:424px;height:470px;background-image:url(../img/3_10.gif);float:right;margin-bottom:40px}
#attractions_10 a:hover {display:inline;width:424px;height:470px;background-position:0px -470px}


#subheader {
	width:				960px;
	background-image:url(../img/subheader_back.gif);
	background-repeat:	no-repeat;
	overflow:			hidden;
	height:				125px;
	position:			relative;
}

#totop a {
	width:			320px;
	height:			90px;
	margin-top:		20px;
	margin-left:	20px;
	display:		inline;
	float:			left;
}

#subheader_menu {
	list-style:			none;
	display:			inline;
	float:				left;
	width:				559px;
	height:				48px;
	margin-left:		26px;
	margin-top:			52px;
}  


#subheader_top,#subheader_walks,#subheader_attractions,#subheader_contact {display:inline}
#subheader_top a {display:inline;width:80px;height:48px;float:left}   
#subheader_top a:hover {background-image:url(../img/subheader_back.gif);background-position:0px -125px}

#subheader_walks a {display:inline;width:139px;height:48px;float:left;margin-left:13px}   
#subheader_walks a:hover {background-image:url(../img/subheader_back.gif);background-position:-80px -125px}

#subheader_attractions a {display:inline;width:178px;height:48px;float:left;margin-left:13px}   
#subheader_attractions a:hover {background-image:url(../img/subheader_back.gif);background-position:-219px -125px}

#subheader_contact a {display:inline;width:123px;height:48px;float:left;margin-left:13px}   
#subheader_contact a:hover {background-image:url(../img/subheader_back.gif);background-position:-397px -125px}

/*footer
----------------------------------------------------*/
#footer {
	display:			inline;
	width:				960px;
	height:				167px;
	float:				left;
	background-image:url(../img/footer_back.gif);
}   

#footer_menu {
	display:			inline;
	float:				left;
	width:				747px;
	height:				63px;
	margin-left:		40px;
	margin-top:			32px;
}  


#footer_top a {display:inline;width:110px;height:63px;float:left}   
#footer_top a:hover {background-image:url(../img/footer_back.gif);background-position:0px -167px}

#footer_walks a {display:inline;width:180px;height:63px;float:left;margin-left:21px}   
#footer_walks a:hover {background-image:url(../img/footer_back.gif);background-position:-110px -167px}

#footer_attractions a {display:inline;width:231px;height:63px;float:left;margin-left:21px}   
#footer_attractions a:hover {background-image:url(../img/footer_back.gif);background-position:-290px -167px}

#footer_contact a {display:inline;width:163px;height:63px;float:left;margin-left:21px}   
#footer_contact a:hover {background-image:url(../img/footer_back.gif);background-position:-521px -167px}

#subfooter {
	display:			inline;
	width:				960px;
	height:				149px;
	float:				left;
	background-image:url(../img/subfooter_back.gif);
}

#subfooter_menu {
	list-style:			none;
	display:			inline;
	float:				left;
	width:				745px;
	height:				63px;
	margin-left:		11px;
	margin-top:			19px;
}  

#subfooter_top,#subfooter_walks,#subfooter_attractions,#subfooter_contact {display:inline}
#subfooter_top a {display:inline;width:110px;height:63px;float:left}   
#subfooter_top a:hover {background-image:url(../img/subfooter_back.gif);background-position:0px -149px}

#subfooter_walks a {display:inline;width:180px;height:63px;float:left;margin-left:21px}   
#subfooter_walks a:hover {background-image:url(../img/subfooter_back.gif);background-position:-110px -149px}

#subfooter_attractions a {display:inline;width:231px;height:63px;float:left;margin-left:21px}   
#subfooter_attractions a:hover {background-image:url(../img/subfooter_back.gif);background-position:-290px -149px}

#subfooter_contact a {display:inline;width:161px;height:63px;float:left;margin-left:21px}   
#subfooter_contact a:hover {background-image:url(../img/subfooter_back.gif);background-position:-521px -149px}

/*copyrights
----------------------------------------------------*/

#copyright {
	display:			block;
	width:				720px;
	color:				#231815;
	text-align:			center;
	line-height:		150%;
	font-size:			12px;
}

#copyright a:link {color:#231815}
#copyright a:visited {color:#231815}
#copyright a:hover {color:#00996d;text-decoration:none}