@charset "utf-8";
/*
Theme Name: mugendoh
Description: 夢弦堂専用のテーマです。
Author: deltagon
*/

*{
	padding:0;
	margin:0;
}

html,
body
{
  margin: 0;  /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
}

html,
body,
div.container {
  height: 100%; /* min-heightに対応していないブラウザ用 */
}

div.container {
min-height: 100%; /* 最小の高さ */
background: url(img/sidebar_200.gif) repeat-y left; /* サイドバーの背景画像 */
}

body > div.container {
  height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}




img{
	border:0;
	vertical-align:top;	
}

/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff; /* ページの背景色 */
	color: #000000; /* 全体の文字色 */
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; /* 全体の文字サイズ */
	*font-size:small;
	*font-size:x-small;
	line-height: 20px ;
	height:100%;
}

body.bg_00{
	background-color: #fae9a4; /* メインカラムの背景色 */
	height:100%;
}

body.bg_01{
	background: url(img/bg_repeat.gif) repeat; /* サイドバーの背景画像 */
	background-color: #f3e8cc; /* メインカラムの背景色 */
	height:100%;
}

body.bg_02{
	background: url(img/bg_repeat.gif) repeat; /* サイドバーの背景画像 */
	background-color: #f3e8cc; /* メインカラムの背景色 */
	height:100%;
}

body.bg_blog{
	margin: 0;
	padding: 0;
	background: url(img/bg_repeat.gif) repeat;
	background-color: #f5fedd; /* ページの背景色 */
	color: #000000; /* 全体の文字色 */
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; /* 全体の文字サイズ */	*font-size:small;
	*font:x-small;
	line-height: 20px ;
}

/*--------------------
	font-size
----------------------
10px - 77%
11px - 85%
12px - 93%
13px - 100%
14px - 108%
15px - 116%
16px - 123.1%
17px - 131%
18px - 138.5%
19px - 146.5%
20px - 153.9%
21px - 161.6%
22px - 167%
23px - 174%
24px - 182%
25px - 189%
26px - 197%
--------------------*/

/* --- 全体のリンクテキスト --- */
a { /* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;
}

a{
	text-decoration: none;
}

a:link { color: #CC0000; }
a:visited { color: #800080; }
a:hover { color: #0000ff; }
a:active { color: #ff0000; }

/* --- テキストのサイズ・色の指定 --- */
.tex01{
	font-size:123.1%;
	font-weight: bold;
}

.tex02{
	font-size:123.1%;
	font-weight: bold;
	color:#CC0000;
}

.tex03{
	font-size:77%;
}

/*--------------------
	リストの設定
--------------------*/


/*--------------------
	段落の設定
--------------------*/
.list dd div{
	display:inline-block;
}

.list dt {
	float:left;
	width:1em;
}

.list dd {
	margin-left:0;
	padding-left:1em;
}

.list02 dd div{
	display:inline-block;
}

.list02 dt {
	float:left;
	width:1em;

}

.list02 dd {
	margin-top:20px;
	padding-left:1em;
}

.list02 dd img{
	margin-right:15px;
}

.list03_be{
 float: left;
 margin: 0px 8px 15px 0px;
 font-size:85%;
}

.list03 dd {
 text-align: left;
 margin-left: 0;
 margin-top: 2px;
 width: 210px;
}

.list03_last{
 float: left;
 margin: 0px 0px 15px 0px;
 font-size:85%;
}

.list04_dd01{
 text-align: left;
 margin-left: 0;
 margin-top: 2px;
 width: 210px;
}

.list04_dd02{
 text-align: left;
 margin-left: 0;
 margin-top: 2px;
 width: 420px;
}

.list04_dd03{
 text-align: left;
 margin-left: 0;
 margin-top: 2px;
 width: 319px;
}

.list04_dd04{
 text-align: left;
 margin-left: 0;
 margin-top: 2px;
 width: 100px;
}

.list_dd{
 text-align: left;
 margin-left: 0;
 margin-top: 0px;
 width: 550px;

}

/* --- コンテナ --- */

.container {
width: 100%; /* ページの幅 */
min-height:100%;
margin: 0; /* センタリング */
text-align:left;
}

/* --- ヘッダ --- */
.header {
background-color:#000000; /* ヘッダの背景色 */
color:#FFFFFF;
width:100%;
height:100%;
min-width: 694px; /* ページの幅 */
}

.heder_con{
	margin:0px 0px 0px 3px;
	height:33px;
}

#navi01 {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width: 124px;
	height: 33px;
	background: url(img/navi01.gif) no-repeat;
	cursor: pointer;
}
#navi01_on {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width: 124px;
	height: 33px;
	background: url(img/navi01_on.gif) no-repeat;
	cursor: pointer;
}

#navi02 {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width: 85px;
	height: 33px;
	background: url(img/navi02.gif) no-repeat;
	cursor: pointer;
}

#navi02_on {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:85px;
	height:33px;
	background: url(img/navi02_on.gif) no-repeat;
}

#navi03 {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width: 128px;
	height: 33px;
	background: url(img/navi03.gif) no-repeat;
}

#navi03_on {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:128px;
	height:33px;
	background: url(img/navi03_on.gif) no-repeat;
}

#navi04 {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:98px;
	height:33px;
	background: url(img/navi04.gif) no-repeat;
}

#navi04_on {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:98px;
	height:33px;
	background: url(img/navi04_on.gif) no-repeat;
}

#navi05 {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:105px;
	height:33px;
	background: url(img/navi05.gif) no-repeat;
}

#navi05_on {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:105px;
	height:33px;
	background: url(img/navi05_on.gif) no-repeat;
}

#navi06 {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:80px;
	height:33px;
	background: url(img/navi06.gif) no-repeat;
}

#navi06_on {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	float:left;
	width:80px;
	height:33px;
	background: url(img/navi06_on.gif) no-repeat;
}

#navi07 {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	clear:both;
	width:71px;
	height:33px;
	background: url(img/navi07.gif) no-repeat;
}

#navi07_on {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border:none;
	clear:both;
	width:71px;
	height:33px;
	background: url(img/navi07_on.gif) no-repeat;
}


/* ---サイド ナビゲーション --- */
.nav {
float:left;
width: 261px; /* サイドバーの幅 */
height:100%;
color:#FFFFFF;
background:#000;
}

.side_menu_con{
	background: url(img/menu_bg.gif) no-repeat;
	background-position:0px 17px;
	height:670px;
	margin:10px 0px 0px 0px;
}

#menu01 {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu01.gif) no-repeat;
}
#menu01_on {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu01_on.gif) no-repeat;
}

#menu02 {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu02.gif) no-repeat;
}

#menu02_on {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu02_on.gif) no-repeat;
}

#menu03 {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu03.gif) no-repeat;
}

#menu03_on {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu03_on.gif) no-repeat;
}

#menu04 {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu04.gif) no-repeat;
}

#menu04_on {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu04_on.gif) no-repeat;
}

#menu05 {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu05.gif) no-repeat;
}

#menu05_on {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu05_on.gif) no-repeat;
}

#menu06 {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu06.gif) no-repeat;
}

#menu06_on {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu06_on.gif) no-repeat;
}

#menu07 {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu07.gif) no-repeat;
}

#menu07_on {
	text-decoration: none;
	margin:0px 0px 0px 126px;
	border:none;
	display: block;
	width: 118px;
	height: 38px;
	background: url(img/menu07_on.gif) no-repeat;
}

#banner {
	text-decoration: none;
	margin:10px 0px 0px 130px;
	display: block;
	width: 113px;
	height: 76px;
	background: url(img/banner.gif) no-repeat;
}

.counter {
	text-decoration: none;
	text-align:right;
	margin:0px 0px 0px 83px;
	display: block;
	width: 161px;
	font-size:131%;
	height:33px;
	background: url(img/counter_bg.png) no-repeat;
	padding:8px 0 0 0;
}



/* --- メインカラム --- */
.content {
	margin-left:261px;
	height:100%;
}

.t_content {
	margin-left:261px;
	background:#fae9a4;
}

.main_content{
	height:100%;
	min-height:100%;
	position:relative;
	z-index:10;
}

.main_content_in{
	min-height:100%;
}

/* --- メインカラム トップページ --- */
.top_contener{
	background: url(img/top_bg_re.jpg) repeat-x;
	background-color:#fae9a4;
}

.top_content{
	background: url(img/top_bg.jpg) no-repeat;
	min-height:775px;
}

.page_title{
	width:100%;
	height:70px;
	background-color:#000000;
}

.page_title img{
	margin:0px 0px 0px 7px;
	float:left;
}

.goddes{
	position:absolute;
	top:48px;
	left:266px;
}

/* --- メインカラム 他ページ --- */


.s_content{
	margin:22px 0px 0px 22px;
	width: 668px;
	height: 100%;
}

.s_main{
	margin:20px 0px 80px 22px;
	height: 100%;
}

.s_title_bg{
	background: url(img/_bg_titl.jpg) no-repeat;
}

.box{
	margin:10px 0px 0px auto;
	width:500px;
	height:121px;
	background-color:#c39951;
}

.box_in{
	width:460px;
	height:100px;
	position:relative;
	top:10px;
	left:20px;
}

.box_inner{
	width:360px;
	margin:15px 0px 0px auto;
	text-align: right;
}

.box_inner span{
	float: left;
}

.artists_banner{
	margin:-7px 0px 0px 20px;
	width:111px;
	height:32px;
}

.box02{
	margin:10px 0px 0px auto;
	width:520px;
	height:43px;
}

.box_inner02{
	width:520px;
	margin:15px 0px 0px auto;
	text-align: right;
	vertical-align: middle; 
	margin: 0;
}

.box_inner02 span{
	float: left;
}

.block01{
	margin-left:22px;
}

.sub_title{
	margin-right:10px;
}

.gallery_banner{
	margin:-32px 0px 0px 20px;
	width:202px;
	height:43px;
}

.acoustic-case{
	margin:0px 0px 0px auto;
	width:350px;
	text-align:right;
}

/* --- フッタ --- */

.footer {
	position:relative;
	z-index:0;
}

.copyright{
	margin:0px 0px 0 22px;
	padding:0px 0px 50px 0;
	color:#777777;
	font-size:100%;
	font-weight: bold;
	text-align:right;
	width:667px;
}

.clear_right{
	clear:right; 
}

.float
	{
	float: left;
	margin-right: 1em;
}

.floatclear
{
	clear: both;
}

/*--------------------
	回り込み関係
--------------------*/
.floatleft
	{
	float: left;
}

.floatright{
	float: right;
}

.floatleft img{
	margin:0px 10px 0px 0px;
}

.floatright img{
	margin:0px 0px 0px 10px;
}

div.img_box {
	width: 450px;
}

div.img_box01 {
	width: 413px;
}

.news_box01{
	width: 450px;
	height:225px;
}

.artists{
	height:100%;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #ba2527;
}

 
/* クリアフィックス */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	overflow: hidden;
	zoom: 1;
}



/*--------------------
	削除用
--------------------*/
dl.thumbnail div {
 float: left;
 margin: 0 5px 5px 0;
}
dl.thumbnail img {
 width: 300px;
 height: 96px;
}
dl.thumbnail a { display: block; }

dl.thumbnail dd {
 text-align: left;
 margin-left: 0;
 margin-top: 2px;
 width: 300px;
 height: 80px;
}

.gal{
 float: left;
 margin: 0 10px 5px 0;
 font-size:77%;
}

.gal_last{
	float: left;
	margin: 0 0px 5px 0;
	font-size:77%;
}

.gallery img {
 width: 154px;
 height: 231px;
}

.gallery dd {
 text-align: left;
 margin-left: 0;
 margin-top: 2px;
 width: 154px;
 height: 70px;
}

.products_box{
	color:#FFFFFF;
	line-height: 25px ;
	background-position:bottom;
}

.products_box h1{
	margin-right:15px;
}

.products_box h2{
	margin-right:15px;
}

.products_box h3{
	margin-right:15px;
}

.products_box h4{
	margin-right:15px;
	color:#FFFFFF;
}

.products_box02{
	color:#FFFFFF;
}

.products_box01{
	text-align: left;
	width: 647px;
	height: 185px;
	background: url(img/products/banner01.png) no-repeat bottom;
}

.products_box02{
	text-align: left;
	width: 647px;
	height: 185px;
	background: url(img/products/banner02.png) no-repeat bottom;
}

.products_box03{
	text-align: left;
	width: 647px;
	height: 185px;
	background: url(img/products/banner03.png) no-repeat bottom;
}

.products_box04{
	text-align: left;
	width: 647px;
	height: 185px;
	background: url(img/products/banner04.png) no-repeat bottom;
}

.products_box05{
	text-align: left;
	width: 647px;
	height: 185px;
	background: url(img/products/banner05.png) no-repeat bottom;
}

.products_banner{
	position: absolute;
	bottom: 17px;
	right:12px;
}

.pro_box_in{
	width: 450px;
	height: 155px;
	margin:0px 0px 0px auto;
	position:relative;
	top:40px;
}

/*--------------------
	テーブル組み(横)
--------------------*/
.tbl{
	font-size: 100%; /*文字サイズは崩れないようにするため固定にします。*/
}
.tbl dt {
	clear: left;
	float: left;
	width: 50px;
	margin: 0;
	background-color: #ff99ff;
}
.tbl dd {
	float: left;
	width:250px;
	margin: 0;
	padding: 3px 5px;
	background-color: #ffdddd;
}



dl.list_table {
	display:inline-block;
	border-bottom:1px solid #999;
}

dl.list_table div{
	display:inline-block;
}

.areatable dl{
	width:383px;
	margin: 0;
	padding: 0;
	border-bottom: 1px #666 dotted;
}

.areatable dt {
	float:left;
	width:90px;
	padding:0px 0px 0px 0px;
	clear:both;
	line-height: 24px;
}

.areatable dd {
	width:280px;
	margin-left:90px;
	line-height: 24px;
}

.areatable02 dl{
	width:363px;
	margin: 0;
	padding: 0;
	border-bottom: 1px #666 dotted;
}

.areatable02 dt {
	float:left;
	width:90px;
	padding:0px 0px 0px 0px;
	clear:both;
	line-height: 24px;
}

.areatable02 dd {
	width:260px;
	margin-left:90px;
	line-height: 24px;
}

.areatable03 dd {
	width:270px;
	margin-left:60px;
	line-height: 24px;
}

.areatable03 dl{
	width:343px;
	margin: 0;
	padding: 0;
	border-bottom: 1px #666 dotted;
}

.areatable03 dt {
	float:left;
	width:80px;
	padding:0px 0px 0px 0px;
	clear:both;
	line-height: 24px;

}
.areatable03 dd {
	width:270px;
	margin-left:60px;
	line-height: 24px;
}

.a_dt{
	border-top: 1px #666 dotted;
}

.a_dd{
	border-top: 1px #666 dotted;
}

.a_dt_bottom{
	border-top: 1px #666 dotted;
}

.a_dd_bottom{
	border-top: 1px #666 dotted;
}

.list_dt{
margin-top:20px;
}

.list_dd{
margin-top:20px;
}

.dot{
	width:100%;
	margin:0px 0px 20px 0px;
	border-top: 1px #666 dotted;
}


/*--------------------
	リスト
--------------------*/
.jbody{
	
}

.jbody li {
	list-style:outside;
	margin:0px 15px;
}

.jbody2 li {
	list-style:outside;
	margin:0px 28px;
}



div.preview
{
	margin-bottom: 3em;
	color: #333333;
	width:570px;
}

ul.art_list {
	list-style:none;
	width:510px;
}

ul.art_list li {
	list-style:none;
	background:url(img/list.png) no-repeat top left;
}

ul.art_list p {
	margin-left: 27px;
}

.art_tit {
	font-size:182%;
	font-weight: 900;
	color:#ba2527;
	line-height:24px;
}

.art_tit_sub{
	font-size:182%;
	color:#ba2527;
}

.art_tit_sub2{
	font-size:167%;
	color:#ba2527;
}


/*--------------------
	NEWSページ
--------------------*/
.news_box_subtitle {
  margin: 0;
  width: 100%;
  background-color: #86b18d;
  padding: 10px;
}

p.news_box_prefix {
  font-family: "MS Sans Serif", Geneva, sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0;
  padding: 0;
  color: #fff;
  line-height: 20px;
}

.news_box_subtitle h2{
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif !important; 
  line-height: 20px;
  margin: 5px 0 0;
}

.news_box_entry-content {
  margin: 0 0 0 20px;
  height:100%;
}



.news_box02 p {
  font-size: 100%;
  line-height: 20px;
  margin: 0 0 1em 0;
  padding: 0;
}