@charset "UTF-8";

@import url("default.css");
@import url("layout_contents.css");
@import url("navi_special.css");
@import url("navi.css");

/* -------------------------
  サブナビ
------------------------- */

/*
#navArea ul.subNav li a:hover {
	background:#CCE8FF url(../img/arrow_subnav.gif) 18px 7px no-repeat;
	color:#666;
}
*/

h2.movieTit {
	margin: 40px 0 20px 0 !important;
}

.movieBox {
	width: 720px;
	margin: 0 auto 0 auto;
}

/* -------------------------
  PC
------------------------- */
.movieBox .boxC {
	width: 480px;
	margin: 0 auto 30px auto;
}
.movieBox .boxC p {
	margin: 3px 0 0 0;
}

/* -------------------------
  SP
------------------------- */
.movieBoxSp {
	width: 710px;
	margin: 0 auto 30px auto;
}
.movieBoxSp .boxL {
	width: 340px;
	float: left;
	margin: 0 auto;
}
.movieBoxSp .boxL p {
	margin: 3px 0 0 0;
}
.movieBoxSp .boxR {
	width: 340px;
	float: left;
}
.movieBoxSp .boxR p {
	margin: 3px 0 0 0;
}



/* -------------------------
  topLinkTbl
------------------------- */

#topLinkTbl {
	width: 760px;
	margin: -10px 0 0 0;
	border-spacing: 0px 10px;
}

#topLinkTbl tr th,
#topLinkTbl tr th a {
	height: 46px;
	margin: 0;
}
#topLinkTbl tr th:nth-child(odd){
	width: 390px;
}
#topLinkTbl tr th:nth-child(even){
	width: 370px;
}
#topLinkTbl tr th {
	background: url(../../special/img/menu_special.svg) no-repeat;
	background-size: 760px 46px;
	background-position: 0 0;

	height: 45px;
	
    font-size: 14px;
    text-align: left;
	line-height: 42px;

	padding: 0 0 0 23px;
	font-weight: 100;
}

#topLinkTbl tr th:hover {
	background-position: -390px 0;
}

#topLinkTbl tr th a {
	color: #666;
	display: block;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}
#topLinkTbl tr th a:hover {
	color: #ff0e0d;
}
#topLinkTbl tr td{
	width: 370px;
	margin: 0;
	padding: 0 0 15px 0;
	background: #FFFFFF;
	vertical-align:top;
}

#topLinkTbl tr td ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#topLinkTbl tr td ul li {
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/arrow_special.gif) 11px 7px no-repeat;
	float:left;
}

#topLinkTbl tr td ul li a {
	color:#666;
	text-decoration:none;
}

#topLinkTbl tr td  ul li a:hover {
	color:#FF9900;
	text-decoration:underline;
}

/* -------------------------
  topLinkTbl02
------------------------- */

#topLinkTbl02 {
	width: 760px;
	padding:0 0 0 0;
}

#topLinkTbl02 tr th,
#topLinkTbl02 tr th a {
	height: 34px;
	margin: 0;
}

#topLinkTbl02 tr th a {
	background: url(../../special/img/menu_special.svg) no-repeat;
	background-position: 0 0;
	background-size: cover;

	width: 347px;
	height: 35px;

    margin: 0 0 10px 0;
	padding-left: 23px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
	color: #666;
	line-height: 35px;
}
#topLinkTbl02 tr th a:hover {
	background-position: -390px 0;
	color: #ff0e0d;
}


#topLinkTbl02 tr th a {
	display: block;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#topLinkTbl02 tr th#title {
	width: 390px;
	vertical-align:top;
	text-align:left;
	font-size:14px;
}

#topLinkTbl02 tr td{
	width: 370px;
	margin: 0;
	padding: 0 0 15px 0;
	background: #FFFFFF;
	vertical-align:top;
}

#topLinkTbl02 tr td .indent{
	width: 360px;
	margin: 0;
	padding: 0 0 10px 10px;
}


#topLinkTbl02 tr td ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#topLinkTbl02 tr td ul li {
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/arrow_special.gif) 11px 7px no-repeat;
	float:left;
}

#topLinkTbl02 tr td ul.oneLine li {
	width: 320px;
	margin: 0 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/arrow_special.gif) 11px 7px no-repeat;
	float:none;
}

#topLinkTbl02 tr td ul li a {
	color:#666;
	text-decoration:none;
}

#topLinkTbl02 tr td  ul li a:hover {
	color:#FF9900;
	text-decoration:underline;
}

/* -------------------------
  specialTbl
------------------------- */

#specialTbl01 {
	width: 760px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 5px solid #FDE9D2;
}

#specialTbl01 tr th {
    width: 470px;
	margin: 0;
	padding: 15px;
	line-height: 140%;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #FFFFF9;
}

#specialTbl01 tr th.last{
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

#specialTbl01 tr td{
    width: 230px;
	margin: 0;
	padding: 15px;
	text-align:center;
	vertical-align:middle;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#specialTbl01 tr td.last{
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}


#specialTbl02 {
	width: 480px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	border: 5px solid #FDE9D2;
}

#specialTbl02 tr th {
	margin: 0;
	padding: 7px;
	line-height: 140%;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	
	border-bottom: 1px solid #D6D6D6;
	background: #FFFFF9;
}

#specialTbl02 tr th.last{
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

#specialTbl02 tr td{
	margin: 0;
	padding: 7px;
	text-align:right;
	vertical-align:middle;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#specialTbl02 tr td.Title{
	text-align:left;
}

#specialTbl02 tr td.spot{
	background: #FFFFD1;
}

#specialTbl02 tr td.spot-last{
	background: #FFFFD1;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

#specialTbl02 tr td.last{
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}


#specialTbl03 {
	width: 480px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	border: 5px solid #FDE9D2;
}

#specialTbl03 tr th {
	margin: 0;
	padding: 7px;
	line-height: 140%;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	background: #FFFFF9;
}

#specialTbl03 tr th.last{
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

#specialTbl03 tr td{
	margin: 0;
	padding: 7px;
	text-align:center;
	vertical-align:middle;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#specialTbl03 tr td.Title{
	text-align:center;
}

#specialTbl03 tr td.last{
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

/* -------------------------
  specialTextArea  
------------------------- */

.specialTextArea01a {
	width:130px;
	margin: 0 10px 20px 3px;
	float: left;
}

.specialTextArea01b {
	width:615px;
	margin: 0 0 20px 0;
	float: left;
}


.specialTextArea02a {
	width:70px;
	margin: 0 10px 20px 3px;
	float: left;
	font-weight: bold;
}

.specialTextArea02b {
	width:675px;
	margin: 0 0 20px 0;
	float: left;
}

.cs_special #topLinkTbl {
	border-spacing: 0px;
	margin: 0;
}

.cs_special #topLinkTbl tr th#ctg01,
.cs_special #topLinkTbl tr th#ctg02,
.cs_special #topLinkTbl tr th#ctg03,
.cs_special #topLinkTbl tr th#ctg04 {
	padding: 10px 5px;
}