@charset "Shift_JIS";

/* bnr_trial
------------------------------------------*/
.mod-mainContentContainer .mod-mainArea .bnr_trial{
	top:-26px;
}

/* nav_area
------------------------------------------*/
.mod-mainContentContainer .mod-mainArea .nav_area{
	padding-top:69px;
}

.mod-mainContentContainer .mod-mainArea .nav_area .nav02 h3{
	background-position: 0 -60px;
}

@media (max-width:640px) {
.mod-mainContentContainer .mod-mainArea .nav_area .nav02{
	background:#E7E7E7;
}
}

/* article01
------------------------------------------*/
.mod-mainContentContainer .article01{
	position:relative;
}
.mod-mainContentContainer .article01 .title{
	width:460px;
	height:24px;
	clear:both;
	padding:0;
}
.mod-mainContentContainer .article01 .title h3 span{
	display:none;
}
.mod-mainContentContainer .article01 .read{
	width:790px;
	clear:both;
	padding: 20px 0 0 0;
}
.mod-mainContentContainer .article01 .topic{
	width:790px;
	clear:both;
	padding: 10px 0 10px 0;
	border-bottom: dotted 1px #B9B9B9;
}
.mod-mainContentContainer .article01 .topic:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}
.mod-mainContentContainer .article01 .topic p{
	width:470px;
	padding: 0 0 0 0;
	line-height: 1.6;
}
.mod-mainContentContainer .article01 .topic p.left{
	float: left;
	_width:400px;
}
.mod-mainContentContainer .article01 .topic b{
	font-weight: bold;
}
*html .mod-mainContentContainer .article01 .topic p.left{
	clear:both;
}
.mod-mainContentContainer .article01 .sub_img_right{
	float: right;
	width: 282px;
	height:50px;
	padding-top: 20px;
}
.mod-mainContentContainer .article01 .article_img{
	clear:both;
	width:800px;
	height:400px;
	padding:20px 0 0px 0;
	_padding:20px 0 0px 0;
}
.mod-mainContentContainer .article01 .note{
	width:790px;
	position: relative;
	font-size: 85%;
	clear:both;
	padding-top: 20px;
}

@media (max-width:640px) {
.mod-mainContentContainer .article01{
	clear:both;
}
.mod-mainContentContainer .article01 .title{
	width:100%;
	height: auto;
	float: none;
	padding:10px 0 0px 0;
}
.mod-mainContentContainer .article01 .title h3 > span{
	display: inline;
	color: #0066cc;
	font-size: 100%;
}
.mod-mainContentContainer .article01 .title h3 > img{
	display:none
}
.mod-mainContentContainer .article01 .read{
	width:100%;
	padding: 0;
	font-size: 100%;
}
.mod-mainContentContainer .article01 .topic{
	width:100%;
	padding: 10px 0 0 0;
	font-size: 100%;
	float: none;
	border-bottom: none;
}
.mod-mainContentContainer .article01 .topic p{
	width:100%;
	padding: 10px 0 0 0;
	font-size: 100%;
}
.mod-mainContentContainer .article01 .topic p.left{
	float: none;
}
.mod-mainContentContainer .article01 .sub_img_right{
	float: none;
	padding-top: 5px;
}
.mod-mainContentContainer .article01 .note{
	width:100%;
	position: static;
	padding:10px 0 0 0;
}
.mod-mainContentContainer .article01 .article_img{
	width:100%;
	height: auto;
	float: none;
	padding:10px 0 0 0;
}
.mod-mainContentContainer .article01 .article_img img{
	max-width:640px;
	width:100%;
	height: auto;
}
}

/* article03
------------------------------------------*/
.mod-mainContentContainer .article03 .left_side{
	width: 320px;
	float: left;
}
.mod-mainContentContainer .article03 .title{
	width:257px;
	height: 54px;
	clear:both;
	padding:0;
}
.mod-mainContentContainer .article03 .title h3 span{
	display:none
}
.mod-mainContentContainer .article03 .read{
	width:270px;
	clear:both;
	padding: 20px 0 0 0;
}
.mod-mainContentContainer .article03 .right_side{
	float: right;
	width: 470px;
	height: 308px;
	padding:0 40px 0 0;
}
.mod-mainContentContainer .article03 .article_img{
	width: 470px;
	height: 308px;
}

@media (max-width:640px) {
.mod-mainContentContainer .article03 .left_side{
	width: 100%;
	float: none;
}
.mod-mainContentContainer .article03 .title{
	width:100%;
	height: auto;
	padding:10px 0 0px 0;
}
.mod-mainContentContainer .article03 .title h3 > span{
	display: inline;
	color: #0066cc;
	font-size: 100%;
}
.mod-mainContentContainer .article03 .title h3 > img{
	display:none;
}
.mod-mainContentContainer .article03 .read{
	width:100%;
	padding:10px 0 0 0;
}
.mod-mainContentContainer .article03 .right_side{
	float: none;
	width: 100%;
	height: auto;
	padding:0;
}
.mod-mainContentContainer .article03 .article_img{
	height: auto;
	width:100%;
	padding:10px 0 0 0;
}
.mod-mainContentContainer .article03 .article_img img{
	height: auto;
	max-width:470px;
	width:100%;
}
}

/* article04
------------------------------------------*/
.mod-mainContentContainer .article04 .right_side{
	width: 273px;
	float: right;
	padding: 0 40px 0 0;
}
.mod-mainContentContainer .article04 .title{
	width:273px;
	height: 54px;
	clear:both;
	padding:0;
}
.mod-mainContentContainer .article04 .title h3 span{
	display:none
}
.mod-mainContentContainer .article04 .read{
	width:273px;
	clear:both;
	padding: 20px 0 0 0;
}
.mod-mainContentContainer .article04 .left_side{
	float: left;
	width: 470px;
	height: 393px;
}
.mod-mainContentContainer .article04 .article_img{
	width: 470px;
	height: 393px;
}

@media (max-width:640px) {
.mod-mainContentContainer .article04 .right_side{
	width: 100%;
	float: none;
}
.mod-mainContentContainer .article04 .title{
	width:100%;
	height: auto;
	padding:10px 0 0px 0;
}
.mod-mainContentContainer .article04 .title h3 > span{
	display: inline;
	color: #0066cc;
	font-size: 100%;
}
.mod-mainContentContainer .article04 .title h3 > img{
	display:none;
}
.mod-mainContentContainer .article04 .read{
	width:100%;
	padding:10px 0 0 0;
}
.mod-mainContentContainer .article04 .left_side{
	float: none;
	width: 100%;
	height: auto;
	padding:0;
}
.mod-mainContentContainer .article04 .article_img{
	height: auto;
	width:100%;
	padding:10px 0 0 0;
}
.mod-mainContentContainer .article04 .article_img img{
	height: auto;
	max-width:470px;
	width:100%;
}
}

/* contents_note
------------------------------------------*/
.mod-mainContentContainer .contents_note{
	padding: 20px 0 0 0;
}
.mod-mainContentContainer .contents_note ul{
	padding:0;
	margin:0
}
.mod-mainContentContainer .contents_note ul li{
	list-style: none;
	font-size: 11px;
	color: #666;
}
@media (max-width:640px) {
.mod-mainContentContainer .contents_note{
	padding: 20px 0 0 0;
	width: 100%;
}
.mod-mainContentContainer .contents_note ul li{
	padding:0;
	font-size: 85%;
}
.mod-mainContentContainer .mod-mainArea{
	padding-bottom:0;
}
}
/* mod-mainTitle
------------------------------------------*/
.mod-mainContentContainer .mod-mainTitle{
	margin:30px auto 0;
	width:870px;
}
.mod-mainContentContainer .mod-mainTitle h2{
	margin:0;
	padding:0;
}
.mod-mainContentContainer .mod-mainTitle h2 span{
	font-size:77%;
	font-weight:normal;
	padding-left:1em;
}
.mod-mainContentContainer .mod-mainTitle h2 img{
	vertical-align:middle;
}
.mod-mainContentContainer .mod-mainTitle-smp{
	position:absolute;
	height:0;
	overflow:hidden;
}
.mod-mainContentContainer .mod-mainTitle-smp h2{
	display:none;
}
@media (max-width:640px) {
.mod-mainContentContainer .mod-mainTitle{
	position:absolute;
	height:0;
	overflow:hidden;
}
.mod-mainContentContainer .mod-mainTitle h2{
	display: none;
}
.mod-mainContentContainer .mod-mainTitle-smp{
	position: relative;
	height:auto;
	width: 100%;
	max-width: 640px;
	margin-top: 10px;
}
.mod-mainContentContainer .mod-mainTitle h2{
	width: 100%;
}
.mod-mainContentContainer .mod-mainTitle-smp h2{
	margin:0;
	display:block;
	color:#0066CC;
}
}
/* muMusic
------------------------------------------*/
.mod-mainMusic{
	margin:10px auto 0;
	width:860px;
}
.mod-mainMusic ul#muMusic {
	overflow: hidden;
	padding:0;
	background: url(../images/bg_muMusic.png) no-repeat left bottom;
}
.mod-mainMusic #muMusic li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 13px;
}
.mod-mainMusic #muMusic li {
	width: 160px;
	margin-left: 15px;
	vertical-align: top;
	border-top: solid #999 1px;
	/*padding-bottom: 100px;
	margin-bottom: -100px;*/
}

.mod-mainMusic #muMusic li.muNoMargin {
	margin-left: 0;
}

.mod-mainMusic #muMusic li dl {
	padding-left:1px;
}

.mod-mainMusic #muMusic li dd {
	margin:0 0 0 0;
	padding:5px;
}

.mod-mainMusic #muMusic li dd h3 {
    color: #0066CC;
    font-size: 92%;
    line-height: 1.25 !important;
    margin-bottom: 2px;
}
@media (max-width:640px) {
.mod-mainMusic{
	margin:10px auto 0;
	width:100%;
}
.mod-mainMusic ul#muMusic {
	overflow: visible;
	padding:0;
	background: none;
}
.mod-mainMusic #muMusic li {
	width: 100%;
	margin-left: 0;
	border-top: none;
}
.mod-mainMusic #muMusic li dd h3 {
    color: #0066CC;
    font-size: 110%;
	margin-bottom:0;
}
}