@charset "utf-8";

/* NEW DESIGN Memorial Museum of Sakamoto Ryoma,
written by conceptbox 200812
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
body {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	background: #FFFFFF;
	font-size: 90%;
	color: #424242;
	letter-spacing:0.03em;
	background: #FFFFFF url(../img/common/bg_body.gif) repeat-x top        ;
}

/*  オフホワイト
	background: #fbfbf1;
*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #000000;
}
p, ol, ul, blockquote {
	line-height: 1.3;
}
a {
	color: #424242;
	text-decoration:underline;
}
a:hover {
	color: #424242;
	text-decoration: none;
}
img {
	border: none;
}
address {
	font-style:normal;
	font-size: 90%;
}

/* header
---------------------------------------------*/
#header {
	position:relative;
	z-index:100;
	width: 800px;
	height: 145px;
	margin: 0 auto;
	background: #FFFFFF url(../img/common/bg_body.gif) repeat-x top ;
}
	#header #tm {
		position:absolute;
		height: auto;
		padding: 0;
		left:5px;
		top:45px;
		z-index:150;
	}	
	#header #entasis {
		position:absolute;
		height: auto;
		padding: 0;
		right:-30px;
		top:0px;
		z-index:110;
	}

#header #h-subnavi  {
	position:absolute;
	top:5px;
	right:5px;
	margin: 0px;
	padding: 0px;
	color: #424242;
	font-size:90%;
	letter-spacing:0.0;
	width: auto;
	height: 20px;
	z-index:120;
}
		#header #h-subnavi ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
		#header #h-subnavi ul li {
			float:left;
			padding:0 7px 0 7px ;
			margin:0;
			border-left: #424242 solid 1px ;
		}
		#header #h-subnavi ul .n-right {
			border-right: #424242 solid 1px ;
		}
		#h-subnavi a {
			color: #424242;
			text-decoration:none;
		}

/* ヘッダーのメインナビゲーション
---------------------------------------------*/

#h-navi {
	z-index:200;
	position:absolute;
	top:105px;
	left:7px;
	height:39px;
}

#h-navi ul {
	padding:0;
	margin:0;
	list-style:none;
}
#h-navi ul li {
	text-align:center;
	font-weight:bold;
	float:left;
	width:130px;
	height:39px;
	margin:0;
}

#h-navi ul li a {
	display:block;
	width:100%;
	height:39px;
	color:#FFFFFF;
	text-decoration:none;
	padding:11px 0 0 0 ;
	margin:0;
	background: url(../img/common/bg_headernavi01.gif) no-repeat top center;
}

#h-navi ul li a:hover {
	background: url(../img/common/bg_headernavi_hover.gif) no-repeat top center;
	color:#fff56c;
}

	#h-navi ul .current{
		list-style:none;
		text-align:center;
		font-weight:bold;
		color:#424242;
		float: left;
		width:130px;
		height:39px;
		background: url(../img/common/bg_headernavi02.gif) no-repeat top center;
		padding:13px 0 0 0 ;
	}
	
	#h-navi ul .n-right a {
		background: url(../img/common/bg_headernavi03.gif) no-repeat top center;
	}
	#h-navi ul .n-right a:hover {
		background: url(../img/common/bg_headernavi_hover03.gif) no-repeat top center;
		color:#fff56c;
	}
	#h-navi ul .n-left a {
		background: url(../img/common/bg_headernavi04.gif) no-repeat top center;
	}
	#h-navi ul .n-left a:hover {
		background: url(../img/common/bg_headernavi_hover04.gif) no-repeat top center;
		color:#fff56c;
	}

/* フォントサイズ変更バー
---------------------------------------------*/
#sliderBG {
	z-index:600;
	position:absolute;
	top:60px;
	right:14px;
	width:96px;
	height:43px;
	background-image:url(../img/fontchange/bg.gif);/*05*/
	background-repeat:no-repeat;
}
#sliderThumb {
	position:absolute;
	width:100px;
	height:43px;
}

/* Splash トップページ
---------------------------------------------*/
#splash-top {
	position:relative;
	width: 800px;
	height: 200px ;
	margin: 15px auto;
	text-align:center;
	background:#CCCCCC;
}
	#splash-top h1 {
		position:absolute;
		height: auto;
		padding: 0;
		left:120px;
		top:10px;
		z-index:150;
	}

	#splash-top img{
		margin: 0 ;
	}

/* Splash コンテンツページ
---------------------------------------------*/
#splash {
	position:relative;
	width: 800px;
	height: 150px ;
	margin: 15px auto;
	text-align:center;
	background:none;
}
	#splash h1 {
	}
	#splash img{
		margin: 0 ;
	}
	#splash #pankuzu{
		position:absolute;
		top:108px;
		right:5px;
	}
	#splash #pankuzu p {
		padding:0;
		margin:0;
		font-size:90%;
	}
	#splash #pankuzu ul{
		margin:0;
		padding:0;
	}
	#splash #pankuzu ul li{
		float:left;
		font-size:80%;
		padding:0 7px 0 0px ;
		margin:0 0px 0 5px ;
	}
	#splash #pankuzu ul li a{
		text-decoration:none;
	}

/* Splash2 メイン画像がないページ
---------------------------------------------*/
#splash2 {
	position:relative;
	width: 800px;
	height: auto ;
	margin: 15px auto;
	text-align:center;
	background:none;
}
	#splash2 h1 {
	}
	#splash2 img{
		margin: 0 ;
	}
	#splash2 #pankuzu{
		position:absolute;
		top:8px;
		right:5px;
	}
	#splash2 #pankuzu p {
		padding:0;
		margin:0;
		font-size:90%;
	}
	#splash2 #pankuzu ul{
		margin:0;
		padding:0;
	}
	#splash2 #pankuzu ul li{
		float:left;
		font-size:80%;
		padding:0 7px 0 0px ;
		margin:0 0px 0 5px ;
	}
	#splash2 #pankuzu ul li a{
		text-decoration:none;
	}

/* content
---------------------------------------------*/
#content {
	width: 790px;
	height: auto;
	margin: 15px auto;
}

/* 左サイドエリア
---------------------------------------------*/
#left {
	float:left;
	z-index:200;
	width:180px;
	height:auto;
	text-align:center;
}

/* 左サイドエリア（左のメニュー）
---------------------------------------------*/
#left #news {
	width:180px;
	margin:0 0 10px 0 ;
}
	#left #news h2 {
		width:100%;
		height:25px;
		padding:15px 0 0 0 ;
		margin:0 0 5px 0 ;
		text-align:center;
		color:#323232;
		font-weight:bold;
		font-size:100%;
		background: #FF6600 url(../img/common/bg_h2_left.gif) top left ;
	}
	#left #news h2 a {
		color:#323232;
		text-decoration:none;
	}

/* 左サイドエリア　メインナビゲーション
---------------------------------------------*/
#navi {
	z-index:100;
	margin:0 0 10px 0 ;
}
	#navi ul {
		z-index:200;
		padding:0;
		margin:0;
		list-style: none;
	}
	#navi ul li {
		display:block;
		position:relative;
		width: 180px;
		height: 70px;
		margin: 0;
		text-align:center;
	}
	#navi ul li a{
		display:block;
		width: 100%;
		height: 70px;
	}
	#navi ul li a:hover{
	}
		#navi ul ul {
			z-index:300;
			position:absolute;
			top:6px;
			left:180px;
		}
		#navi ul ul li {
			width: 160px;
			text-align:left;
			background: #fceb78;
			height:auto;
		}
		#navi ul ul li a {
			background: #fceb78;
			height:auto;
			font-size: 90%;
			margin:0px 0px 0 0px;
			padding:10px 10px 10px 10px;
			text-decoration:none;
		}
		#navi ul ul li a:hover {
			color:#f9f3ea;
			height:auto;
			background: #ff6347;
			text-decoration:none; 
		}
		#navi ul li.parent ul {
			display: none;
		}
		#navi ul li.parentOn ul {
			display: block;
		}

/* 左サイドエリア　館基本情報エリア
---------------------------------------------*/
#left #info {
	width:180px;
	margin:0 0 10px 0 ;
}
	#left #info h2 {
		width:100%;
		height:5px;
		padding:0px 0 0 0 ;
		margin:0;
		text-align:center;
		color:#424242;
		font-weight:bold;
		font-size:100%;
		background: #FF6600 url(../img/common/bg_leftinfo_h2.gif) bottom left        ;
	}
	#info #list {
		width:170px;
		height:auto;
		text-align:center;
		border:5px #eaddb9 solid ;
		background: #f9f3ea ;
		padding:0;
		margin:0;
	}
	#info #list p{
		font-size:90%;
		text-align:left;
		padding:0 0 0 0 ;
		margin:5px 5px 5px 5px ;
	}

/* 左サイドエリア　外部リンクエリア
---------------------------------------------*/
#link {	
	margin:0px 0 5px 0 ;
}
#link img {
	margin:5px 0 0px 0 ;
}	
	
/* 右サイドエリア　
---------------------------------------------*/
#right {
	float:right;
	z-index:100;
	width:580px;
	height:auto;
	text-align:left;
}

	#right #news {
		margin:0 0 10px 0;
		padding:0 0 0 0;
	}

	#right #topban {
		width:500px;
		height:80px;
		margin:auto;
		text-align:center;
	}
	#right #topban img{
		border:none;
	}
	#right h2{
		display:block;
		height:30px;
		width:560px;
		font-size:120%;
		text-align:left;
		color:#424242;
		font-weight:bold;
		margin: 0px 0 20px 0 ;
		padding:10px 0 0px 20px ;
		background: #ededed ;
		border-bottom:dotted 2px #cccccc ;
		border-top:dotted 2px #cccccc ;
		background: #ededed url(../img/common/bg_h2.gif) top right no-repeat;   
	}
	#right h2 a{
		text-decoration:none;
		border-bottom:#999999 2px dotted;
		padding-bottom:1px;
	}
	
	#right h3{
		height:20px;
		text-align:left;
		color: #666600;
		font-weight:bold;
		margin: 15px 10px 15px 10px ;
		padding:8px 0 0 15px ;
		background: #ffffff url(../img/common/bg_h3.gif) top left no-repeat;   
	}
	#right h4{
		width:70%;
		text-align:left;
		color: #333333;
		margin:3px 0 3px 10px;
		padding:3px 0 3px 5px;
		border-left:#666666 5px solid;
		border-bottom:#666666 1px solid;
	}
/* トップページのイベント
---------------------------------------------*/
#right table {
	margin:0 auto 15px auto ;
}
	#right .tbl_exh {
		margin:0 auto 10px auto ;
		border-bottom: #999999 1px dotted ;
		border-top: #999999 1px dotted ;
	}
	#right .tbl_event {
		margin:0 auto 10px auto ;
		border:#CCCCCC solid 1px ;
	}

/* 右サイドエリアの本文
---------------------------------------------*/
#right .section {
	margin:0 0 35px 0 ;
}
	#right .section p {
		letter-spacing:0.05em;
		margin: 5px 10px 5px 10px;
		text-align: left;
	}

/* 代表的な作家・プロフィール・作品
---------------------------------------------*/
.artist-name {
	display:block;
	width:540px;
	margin: 10px ;
	padding: 5px 0 15px 10px;
	border-bottom:#666666 1px solid ;
	border-left:#666666 7px solid ;
	height:10px;
	font-size:110%;
	text-align:left;
	color: #666600;
	font-weight:bold;
}
.owned-works {
	display:block;
	margin: 0 0 0 0 ;
	padding: 8px 0 0 60px ;
	border-top: #666666 dotted 1px ;
}

/* ビデオ
---------------------------------------------*/
.video-title {
	padding: 5px ;
	border-left: #0066CC 10px solid ;
	margin:0 0 0 0;
	font-weight:bold;
}
.video-data {
	padding: 5px ;
	border-left: #CCCCCC 10px solid ;
	margin:0 0 0 0 ;
	font-size:80%;
}
.video-comment {
	padding: 5px ;
	border-left: #ededed 10px solid ;
	margin:0 0 0 0 ;
	font-size:90%;
}

/* 基本のリスト
---------------------------------------------*/

#list {}
	#list ul {
		margin:0px 50px 5px 30px ;
		padding:0 0 5px 0 ;
	/*	border-bottom: #666 1px dotted ; */
	}
	#list ul li {
		padding:0px 0px 0px 20px ;
		margin:5px 0 8px 0px ;
		list-style-type:none;
		font-weight:normal;
		letter-spacing:none;
		color: #666666 ;
		background: url(../img/listmark02.gif) left center no-repeat;
	}
	#list ul li a {
		text-decoration:underline;
	}
	#list ul li a:hover{
		text-decoration:none;
		color:#FF6600;
	}
	#list ul .list-sub {
		margin:10px 0 8px 30px ;
	}

#list ol {
	margin:20px 50px 0px 50px ;
	padding:0 0 0 0 ;
	line-height:1.5;
}
#list ol li {
	padding:5px 0 2px 0 ;
	border-bottom:#999999 1px dotted;
}
#list ol li a {}

/* テーブル
---------------------------------------------*/
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
}
.tbl-basic td, .tbl-basic th{
	border:#666666 1px solid;
	padding:3px;
}
.tbl-basic th{
	background:#ededed;
}


/* footer 
---------------------------------------------*/

#footer {
	clear: both ;
	position: relative ;
	width: 810px ;
	height: auto ;
	margin: 0 auto ;
	padding: 45px 0 0 0 ;
	text-align:center;
	background: url(../img/common/bg_footer.gif) left top no-repeat        ;
}
	#footer #credit  {
		position:absolute;
		top:13px;
		right:25px;
		margin: 0px ;
		padding: 0px ;
		color: #FFFFFF;
		font-size:90%;
		letter-spacing:0.0;
	}
	#footer #f-subnavi  {
		position:absolute;
		top:7px;
		left:5px;
		margin: 0px;
		padding: 0px;
		color: #424242;
		font-size:90%;
		letter-spacing:0.0;
		width: 319px;
		height: 20px;
	}
		#footer #f-subnavi ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
		#footer #f-subnavi ul li {
			float:left;
			padding:0 7px 0 7px ;
			margin:0;
			border-left: #424242 solid 1px ;
		}
		#footer #f-subnavi ul .n-right {
			border-right: #424242 solid 1px ;
		}
	#footer #f-subnavi2  {
		position:absolute;
		top:36px;
		left:5px;
		margin: 0px;
		padding: 0px;
		color: #424242;
		font-size:90%;
		letter-spacing:0.0;
		width: 319px;
		height: 20px;
	}
		#footer #f-subnavi2 ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
		#footer #f-subnavi2 ul li {
			float:left;
			padding:0 7px 0 7px ;
			margin:0;
			border-left: #424242 solid 1px ;
		}
		#footer #f-subnavi2 ul .n-right {
			border-right: #424242 solid 1px ;
		}
	#footer a {
		color: #424242;
		text-decoration:none;
	}

/* Auto Scroll Area
---------------------------------------------*/

#wrap {
	text-align:left;
}
#myMenu {
	width:178px;
	margin: 5px 0 0 0 ;
	text-align:left;
	background:#eeeeee;
	border:#999999 1px dotted;
}
#myMenu h3 {
	display:block;
	text-align:center;
	padding:3px;
	background:#666666;
	color:#FFFFFF;
}
#myMenu ul{
	margin:8px;
	padding-left:20px;
}

/* テキスト・装飾
---------------------------------------------*/
/* フォントサイズ14px
---------------------------------------------*/
.font11px-black {
	font-size:11px;
}
.font11px-black-b {
	font-size:11px;
	font-weight: bold;
}
.font11px-red {
	font-size:11px;
	color:#FF3300;
}
.font11px-red-b {
	font-size:11px;
	color:#FF3300;
	font-weight: bold;
}
font.11px-blue {
	font-size:11px;
	color:#0066FF;
}
.font11px-blue-b {
	font-size:11px;
	color:#0066FF;
	font-weight: bold;
}
.font11px-green {
	font-size:11px;
	color:#009900;
}
.font11px-green-b {
	font-size:11px;
	color:#009900;
	font-weight: bold;
}
/* フォントサイズ14px
---------------------------------------------*/
.font14px-black {
	font-size:14px;
}
.font14px-black-b {
	font-size:14px;
	font-weight: bold;
}
.font14px-red {
	font-size:14px;
	color:#FF3300;
}
font.14px-red-b {
	font-size:14px;
	color:#FF3300;
	font-weight: bold;
}
.font14px-blue {
	font-size:14px;
	color:#0066FF;
}
.font14px-blue-b {
	font-size:14px;
	color:#0066FF;
	font-weight: bold;
}
.font14px-green {
	font-size:14px;
	color:#009900;
}
.font14px-green-b {
	font-size:14px;
	color:#009900;
	font-weight: bold;
}

/* フォントサイズ20px
---------------------------------------------*/
.font20px-black {
	font-size:20px;
	color:#333;
}
.font20px-black-b {
	font-size:20px;
	color:#333;
	font-weight: bold;
}
.font20px-red {
	font-size:20px;
	color:#FF3300;
}
.font20px-red-b {
	font-size:20px;
	color:#FF3300;
	font-weight: bold;
}
.font20px-blue {
	font-size:20px;
	color:#0066FF;
}
.font20px-blue-b {
	font-size:20px;
	color:#0066FF;
	font-weight: bold;
}
.font20px-green {
	font-size:20px;
	color:#009900;
}
.font20px-green-b {
	font-size:20px;
	color:#009900;
	font-weight: bold;
}

/* 
---------------------------------------------*/
.font80 {
	font-size:80%;
}
.more {
	padding:2px 0px 1px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../img/common/link.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.pdf {
	padding:6px 30px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:2px 5px 0px 5px ;
	background: url(../img/common/pdf02.gif) right bottom no-repeat;
	font-weight:normal;
	text-decoration:none;
}