@charset "Shift_JIS";
/* 初期設定 */

*{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,p,ul,ol,li,dt,dl,dd {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

html {
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	width:100%;
	height:100%;
}

/* ボディー */
body {
	width:100%;
	font-size: 100%;
	color: #0;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 100px 0 20px 0;
	!padding:50px 0 50px 0;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 画像ボーダー */
img {
border-style: none;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

/* 強調 */
strong {
	color: #ff6600;
}
/* 読み飛ばし */
.skip{
	position: absolute;
	left: -9999px;
}
/* 非表示 */
.none{
	display: none;
}
/* 区切り */
hr {
	display: none;
}


/* メイン */
div#base {
	width:890px;
	height:100%;
	margin:0 auto 0 auto;
	padding:0;
}
div#base div#main{
	width:535px;
	float:right;
	margin:0 0 0 0;
	padding:0;
}

div#base div#mitemima{
	width:173px;
	float:right;
	margin:10px 0 10px 0;
	padding:0;
}
div#base h1{
	width:325px;
	height:508px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
}
/* バナー */
div#main div#banner{
	width:535px;
	float:left;
	!float:none;
	margin:20px 0 0 0;
	padding:0;
}
div#main div#banner ul{
	float:right;
	margin:0;
	padding:0;
}
div#main div#banner li{
	float:left;
	display:block;
	list-style:none;
	text-indent:-9999px;
	margin:0 0 0 10px;
	padding:0;
}
div#main div#banner li a{
	margin:0;
	padding:0;
	display: block;
	text-decoration: none;
}
div#main div#banner li#b01{
	width:104px;
	height:11px;
	background:url(../images/b02.gif) no-repeat;
	overflow:hidden;
	background-position:0 0;
}

div#main div#banner li#b01 a:hover{
	width:104px;
	height:11px;
	background:url(../images/b02.gif) no-repeat;
	overflow:hidden;
	background-position:0 -11px;
}




/* 俵越山について */
div#main div#hyota{
	width:535px;
	height:431px;
	margin:0;
	padding:0;
	background:url(../images/bg_img.jpg) top no-repeat;
}

/* 書を見る */
div#hyota ul{
	width:535px;
	margin:0;
	padding:0;
	float:right;
}
div#hyota li{
	margin:10px 20px 0 0;
	padding:0;
	float:right;
	list-style:none;
	text-indent:-9999px;
}
div#hyota li a{
	width:69px;
	height:11px;
	display:block;
	overflow:hidden;
	background:url(../images/see.gif) no-repeat;
	background-position:0 0;
}
div#hyota li a:hover{
	width:69px;
	height:11px;
	float:right;
	background:url(../images/see.gif) no-repeat;
	background-position:0 -11px;
	
}

/* テキスト */
div#hyota div#syo{
	margin:10px 0 0 200px;
	_margin:10px 0 0 100px;
	padding:0;
	text-align:left;
	float:left;
	font-family:serif;
}
div#hyota div#syo p{
	width:335px;
	margin:0 0 15px 0;
	padding:0;
	float:left;
}



/* 書フラッシュ */
div#main div#flash{
	width:290px;
	margin:0;
	padding:0;
	float:left;
}
div#main div#flash object{
	width:290px;
	height:431px;
	float:left;
}
/* 書説明 */
div#main div#info{
	width:220px;
	margin:0;
	padding:0;
	float:right;
}
/* 戻る */
div#info ul{
	width:220px;
	margin:0;
	padding:0;
	float:right;
}
div#info li{
	margin:10px 20px 0 0;
	padding:0;
	float:right;
	list-style:none;
	text-indent:-9999px;
}
div#info li a{
	width:35px;
	height:11px;
	display:block;
	overflow:hidden;
	background:url(../images/back.gif) no-repeat;
	background-position:0 0;
}
div#info li a:hover{
	width:35px;
	height:11px;
	float:right;
	background:url(../images/back.gif) no-repeat;
	background-position:0 -11px;
	
}

/* テキスト */
div#info p{
	width:220px;
	margin:35px 0 0 0;
	padding:0;
	text-align:left;
	float:left;
}
div#info dl{
	width:220px;
	height:15px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
div#info dt{
	width:35px;
	!width:auto;
	margin:0;
	padding:0;
	float:left;
	font-size:10px;
}
div#info dd{
	width:185px;
	margin:0;
	padding:0;
	float:right;
	font-size:10px;
}

.fr{
	float:right;
}