@charset "Shift_JIS";

/*
上 右 下 左
上下 左右
上 左右 下
*/

/* 基本設定
各ブラウザによるズレを初期化
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css">
*/

a:link { color : #333333; text-decoration : underline;}
a:visited { color : #666666; text-decoration : underline;}
a:active { color : #999999; text-decoration : underline;}
a:hover { color : #000000; text-decoration : underline;}

/* 20110406クラスあり修正版 */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

/* メインブロック */

/* 画面のスタイル */
body#common_body{
	margin: 20px 0px 10px 30px;
	font-size: 12pt;
    background-image : url(../img/bk_title.gif);
	background-position : right bottom;
	background-repeat : no-repeat;
	background-attachment : fixed;
	background-color : #ffffff;
}

/* タイトルロゴのスタイル */
.logo{
	margin-bottom: 5px;
	float : left;
}
/* タイトルロゴの横の情報 */
.topside{
	color: #333333;
	width: 400px;
	text-align: right;
	font-size: x-small;
	line-height: 150%;
	float : left;
	letter-spacing: 1px;
}
#date{
	font-weight : bold;
	color : #333333;
}

.seo{
	margin: 0px 0px 5px;
	height: 15px;
	font-size : x-small;
	letter-spacing: 1px;
}

.menu{
	margin-bottom: 5px;
	clear: both;
}
.menu_image{
	margin-left: 7px;
	margin-right: 7px;
}


/* コンテンツスタイル */
.contentsBase{
	margin: 32px 0px 10px;
	color : #333333;
    border-color: #999999;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width: 840px;
    clear: left;
}
.contents{
	margin: 10px;
    float: left;
}
.contentsSide{
	margin: 10px;
    float: left;
}

.parentBox{
	width: 990px;
	clear: both;
}
.childBoxL{
	color: #333333;
    background-image : url(../img/footer.gif);
	background-position : left bottom;
	background-repeat : no-repeat;
	float: left;
	width: 73%;
}
.childBoxL p{
	font-size: 1.0em;
	letter-spacing: 1px;
	line-height: 1.6em;
}
.childBoxL ol{
	font-size: small;
	font-weight: bold;
	padding: 0px 0px 0px 40px;
    background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}
/*
上 右 下 左
上下 左右
上 左右 下
*/
.childBoxL ol.nobackimg{
	padding: 10px 0px 0px 0px;
    background-image : none;
}
.childBoxL ol.column{
	font-size: 1.0em;
	padding: 0px 0px 0px 60px;
	list-style-type: upper-roman;
}
.childBoxL ol.midi_title{
	font-size: 1.2em;
	list-style-type: none;
}
.childBoxL ol.midi_title_classic{
	font-size: 0.8em;
	list-style-type: none;
}
.childBoxL ul{
	font-weight: normal;
	margin-left:10px;
	padding-bottom:15px;
	list-style: disc;
}
.childBoxL ul.midi_list{
	font-size: small;
	list-style: none;
}
.childBoxL ul.ongaku_list{
	font-size: small;
	list-style: none;
	padding: 10px 0px 0px 0px;
}
.childBoxL ul li{
	letter-spacing: 2px;
	line-height: 1.4em;
	padding-top: 2px;
	padding-bottom:3px;
}
.childBoxL .title{
	padding: 0.2em 0em 0.5em 1em;
	font-weight: bold;
    background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}
.childBoxL .title_center{
	padding: 0.2em 0em 0.5em 1em;
	text-align: center;
	font-weight: bold;
    background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}
.childBoxL p.title_letter{
	line-height: 2em;
	padding: 0em 0em 1em 2em;
    background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}
.childBoxL p.title_letter_bold{
	line-height: 2em;
	padding: 0em 0em 1em 2em;
    background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
	font-weight:bold;
}
.childBoxL p.update_text{
	padding-left:1.5em;
    background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}
.childBoxL img{
	display: inline;
}
.childBoxL h3{
	font-size: 1.2em;
	margin: 0.5em 0.2em;
}
.childBoxL p.toTop{
	padding: 0em 0em 1em 1em;
    background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}
.childBoxL .one_box{
	font-size: small;
	padding: 0em 1em 1em 2em;
	background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}
.childBoxL .one_box .one_box_contents{
	width: 95%;
	padding: 0.5em;
    border-width: 1px 1px 1px 1px;
    border-color: #333333;
    border-style: solid;
    background-image : url(../img/ichimatsu.gif);
	background-repeat : repeat;
}
.childBoxL .one_box .contents_noborder{
	width: 95%;
	padding: 0em 0.5em;
	margin-bottom: 1em;
    border-width: 0px;
    background-color : #transparent;
}
.childBoxL .one_box .contents_noborder p{
	padding: 0em 0em 1em 0em;
}
.childBoxL .one_box .main{
	padding: 0px;
	margin: 0px;
}
.childBoxL .one_box .name_top{
	padding: 0px;
	margin: 0px;
}

/*
上 右 下 左
上下 左右
上 左右 下
*/
.childBoxL .link_image{
	width: 200px;
	margin: 5px;
	float: left;
}
.childBoxL .link_status{
	padding-left: 5px;
	width: auto;
    border-width: 0px 0px 0px 1px;
    border-color: #333333;
    border-style: solid;
	float: left;
}
.childBoxL .link_coments{
    border-width: 1px 0px 0px 0px;
    border-color: #333333;
    border-style: solid;
    margin: 5px 0px;
    padding: 0px 5px;
	clear: both;
}
.childBoxL .midi{
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.new_midi
{
	color: #ff3333;
	font-weight: bold;
}
.childBoxL .cd_image{
	width: 360px;
	margin: 5px;
	float: left;
}
.childBoxL .cd_status{
	padding-left: 5px;
	width: auto;
	float: left;
}
.childBoxL .cd_coments{
    margin: 5px 0px;
    padding: 0px 5px;
	clear: both;
}
.childBoxL .link_ibox{
    padding: 0.2em;
	clear: both;
}
.childBoxL .nodecoration{
    padding-right: 5px;
	text-decoration : none;
}

.childBoxL #ongaku{
	background-image : url(../img/v_bar.gif);
	background-repeat : repeat-y;
}

.childBoxL .Left{
	color: #333333;
	float: left;
	width: 23%;
}

.childBoxL .Right{
	color: #333333;
	float: right;
	width: 75%;
}


.childBoxR{
	color: #333333;
	float: right;
	width: 25%;
}
.childBoxR p{
	margin: 0em 0em 1em 0em;
}
.childBoxR p.sub_title{
	font-weight: bold;
	font-size: 0.8em;
}
.childBoxR p.sidebar_link{
	font-weight: bold;
	font-size: x-small;
}
.childBoxR p.sidebar_text{
	font-weight: bold;
	font-size: x-small;
	margin: 0em 0em 0.5em 0em;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.parentBox:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.parentBox{ display:inline-table; }
/* Mac IE には適用させない */
* html #parentBox{ height:1px; }
.parentBox{ display:block; }
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

#update_box{
	position : static;
	width : 430px;
	height : 150px;
	font-size : x-small;
	line-height : 1.4em;
	background-color : transparent;
	margin : 0px 0px 0px auto;
	padding : 5px;
/*	border : #666666 1px solid;*/
	overflow : auto;
	letter-spacing : 1px;
}

.bold_ff3333{
	color: #ff3333;
	font-weight: bold;
}
.bold_333333{
	color: #333333;
	font-weight: bold;
}

#stripe-table{
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size : small;
}

/*
上 右 下 左
上下 左右
上 左右 下
*/

#stripe-table th{
	padding: 5px;
	font-weight: bold;
    border-width: 0px 0px 1px 0px;
    border-color: #333333;
    border-style: solid;
}
#stripe-table td{
	padding: 5px;
	text-align: left;
}

tr.even-row{
	background-color: #ffffff;
}
tr.odd-row{
	background-color: #eeeeee;
}

/* フッターのスタイル */
.footer{
	margin-top : 0.5em 0em 1em;
	font-size : x-small;
    clear: left;
}