@charset "utf-8";



/*=================================================







 * ブラウザのデフォルトのスタイルをリセットする







 * ================================================= */















html,

body,

h1,

h2,

h3,

h4,

h5,

h6,

ul,

ol,

dl,

li,

dt,

dd,

p,

 header,

hgroup,

section,

article,

aside,

hgroup,

footer,

figure,

figcaption,

nav {

	margin: 0;

	padding: 0;

	font-size: 100%;

}



body {

	line-height: 1.6;

	-webkit-text-size-adjust: none;

}



article,

aside,

canvas,

details,

figcaption,

figure,

 footer,

header,

hgroup,

menu,

nav,

section,

summary { display:block; }



img {

	border: 0;

	vertical-align: bottom;

}



ul,

ol { list-style: none; }



table {

	border-spacing: 0;

	empty-cells: show;

}



/*=================================================







 * サイト全体の基本スタイル







 * ================================================= */















body {

	background-color: #ffffff;

	font-family: Arial, san-serif;

	font-size: 14px;

	margin:0;

	padding:0;

}



a {

	color: #4A4A4A;

	text-decoration:none;

}



.logo {

	padding:0;

	margin: 0;

	float:left;

	display: block;

}



header {

	padding:0;

	margin:0;

}



.bg {

	height:51px;

	margin:0;

	padding:0;

	background: #ffffff; /* Old browsers */

	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 46%, #f7f7f7 48%, #efefef 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(46%, #ffffff), color-stop(48%, #f7f7f7), color-stop(100%, #efefef)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 46%, #f7f7f7 48%, #efefef 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 46%, #f7f7f7 48%, #efefef 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 46%, #f7f7f7 48%, #efefef 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #ffffff 0%, #ffffff 46%, #f7f7f7 48%, #efefef 100%); /* W3C */

}



.block {

	margin: 0;

	padding-top:0;

	padding-left:0;

	padding-right:0;

	padding-bottom: 25px;

}



.block-heading {

	padding:8px;

	margin:0;

	color: #ffffff;

	font-size: 14px;

	background: #2f55a5; /* Old browsers */

	background: -moz-linear-gradient(top, #2f55a5 0%, #28488b 50%, #1c3363 51%, #2a4a90 97%, #ffd52c 98%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f55a5), color-stop(50%, #28488b), color-stop(51%, #1c3363), color-stop(97%, #2a4a90), color-stop(98%, #ffd52c)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #2f55a5 0%, #28488b 50%, #1c3363 51%, #2a4a90 97%, #ffd52c 98%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #2f55a5 0%, #28488b 50%, #1c3363 51%, #2a4a90 97%, #ffd52c 98%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #2f55a5 0%, #28488b 50%, #1c3363 51%, #2a4a90 97%, #ffd52c 98%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f55a5', endColorstr='#ffd52c', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #2f55a5 0%, #28488b 50%, #1c3363 51%, #2a4a90 97%, #ffd52c 98%); /* W3C */

}



.block p { margin-bottom: 1em; }



.block p:last-of-type { margin-bottom: 0; }



.text-contents {

	padding:10px;

	text-height:1.2em;

	vertical-align:middle;

}



.image-center {

	margin: 0;

	padding:0;

	width:100%;

	display: block;

}



.img-t { margin-right:10px; }



.nav-reference {

	margin: 10px 0;

	text-align: right;

}



.nav-reference a { padding: 3px 10px 3px 0; }



.block .nav-reference { margin: 10px 0; }



.nav-reference2 {

	padding-bottom:10px;

	text-align: right;

	border-bottom: solid 1px #cfcfcf;

}



.nav-reference2 a { padding: 3px 5px 3px 0; }



.page-title {

	float:none;

	padding:0;

	margin:0;

}



.googlemap {

	border:none;

	padding-top:10px;

	text-align:center;

}



.text-orange {

	color:#FB7904;

	font-weight:bold;

}



.text-pink {

	color:#FF8C8C;

	font-weight:bold;

}



.text-yellow {

	color:#FFCC00;

	font-weight:bold;

	font-size:24px;

	vertical-align:baseline;

}



.rank-img {

	float:left;

	border:none;

	vertical-align:middle;

	padding:10px 2px;

}



/*=============================================================*/















.info-title {

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: 0px 10px 15px #F5F5F5;

	box-shadow: 0px 10px 15px #F5F5F5;

	color:#FF6600;

	font-weight:bold;

	padding-top:15px;

	padding-bottom:5px;

	padding-left:10px;

}



.contents span {

	font-weight:bold;

	color:#003399;

}



.contents li {

	height:20px;

	vertical-align:middle;

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: 0px 10px 15px #F5F5F5 inset;

	box-shadow: 0px 10px 15px #F5F5F5 inset;

	padding-top:10px;

	padding-bottom:10px;

}



.contents a {

	padding: 0 10px;

	display: block;

	text-decoration: none;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: url(/sp/_resource/img/next.gif) right center no-repeat;

}



/*=============================







 BBS







 ================================*/























.bbs li {

	/* height:20px; */







 vertical-align:middle;

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: 0px 10px 15px #F5F5F5 inset;

	box-shadow: 0px 10px 15px #F5F5F5 inset;

	padding-top:10px;

	padding-bottom:10px;

}



.bbs div.list {

	padding: 0 10px;

	color:#1A325F;

	/* display: block; */







/* text-decoration: none; */







 overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: url(/sp/_resource/img/next.gif) right center no-repeat;

}



.page {

	margin: auto;

	text-align:center;

	height:40px;

	overflow:hidden;

}



.page-bbs {

	color:#000000;

	margin:10px auto;

	width:300px;

	text-align:center;

	display:block;

	float:none;

	padding:0;

}



.page-bbs a { text-align:center; }



.page-bbs-num {

	width:10px;

	border: #CFCFCF 1px solid;

	text-align:center;

	vertical-align:middle;

	color:#000000;

	display:inline-block;

	margin:0px 2px;

	padding: 0px 6px;

}



.page-bbs-current {

	width:10px;

	background-color:#1A325F;

	text-align:center;

	vertical-align:middle;

	border:#1A325F 1px solid;

	margin:0px 2px;

	padding: 0px 6px;

	color:#FFFFFF;

	display:inline-block;

}



.page-bbs-current a { color:#FFFFFF; }



.page-bbs-next {

	border:none;

	width:50px;

	vertical-align:middle;

	margin:8px 0px;

	padding: 5px 10px;

}



.page-bbs-next img {

	padding-bottom:2px;

	padding-left:5px;

}



.form {

	margin:0;

	color:#374C73;

	vertical-align:middle;

}



.form dt {

	padding-top:10px;

	padding-left:10px;

}



.form dd {

	padding-left:10px;

	padding-right:10px;

	border-bottom:#cccccc dotted 1px;

	padding-bottom:10px;

}



.form dd img {

	margin-right:10px;

	padding-bottom:3px;

	padding-left:5px;

}



.submit {

	text-align:center;

	margin:15px auto 5px auto;

}



.bbs-title {

	padding:10px;

	font-weight:bold;

	background-color:#DEF6FC;

	color:#263E68;

	border-top:#ffffff 1px solid;

	border-bottom:#ffffff 1px solid;

}



.bbs2 { border-bottom:#CCCCCC 1px solid;/* margin-bottom:20px; */







}



.bbs2 li {

	padding:10px;

	border-top:#CCCCCC 1px solid;

}



.bbs2 li div {

	text-align:right;

	color:#666666;

}



.news-title {

	padding:10px;

	font-weight:bold;

	background-color:#DEF6FC;

	color:#263E68;

	border-top:#ffffff 1px solid;

	border-bottom:#ffffff 1px solid;

	line-height: 1.4;

}



.news-title p.date {

	margin: 5px 0 0;

	font-size: 12px;

	color: #4A4A4A;

}



.news-body { padding:10px; }



.news-body img {



	margin: 5px auto;

}



.kuchikomi-title {

	padding:6px 10px;

	font-weight:bold;

	background-color:#DEF6FC;

	color:#263E68;

	border-bottom:#CFCFCF 1px solid;

	line-height: 1.4;

}



.star {

	float:right;

	margin-top:-10px;

}



.kuchikomi {

	border-bottom:#CFCFCF 1px solid;

	padding:10px;

}



.kuchikomi-a {

	text-align:center;

	margin:0px auto 15px auto;

	float: none;

	clear: both;

}



/*=======================================







dropmenu







========================================*/



#drop-menu {

	margin: 0;

	padding: 0;

	float:right;

}



#drop-menu li {

	float:left;

	display: block;

	margin: 0;

	padding:0;

	position:relative;

}



#drop-menu li a { display: block; }



#drop-menu li ul#openchild {

	top:51px;

	float:none;

	position:absolute;

	left:-325px;

	/* width: 325px; */

	width: 315px;

	display:none;

	z-index:10;

	background-color:#121212;

	background-image:url(/sp/_resource/img/menu_bg03.gif);

	background-repeat:repeat-x;

	padding-left:10px;

}



#drop-menu li ul#openchild li {

	width:61px;

	height:59px;

	display:block;

	padding:8px;

	float:left;

}



#drop-menu li ul#openchild li:last {

	display:block;

	padding:8px;

	float:none;

}



#drop-menu li ul#openchild li img {

	-webkit-box-shadow: 3px 3px 5px #222222;

	box-shadow: 3px 3px 5px #222222;

}



/*tuiki*/







#drop-menu li ul#contact {

	display:none;

	float:none;

	position:absolute;

	top:60px;

	left:-250px;

	width:250px;

	z-index:10;

}



#drop-menu li ul#contact li {

	/*display:none;*/







 padding:8px;

	float:none;

	background-color:#FFFFFF;

	border-bottom:1px #CCCCCC solid;

	border-left:1px #CCCCCC solid;

	border-right:1px #CCCCCC solid;

}



#drop-menu li ul#contact li:first-child {

	-webkit-border-top-right-radius: 10px;

	-webkit-border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	border-top-left-radius: 10px;

	border-top:1px #CCCCCC solid;

}



#drop-menu li ul#contact li:last-child {

	-webkit-border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	border-bottom: 1px solid #cccccc;

}



/**/















 /*=======================================







dropmenu2







========================================*/















#drop-menu2 {

	display: block;

	margin: 0 auto;

	padding: 0;

	width:320px;

}



#drop-menu2 li {

	float:left;

	display: block;

	margin: 0;

	padding:0;

	position:relative;

}



#drop-menu2 li a { display: block; }



#drop-menu2 li ul {

	position:absolute;

	top:30px;

	left:-115px;

	width:320px;

	z-index:10;

	display:none;

	background-color:#FFFFFF;

	border-bottom:#cccccc 1px solid;

}



#drop-menu2 li ul li {

	display:block;

	padding:5px;

	width:140px;

	float:left;

	background-color:#FFFFFF;

	color:#000000;

}



#drop-menu2 li ul li img {

	padding:0px 5px;

	vertical-align:middle;

}



.plus {

	padding:8px 5px;

	text-align:right;

	margin-right:0;

	position:absolute;

	left:175px;

}



/*=======================================







icon setsumei







========================================*/







.icon-setsumei {

	background-color:#FEEAD6;

	color:#D47C23;

	vertical-align:middle;

	height:30px;

	line-height:30px;

	position:relative;

	padding:0;

}



.img-sikaku {

	vertical-align:middle;

	padding:8px 10px 12px 10px;

}



/*=======================================







footer menu







========================================*/















 .nav-about { margin: 10px; }



.nav-about ul {

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-webkit-box-shadow: 0 0 3px #cccccc;

	box-shadow: 0 0 3px #cccccc;

}



.nav-about li {

	border-top: 1px solid #cccccc;

	height: 20px;

	line-height: 20px;

	background-color: #ffffff;

	padding:10px;

}



.nav-about li:first-child {

	-webkit-border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	border-top-left-radius: 5px;

}



.nav-about li:last-child {

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	border-bottom: 1px solid #cccccc;

}



.nav-about a {

	padding: 0;

	display: block;

	width:100%;

	text-decoration: none;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: url(/sp/_resource/img/next.gif) right center no-repeat;

}



.inquory {

	background-color:#F5F5F5;

	border-top: 1px solid #CCCCCC;

	padding:10px;

	margin:0;

}



.inquory span { margin-right:15px; }



footer {

	padding: 12px 0px;

	background-color: #333333;

	font-size: 14px;

	text-align: center;

	color:#FFFFFF;

	-webkit-box-shadow: 0px 10px 15px #232323 inset;

	box-shadow: 0px 10px 15px #232323 inset;

	margin:0;

}



/*=======================================







cast page







========================================*/







.cast {

	padding:0;

	font-size:10px;

	margin: 10px auto;

	width:300px;

}



.cast-l {

	width: 130px;

	padding:8px;

	float:left;

	text-align:center;

	border-top:1px solid #CCCCCC;

}



.cast-r {

	width: 130px;

	padding:8px;

	float:left;

	text-align:center;

	border-top:1px solid #CCCCCC;

}



.name {

	font-size:12px;

	color:#213965;

	font-weight:bold;

	text-align:center;

}



.icon {

	height: auto !important;

	text-align:left;

	margin-right:0;

	padding-right:0;

}



/*キャスト詳細ページ*/















#cast-name {

	position:relative;

	vertical-align:middle;

	height:25px;

	padding:10px;

	text-height:25px;

	font-size:14px;

	font-weight:bold;

	text-align:center;

	border-bottom:1px #CCCCCC solid;

}



#cast-name .img-left {

	position:absolute;

	left:5px;

	top:0px;

}



#cast-name .img-right {

	position:absolute;

	right:5px;

	top:0px;

}



.cast-size {

	padding:10px;

	border-top:dotted #CCCCCC 1px;

}



.cast-size span { padding:0 15px 0 5px; }



.cast-prof li {

	border-bottom: 1px dotted #cccccc;

	padding:10px;

}



.cast-prof li span {

	color:#FC9335;

	font-weight:bold;

}



.cast-prof li:last-child {

	border-bottom: 1px dotted #D3D3D3;

	padding-top:5px;

	padding-bottom:5px;

}



.cast-table {

	width:100%;

	margin-bottom:20px;

}



.cast-table th {

	width:71px;

	padding:10px;

	font-weight:bold;

	color:#1C3461;

	text-align:left

}



.cast-table td {

	padding:10px;

	border-left:dotted #D3D3D3 1px;

}



.arrowBg td a {

	display: block;

	background: transparent url(/sp/_resource/img/next.gif) no-repeat right center;

}



.bg-gray { background-color:#EFEFEF; }



.bg-blue { background-color:#DEF6FC; }



/*========================================







 TabArea index







========================================*/







#tab_area {

	margin: 0 auto;

	width:100%;

	text-align: left;

}



#tab_area .menu {

	height:40px;

	line-height:40px;

	-webkit-box-shadow: 0 3px 3px #cccccc;

	box-shadow: 0 3px 3px #cccccc;

	color:#FFFFFF;

}



#tab_area .menu a {

	color:#FFFFFF;

	height:40px;

	line-height:40px;

}



#tab_area .menu-t {

	top: 0;

	width: 33%;

	z-index: 5;

	background-color:#FE8D01;

	margin:0;

	height: 40px;

	line-height: 40px;

	text-align: center;

	display: block;

	color:#FFFFFF;

	text-shadow:  -1px -2px #D1731C;

	font-weight: bold;

	float:left;

}



/*#tab_area #contents01  {left: 0;}







#tab_area #contents02  {left: 106px;}







#tab_area #contents03  {left: 212px;}*/















#tab_area #contents01 { width: 34%; }



#tab_area #contents01 a { display:block; }



#tab_area #contents02 a { display:block; }



#tab_area #contents03 a { display:block; }



#tab_area .name-2 {

	font-weight:bold;

	color:#003399;

}



#tab_area li {

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: 0px 10px 15px #F5F5F5;

	box-shadow: 0px 10px 15px #F5F5F5;

	padding-top:5px;

	padding-bottom:5px;

}



#tab_area li:last-child {

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: none;

	box-shadow:none;

	padding-top:5px;

	padding-bottom:5px;

}



#tab_area li a {

	padding: 0 10px;

	display: block;

	text-decoration: none;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: url(/sp/_resource/img/next.gif) right center no-repeat;

}



/*----------------------------







 CSS3 menu-on







-------------------------- */















#tab_area .grade {

	color: #fff;

	text-shadow:  -1px -2px #E68D3E;

	font-weight: bold;

	position : relative;

	background: #ffd400; /* Old browsers */

	background: -moz-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd400), color-stop(49%, #feac03), color-stop(100%, #fb7c04)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd400', endColorstr='#fb7c04', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* W3C */

}



#tab_area .grade :after {

	content : "";

	position : absolute;

	bottom : -15px; /*三角形の上下位置*/

	left : 50%;

　/*三角形の左右位置*/

 right : auto;

	width : 0;

	height : 0;

	border-width : 12px 6px 6px 6px;

	border-style : solid;

	border-color : #FB7B04 transparent transparent transparent;

}



/*========================================







 TabArea schedule







========================================*/







#tab_area2 {

	margin: 0 auto;

	width:100%;

	text-align: left;

	position: relative;

	line-height: 1.5;

}



#tab_area2 .menu {

	height:40px;

	line-height:40px;

	-webkit-box-shadow: 0 3px 3px #cccccc;

	box-shadow: 0 3px 3px #cccccc;

	color:#FFFFFF;

	background-color:#FE8D01;

}



#tab_area2 .menu a {

	color:#FFFFFF;

	height:40px;

	line-height:40px;

}



#tab_area2 .menu-t {

	width: 14%;

	z-index: 5;

	background-color:#FE8D01;

	margin:0;

	height: 40px;

	line-height: 40px;

	text-align: center;

	display: block;

	color:#FFFFFF;

	text-shadow:  -1px -2px #D1731C;

	font-weight: bold;

	float: left;

}



/*#tab_area2 #contents01  {left: 0;}







#tab_area2 #contents02  {left: 80px;}







#tab_area2 #contents03  {left: 160px;}







#tab_area2 #contents04  {left: 240px;}*/















#tab_area2 #contents01 a { display:block; }



#tab_area2 #contents02 a { display:block; }



#tab_area2 #contents03 a { display:block; }



#tab_area2 #contents04 a { display:block; }



#tab_area2 #contents05 a { display:block; }



#tab_area2 #contents06 a { display:block; }



#tab_area2 #contents07 a { display:block; }



#tab_area2 #content1 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area2 #content2 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area2 #content3 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area2 #content4 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area2 #content5 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area2 #content6 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area2 #content7 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area2 .name-2 {

	font-weight:bold;

	color:#003399;

}



#tab_area2 .text-orange {

	color:#FB7904;

	font-weight:bold;

	font-size:12px;

}



#tab_area2 .text-syu {

	color:#F00;

	font-weight:bold;

	font-size:12px;

}



#tab_area2 .text-yotei {

	color:#F69;

	font-weight:bold;

	font-size:12px;

}



#tab_area2 ul { margin-bottom:20px; }



#tab_area2 li {

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: 0px 10px 15px #F5F5F5;

	box-shadow: 0px 10px 15px #F5F5F5;

	padding-top:10px;

	padding-bottom:5px;

}



#tab_area2 li img {

	margin:0 10px 5px 0;

	border:none;

	float:left;

}



#tab_area2 li:last-child {

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: none;

	box-shadow:none;

	padding-top:5px;

	padding-bottom:5px;

}



#tab_area2 li a {

	padding: 0 10px;

	display: block;

	text-decoration: none;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: url(/sp/_resource/img/next.gif) right center no-repeat;

}



/*-------------------------







 CSS3 menu-on







-------------------------- */















#tab_area2 .grade {

	color: #fff;

	text-shadow:  -1px -2px #E68D3E;

	font-weight: bold;

	position : relative;

	background: #ffd400; /* Old browsers */

	background: -moz-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd400), color-stop(49%, #feac03), color-stop(100%, #fb7c04)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd400', endColorstr='#fb7c04', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* W3C */

}



#tab_area2 .grade :after {

	content : "";

	position : absolute;

	bottom : -15px; /*三角形の上下位置*/

	left : 50%;

　/*三角形の左右位置*/

 right : auto;

	width : 0;

	height : 0;

	border-width : 12px 6px 6px 6px;

	border-style : solid;

	border-color : #FB7B04 transparent transparent transparent;

}



/*========================================







 TabArea ranking







========================================*/







#tab_area3 {

	margin: 0 auto;

	width:100%;

	text-align: left;

	position: relative;

	line-height: 1.5;

}



#tab_area3 .menu {

	height:40px;

	line-height:40px;

	-webkit-box-shadow: 0 3px 3px #cccccc;

	box-shadow: 0 3px 3px #cccccc;

	color:#FFFFFF;

}



#tab_area3 .menu a {

	color:#FFFFFF;

	height:40px;

	line-height:40px;

}



#tab_area3 .menu span {

	display: block;

	float: left;

}



#tab_area3 .menu-t {

	width:50%;

	z-index: 5;

	background-color:#FE8D01;

	margin:0;

	height: 40px;

	line-height: 40px;

	text-align: center;

	display: block;

	color:#FFFFFF;

	text-shadow:  -1px -2px #D1731C;

	font-weight: bold;

}



/*#tab_area3 #contents01  {left: 0;}







#tab_area3 #contents02  {left: 160px;}*/















#tab_area3 #contents01 a { display:block; }



#tab_area3 #contents02 a { display:block; }



#tab_area3 #content1 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area3 #content2 {

	position:relative;

	top:10px;

	background-color:#FFFFFF;

	min-height:100%;

}



#tab_area3 .name-2 {

	font-weight:bold;

	color:#003399;

	vertical-align: top;

}



#tab_area3 .text-orange {

	color:#FB7904;

	font-weight:bold;

	font-size:12px;

}



#tab_area3 ul { margin-bottom:20px; }



#tab_area3 li {

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: 0px 10px 15px #F5F5F5;

	box-shadow: 0px 10px 15px #F5F5F5;

	padding-top:10px;

	padding-bottom:5px;

}



#tab_area3 li img {

	margin:0 10px 5px 0;

	border:none;/* float:left; */







}



#tab_area3 li:last-child {

	border-bottom: 1px solid #cccccc;

	-webkit-box-shadow: none;

	box-shadow:none;

	padding-top:5px;

	padding-bottom:5px;

}



#tab_area3 li a {

	padding: 0 10px;

	display: block;

	text-decoration: none;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: url(/sp/_resource/img/next.gif) right center no-repeat;

}



/*-------------------------







 CSS3 menu-on







-------------------------- */















#tab_area3 .grade {

	color: #fff;

	text-shadow:  -1px -2px #E68D3E;

	font-weight: bold;

	position : relative;

	background: #ffd400; /* Old browsers */

	background: -moz-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd400), color-stop(49%, #feac03), color-stop(100%, #fb7c04)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd400', endColorstr='#fb7c04', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #ffd400 0%, #feac03 49%, #fb7c04 100%); /* W3C */

}



#tab_area3 .grade :after {

	content : "";

	position : absolute;

	bottom : -15px; /*三角形の上下位置*/

	left : 50%;

　/*三角形の左右位置*/

 right : auto;

	width : 0;

	height : 0;

	border-width : 12px 6px 6px 6px;

	border-style : solid;

	border-color : #FB7B04 transparent transparent transparent;

}



/*=======================================







calendar







========================================*/







.cal-title {

	-webkit-box-shadow: 0px 10px 15px #F5F5F5 inset;

	box-shadow: 0px 10px 15px #F5F5F5 inset;

	text-align:center;

	color:#263E68;

	font-weight:bold;

	height:40px;

	line-height:40px;

	vertical-align:middle;

}



.cal-title-l {

	text-align:center;

	float:left;

	border-right:#CCCCCC 1px dotted;

	display:block;

}



.cal-title-l img { padding:5px 10px 12px 5px; }



.cal-title-r {

	display:block;

	text-align:center;

	float:right;

	border-left:#CCCCCC 1px dotted;

}



.cal-title-r img { padding:5px 5px 12px 10px; }



/*week*/















.wdates {

	width:320px;

	border-top:#cccccc 1px solid;

	background-color:#EFEFEF;

	font-weight:bold;

}



.wdates li {

	float:left;

	background-color:#EFEFEF;

	height:30px;

	line-height:30px;

	text-align:center;

	width:45px;

	border-right:#cccccc 1px solid;

	border-bottom:#cccccc 1px solid;

}



.wdates li:last-child {

	background-color:#EFEFEF;

	height:30px;

	line-height:30px;

	text-align:center;

	width:44px;

	border-bottom:#cccccc 1px solid;

	border-right:none;

}



/*days*/







.days li {

	float:left;

	height:45px;

	text-align:center;

	vertical-align:top;

	border-bottom:#cccccc 1px solid;

	font-weight:bold;

}



.days li a { display:block; }



.day,

.mprev {

	width:45px;

	border-right:#cccccc 1px solid;

	background: #fdfdfd; /* Old browsers */

	background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); /* W3C */

}



.sat,

.mprev-sat {

	width:44px;

	text-align:center;

	border:none;

	background: #DDF4FA; /* Old browsers */

	background: -moz-linear-gradient(top, #def6fc 0%, #cee6ec 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #def6fc), color-stop(100%, #cee6ec)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #def6fc 0%, #cee6ec 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #def6fc 0%, #cee6ec 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #def6fc 0%, #cee6ec 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def6fc', endColorstr='#cee6ec', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #def6fc 0%, #cee6ec 100%); /* W3C */

}



.sun,

.mprev-sun {

	width:45px;

	text-align:center;

	border-right:#cccccc 1px solid;

	background: #FDE5E5; /* Old browsers */

	background: -moz-linear-gradient(top, #ffe6e6 0%, #ebd4d4 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe6e6), color-stop(100%, #ebd4d4)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffe6e6 0%, #ebd4d4 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffe6e6 0%, #ebd4d4 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #ffe6e6 0%, #ebd4d4 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6e6', endColorstr='#ebd4d4', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #ffe6e6 0%, #ebd4d4 100%); /* W3C */

}



.sun a { color:#D32121; }



.sat a { color:#28A9D4; }



.mprev a { color:#B1B1B1; }



.mprev-sat a { color:#B1B1B1; }



.mprev-sun a { color:#B1B1B1; }



/* ------------------------------------------------------------







	carousel







------------------------------------------------------------ */















.carousel {

	position: relative;

	background-color: #ffffff;

	text-align:center;

	color: #000000;

	padding: 15px 0 0 0;

	width:320px;

	margin:10px auto 30px auto;

	font-size:10px;

}



#item { width:320px; }



.carousel div.slide {

	margin: 3px;

	float: left;

	width:96px;

	height:220px;

	text-align:center;

}



span.itemTtl {

	text-align:center;

	display:block;

	padding-top:10px;

	padding-bottom:10px;

	position:relative;

	top:10px;

	font-size:10px;

}



span.pink {

	position:relative;

	font-size:10px;

	top:10px;

	width:96px;

	padding:5px 15px;

	color:#FFFFFF;

	-webkit-border-radius: 15px;

	border-radius: 15px;

	background: #ffbfbf; /* Old browsers */

	background: -moz-linear-gradient(top, #ffbfbf 0%, #ffa5a5 48%, #ff8a8a 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbfbf), color-stop(48%, #ffa5a5), color-stop(100%, #ff8a8a)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffbfbf 0%, #ffa5a5 48%, #ff8a8a 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffbfbf 0%, #ffa5a5 48%, #ff8a8a 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #ffbfbf 0%, #ffa5a5 48%, #ff8a8a 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfbf', endColorstr='#ff8a8a', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #ffbfbf 0%, #ffa5a5 48%, #ff8a8a 100%); /* W3C */

}



span.blue {

	position:relative;

	top:10px;

	font-size:10px;

	width:96px;

	padding:5px 20px;

	color:#FFFFFF;

	-webkit-border-radius: 15px;

	border-radius: 15px;

	background: #5cd2ef; /* Old browsers */

	background: -moz-linear-gradient(top, #5cd2ef 0%, #3cc4e6 48%, #1bb7df 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5cd2ef), color-stop(48%, #3cc4e6), color-stop(100%, #1bb7df)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #5cd2ef 0%, #3cc4e6 48%, #1bb7df 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #5cd2ef 0%, #3cc4e6 48%, #1bb7df 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #5cd2ef 0%, #3cc4e6 48%, #1bb7df 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cd2ef', endColorstr='#1bb7df', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #5cd2ef 0%, #3cc4e6 48%, #1bb7df 100%); /* W3C */

}



.caroufredsel_wrapper { margin-left:8px; }



a.prev,

a.next {

	display: block;

	position: absolute;

	top:200px;

	height:18px;

	background: #f5f5f5; /* Old browsers */

	background: -moz-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(49%, #e4e4e4), color-stop(50%, #cdcdcd), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* W3C */

	-webkit-box-shadow: 0px 2px 2px #cccccc;

	box-shadow: 0px 2px 2px #cccccc;

}



a.prev {

	left: 10px;

	padding:0px auto 0px 3px;

	width:25%;

	text-align:left;

	border-style:solid;

	border-width:2px;

	border-color: #ffffff #B0B0B0 #ffffff #ffffff;

	-webkit-border-bottom-left-radius: 15px;

	-webkit-border-top-left-radius: 15px;

	border-bottom-left-radius: 15px;

	border-top-left-radius: 15px;

	z-index:10;

}



a.next {

	right: 10px;

	padding:0px 3px 0px auto;

	width:25%;

	text-align:right;

	border-style:solid;

	border-width:2px;

	border-color: #ffffff #ffffff #ffffff #B0B0B0;

	-webkit-border-bottom-right-radius: 15px;

	-webkit-border-top-right-radius: 15px;

	border-bottom-right-radius: 15px;

	border-top-right-radius: 15px;

	z-index:10;

}



.pagination {

	position: absolute;

	top:200px;

	left:50px;

	right:95px;

	height:18px;

	width:75%;

	border-style:solid;

	border-width:2px;

	border-color: #ffffff transparent #ffffff transparent;

	background: #f5f5f5; /* Old browsers */

	background: -moz-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(49%, #e4e4e4), color-stop(50%, #cdcdcd), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* W3C */

	-webkit-box-shadow: 0px 2px 2px #cccccc;

	box-shadow: 0px 2px 2px #cccccc;

}



.pagination a span { display: none; }



.clearfix {

	float: none;

	clear: both;

}



/* ------------------------------------------------------------







cast-carousel







------------------------------------------------------------ */















.cast-carousel {

	position: relative;

	background-color: #ffffff;

	text-align:center;

	color: #000000;

	padding-top:15px;

	margin:0 auto 10px auto;

	width:320px;

}



.cast-carousel div.slide {

	margin: 4px;

	float: left;

	width:295px;

	height:300px;

	text-align:center;

}



a.prev2,

a.next2 {

	display: block;

	position: absolute;

	top:120px;

	height:38px;

	background: #f5f5f5; /* Old browsers */

	background: -moz-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(49%, #e4e4e4), color-stop(50%, #cdcdcd), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* IE10+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%); /* W3C */

	-webkit-box-shadow: 0px 2px 2px #cccccc;

	box-shadow: 2px 2px 2px #cccccc;

}



a.prev2 {

	left: 0px;

	padding:0px auto 0px 0;

	margin:0;

	width:25px;

	text-align:right;

	border-style:solid;

	border-width:2px;

	border-color: #ffffff;

	border-left:none;

	z-index:10;

}



a.next2 {

	position:absolute;

	right: 0px;

	padding:0px 3px 0px auto;

	margin:0;

	width:25px;

	text-align:left;

	border-style:solid;

	border-right:none;

	border-width:2px;

	border-color: #ffffff;

	z-index:10;

}



.img-left {

	text-align:left;

	padding:0px;

	padding:10px 0px 10px 5px;

	margin:0;

}



.img-right {

	text-align:right;

	padding:10px 5px 10px 0;

	margin:0;

}



.clearfix {

	float: none;

	clear: both;

}



/* nadia added */















/* 小見出し */







.block-sub-heading {

	position:relative;

	vertical-align:middle;

	height:25px;

	padding:10px;

	text-height:25px;

	font-size:14px;

	font-weight:bold;

	text-align:center;

	border-bottom:1px #CCCCCC solid;

}



.block-sub-heading .img-left {

	position:absolute;

	left:5px;

	top:0px;

}



.block-sub-heading .img-right {

	position:absolute;

	right:5px;

	top:0px;

}



.block .blockInner { padding:10px; }



.dootedTop { border-top:dotted #CCCCCC 1px; }



/*単一ページ青背景見出し*/







.leaf-title {

	padding:6px 10px;

	font-weight:bold;

	background-color:#DEF6FC;

	color:#263E68;

	border-bottom:#CFCFCF 1px solid;

	border-top:#CFCFCF 1px solid;

	line-height: 1.4;

}



/*ブログ集ページ用*/







.block .blockInner-center { padding:20px 60px; }



.block .blockInner-center img {

	display: block;

	margin: 0 auto;

}



/*センター揃えワンポイント*/







.center {

	text-align: center;

	margin: 0px auto;

}



/*下1pxラインワンポイント*/







.bottom-line { border-bottom: solid 1px #CFCFCF; }



/*単一ページ小見出し*/







.blockInner-heading {

	height:25px;

	text-height:25px;

	font-size:14px;

	font-weight:bold;

}



/*ネイビー太字*/







.text-navy {

	font-size:14px;

	color:#263E68;

	font-weight:bold;

}



table.price-table {

	width: 320px;

	border-collapse: collapse;

	border: solid 1px #CCC;

	text-align: center;

}



table.price-table th,

 table.price-table td {

	border: solid 1px #CCC;

	padding: 4px 6px;

	white-space: nowrap;

}



table.price-table th {

	background: #DEF6FC;

	white-space: nowrap;

	color: #263E68;

}



table.price-table td.time { background: #EFEFEF; }



table.price-table2 {

	width: 100%;

	border-collapse: collapse;

	border-top: 1px dotted #CCC;

	margin-bottom:10px;

}



table.price-table2 td {

	border-bottom: dotted 1px #CCC;

	padding: 4px 6px;

	white-space: nowrap;

}



table.price-table2 td.menu {

	border-collapse: collapse;

	width:100px;

	color: #263E68;

	font-weight:bold;

	border-bottom: dotted 1px #CCC;

}



.calWrap {

	width: 320px;

	margin: 0 auto;

}



/* clearfix */







.cFix:after {

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}





/* ------------------------------------------------------------

	14.2-5 応援コメント 追加CSS

------------------------------------------------------------ */





select {

    color: #666666;

    font-size: 120%;

    margin: -172px 6% 0 34%;

    padding: 5px;

    width: 60%;

}





#nick select {

	width: auto;

	margin: 0;

}