@import "base.css";


#page-6 ul,
#page-8 ul,
#page-11 ul {
	width : 400px;
	margin: 15px 0;
	border-bottom : 1px dotted #004F10;
}


#page-6 li,
#page-8 li,
#page-11 li {
	width : 400px;
	border-top : 1px dotted #004F10;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 23px !important;
	font-size : 1.0em;
	list-style: none;
}

#page-3 ul {
	margin-left: 10px;
	_margin-left: 30px;
	list-style-type: disc;
	padding-left:20px !important;
}

#page-3 li {
	padding-left: 0 !important;
	vertical-align : top;
}

.asset-body ul {
	margin-left: 10px;
	_margin-left: 30px;
	list-style-type: disc;
	padding-left:20px !important;
}

.asset-body li {
	padding-left: 0 !important;
	vertical-align : top;
}
#contents p,
#contents table,
.hyo,
.contentsbox,
.asset-more,
.asset-body
 {
	margin-left:10px;
}

#license-blog-body ul {
	list-style-type: disc;
	padding-left:20px;
}

#license-blog-body li {
	padding-left: 0;
	vertical-align : top;
}

#contentslist ul {
	width : 400px;
	margin: 15px 20px;
	border-bottom : 1px dotted #004F10;
	padding-left : 0 !important;
}

#contentslist li {
	border-top : 1px dotted #004F10;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 5px !important;
	font-size : 1.0em;
	list-style: none;
}


.catch {
	font-size: 1.2em;
	font-weight: bold;
	color: #FF5A00;
}

.hyo,
.hyo2,
.hyo3,
.hyo4 {
	border-collapse: collapse;
	margin: 10px 0;
}

.hyo td,
.hyo th,
.hyo2 td,
.hyo2 th,
.hyo4 td,
.hyo4 th {
	padding: 4px;	
	border: 1px solid #676;
}

.hyo th,
.hyo2 th,
.hyo4 th {
	background:#A9D5B1;
}

.hyo td {
	background:#ffe;
}

.hyo th {
	text-align:center;
}

.lefttd {
	background:#ded !important;
	padding:2px;
	text-align:left;
	font-weight: bold;
}

.lefttdc {
	background:#ded !important;
	padding:2px;
	text-align:center;
	font-weight: bold;
}

.kyotd,
td.dottopkyo,
td.dotbottomkyo {
	background:#ded !important;
	font-weight: bold;
}

.kyotdr {
	background:#ded !important;
	font-weight: bold;
	color:#900;
}

.tdr {
	color:#900;
}

.hyo3 td,
.hyo3 th {
	font-size:0.9em;
	line-height:1.4;
	padding: 3px;	
	border: 1px solid #aaa;
	background:#fff;
}

.hyo4 td {
	text-align: center;
	background:#ffe;

}

.hyo4 {
	border:2px solid #676;
}

.hyo4 th {
	text-align: center;
}

.submitbutton {
	border: 1px dotted #aaa;
	margin: 10px 0;
	background:#ddd;
	padding: 5px 0 5px 10px;
}

.caution {
	color: #933;
}

.cautionB {
	padding-left:2em;
	text-indent:-2em;
}


#map,
#map2 {
	margin: 10px;
}

.asset-body {
	margin-bottom: 15px;
}

.asset-body img {
	margin:2px;
}

#copy {
	padding: 5px;
	margin: 5px;
	border: 1px solid #ccc;
	font-size:1.1em;
	line-height:1.4;
	color: #030;
	background : #fff url(/elements/copybg.gif) repeat 0 0;
	font-weight: bold;
}

#spcopy {
	padding: 5px;
	margin: 5px;
	border: 2px solid #c33;
	font-size:1.1em;
	line-height:1.4;
	color: #300;
	background : #fff url(/elements/copybg.gif) repeat 0 0;
	font-weight: bold;
}

/* added 08.12.22 */
#tab{
	border-bottom : none ! important;
	width : 100% ! important;
	clear : both;
	overflow : hidden;
	margin : 0 ! important;
	padding : 0 ! important;
	margin-bottom : 15px ! important;
	text-indent : 0;
	margin-bottom : 1em;
}
#tab li{
	display : block;
	width : 150px;
	background : #dcdcdc;
	line-height : 25px;
	text-align : center;
	float : left;
	margin : 0 ! important;
	padding : 0 ! important;
	border : 1px solid #acacac;
	border-top : 2px solid  #acacac;
	border-bottom : 1px solid #acacac;
}
#tab .space{
	width : 20px;
	float : left;
	height : 27px;
	background : #fff;
	border :0;
	border-bottom : 1px solid #acacac;
}
#tab #space2{
	width : 280px;
	float : left;
	height : 27px;
	background : #fff;
	border :0;
	border-bottom : 1px solid #acacac;
}
#tab a{
	font-weight : bold;
	color : #8A8A8A;
	text-decoration : none;
}
#tab #current{
	background : url(/images/form_tab.gif) repeat-x 0 0;
	border : 1px solid #acacac;
	border-top : 3px solid #990000;
	border-bottom : 0;
}
#tab #current a{
	font-weight : bold;
	color : #990000;
	text-decoration : none;
}

#contentslistleft {
	float:left;
}

#contentslistright {
	float:left;
	margin-left:15px;
}

#contentslistleft ul,
#contentslistright ul {
	width : 250px;
	margin: 15px 20px;
	border-bottom : 1px dotted #004F10;
	padding-left : 0 !important;
}

#contentslistleft li,
#contentslistright li {
	border-top : 1px dotted #004F10;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 5px !important;
	font-size : 1.1em;
	list-style: none;
	font-weight:bold;
}

.column {
	clear:both;
}

#featureContainer,
#featureCatch {
	text-align:center;
}

.featureBox {
	float:left;
	margin:10px 7px;
	_margin:10px 0px;
	_PADDING:5PX;
	display:block;
	height:300px;
	width:300px;
}
.featureBox h3{
	margin : 0;
	padding : 0;
	border : 0;
	font-weight : normal;
}

.goform{
	margin:10px 0 30px 10px;
}

.goform a {
	display:block;
	width:320px;
	height:35px;
	text-indent:-1000px;
	background-image:url(/elements/goform.gif);
	background-position:0px -35px;
}

.goform a:hover{
	background-position:0px 0px;
}

.golink {
	margin:10px 0 10px 5px;
	color: #393;
	border:1px dotted #060;
	padding:3px;
}

.golink3 {
	margin:10px 0 10px 5px;
	color: #393;
	border:2px dotted #060;
	padding:3px;
	font-weight:bold;
	font-size:1.2em;
}

.golink2 {
	font-weight: normal;
}


.golink a {
	text-decoraon : none;
}



.entrylist {
	display:block;
	border-bottom:1px dotted #666;
	padding:5px;
	margin:15px 0 0 0;
}

.entrylist h4 {
	display:block;
	border-top:1px dotted #666;
	border-bottom:none;
	font-size:1em;
	margin:-1em 0 0 0;
	padding:5px 3px 0 3px;
}

.foot-navi {
	display:block;
	border-top:1px dotted #666;
	margin:15px 0 0 0;
	padding:3px 0 0 0;
}
.cartBox{
	margin : 10px 0 0 10px;
}
.cartBox .cartbox{
	background : #ffffee;
	border : 2px solid #f95e5e;
	padding : 5px;
	width : 470px;
	clear : both;
	overflow :hidden;
}
.cartBox .cartbox a{
	width : 115px;
	height : 26px;
	display : block;
	float : left;
}
.cartBox .cartbox .inputForm{
	width : 340px;
	padding-top : 5px;
	float : left;
}
.cartBox .cartbox .inputForm input{
	width : 40px;
}

#dvdnetbox {
	padding:10px;
	border:1px solid #0075bc;
	margin:10px 0;
}

#dvdnetbox img {
	margin-bottom:15px;
}

.asset-body ol {
	margin-left: 30px;
}

#dvdnetbox h3 {
	margin-top:0;
}

#foot4navi {
	width:960px;
	_width:790px;
	margin: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#foot4navi td {
	padding:10px;
	color:#999;
}

#foot4navi h3 {
	margin-top:5px;
}

#foot4navi td {
	border:0;
}

#foot4navi table {
	width:960px;
}

#foot4navi a {
	color:#33a;
	text-decoration: none;
}

#foot4navi a:hover {
	color:#3aa;
	text-decoration: underline;
}

.licensetopbox1,
.licensetopbox2,
.licensetopbox3
 {
	margin:0 0 10px 0;
	padding:5px 10px 10px 10px;
	background-color:#f1f1f1;
	font-size: 1.3em;
}

.licensetopbox1 {
	border-left:solid 1px #016a1a;
	border-right : solid 1px #016a1a;
	border-bottom : solid 1px #016a1a;
}

.licensetopbox2 {
	border-left:solid 1px #2f6988;
	border-right : solid 1px #2f6988;
	border-bottom : solid 1px #2f6988;
}

.licensetopbox3 {
	border-left:solid 1px #b40101;
	border-right : solid 1px #b40101;
	border-bottom : solid 1px #b40101;
}

.licensetopbox1 strong,
.licensetopbox2 strong,
.licensetopbox3 strong
 {
	color:#c00;
}

.licensetopboxinner {
	margin:5px;
	padding:10px;
	font-size: 1em;
	background-color:#fff;
}

dl.price dt {
  clear: left;
  float: left;
  width: 5em;
  border-left: solid 8px #CEC;
	padding-left:3px;
}

dl.price dd {
  margin-left: 6em;
}

.cmnTable {
	width:740px;
	border-collapse: collapse;
	background-color:#FFF;
	margin: 0 auto;
	font-size: 100%;
}
.cmnTable td {
	padding:10px;
	border:1px solid #CCC;
	text-align:left;
}
.cmnTable .headLineKan {
	background-color:#0066CC;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.cmnTable .headLineKen {
	background-color:#CC0000;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.cmnTable .headLineDen {
	background-color:#E6CA13;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.cmnTable .headLineDob {
	background-color:#336633;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.cmnTable .center {
	text-align:center;
}

.atten {
	margin-left: 30px;
}

.red {
	color:#900;
}

.btnArea {
	margin:0 0 40px 0;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 100px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #009;
font-size:1.1em;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#voice {
	padding:10px;
	border:1px solid #999;
}

#voice .kamoku {
	font-weight:bold;
	color:#339;
}

#voice p {
	line-height:1.6;
	margin:10px 0;
}

.box123 {
	padding:0!important;
	margin:0!important:
}

.box2L {
	border:1px solid #aaa;
	border-radius:5px;
	width:375px;
	float:left;
	margin:0 3px 10px 0;
	padding:0;
	list-style:none;
	box-shadow: 2px 2px 3px #aaa; /* CSS3草案 */
-webkit-box-shadow: 2px 2px 3px #aaa; /* Safari,Google Chrome用 */
-moz-box-shadow: 2px 2px 3px #aaa; /* Firefox用 */

}

.box2R {
	border:1px solid #aaa;
	border-radius:5px;
	width:375px;
	float:left;
	padding:0;
	list-style:none;
	margin:0 0 10px 3px;
	box-shadow: 2px 2px 3px #aaa; /* CSS3草案 */
-webkit-box-shadow: 2px 2px 3px #aaa; /* Safari,Google Chrome用 */
-moz-box-shadow: 2px 2px 3px #aaa; /* Firefox用 */
}

.box2R {
	border:1px solid #aaa;
	border-radius:5px;
	width:375px;
	float:left;
	padding:0;
	list-style:none;
	margin:0 0 10px 3px;
	box-shadow: 2px 2px 3px #aaa; /* CSS3草案 */
-webkit-box-shadow: 2px 2px 3px #aaa; /* Safari,Google Chrome用 */
-moz-box-shadow: 2px 2px 3px #aaa; /* Firefox用 */
}

.box3L {
	border:1px solid #aaa;
	border-radius:5px;
	width:248px;
	float:left;
	padding:0;
	list-style:none;
	margin:0 0 10px 0;
	box-shadow: 2px 2px 3px #aaa; /* CSS3草案 */
-webkit-box-shadow: 2px 2px 3px #aaa; /* Safari,Google Chrome用 */
-moz-box-shadow: 2px 2px 3px #aaa; /* Firefox用 */
}

.box3C {
	border:1px solid #aaa;
	border-radius:5px;
	width:248px;
	float:left;
	padding:0;
	list-style:none;
	margin:0 5px 10px 5px;
	box-shadow: 2px 2px 3px #aaa; /* CSS3草案 */
-webkit-box-shadow: 2px 2px 3px #aaa; /* Safari,Google Chrome用 */
-moz-box-shadow: 2px 2px 3px #aaa; /* Firefox用 */
}

.box3R {
	border:1px solid #aaa;
	border-radius:5px;
	width:248px;
	float:left;
	padding:0;
	list-style:none;
	margin:0 0 10px 0;
	box-shadow: 2px 2px 3px #aaa; /* CSS3草案 */
-webkit-box-shadow: 2px 2px 3px #aaa; /* Safari,Google Chrome用 */
-moz-box-shadow: 2px 2px 3px #aaa; /* Firefox用 */
}

.box1 {
	border:1px solid #aaa;
	border-radius:5px;
	width:755px;
	float:left;
	padding:0;
	list-style:none;
	margin:0 0 10px 3px;
	box-shadow: 2px 2px 3px #aaa; /* CSS3草案 */
-webkit-box-shadow: 2px 2px 3px #aaa; /* Safari,Google Chrome用 */
-moz-box-shadow: 2px 2px 3px #aaa; /* Firefox用 */
}



.box123-inner {
	padding:10px;
}

.box123-inner h4 {
	margin-top:0;
	font-size:1em;
}

#ticker01 a,#ticker02 a,#ticker03 a,#ticker04 a,#ticker05 a {
	text-decoration:none;
}

.asset-body p {
	margin:10px 0;
}

#shipping dt {
	float:left;
	width:3em;
	 clear:both;  
}

#shipping dd {
	margin-left:3em;
}

#shippingtable1 {
	border-collapse: collapse;
	margin: 10px 0;
}

#shippingtable1 thead th {
	padding:3px;
	background:#A9D5B1;
	border:1px solid #676;
}

#shippingtable1 tbody th {
	padding:3px;
	background:#fafafa;
	border:1px solid #676;
}

#shippingtable1 tbody td {
	padding:3px;
	border:1px solid #676;
}

#shippingtable1 tbody td.white {
	padding:3px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

#shippingtable2 {
	border-collapse: collapse;
	margin: 10px 0;
}

#shippingtable2 td.c1 {
	border-left:1px solid #676;
	border-top:1px solid #676;
	border-bottom:1px solid #676;
	padding:3px;
}

#shippingtable2 td.c2 {
	border-top:1px solid #676;
	border-bottom:1px solid #676;
	padding:3px;
}

#shippingtable2 td.c3 {
	border-right:1px solid #676;
	border-top:1px solid #676;
	border-bottom:1px solid #676;
	padding:3px;
}

#shippingtable2 th {
	border-left:1px solid #676;
	border-top:1px solid #676;
	border-bottom:1px solid #676;
	padding:3px;
	background:#A9D5B1;
}


/* added : 120620 */
.marklet{
	clear : both;
	float : right;
	padding : 0 0 4px 0;
}
.marklet .fb-like, .marklet p{
	/* display : inline-block; */
	float : left;
	margin :0;
	padding : 0;
}
 .marklet .mixi_btn{
 	margin-right: 1em;
}
.marklet_end{
	clear : both;
	overflow : hidden;
}

th.the {
	background-color:#ff7f00;
	color:#fff;
	width:9.5em;
}

th.thb {
	background-color:#ff0000;
	color:#fff;
	width:9.5em;
}

th.thd {
	background-color:#00c800;
	color:#fff;
	width:9.5em;
}

th.thk {
	background-color:#007fff;
	color:#fff;
	width:9.5em;
}

th.dotbottom,
td.dotbottom,
td.dotbottomkyo {
	border-bottom:1px dotted #666;
}

th.dotboth,
td.dotboth {
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
}

th.dottop,
td.dottop,
td.dottopkyo {
	border-top:1px dotted #666;
}

th.throwhead {
	font-size:1.2em;
	width:1.2em;
}

.slides {
	height:250px;
}

/* 20131227 added */
.slider{
	width : 960px;
	height : 240px;
	overflow: hidden;
}
.bx-clone {
	display: none;
}

ul#stations {
	margin:0;
	padding:0;
}

ul#stations li {
	margin:0;
	padding:0;
}

#samplemovie {
	width:712px;
	height:412px;
}

#fnavi {
	display:none;
}

#topbanners {
	display:none;
}

#kouzatopbanners {
	margin: 20px auto;
}
#kouzatopbanners img.kouzatopbannerscenter {
	margin-left:6px;
	margin-right:6px;
}