@charset "shift_jis";

.intro-area {
  background: url("/images/parts/pat_4.png") #ffefd5 repeat!important;
}

.vol-title,
.merit-title,
#add-title {
  background-color: #004d25!important;
}

.vol-content {
border: none;
}

.vol-wrap .col-14 .vol-area {
background: #ffffff;
}


.vol-1 .vol-maintitle,
.vol-1 table th span {
  background: #339900!important;
  color: #fff!important;
}

.vol-2 .vol-maintitle,
.vol-2 table th span {
  background: #cb678f!important;
  color: #fff!important;
}

.vol-3 .vol-maintitle,
.vol-3 table th span {
  background: #cc0000!important;
  color: #fff!important;
}

.vol-4 .vol-maintitle,
.vol-4 table th span {
  background: #4169e1!important;
  color: #fff!important;
}

.vol-5 .vol-maintitle,
.vol-5 table th span {
  background: #0066cc!important;
  color: #fff!important;
}

.vol-6 .vol-maintitle,
.vol-6 table th span {
  background: #800080!important;
  color: #fff!important;
}

.vol-7 .vol-maintitle,
.vol-7 table th span {
  background: #8b4513!important;
  color: #fff!important;
}

.vol-8 .vol-maintitle,
.vol-8 table th span {
  background: #ff4500!important;
  color: #fff!important;
}

.vol-9 .vol-maintitle,
.vol-9 table th span {
  background: #006400!important;
  color: #fff!important;
}


img { margin:0 ; vertical-align:bottom; }


.content{
	width:708px;
	text-align:center;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	margin:0 0 42px 0;
	padding-bottom:15px;
}


.content02{
	width:708px;
	text-align:center;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	margin:0 0 42px 0;
	padding-bottom:15px;
	padding-top:16px;
	background-image:url("../../zekkeibd/img/02bg.jpg");
	background-repeat:no-repeat;
}

.content02:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .content02 {
    height: 1em;
}

.content02 {
    display: block;
}
/**/

.content02 .inner{
	width:670px;
	margin:0 auto;
	clear:both;
}

.content02 .inner .wrapLeft{
	float:left;
	width:320px;
	text-align:left;
}

.content02 .inner .wrapRight{
	float:right;
	width:320px;
	text-align:left;
}


.content img{
	margin:0 auto;
	padding:0;
}


.socialButton{
	overflow:hidden;
	clear:both;
	float:right;
	margin-top:15px;
}

.socialButton .twitter,.socialButton .hatena,.socialButton .mixi,.socialButton .facebook{
	float: left;
	padding: 1px 10px 1px 0;
}

.socialButton .googleplus1{
	float: left;
	padding: 1px 0;
}








.content03{
	width:708px;
	height:600px !important;
	display:block;
	text-align:center;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	text-align:left;
	margin:0;
	padding-bottom:15px;
	padding-top:16px;
	background-image:url("../../zekkeibd/img/03bg.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
}

.content03:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .content03 {
    height: 1em;
}

.content03 {
    display: block;
}
/**/



.content03 #main0{
	width:620px;
	_width:570px;
	position:relative;
	margin-left:23px;
	text-align:left;
}
.content03 #main0 img{
	position:absolute;
	margin:0 auto;

}
.content03 #main0 .prev{
	float:left;
	padding-top:150px;
	cursor:pointer;
	border:none;
}
.content03 #main0 #main02{
	float:left;
	margin-left:58px;
	margin-right:28px;
	height:360px;
	cursor:pointer;
}

* html .content03 #main0 #main02{
	width:540px;
	margin-left:30px;
	margin-right:23px;
}

.content03 .click{
	width:670px;
	text-align:center;
	padding-top:30px;
	padding-bottom:10px;
	clear:both;
	margin:0 auto;
}
.content03 .click img{

	margin:0 auto;
}

.content03 #main0 .next{
	float:right;
	padding-top:150px;
	cursor:pointer;
	border:none;
}

.content03 #navi{
	width:670px;
	margin:0 auto;
	clear:both;
}
.content03 #navi li{
	list-style-type:none;
	float:left;
	width:130px;
	text-align:left;
	margin-bottom:8px;
}


.content03 #navi .mr4{
	margin-right:0px;
}
.content03 #navi{
	overflow:hidden;
	width:656px
}



.tab img{
	border:#fff solid 4px;
}
.tab .current img{
	border:#999 solid 4px;
}





.content04{
	width:708px;
	height:auto !important;
	text-align:center;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	margin:0 0 42px 0;
	padding-bottom:15px;
	padding-top:0;
}

.content04:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .content04 {
    height: 1em;
}

.content04 {
    display: block;
}
/**/


.content04 .inner {
	width:678px;
	margin:0 auto;
	padding-top:20px;
	clear:both;
}

.content04 .wrapLeft {
	float:left;
	width:330px;
	text-align:left;
}

.content04 .wrapRight {
	float:right;
	width:330px;
	text-align:left;
}

.content04 .inner p{
	margin-top:10px;
	font-size:13px;
	line-height:145%;
}



.furoku{
	width:627px;
	height:121px;
	margin:0;
	padding-left:83px;
	padding-top:76px;
	background-image:url("../../zekkeibd/img/furoku01a.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
}

.furoku p{
	font-size:14px;
	color:#333;
	line-height:140%;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}

.mt10{
	padding-top:1px;
	margin-left:-5px;
}



.furoku02{
	width:638px;
	height:135px;
	margin-top:30px;
	padding-left:72px;
	padding-top:105px;
	background-image:url("../../zekkeibd/img/furoku02.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
}

.furoku02 p{
	font-size:14px;
	color:#333;
	line-height:140%;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}


.mt15{
	padding-top:10px;
	margin-left:-5px;
	font-size:12px !important;
}

.present{
	width:710px;
	text-align:left;
}


.tab a{
	cursor:pointer;
}

.present2{
	padding:10px 0px;
}



img { margin:0 ; vertical-align:bottom; }


.cart{
	width:710px;
	margin:20px auto 20px auto;
	padding:0;
	text-align:left;
	font-size:0;
	line-height:0;
}


.cart:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .cart {
    height: 1em;
}

.cart {
    display: block;
}
/**/



/*元style.css*/


.cart h1{
	font-size:24px !important;
	line-height:130%;
	color:#000;
	margin:0;
}

.cart .wrap_left{
	float:left;
	width:400px;
	overflow:hidden;
}

.cart .wrap_right{
	float:right;
	width:295px;
	overflow:hidden;
}

.wrap_shitei {
	width:255px;

	border-left:#C9CF89 solid 1px;
	border-right:#C9CF89 solid 1px;
	padding-left:9px;
	padding-right:9px;
	padding-top:6px;
	padding-bottom:6px;
}

.wrap_shitei .icon{
	width:215px;
	margin:9px auto;
}

.wrap_shitei .icon img{
	float:left;
}

.shiteisaki{
	font-size:14px !important;
	color:#cc0000;
	line-height:100%;
	margin:0;
	font-weight:bold;
	padding:0;
}

.wrap_shitei p{
	font-size:11px !important;
	color:#333;
	line-height:130%;
	margin-top:8px;
	margin-bottom:0;
	padding:0;
}

.mside10{
	margin-left:10px;
	margin-right:10px;
}

.fontAll{
	margin-top:10px;
	margin-bottom:10px;
}

.fontAll p{
	font-size:14px !important;
	line-height:130%;
	color:#333;
	margin:0;
	font-weight:bold;
}

.fontAll2{
	font-size:12px !important;
	margin-top:10px;
	margin-bottom:15px;
}

.fontAll2 p{
	font-size:12px !important;
	line-height:140%;
	color:#333;
	margin-top:20px;
}


.fontAll3{
	font-size:0px !important;
	margin-top:10px;
	margin-bottom:15px;
	float:right;
	text-align:right;
}

.fontAll3 p{
	font-size:12px !important;
	line-height:140%;
	color:#333;
	margin-top:20px;
}


.fontYellow{
	font-weight:bold;
	color:#FFCC00;
}

.fontRed{
	font-weight:bold;
	color:#ff0000;
}

.fontsmall{
	font-size:12px !important;
}

.btnCart{
	width:270px;
	height:74px;
	background-image:url("../../zekkeibd/images/btn_on.jpg");
}

.btnCart a:hover img{
	filter:alpha(opacity=0); /*IE用*/
	-moz-opacity:0; /*FF用*/
	opacity:0;
}

.wrap_kakaku{
	font-size:14px !important;
	line-height:140%;
	margin-top:10px;
}


.wrap_kakaku .font01{
	font-size:23px !important;
	line-height:140%;
	font-weight:bold;
	color:#F00;
}

.wrap_kakaku .font02{
	font-size:14px !important;
	line-height:140%;
	font-weight:bold;
	color:#F00;
}

.wrap_kakaku .font03{
	font-size:14px !important;
	line-height:140%;
	font-weight:normal;
	color:#000;
}


.wrap_kakaku .font04{
	font-size:14px !important;
	line-height:140%;
	color:#000;
	float:right;
	margin-right:10px;
	padding-top:10px;
}

.fontleft{
	float:left;
}

.wrap_kakaku .font05{
	font-size:14px !important;
	line-height:160%;
	color:#000;
	margin-right:10px;
}
 
.wrap_kakaku table{
	width:398px;
	border-left:#CCC solid 1px;
	border-top:#CCC solid 1px;
	border-collapse: separate;
	border-spacing: 0;
}


.wrap_kakaku th{
	width:92px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	background-color:#ECE8DD;
	font-size:14px !important;
	font-weight:normal;
	text-align:center;
}

.wrap_kakaku td{
	width:324px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding-left:8px;
	font-size:13px !important;
	font-weight:normal
}



.wrap_kakaku02{
	font-size:12px;
	color:#333;
	line-height:145%;
	margin:10px 0;
}
.wrap_kakaku02 table{
	width:708px;
	border-left:#CCC solid 1px;
	border-top:#CCC solid 1px;
	border-collapse: separate;
	border-spacing: 0;
}


.wrap_kakaku02 th{
	width:106px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	background-color:#ECE8DD;
	font-size:12px !important;
	font-weight:normal;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

.wrap_kakaku02 td{
	
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding-left:8px;
	font-size:12px !important;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
}


.tdw{width:198px;}

.wrap_kakaku02 .ttl{
	font-size:14px !important;

}


#main{
	font-size:0 !important;

}




.order-alert ul li:nth-child(1):after {
content: "またDVD版・ブルーレイディスク版とも同価格となります。";
}


.intro-area {
    background: #7ec7ff url("../../worldheritage/img/worldheritage_01_bg.jpg") no-repeat scroll 0% 0% !important;
	padding-top: 150px;
}

h2.intro-title span {
	line-height: 1.2;
	font-size: 0;
	padding: 0;
	margin: 0;
}


h3.worldheritage {
    background: #7ec7ff url("../../worldheritage/img/worldheritage_caption_bg.jpg") center left no-repeat !important;
	border-bottom: 3px solid #eac04b;
	color: #151515;
	font-family: "HGS明朝E",serif !important;
	font-size: 180%;
	font-weight: normal;
	text-shadow: 0px 0px 4px #ffffff;
	padding: 14px 14px 10px;
}

h3.worldheritage span {
	text-shadow: none;
	color: #3C7D93;
}


.content02 {
	background: none;
	}
	
.content02 .inner .wrapAll {
    width: 670px;
    text-align: left;
}

.content02 h4 {
	border: 1px solid #eb7b7b;
	color: #c82d2d;
	font-size: 120%;
	padding: 10px;
	margin-bottom: 8px;
}

.content02 h4 span {
	display: block;
	background-color: #c82d2d;
	width:24px;
	height: 24px;
	border-radius: 50%;
	float: left;
	text-align: center;
	text-indent: 1px;
	color: #ffffff;
	margin-right: 6px;
}

.content02 p {
margin: 0 6px 16px;
}

img.point_pict {
width: 310px;
border-radius: 10px;
margin: 6px 4px 8px;
}


.slide-alert {
	background-color: #eaeaea;
	color: #333333;
	}

.text-lred {
	color: #3399FF !important;
	}

h4.ctslist {
	font-family: "HGS明朝E",serif !important;
	border-bottom: 2px solid #336633;
	color: #333333;
	font-size: 160%;
	padding: 0 6px 2px;
	margin-bottom: 4px;
}

h4.ctslist span {
	font-family: "メイリオ",sans-serif !important;
	color: #336633;
	font-size: 80%;
}

.vol-img {
margin: 0 auto 8px !important
}
.vol-img img {
padding: 0;
}

.vol-whole {
padding: 8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4ffbf+0,ffffff+100 */
background: #e4ffbf; /* Old browsers */
background: -moz-linear-gradient(top,  #e4ffbf 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e4ffbf 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e4ffbf 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ffbf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.vol-whole ul li {
list-style-type: none;
border-bottom: 1px dotted #336633;
padding: 8px 4px 6px 20px;
text-indent: -14px;
line-height: 1.3;
}
.vol-whole ul li span {
font-size: 80%;
}

.vol-whole ul li:before {
	content: "■";
	color: #336633;
}

.vol-img {
	width: auto;
}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}


#add-area, .merit-area, .panel-area, .vol-area, .prof-area, #voice-area, .slide-area {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #FFF;
}

.slide-area {
    display: block;
    overflow: hidden;
    padding: 20px 16px 12px;
    text-align: left;
    width: 676px;
}

#add-wrap .col-18 table th, .merit-wrap .col-18 .merit-content table th .icon, .panel-wrap .col-18 .panel-cap, .vol-wrap .col-18 .vol-maintitle, .vol-wrap .col-18 .vol-content table th span, .intro-wrap .col-18 .intro-area {
    background-color: #336633;
    color: #FFFFFF;
}



@media only screen and (max-width: 799px) {

h2.intro-title {
font-size: 350%;
line-height: 1.3;
}

h2.intro-title span {
display: block;
width:50px;
height:0;
}

.intro-content p {
line-height: 1.5;
}


h3.worldheritage {
font-size: 250%;
font-weight: bold;
border-bottom: 6px solid #eac04b;
padding: 18px 14px;
}



.content04 .wrapLeft {
float: none;
}

.vol-whole ul {
width: 85%;
margin-left: auto;
margin-right: auto;
font-size: 180%;
}

.vol-whole ul li {
padding: 12px 4px 10px 26px;
text-indent: -26px;
}


h4.ctslist {
font-size: 250% !important;
}
h4.ctslist span {
font-size: 80% !important;
}


.content02 .inner .wrapLeft,
.content02 .inner .wrapRight {
width: 100%;
margin: 0 auto 30px;
float: none;
}

.content02 h4 {
	font-size: 220%;
	padding: 16px;
}

.content02 h4 span {
	width:48px;
	height: 48px;
	margin-right: 10px;
}



.content02 .inner p {
font-size: 200%;
}

.content02 .inner img {
width: 70%;
margin: 10px auto 14px;
}


}


@media only screen and (min-width: 800px) {

#add-contentanother {width:320px;}
#add-imganother {width: 330px;}
#add-imganother img {width: 330px;}

}