@charset "UTF-8";
/* CSS Document */

/************** layout base ********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}
blockquote:before,blockquote:after {
	content:'';
}

.clearfix{
	overflow:hidden;
}
* html .clearfix{
	height:1%;
}

a,
a:hover,
a:visited
{
	text-decoration:none;
}

.txtLeft{
	text-align:left;
}
.txtRight{
	text-align:right;
}
.txtCenter{
	text-align:center;
}

.fLeft{
	float:left;
}
.fRight{
	float:right;
}

.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mbtm5{margin-bottom:5px !important;}
.mbtm10{margin-bottom:10px !important;}
.mbtm15{margin-bottom:15px !important;}
.mbtm20{margin-bottom:20px !important;}
.mbtm25{margin-bottom:25px !important;}
.mbtm30{margin-bottom:30px !important;}
.mbtm35{margin-bottom:35px !important;}
.mbtm40{margin-bottom:40px !important;}
.mbtm50{margin-bottom:50px !important;}
.mbtm60{margin-bottom:60px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.mr0{margin-right:0px !important;}
.mbtm0{margin-bottom:0px !important;}

/************** layout base ********************/
body{
	background: url(images/bg_mokume.png) repeat center top;
	text-align: center;
	font-family: "メイリオ", Meiryo,MS PGothic,Osaka,Hiragino Kaku Gothic Pro W3,Arial,Helvetica,sans-serif;
}

div,p,dl{
	text-align:left;
}

p,dt,dd,li,td,th{
	color:#000;
	font-size:14px;
	line-height:1.6em;
}

/*-- wrap --*/
#wrap {
	background: 
      url("images/bg_noren.png") repeat-x center top,
      url("images/bg_wall.png") no-repeat center top,
	  url("images/bg_wallpaper.png") repeat-x center top;
	
   /* ▼CSS3 PIE用の記述 */
	behavior: url("/PIE.htc");
	-pie-background: 
      url("/images/bg_noren.png") repeat-x center top,
      url("/images/bg_wall.png") no-repeat center top,
	  url("/images/bg_wallpaper.png") repeat-x center top;
	
	position:relative;
}

/*-- header --*/
#header {
	background-image: url(images/bg_logo.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 33px;
	padding-right: 20px;
}
#header div{
	position:relative;
}

#header h1{
	text-align: right;
}
#header h1 span{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding:0 14px 0 0;
}
#header .btn{
	position:absolute;
	right:24px;
	top:20px;
}



/*-- footer --*/

#footer{
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
#footer a{
	color:#fff;
	font-weight: bold;
	text-decoration: underline;
}
#footer li {
	display: inline;
	padding: 0 19px;
}
#footer p{
	color:#fff;
	text-align: center;
	padding: 33px 0 46px 0;
}

/*--contentsHead--*/
#contentsHead{
	background-image: url(images/bg_contentshead.png), url(images/bg_counter.png);
	background-repeat:  no-repeat,repeat-x;
	background-position: center top,center bottom;
	
   /* ▼CSS3 PIE用の記述 */
	behavior: url("/PIE.htc");
	-pie-background: 
      url("/images/bg_contentshead.png") no-repeat center top,
      url("/images/bg_counter.png") repeat-x center bottom;
	
	position:relative;
}


#contentsHeadBox{
	
	width: 980px;
	heght: 667px;
	margin:0 auto;
}

#contentsHead #mainTxt{
	float: right;
	padding: 22px 0 0 0;
}
#contentsHead #menuList{
	padding: 57px 0 54px 200px;
	height: 422px;
	overflow: hidden;
}
#contentsHead #menuList li{
	float: left;
	width: 160px;
	padding: 0 0 0 14px; 
}



/* #newsArea */
#newsArea{
	height: 134px;
	padding: 0 345px 0 0;
}
#newsArea #newsTitle{
	padding: 4px 0 0 0;
	width: 225px;
	height: 103px;
	float: left;	
}
#newsArea #newsBox{
	padding: 10px 0 0 242px;
	
}
#newsArea #newsBox li{
	color: #FFFFFF;
}
#newsArea #newsBox li span{
	padding: 0 7px 0 0;
}
#newsArea #newsBox li a{
	color: #FFFFFF;
}



/*--contentsBody--*/

.itemArea{
	width: 980px;
	margin: 0 auto;
	padding: 16px 0 21px 0;
}
.bgBlue{
	padding: 16px 0 21px 0;
	background: url(images/bg_itemBox_top_blue.gif)  no-repeat center top;
}
.bgBlue .itemBox{
	background: url(images/bg_itemBox_bottom_blue.gif)  no-repeat center bottom;
	padding-bottom:60px;
}

.bgBlue .itemLine{
	background: url(images/bg_itemBox_line_blue.gif)  no-repeat center;
}

.bgGreen{
	padding: 16px 0 21px 0;
	background:url(images/bg_itemBox_top_green.gif) no-repeat center top;
}
.bgGreen .itemBox{
	background: url(images/bg_itemBox_bottom_green.gif)  no-repeat center bottom;
	padding-bottom:60px;
}

.bgGreen .itemLine{
	background: url(images/bg_itemBox_line_green.gif)  no-repeat center;
}

.itemArea .fRight{
	padding: 16px 32px 0 0;
}
.itemArea .fLeft{
	padding: 26px 35px 0 40px;
}

.itemArea .fLeft_bgBlue{
	background: url(images/bg_itemBox_line_blue.gif)  no-repeat center;
	padding: 26px 35px 0 40px;
	margin:0 0 0 0;
	text-align:center;
	font-size:22px;
	color:#333333;
}

.itemArea .fLeft_bgGreen{
	background: url(images/bg_itemBox_line_green.gif)  no-repeat center;
	padding: 26px 35px 0 40px;
	margin:0 0 0 0;
	text-align:center;
	font-size:22px;
	color:#333333;
}

.itemArea .fLeft p{
	margin:0 0 10px 0;
	text-align:center;
	font-size:12px;
}
.itemArea .fLeft p a{
	color:#333333;
}

.itemArea h3{
	padding: 38px 0 20px 40px;
}

.itemArea h4{
	font-size: 21px;
	font-weight: bold;
	padding: 0 0 0 40px;
}
.itemArea h4 span{
	color: #ff3333;
}
 
.itemBox dl{
	padding: 0 45px 0 338px;
}

.takuhai .itemBox {
	background: url(images/bg_itemBox_bottom_blue.gif)  no-repeat center bottom;
	padding-bottom:60px;
}

.takuhai .itemBox dl{
	padding: 0 45px;
	background: url(images/bg_itemBox_line_blue.gif)  no-repeat center;
}

.itemBox dt{
	font-size: 18px;
	font-weight: bold;
	padding: 26px 0 0 0;
}
.itemBox dd{
	font-size: 16px;
}

.itemBox dd li{
	text-indent:-3em;
	padding-left:3em;
}

.takuhai .itemBox dd li{
	text-indent:-1em;
	padding-left:1em;
}
.itemBox span.txt12{
	font-size: 12px;
}
.itemBox span.txt14{
	font-size: 14px;
}
.itemArea .buyBtn{
	clear:both;
}
.itemArea .buyBtn,
.itemArea .buyBtn form{
	text-align: center;
	padding: 27px 0 0 0;
}

.itemArea .buyBtnName {
	position:relative;
	left:120px;
	padding: 0px 0 0 0px;
	font-size: 18px;
	font-weight: bold;
}

.itemArea .buyBtnLR form{
	float:left;
	position:relative;
	left:120px;
	padding: 10px 0 0 0px;
}

input.btn{
	width:401px;
	height:77px;
	background:url(images/btn_buy_off.gif) no-repeat;
	border:none;
	cursor:pointer;
	overflow:hidden;
	display:block;
	padding-top:77px;
	margin:0 auto;
	
}

/* 20141210 追加 */
input.btn_dvd,
input.btn_blu {
	width:345px;
	height:110px;
	border:none;
	cursor:pointer;
	overflow:hidden;
	display:block;
	padding-top:110px;
	margin:0 auto;
	display: inline-block;
	margin: 0 10px;
}
input.btn_dvd {
	background:url(images/btn_buy_dvd_off.png) no-repeat;
}
input.btn_blu {
	background:url(images/btn_buy_blu_off.png) no-repeat;
}
/* 20141210  */

/* 20150106 追加 */
.pad14{
  margin-left:auto;
  margin-right:auto;
  width:700px;
  font-size: 14px;
}

.packageListSpace {
  padding: 20px 0px 0px 0px;
  margin-left:auto;
  margin-right:auto;
  width:800px;
  height:400px;
  position:relative;
  clear:both;

}

.packageListSpace ul{
  float: left;
}

.packageListSpace ul li{
  display:inline;
  width:250px;
  margin: 0px 10px 0px 0;
}

.buyBtnListSpace ul{
  float: left;
}

.buyBtnListSpace ul li{
  display:inline;
}