@charset "UTF-8";

/* -----------------------------------------------------------
	CSS Information
	Site Name: East shinsyu Nakasendou Web site
	 File name: 	home.css
 	Style Info:	トップページ(index.html)設定
	Version: 1.01
	update/auther(admin): [2009-01-26][Shinobu Kiuchi](Shinobu Kiuchi)
----------------------------------------------------------- */


/* 1: Formatting Reset : base reset layouts
---------------------------------------------------------------------------------- */
div{
 zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
	


/* 2: Redefine : body and base setting
---------------------------------------------------------------------------------- */
html {
	overflow-y:hidden;
	overflow-x:hidden;
	/* scrollbar-base-color: #F476A8;
	overflow-y: scroll;	*/
	background-color: #000;
	color: #FFF;	
	height: 100%;
}


body {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
	font: normal 62.5% "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	text-align:center;
	background-color: transparent;	
 	background-image:url(../images/siteBg3.jpg) ;
	background-repeat:no-repeat;
	background-position: top center;
	height: 100%;
}

/* IE7 only */
* + html body {
	font-family:"ＭＳ Ｐゴシック", "メイリオ","Meiryo", verdana, arial, sans-serif;
		padding:0 0 0 0;
		height: auto;
}

*html body {
	font-family:"ＭＳ Ｐゴシック", Osaka;
	padding:0 0 0 0;
	height: auto;
	font: 80%;
}

/* safari2 only
-------------------------------------------------- */	
/* safari2 only \*/
html:\66irst-child body {
	font-size: 62.5%;
		padding:0 0 0 0;

 }

/* safari3 only
-------------------------------------------------- */

 body:first-of-type {
	font-size: 62.5%;
		padding:0 0 0 0;

}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form,  blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.4;/* base line height */
	text-align: left;
	display: block;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
	font-style:normal;
}
input, textarea{
	padding: 0;/* margin&padding reset */
	line-height: 1.4;/* base line height */
	text-align: left;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
	font-style:normal;
}

table {
	margin : 0;empty-cells: show;
	font-size:small;
	border-collapse:collapse;
	border-spacing:0;
	}
	
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;

}
img a{
	border-style: none;
		outline: 0;
}

li { list-style: none; }/* link do not want a dot */

caption, cite, code, dfn, em, strong, var {
	font-style: normal;
	font-weight: normal;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

hr {
	display: none;
	}
	
object,
embed {
	vertical-align: top;
}

q:before,q:after {
	content: '';
}

fieldset{
	border:0;
	}	
	
select option{
	padding:0 5px;
	}	

form label{
	cursor:pointer;
	}


/* 3: link setting
---------------------------------------------------------------------------------- */
a{
	text-decoration: none;
	color: #3A86A8;
	line-height:1.4;
	outline: 0;
	}

a:link{
	color: #3A86A8;
	text-decoration: underline;
	}

a:visited{
	color: #5E45A8;
	text-decoration: underline;
	}
	
	
a:hover{
	color: #C5557A;
	text-decoration: none;
	}

a:active{
	color: #C5557A;
	text-decoration: underline;
	}	
	
	
	

/* 4: other setting 
---------------------------------------------------------------------------------- */

/* for voice blowser 
-------------------------------------*/
#naviskip {
	position: absolute;
	left: -9999px;
	width: 900px;
	}	
	
/* for float Hack 
-------------------------------------*/
.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */




/* 5: main layout
---------------------------------------------------------------------------------- */


div#page {
	margin-top:0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width:770px;
	text-align: left;
	position: relative;
	height: 750px ;
	}
	
div#page div#main{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:770px;
	text-align: left;
	position: relative;
	height: 520px ;
	z-index: 200;
	}

div#page div#main h1{
	position: absolute;
	top: 35px;
	right: 45px;
	width: 99px;
	height: 216px;
	}
	
div#page div#main h2#tagLine{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	right: 20px;
	font-weight: normal;
	color: #000;
	width: 22px;
	height: 361px;
	overflow: hidden;
	text-indent: -9999px;
	background-image:url(../images/tagLine_home.png) ;
	background-repeat:no-repeat;
	background-position: top center;	
	}	

div#page div#main h2#copy_history{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 85px;
	right: 155px;
	font-weight: normal;
	color: #000;
	}

div#page div#main h2#tagEvent{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	right: 475px;
	font-weight: normal;
	color: #000;
	}	

div#footer {
	width: 750px;
	margin: 0 0 0 0;
	padding: 10px;

	color: #FFF;
	z-index: 500;

	}
div#footer a{

	color: #FFF;

	}
p#footerNav{

	margin: 5px 0;
	text-align: center;
	font-size: 1.1em;

	}
address,
p#copyright {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	}


ul#rootChart {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 138px;
	right: 277px;
	width: 486px;
	height: 154px;
}

ul#rootChart li{
	margin: 0;
	padding: 0;	
	float: right;
	display: inline;
}


ul#rootChart li#rootChart_details{
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	float: none;
}

/* 6: main navigation layout
---------------------------------------------------------------------------------- */
ul#mainNav {
	margin: 0 0 0 24px;
	padding: 0;
	width: 770px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	top:480px;
	left: -1px;
	}
	
ul#mainNav:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

ul#mainNav { display: inline-block; }
ul#mainNav { display: block; }
/* Mac版IEのみに適用 \*//*/
ul#mainNav { overflow: hidden; }
/* */

ul#mainNav li{
	margin: 0 8px 0 0;
	padding: 0;
	width: 175px;
	height: 34px;
	float: left;
	position: relative;

	}

/* 音声ブラウザ用 */ 	
#naviskip {
	position: absolute;
	left: -9999px;
	width: 900px;
	}
	
/* 000: cleafix Huck base source
---------------------------------------------------------------------------------- */

.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
.clearfix2 { overflow: hidden; }
/* */