/* WELCOME TO IZU */

body {
	margin:0;
	padding:0;
	background:#590;
	text-align:center;
}

div, span, form, input, label, select {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1;
}

dl, dt, dd {
	margin:0;
	padding:0;
}

p {
	margin:0;
	padding:0;
}

img {
	margin:0;
	padding:0;
	border:0;
}

ul, ol {
	list-style:none;
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
	list-style:none;
}

a:link {color:#0077BB;text-decoration:underline;}
a:visited {color:#0077BB;text-decoration:underline;}
a:active {color:#0077BB;text-decoration:none;}
a:hover {color:#0077BB;text-decoration:none;}



/*　=========================================================
　　Layout
=========================================================　*/

#container {
	margin:0;
	padding:0;
}



/**********************************
　　Header
**********************************/

#head {
	height:190px;
	margin:0;
	padding:0;
	background:url(../images/common/head_bg.gif) bottom repeat-x;
}

#menu {
	width:920px;
	height:112px;
	margin:0 auto;
	padding:0;
}

#logo {
	width:530px;
	height:62px;
	margin:25px 0 25px 10px;
	padding:0;
	background:url(../images/common/logo.gif) left no-repeat;
	float:left;
}

#logo h1 {
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
}

#language {
	width:370px;
	margin:0;
	padding:0;
	background:url(../images/common/menu_bg.gif) repeat-y;
	float:right;
}

#select {
	width:350px;
	margin:0;
	padding:10px 10px 20px 10px;
	background:url(../images/common/menu_bottom.gif) bottom no-repeat;
}

#select a {
	margin:0 5px;
	padding:0 0 0 10px;
	background:url(../images/common/arrow_orange.gif) left no-repeat;
	font-size:85%;
}

#select a:link {color:#000000;text-decoration:none;}
#select a:visited {color:#000000;text-decoration:none;}
#select a:active {color:#559900;text-decoration:none;}
#select a:hover {color:#559900;text-decoration:none;}

#navi {
	width:900px;
	height:78px;
	margin:0 auto;
	padding:0;
}
	
#navi ul li {
	width:900px;
	height:78px;
	list-style:none;
    margin:0;
	padding:0;
	float:left;
}
	
#navi ul li a {
	height:78px;
	display:block;
    text-decoration:none;
	padding:0;
	background:url(../images/common/navi.gif) no-repeat;
	text-indent:-9000px;
}
	
#navi ul li#home { width:150px; }
#navi ul li#nature { width:150px; }
#navi ul li#history { width:150px; }
#navi ul li#hotspring { width:150px; }
#navi ul li#touristspot { width:150px; }
#navi ul li#traffic { width:150px; }

#navi ul li#home a { background-position:0px 0; }
#navi ul li#nature a { background-position:-150px 0; }
#navi ul li#history a { background-position:-300px 0; }
#navi ul li#hotspring a { background-position:-450px 0; }
#navi ul li#touristspot a { background-position:-600px 0; }
#navi ul li#traffic a { background-position:-750px 0; }

#navi ul li#home a:hover { background-position:0px 100%; }
#navi ul li#nature a:hover { background-position:-150px 100%; }
#navi ul li#history a:hover { background-position:-300px 100%; }
#navi ul li#hotspring a:hover { background-position:-450px 100%; }
#navi ul li#touristspot a:hover { background-position:-600px 100%; }
#navi ul li#traffic a:hover { background-position:-750px 100%; }

#navi ul li#home .current-page { background:url(../images/common/navi.gif) 0px 100%; }
#navi ul li#nature .current-page { background:url(../images/common/navi.gif) -150px 100%; }
#navi ul li#history .current-page { background:url(../images/common/navi.gif) -300px 100%; }
#navi ul li#hotspring .current-page { background:url(../images/common/navi.gif) -450px 100%; }
#navi ul li#touristspot .current-page { background:url(../images/common/navi.gif) -600px 100%; }
#navi ul li#traffic .current-page { background:url(../images/common/navi.gif) -750px 100%; }



/**********************************
　　Contents
**********************************/

#wrapper {
	margin:0;
	padding:0;
	background:#FFF;
}

#content {
	width:900px;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
}


/* ----- PAGE DESIGN ----- */

/* INDEX */

#index-flash {
	width:900px;
	height:450px;
	margin:20px 0 50px 0;
	padding:0;
}


/* NATURE,HISTORY,HOTSPRING,TOURISTSPOT */

.title-base {
	width:900px;
	min-height:240px;
	margin:0;
	padding:0;
	background:url(../images/common/title_base.jpg) top no-repeat;
}

.title {
	width:470px;
	margin:0;
	padding:50px 0 0 30px;
	float:left;
}

.title h2 {
	font-size:200%;
	letter-spacing:0.2em;
}

.title-text {
	font-size:100%;
	line-height:180%;
	margin:20px 0 50px 0;
}

.nature-title-image {
	width:400px;
	height:280px;
	margin:0 0 20px 0;
	padding:0;
	float:right;
	background:url(../images/nature/title_image.jpg) top no-repeat;
}

.history-title-image {
	width:400px;
	height:240px;
	margin:0 0 20px 0;
	padding:0;
	float:right;
	background:url(../images/history/title_image.jpg) top no-repeat;
}

.hotspring-title-image {
	width:400px;
	height:240px;
	margin:0 0 20px 0;
	padding:0;
	float:right;
	background:url(../images/hotspring/title_image.jpg) top no-repeat;
}

.touristspot-title-image {
	width:400px;
	height:240px;
	margin:0 0 20px 0;
	padding:0;
	float:right;
	background:url(../images/touristspot/title_image.jpg) top no-repeat;
}

#map-izu {
	width:360px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#list {
	width:540px;
	margin:0;
	padding:0;
	float:right;
}

.list-base-540 {
	margin:0 0 10px 0;
	padding:8px 10px 5px 10px;
	background:#EEE url(../images/common/list_base_540.gif) left top no-repeat;
	font-size:120%;
	line-height:150%;
	font-weight:bold;
	border-bottom:2px solid #666;
}

.list-base-540 img {
	margin:0 5px 0 0;
	padding:0;
	vertical-align:middle;
}

#list dl {
	width:540px;
	margin:0 0 20px 0;
	padding:0;
}

#list dt {
	width:150px;
	height:150px;
	border:1px solid #CCC;
	margin:0;
	padding:0;
	float:left;
}

#list dd {
	width:370px;
	margin:0;
	padding:0;
	float:right;
	font-size:100%;
	line-height:160%;
}


/* TRAFFIC */

#title-traffic {
	width:840px;
	height:570px;
	margin:20px 0;
	padding:30px;
	background:url(../images/traffic/map.jpg) no-repeat;
}

#title-traffic h2 {
	font-size:200%;
	letter-spacing:0.2em;
}

#content ul {
	margin:0 0 10px 10px;
	padding:0;
	font-size:100%;
	line-height:140%;
}
	
#content li {
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/common/icon_dot.gif) left 6px no-repeat;
}

.list-base-900 {
	width:880px;
	margin:0 0 10px 0;
	padding:8px 10px 5px 10px;
	background:#EEE url(../images/common/list_base_900.gif) left top no-repeat;
	font-size:120%;
	line-height:150%;
	font-weight:bold;
	border-bottom:2px solid #666;
}

.list-base-900 img {
	margin:0 5px 0 0;
	padding:0;
	vertical-align:middle;
}

.list-sub-900 {
	width:900px;
	margin:0 0 10px 0;
	padding:5px 0;
	font-size:120%;
	line-height:120%;
	font-weight:bold;
	border-bottom:1px solid #999;
}

.list-case-900 {
	width:880px;
	margin:0 0 5px 0;
	padding:5px 10px;
	font-size:120%;
	line-height:120%;
	background:url(../images/common/bg_stripe.gif) left top;
	color:#590;
}



/**********************************
　　Footer
**********************************/

/* Footer Navi */

#navi-foot {
	width:900px;
	margin:0 auto;
	padding:0;
}

#navi-text {
	width:700px;
	margin:0;
	padding:8px 0;
	float:right;
	text-align:right;
}

#navi-text a {
	margin:0 5px;
	padding:0 0 0 12px;
	background:url(../images/common/arrow_orange_top.gif) left no-repeat;
	font-size:80%;
}

#navi-text a:link {color:#000000;text-decoration:none;}
#navi-text a:visited {color:#000000;text-decoration:none;}
#navi-text a:active {color:#559900;text-decoration:none;}
#navi-text a:hover {color:#559900;text-decoration:none;}

#japanese-site {
	width:135px;
	height:32px;
	margin:0 0 5px 0;
	padding:0;
	float:left;
	background:url(../images/common/japanesesite.gif) top no-repeat;
}

#japanese-site a {
	width:135px;
	height:32px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9000px;
	text-decoration:none;
}


/* Footer Copyright */

#foot {
	margin:0;
	padding:0;
	background:url(../images/common/foot_bg.gif) top repeat-x;
}

#copyright {
	width:900px;
	margin:0 auto;
	padding:10px 0;
	font-size:80%;
	text-align:left;
	color:#FFF;
}



/**********************************
　　Font Size
**********************************/
 
.txt-large-xx{ font-size:160%; }
.txt-large-x { font-size:140%; }
.txt-large   { font-size:120%; }
.txt-midium  { font-size:100%; }
.txt-small   { font-size:95%; }
.txt-small-x { font-size:90%; }
.txt-small-xx{ font-size:80%; }



/**********************************
　　Margin
**********************************/

.margin-top5  { margin-top:5px; }
.margin-top10 { margin-top:10px; }
.margin-top20 { margin-top:20px; }
.margin-top30 { margin-top:30px; }
.margin-top40 { margin-top:40px; }



/*** clear for float area ***/

.clear {
	clear:both;
	height:0px;
	font-size:1px;
}