@charset "utf-8";

/* content
------------------------------------------ */
div#content div.mid {
	padding: 0;
}
#footer {
	width: 868px;
	margin: 0 auto;
}
.paseTop {
	text-align: right;
	padding: 0 10px;
}


/* inner
------------------------------------------ */
/* 	共通 */
div#inner {
	width: 868px;
	margin: 0 auto;
}

div#inner div.top {
	font-size: 0;
	width: 868px;
	height: 14px;
	background: url(../images/bg_under_top.gif) no-repeat;
}
div#inner div.mid {
	width: 798px;
	padding: 39px 35px;
	background: url(../images/bg_under_mid.gif) repeat-y;
}
div#inner div.btm {
	font-size: 0;
	width: 868px;
	height: 16px;
	margin-bottom: 15px;
	background: url(../images/bg_under_btm.gif) no-repeat;
}
div#contBtm {
	width: 780px;
	margin: 0 auto;
	padding: 0;
}
div#contBtm div.top {
	font-size: 0;
	width: 780px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: url(../images/bg_contBtm01.gif) no-repeat;
}
div#contBtm div.mid {
	width: 718px;
	padding: 0 30px;
	margin: 0;
	background-image: none;
	background-color: #ffffff;
	border-left: 1px solid #7bb02a;
	border-right: 1px solid #7bb02a;
}
div#contBtm div.btm {
	font-size: 0;
	width: 780px;
	height: 10px;
	margin-bottom: 15px;
	padding: 0;
	background: url(../images/bg_contBtm02.gif) no-repeat;
}

/* .voice */
div#inner.voice div.mid div.txt {
	width: 448px;
	margin-left: 20px;
	padding-bottom: 60px;
	float: left;
	display: inline;
}
div#inner.voice div.mid div.pict {
	width: 280px;
	margin-right: 20px;	
	margin-bottom: 40px;
	float: right;
	display: inline;
}
div#inner.voice div.mid dl {
	
}
div#inner.voice div.mid dl dt{
	
}
div div#voicettl h2 {
	float: left;
	padding:15px 0 0 70px;
}
div div#voicettl p {
	float: right;
	padding: 0 20px 20px 0;
}
div#inner.voice div#contBtm div.mid dl {
	margin: 0;
	padding: 15px 0;
	color: #;
}
div#inner.voice div#contBtm div.mid dl dt {
	margin: 0 0 10px 0;
	padding: 10px 0;
	color: #7bb02a;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.5;
}
div#inner.voice div#contBtm div.mid dl dd {
	padding-bottom: 20px;
	line-height: 1.5;
}
div#inner.voice div#contBtm div.mid dl dd p.name {
	font-weight: bold;
	color: #b28850;
	width: 162px;
	float: left;
}
div#inner.voice div#contBtm div.mid dl dd p.text {
	width: 550px;
	float: left;
	line-height: 1.3em;
}
div#inner.voice div#contBtm div.mid dl dd p.text img {
	width: 160px;
	padding: 0 0 10px 10px;
	float: right;
}
div#inner.voice div#contBtm div.mid div.cd {
	padding: 30px 0;
}
div#inner.voice div#contBtm div.mid div.cd div {
	float: left;
	padding-right: 15px;
}
div#inner.voice div#contBtm div.mid div.cd div p {
	padding-bottom: 5px;
}

div#inner.voice div#contBtm div.mid div.cd div h3 {
	font-size: 150%;
	font-weight: bold;
	color: #b28850;
	padding: 0 0 10px 0;
}
div#inner.voice div#contBtm div.mid div.cd div p.song {
	padding-bottom: 10px;
	
}
div#inner.voice div#contBtm div.mid div.cd div p.song span {
	font-size: 85%;
	display: block;
	padding-bottom: 8px;
}
div#inner.voice div#contBtm div.mid div.dlsite {
	background: #F6F6F6;
	padding: 25px;
	margin-bottom: 40px;
}
div#inner.voice div#contBtm div.mid div.dlsite div {
	float: left;
}
div#inner.voice div#contBtm div.mid div.dlsite div.img {
	padding-right: 15px;
}
div#inner.voice div#contBtm div.mid div.dlsite div ul {
	padding-bottom: 13px;
}
div#inner.voice div#contBtm div.mid div.dlsite div li p {
	float: left;
	padding-top: 5px;
}
div#inner.voice div#contBtm div.mid div.dlsite div li p.media {
	color: #b28850;
	padding-right: 8px;
}


/* --------------------------------------------------------
                           boxType01
----------------------------------------------------------- */

/* 各boxTypeのbackground指定 */
/* bocType01 */
div.boxType01 {
	width: 483px;
	margin-bottom: 10px;
}
div.boxType01 div.btTop {
	width: 483px;
	height: 12px;
	font-size: 0;
	background: none;
	background: url(../../about/images/bg_top_system01.gif) no-repeat;
}
div.boxType01 div.btMid {
	width: 443px;
	padding: 10px 20px;
	background: none;
	background: url(../../about/images/bg_mid_system01.gif) repeat-y;
}
div.boxType01 div.btBtm {
	width: 483px;
	height: 14px;
	font-size: 0;
	background: none;
	background: url(../../about/images/bg_btm_system01.gif) no-repeat;
}
/* bocType02 */
div.boxType02 {
	width: 363px;
	margin-bottom: 10px;
}
div.boxType02 div.btTop {
	width: 363px;
	height: 12px;
	font-size: 0;
	background: none;
	background: url(../../about/images/bg_top_system02.gif) no-repeat;
}
div.boxType02 div.btMid {
	width: 323px;
	padding: 10px 20px;
	background: none;
	background: url(../../about/images/bg_mid_system02.gif) repeat-y;
}
div.boxType02 div.btBtm {
	width: 363px;
	height: 14px;
	font-size: 0;
	background: none;
	background: url(../../about/images/bg_btm_system02.gif) no-repeat;
}
/* bocType03 */
div.boxType03 {
	width: 426px;
	margin-bottom: 10px;
}
div.boxType03 div.btTop {
	width: 426px;
	height: 12px;
	font-size: 0;
	background: none;
	background: url(../../about/images/bg_top_system03.gif) no-repeat;
}
div.boxType03 div.btMid {
	width: 386px;
	padding: 10px 20px;
	background: none;
	background: url(../../about/images/bg_mid_system03.gif) repeat-y;
}
div.boxType03 div.btBtm {
	width: 426px;
	height: 14px;
	font-size: 0;
	background: none;
	background: url(../../about/images/bg_btm_system03.gif) no-repeat;
}


div.boxType01 div.btMid table, 
div.boxType02 div.btMid table,
div.boxType03 div.btMid table {
	width: 100%;
	line-height: 1.5;
}
div.boxType01 div.btMid table th,
div.boxType02 div.btMid table th,
div.boxType03 div.btMid table th {
	vertical-align: top;
	padding-bottom: 5px;
}
div.btMid table td.nowrap {
	white-space: nowrap;
}
div.boxType01 div.btMid table td,
div.boxType02 div.btMid table td,
div.boxType03 div.btMid table td {
	vertical-align: top;
	padding: 0 0 0 5px;
}
div.boxType01 div.btMid table td span.hidden,
div.boxType02 div.btMid table td span.hidden,
div.boxType03 div.btMid table td span.hidden {
	color: #ffffff;
}
div.boxType01 div.btMid table th h3,
div.boxType02 div.btMid table th h3,
div.boxType03 div.btMid table th h3 {
	margin-bottom: 10px;
}
div.boxType01 div.btMid table th p.subttl,
div.boxType02 div.btMid table th p.subttl,
div.boxType03 div.btMid table th p.subttl {
	font-weight: bold;
}
div.boxType03 div.btMid table th p.green {
	color: #7bb02a;
}
/* 各boxの位置指定 */
#mgm01 {
	width: 483px;
}
#mgm02 {
	width: 483px;
}
#mgm03 {
	width: 363px;
/*	padding-top: 70px;*/
}
#mgm04 {
	width: 363px;
}
#mgm05,
#mgm06,
#mgm07,
#mgm08,
#mgm09,
#mgm10 {
	width: 426px;
}

/* #examination */

#examination {
	width: 860px;
	padding: 0 20px;
	margin-bottom: 30px;
}
#examination div.left {
	width: 426px;
	float: left;
	text-align: left;
}
#examination div.right {
	width: 426px;
	float: right;
	text-align: left;
}

div#examination h2 {
	margin-bottom: 30px;
}

.bold {
	font-weight: bold;
}
.pageTop {
	width: 840px;
	margin: -20px auto 0;
	text-align: right;
}