/*
Theme Name: Maki
Theme URI: http://maki.sampoh.jp/
Description: For Maki Web
Author: Hasegawa, Shuhei
Author URI: http://www.dsgn.jp/
Version: 1.1
*/

@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background-color: #111111;
	font-family: Adobe Garamond Pro, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	color:#FFFFFF;
	height:100%;
}

body:first-of-type html, body {
	margin: 0;
	padding: 0;
	background-color: #111111;
	font-family: Adobe Garamond Pro, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	color:#FFFFFF;
	height:100%;
}

*:first-child+html body {
	font-family: "メイリオ", Meiryo, sans-serif;/*Windows IE7のみに適用*/
}

* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*Windows IE6のみに適用*/
}

.clear { clear: both; margin-bottom:20px;}


/* 文字サイズ */

html, body {
	font-size: 9pt;
	line-height: 15pt;
}

.Small {
	font-size: 8pt;
	line-height: 11pt;
}
.Minimum {
	font-size: 10px;
	line-height: 12px;
	font-family: Avenir;
	font-style:normal;
	font-weight:normal;
}

h3 {
	font-size:11pt;
	line-height:17pt;
}

h4 {
	font-size:9pt;
	line-height:15pt;
}

/* 段落スタイル */

.liveinfo {
    font-size: 8pt;
    line-height: 11pt;
    padding-left: 1em;
    color: #DDDDDD;
}

.date {
    font-size: 8pt;
    line-height: 11pt;
    text-align: right;
    color: #999999;
}

.txtind {
    text-indent: 1em;
}

/* 文字サイズ */

img { border: 0; }

img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }

alignleft { float: left; margin: 0px 20px 0px 0; }

h1 {
	margin:0px;
	padding:0px;
}


h2, h3, h4, h5 {
	color: #903;
	line-height:0px;
	margin:5px 0px 5px 0px;
}

ul {
	list-style:none;
	margin: 0 0 0 1em;
	padding: 0;
}

ul.nr {
	list-style:decimal;
	margin: 0px 0px 0px 3em;
}


/*IE6 5.5でPNGを透過*/

* html .ipf {
  behavior: url(iepngfix.htc);
}

/*アクセシビリティ対策*/

H1 span {
	display:none;
}

H2 span {
	display:none;
}

H3 span {
	display:none;
}

H4 span {
	display:none;
}

A span {
	display:none;
}


/*　汎用カラー　*/
.gray {
	color:#999;
}

/*標準リンク*/
a:Link {
	color:#C69;
	text-decoration: none;
}
a:Visited {
	color:#C36;
	text-decoration: none;
}
a:Active {
	color: #fff;
}
a:Hover {
	color:#F69;
}

/*バナー用リンク*/
a.banner {
	height: 31px;
	width: 88px;
	margin: 0px 6px 0px 6px;
	text-decoration:none;
	display:block;
	overflow: hidden;
	background-repeat:no-repeat;
	float:left;
}

a:hover.banner {
	height: 31px;
	width: 88px;
	margin: 0px 6px 0px 6px;
	text-decoration:none;
	display:block;
	overflow: hidden;
	float:left;
}

a.marionette {
	background-image:url(/parts/banner_marionette_off.jpg);
}

a:hover.marionette {
	background-image:url(/parts/banner_marionette_on.jpg);
}

a.commusic {
	background-image:url(/parts/banner_commusic_off.jpg);
}

a:hover.commusic {
	background-image:url(/parts/banner_commusic_on.jpg);
}

a.trmusic {
	background-image:url(/parts/banner_trmusic_off.jpg);
}

a:hover.trmusic {
	background-image:url(/parts/banner_trmusic_on.jpg);
}

/*　ぼっくす　*/

#container {
	margin: 0px auto;
	width:800px;
	position: relative;
	background:#000;
	text-align: center;
	height: 100%;
	min-height: 100%;
}
body > #container {
    height: auto;
}

#canvas {
	position:relative;
	padding-bottom:80px;
	width:800px;
	background:#000;
}

#topbox {
	position:relative;
	width:800px;
	text-align:left;
	margin:0px;
}

.indbox {
	position:relative;
	text-align:left;
	padding:40px;
}

.txt {
	position:relative;
	text-align:left;
	margin: 5px 20px 5px 20px;
}

.txtR {
	position:relative;
	text-align:right;
	margin: 5px 10px 5px 10px;
}

.menubox {
	position:relative;
	width:800px;
	text-align:left;
	background:#803;
	margin:-5px 0px 0px 0px;
}


#btmbox {
	position:relative;
	bottom:0px;
	width:800px;
	height:66px;
	background-image: url(/parts/footfull.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#footer{
	clear:both;
	position:absolute;
	width:850px;
	bottom:0px;
}

#footbox {
	position:relative;
	padding-top:10px;
	padding-left:20px;
}

#copyright {
	position:relative;
	width:780px;
	text-align:right;
	margin:10px 10px 0px 10px;
	padding-bottom:10px;
	color:#999;
}


#sidemenu {
	position:relative;
	margin:20px 25px 0px 25px;
	width:200px;
	text-align:left;
}

*html #sidemenu {
	margin:10px 7px 0px 10px;
}

#wrapR {
	position:relative;
	float:right;
	text-align:left;
	width:550px;
	margin-top:-5px;
	margin-right:0px;
}

* html #wrapR {
	margin-top:0px;
}

*:first-child+html #wrapR {
	margin-top:0px;
}


#sidemenuL {
	position:relative;
	float:left;
	margin:20px 0px 0px 25px;
	width:200px;
	text-align:left;
}


#centerbox {
	position:relative;
	float:left;
	width:300px;
	height:100%;
	margin-bottom:15px;
	text-align:left;
}

#topicbox {
	position:relative;
	float:right;
	margin:0px 25px 0px 25px;
	width:200px;
	height:100%;
	text-align:left;
	list-style:none;
}

*html #topicbox {
	margin:0px 5px 0px 7px;
}

#innnerbox {
	position:absolute;
	top:40px;
	left:480px;
	width:250px;
	text-align:right;
}

#btmmenu {
	position:relative;
	width:710px;
	text-align:left;
	margin:10px 20px 0px 20px;
}

#pagetop {
	clear:both;
	position:relative;
	width:780px;
	text-align:right;
	margin:0px 10px 10px 10px;
}

.movie_thumb {
	position:relative;
    float:left;
	margin:0px 10px 0px 0px;
}

.movie_expt {
	position:relative;
	margin:0px 0px 0px 0px;
}

/*ヘッダメニュー*/
#headmenu {
	width:730px;
	height:35px;
	margin-left:0px;
	margin-right:20px;
	background-image: url(/parts/kumobtm.jpg);
	text-align:right;
}

/*キャプション用*/
.caps {
	padding-top:2px;
}

/*テーブルスタイル*/

table.hyoki {
    border-top:1px solid #222222;
    border-left:1px solid #222222;
}
.hyoki th{
    width: 150px;
    border-right:1px solid #222222;
    border-bottom:1px solid #222222;
    color:#EEEEEE;
    background-color:#111111;
    padding:0.5em 1em;
    text-align:center;
}
.hyoki td{
    border-right:1px solid #222222;
    border-bottom:1px solid #222222;
    padding:0.3em 1em;
}

/* 画像など */

#logo, #coverart, #topics, #liveinfo, #order_its, #order_cd, #moreinfo, #md_inquiry, #md_topics, #md_profile {
	display: block;
	background-repeat:no-repeat;
	margin:0px;
	overflow:hidden;
}

#logo {
	height: 100px;
	width: 800px;
	background-image: url(/parts/topbar.jpg);
}

#coverart {
	width: 550px;
	height: 250px;
	background-image: url(/makiwp/img/coverart.jpg);
	margin-bottom:20px;
}

#topics {
	width: 300px;
	height: 35px;
	background-image: url(/parts/topics.jpg);
}

#liveinfo {
	width: 200px;
	height: 35px;
	background-image: url(/parts/liveinfo.jpg);
}

#ginjinha_top {
	width: 800px;
	height: 300px;
	background-image: url(/parts/ginjinha_top.jpg);
	margin:-5px 0px 15px 0px;
	display: block;
	background-repeat:no-repeat;
	overflow:hidden;
}

#order_its {
	height: 25px;
	width: 200px;
	background-image: url(/parts/order_its.jpg);
}

#order_cd {
	height: 25px;
	width: 200px;
	background-image: url(/parts/order_cd.jpg);
}

#moreinfo {
	height: 20px;
	width: 200px;
	background-image: url(/parts/moreinfo.jpg);
}

#md_profile {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_profile.jpg);
}

#md_inquiry {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_inquiry.jpg);
}

#md_3 {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_topics.jpg);
}

#md_4 {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_liveinfo.jpg);
}

#md_5 {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_movies.jpg);
}

#md_404 {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_404.jpg);
}

#md_order {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_order.jpg);
}

#md_thankyou {
	height:100px;
	width: 200px;
	background-image: url(/parts/md_thankyou.jpg);
}