@charset "utf-8";
/* CSS Document */
/* style2013.css by.yy　飾り系スタイル */

.boxb{
	padding:5px;
	margin:5px;
	border:1px solid #999;
	overflow:hidden;
	background:#fff;
}
.boxb2{
	padding:10px;
	margin:5px;
	border:3px double #999;
	overflow:hidden;
	background:#fff;
}
.box3{
	margin:10px;
	border:3px solid #999;
	overflow:hidden;
	background:#fff;
}
.box3 span{
	display:block;
	padding:10px;
	background:#FCC;
}
.box3 p{
	margin:10px;
}
.box3 p a{
	color:#333;
	text-decoration:underline;
	margin:5px;
}
a.backtop{
	display:block;
	background:#efefef;
	font-size:77%;
	padding:0 5px;
	display:none;
	text-align:center;
	text-decoration:none;
	margin:10px 0;
}
span.vtm{vertical-align: super; font-size: 30%;}	
.center{text-align:center;}

/* blue button */
#submenu_box{clear:both;width:940px;padding:5px 0;overflow:hidden;}
#submenu_box a{
	color: #FFF;
	text-decoration:none;
}
#submenu_box a.hover,#submenu_box a:hover{
	color: #FFF;
	text-decoration:none;
	background:#99cccc;
}
.submenu_button{
	width:140px;
	display:block;
	float:left;
	text-align:center;
	background:#009999;
	background: -moz-linear-gradient(top,#009999 0%,#336666);
	background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#336666));
	border: 1px solid #FFF;
	color: #FFF;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 5px 0;
	margin-left:10px;
	margin-top:5px;
}
/* songlist　 */
a.songlist{
	display:block;
	background:#333;
	padding:0 10px;
	margin:1px 0;
	text-decoration:none;
}
a.songlist.hover,a.songlist:hover{
	background:#666;
}

/* icons */
#genre_{clear:both;width:940px;}
#submenu_box a{
	color: #FFF;
	text-decoration:none;
}
#submenu_box a.hover,#submenu_box a:hover{
	color: #FFF;
	text-decoration:none;
	background:#99cccc;
}
.submenu_button{
	width:140px;
	display:block;
	float:left;
	text-align:center;
	background:#009999;
	background: -moz-linear-gradient(top,#009999 0%,#336666);
	background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#336666));
	border: 1px solid #FFF;
	color: #FFF;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 5px 0;
	margin-left:10px;
	margin-top:10px;
}
/* マイうた本に登録 */
a.mylink{
	display:block;
	clear:both;
	text-align:center;
	background:#F90;
	background: -moz-linear-gradient(top,#ff9900 0%,#ff66600);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff6600));
	margin:5px 0;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF !important;
	border:1px solid #fff;
}
a.mylink.hover,a.mylink:hover{background:#C30;}

a.mylink_b{
	text-align:center;
	background:#fff5bb;
	background: -moz-linear-gradient(top,#fff5bb 0%,#ffce7f);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff5bb), to(#ffce7f));
	padding:2px;
	margin:5px;
	text-decoration:none;
	color:#333 !important;
	border:1px solid #fff;
}
a.mylink_b.hover,a.mylink_b:hover{background:#ffa40f;}
a.mylink div{background:url(/img/item/window01-12.png) no-repeat left;}

/* QRコード */
.qrcord{
	background:#fff;
	padding:10px;
	margin:10px auto;	
}
.qrcord img{border:1px solid #CCC;}

/* アイコンまとめ */
span.icon_pv,
span.icon_mama
{
	height:15px;
	margin:0 5px;
	padding:2px;
	text-align:center;
}
span.icon_pv{
	width:50px;
	background:#09C;
	background: -moz-linear-gradient(top,#09c 0%,#06C);
	background: -webkit-gradient(linear, left top, left bottom, from(#09c), to(#06c));
	color:#fff;
}
span.icon_mama{
	width:50px;
	background:#F60;
	background: -moz-linear-gradient(top,#f90 0%,#f60);
	background: -webkit-gradient(linear, left top, left bottom, from(#f90), to(#f60));
	color:#fff;
}
span.icon{
	width:auto;
	margin:0 5px;
	padding:0 5px;
	border:1px solid #FFF;
}
span.op{
	background:#F00 url(/img/backimage/g_red.gif) repeat-x bottom;
	background: -moz-linear-gradient(top,#F00 0%,#C00);
	background: -webkit-gradient(linear, left top, left bottom, from(#F00), to(#C00));
	color:#fff;
}
span.ed{
	background:#09C;
	background: -moz-linear-gradient(top,#09C 0%,#06C);
	background: -webkit-gradient(linear, left top, left bottom, from(#09C), to(#06C));
	color:#fff;
}
span.my{
	background:#3C3 url(/img/backimage/g_green.gif) repeat-x bottom;
	background: -moz-linear-gradient(top,#3C3 0%,#393);
	background: -webkit-gradient(linear, left top, left bottom, from(#3C3), to(#393));
	color:#fff;
}
span.or{
	background:#F90 repeat-x bottom;
	background: -moz-linear-gradient(top,#F90 0%,#F60);
	background: -webkit-gradient(linear, left top, left bottom, from(#F90), to(#F60));
	color:#fff;
}

/* 重要ボタン */
a.linkbox,a.webmail{
	display:block;
	padding:5px;
	margin:5px;
	font-weight:bold;
	text-align:center;
}
a.webmail{background:#F90;color:#fff !important;}
a.webmail.hover,a.webmail:hover{background:#666;}
a.linkbox{
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background:#C00;
	background: -moz-linear-gradient(top,#c00 0%,#900);
	background: -webkit-gradient(linear, left top, left bottom, from(#c00), to(#900));
}
a.linkbox.hover,a.linkbox:hover{background:#666;}

/*　角丸ボタン　*/
.button{
	display:block;
	padding:10px;
	margin:10px;
	vertical-align:top;		
	color:#f5f5f5 !important;
	letter-spacing:2px;
	text-align:center;
	text-shadow: 0 -1px 3px rgba(0, 0, 0, .3);
	text-decoration:none !important;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
}
/*　マテリアル角丸ボタン　*/
.buttonmt{
	display:block;
	padding:10px;
	margin:10px;
	vertical-align:top;		
	color:#f5f5f5 !important;
	letter-spacing:2px;
	text-align:center;
	text-shadow: 0 -1px 3px rgba(0, 0, 0, .3);
	text-decoration:none !important;
	font-weight:bold;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 #A3A3A3; 
}
/*　角丸ボタン文字が濃い版　*/
.button_d{
	display:block;
	padding:10px;
	margin:10px;
	vertical-align:top;		
	color:#4d4d4d !important;
	letter-spacing:2px;
	text-align:center;
	text-shadow: 0 -1px 3px rgba(0, 0, 0, .3);
	text-decoration:none !important;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
}
/* 矢印 */
.arrow1{
	display:list-item;
	list-style:url(/img/item/zen.gif) inside;
	vertical-align:top;
}
/* グラデボタンカラー */
.blue{
	border: solid 1px #0078a5;
	background:#39C;	
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
}
.blue:hover,.blue.hover{background:#003f5d;}
.green{
	border: solid 1px #368900;
	background:#48a000;
	background: -webkit-gradient(linear, left top, left bottom, from(#60bf00), to(#368900));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
}
.green:hover,.green.hover{background:#2c5200;}
.red{
	border: solid 1px #840000;
	background:#C00;	
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#980000));
	background: -moz-linear-gradient(top, #cc0000, #980000);
}
.red:hover,.red.hover{background:#700000;}
.orange{
	-webkit-appearance: none;
	border: solid 1px #F90;
	background:#F90;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff6600));
	background: -moz-linear-gradient(top, #ff9900, #ff6600);
}
.orange:hover,.orange.hover{background:#C30;}
.rose{
	border: solid 1px #b03c58;
	background:#f4506d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4506d), to(#b03c58));
	background: -moz-linear-gradient(top, #f4506d, #b03c58);
}
.rose:hover,.rose.hover{background:#b03c58;}
.silver{
	border: solid 1px #999;
	color:#666 !important;
	background:#ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#999));
	background: -moz-linear-gradient(top, #efefef, #999);
}
.silver:hover,.silver.hover{background:#666;}
.black{
	border: solid 1px #999;
	color:#fff !important;
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top, #333, #000);
}
.black:hover,.black.hover{background:#999;}
.brown{
	border: solid 1px #a27b52;
	color:#fff !important;
	background:#8d6a47;
	background: -webkit-gradient(linear, left top, left bottom, from(#b89572), to(#8d6a47));
	background: -moz-linear-gradient(top, #b89572, #8d6a47);
}
.brown:hover,.brown.hover{background:#55402b;}
.yellow{
	border: solid 1px #dab700;
	color:#000 !important;
	background:#ffff00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff55), to(#dab700));
	background: -moz-linear-gradient(top, #ffff55, #dab700);
}
.yellow:hover,.yellow.hover{background:#e68800;}
.mustard{
	border: solid 1px #c19505;
	color:#000 !important;
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#daa806), to(#daa806));
	background: -moz-linear-gradient(top, #daa806, #daa806);
}
.mustard:hover,.mustard.hover{background:#c19505;}
.purple{
    border: solid 1px #904aa9;
    color:#fff !important;
    background:#a769bd;
    background: -webkit-gradient(linear, left top, left bottom, from(#a769bd), to(#904aa9));
    background: -moz-linear-gradient(top, #a769bd, #904aa9);
}
.purple:hover,.purple.hover{background:#904aa9;}



/* ストライプ郡 */
.stripe-black,
.stripe-gray,
.stripe-silver,
.stripe-red,
.stripe-blue,
.stripe-pink,
.stripe-yellow{
	padding:5px 10px;
	margin-bottom:5px;
	color:#fff;
}
.stripe-black{	background:url(/img/backimage/bg04-7.gif);}
.stripe-gray{	background:url(/img/backimage/bg04-1.gif);color:#333;}
.stripe-silver{	background:url(/img/backimage/bg04-2.gif);color:#333;}
.stripe-red{	background:url(/img/backimage/bg04-8.gif);color:#fff;}
.stripe-blue{background:url(/img/backimage/bg04-14.gif);}
.stripe-pink{background:url(/img/backimage/bg04-20.gif);}
.stripe-yellow{background:url(/img/backimage/bg04-4.gif);color:#333;}


/* SPライクボタン */
.spbtn_blue,
.spbtn_pink,
.spbtn_orange,
.spbtn_purple,
.spbtn_green,
.spbtn_gray,
.spbtn_silver
{
	display:list-item;
	list-style:url(/img/item/zenb.gif) inside;
	color: #FFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	margin:5px;
	padding:10px;
	width: 90%;
	font-weight:bold;
	font-size:116%;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.spbtn_orange {
	background:#ff7c00;
	background: -moz-linear-gradient(top,#ffb800,#ff7e42);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb800), to(#ff7e42));
	border: 1px solid #ff7e42;
}
.spbtn_orange.hover,.spbtn_orange:hover{background:#C60;}
.spbtn_pink {
	background:#d31d54;
	background: -moz-linear-gradient(top,#e37294,#d31d54);
	background: -webkit-gradient(linear, left top, left bottom, from(#e37294), to(#d31d54));
	border: 1px solid #e37294;
}
.spbtn_pink.hover,.spbtn_pink:hover{background:#C06;}
.spbtn_blue {
	background:#006699;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 1px solid #0099CC;
}
.spbtn_blue.hover,.spbtn_blue:hover{background:#036;}
.spbtn_purple{
	background:#639;
	background: -moz-linear-gradient(top,#99F 0%,#639);
	background: -webkit-gradient(linear, left top, left bottom, from(#99F), to(#639));
	border: 1px solid #639;
}
.spbtn_purple.hover,.spbtn_purple:hover{background:#606;}
.spbtn_green{
	background:#396;
	background: -moz-linear-gradient(top,#6C6 0%,#396);
	background: -webkit-gradient(linear, left top, left bottom, from(#6C6), to(#396));
	border: 1px solid #396;
}
.spbtn_green.hover,.spbtn_green:hover{background:#063;}
.spbtn_gray{
	background:#666;
	background: -moz-linear-gradient(top,#666 0%,#333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	border: 1px solid #999;
}
.spbtn_gray.hover,.spbtn_gray:hover{background:#ccc;}
.spbtn_silver{
	display:list-item;
	list-style:url(/img/item/arrow_b.gif) inside;
	color:#333;
	background:#CCC;
	background: -moz-linear-gradient(top,#fff 0%,#ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	border: 1px solid #999;
}
.spbtn_silver.hover,.spbtn_silver:hover{background:#ccc;}


dl.eventinfo dt{
	background:#CCC;
	padding-left:10px;
	list-style:url(/img/item/zen.gif) inside;
	overflow:hidden;
}
dl.eventinfo dd p:first-letter{
	color:#F60;
	margin:5px 5px 0 0;
	padding:3px;
	font-weight:bold;
	font-size:120%;
}
p.tit{background:#F66;padding:5px 10px;}
ul.eventinfo{border:3px solid #f66;}
ul.eventinfo li{background:#fff;}
ul.eventinfo li a{color:#F66;font-weight:bold;display:block;padding:5px 10px;}
ul.eventinfo a:hover,ul.eventinfo a.hover{background:#FCC;}
ul.eventinfo li.ku{padding:0;}
ul.eventinfo p{background:#f99;padding:5px 10px;}
ul.eventinfo p:hover{background:#C33;color:#fff;}
.come{font-size:85%;}

/* text-shadow */
.shadow-black{text-shadow:0px 0px 3px #333;}
.shadow-orange{color:#f60;text-shadow:0px 0px 3px #F60;}

/* hr */
hr.line1{
	height:12px;
	border:0;
	margin:5px;
	box-shadow:inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
hr.line2{
	margin:5px;
	border:none;
	border-bottom:medium double #CCC;
}
hr.line3{
	margin:5px;
	border:none;
	border-bottom:medium dotted #ccc;
}
hr.line4{
	height:0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
hr.line5{
	margin:5px;
	border:none;
	border-bottom:medium dotted #333;
}
.linebox{clear:both;padding:5px 0;}


/* 下線 */
.underline1,section.underline1{
	border-bottom:medium dpuble #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}
underline2{
	border-bottom:medium dpuble #ccc;
	margin-bottom:10px;
	border-bottom:medium dotted #ccc;
}
underline3{
	border-bottom:medium dpuble #ccc;
	margin-bottom:10px;
	border-bottom:medium dotted #ccc;
}


/* アコーディオン */
ul.accordion { background:#fff;width:100%;font-size:16px;}
ul.accordion > a { display:block;padding:10px;text-decoration:none; color:#333; font-weight:bold;}
ul.accordion > span { display:block; color:#333; font-weight:bold;}
ul.accordion > ul { display:none;}
ul.accordion > li { background: -moz-linear-gradient(top, #efefef, #ccc); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc));}
ul.accordion > li > p { background: -moz-linear-gradient(top, #efefef, #ccc); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc));cursor:pointer;}
ul.accordion > li > ul > li { background:#fff; border-bottom:1px solid #eee;}
ul.accordion > li > ul > li > p { background:#CCC;}
ul.accordion > li > ul > li > a { background:#fff;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

dl.accordion { width:100%; margin:0 auto 20px;}
dl.accordion > dt {
	background:#f7f7f7;
    background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
	display:list-item;
	list-style:url(/img/item/arrow_b.gif) inside;
    border:1px solid #CCC;
	text-indent:10px;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	margin-top:3px;
	overflow:hidden;
	padding:5px;
}
dl.accordion > dt.open {
	background:#dbdbdb;
    background:-moz-linear-gradient(top, #dbdbdb, #c1c1c1);
    background:-webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#c1c1c1));}
dl.accordion > dd { 
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;	
	border-bottom:1px solid #ccc;	
	background:#fff;
	padding:10px;
	line-height:1.5;
	display:none;
	overflow:hidden;
}
dl.accordion > dd > div.left,
dl.accordion > dd > div.right{width:48%;}
	
.images{overflow:hidden;width:100%;}
.images a{
	float:left;
	display:block;
	border:3px solid #fff;
	margin:2px;
}
.images a:hover{
	border:3px solid #69C;
}

/*イベント関係*/
dl.timetable,
dl.timetable dt,
dl.timetable dd {
 margin: 0;
 padding: 0;
}
dl.timetable {
 background-color: #e8e8e8;
 border: 1px solid #999;
 border-top: none;
 margin:0 auto;
}
dl.timetable dt{
 font-weight:bold;
 width: 6em;
 padding: 0.5em 0 0.5em 1em;
 border-top: 1px solid #999;
 float: left;
}
dl.timetable dd {
 background-color: #FFF;
 margin: 0 0 0 7em;
 padding: 0.5em 1em 0.5em 1em;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
}
a.prev{
	float:left;
	display:block;
	width:40%;
}
a.next{
	float:right;
	display:block;
	width:40%;
}

dl.tenpolist{
	width:90%;
	margin:10px auto;
	border:1px solid #999;
	background:#999;
}
dl.tenpolist .eventinfo dt,dl.tenpolist .eventinfo dd{padding:5px;}
dl.tenpolist dt{
	width:100px;
	float:left;
	border-top:1px solid #CCC;
}
dl.tenpolist dd{
	margin-left:100px;
}
dl.tenpolist .eventinfo{width:100%;margin:0;}
dl.tenpolist .eventinfo dt{
	float:none;
	border:none;
	width:auto;
}
dl.tenpolist .eventinfo dd{
	margin:0;
	background:#fff;
	overflow:hidden;
}
dl.tenpolist .eventinfo dd a{
	display:block;
	width:200px;
	float:left;
	color:#816e5c;
}
dl.tenpolist .eventinfo dd a:hover,
dl.tenpolist .eventinfo dd a.hover{
	background:#b5a895;
}
/* flipsnap */
.viewport{
	width: 380px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}
.flipsnap {
    width: 930px; /* 320px(item width) * 3(item count) */
}

table.songlist{
	border-spacing:0;
	margin:5px;
}
table.songlist a{display:block;}
table.songlist a:hover{background:#adcae6;}
table.songlist thead{background:#999;}
table.songlist th,
table.songlist td{
	padding:2px;
	text-align:center;
	background:#fff;
}
table.songlist th{
	background:#ccc;
	background:-moz-linear-gradient(top,#efefef,#999);
	background:-webkit-gradient(linear,top,bottom,from(#efefef),to(#999));
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.songlist th:first-child{border-radius:5px 0 0 0;}
table.songlist th:last-child{
	border-radius:0 5px 0 0;
	border-right:1px solid #ccc;
}
table.songlist tr td{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.songlist tr td:last-child{border-right:1px solid #ccc;}
/*
table.songlist tr{background:#fff;}
table.songlist tr:nth-child(2n+1){background:#efefef;}
*/
table.songlist tr{
	border-bottom:1px solid #ccc;
}
table.songlist tr.gr{background:#efefef;}
table.songlist tr.wh{background:#fff;}
table.songlist span.small{
	font-size:70%;
}
.item {
    float: left;
    width: 280px;
	margin:0 10px;
    text-align: center;
    background: #fff;
    border: 5px solid #fff;
    color: #666;
}
.menuarea{overflow:hidden;}
.menuarea a{
	float:left;
	margin:10px;
}

.map{
	border:10px solid #999;
}
.links img{
	margin:10px;
}

a.sublink{background:#CCC;}
a.sublink:hover{background:#999;}

a.blackback{color:#CCC;}

img.shadow{
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	display:block;
}
img.border{
	border:1px solid #CCC;
}

/*　イベント終了　*/
.ending{
	background:#C00;
	margin:10px 0;
	font-size:140%;
	font-weight:bold;
	padding:10px;
	color:#fff;
	text-align:center;
}

/*--------------------------------------------------
	ul　テーブル風
--------------------------------------------------*/

ul.table{
	overflow:hidden;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin:5px;
}
ul.table li{
	float:left;
}
ul.row4 li{
	width:35%;
	border-top:1px solid #999;
	text-indent:10px;
}
ul.row4 li.first{
	background:#CCC;
}
/*ul.row4 li:nth-last-child(-n+4){
	border-bottom:1px solid #999;
}*/
/*ul.row4 li:nth-child(4n+1),*/
ul.row4 li.front{
	clear:left;
	width:15%;
}
/*ul.row4 li:nth-child(4n)*/

ul.row4 li.last{
	width:15%;
}
ul.row3 li{
	width:55%;
	border-top:1px solid #999;
}
ul.row3 li.first{
	background:#CCC;
}
ul.row3 li:nth-child(3n+1){
	clear:left;
	width:15%;
}
ul.row3 li:nth-child(3n){
	width:15%;
}

/*--------------------------------------------------
	marker
--------------------------------------------------*/
.marker{
	padding:0 10px;
	margin:0 5px;
	background:#ededed;
}
.marker_p{
	padding:0 10px;
	margin:0 5px;
	background:#F6C;
}
.marker_y{
	padding:0 10px;
	margin:0 5px;
	background:#FF0;
}
.marker_r{
	padding:0 10px;
	margin:0 5px;
	background:#F9C;
}




/*--------------------------------------------------
	
--------------------------------------------------*/
.p_relative{
	position:relative;
}
.p_absolute{
	position:absolute;
	top:0;
	right:0;
}
a.information{
	background:#efefef;
	padding:5px 10px;
	margin:5px;
	color:#333;
	display:block;
}
a.information:hover{
	background:#CCC;
}

/*--------------------------------------------------
	h1～h4
	h1:ページタイトルに使用／h2:サブタイトルに使用
--------------------------------------------------*/

h3.ribbon{
	height:50px;
	display:inline-block;
	min-width:200px;
	color:#fff;
	font-size:140%;
	line-height:50px;
	text-shadow:-1px -1px 0px rgba(0,0,0,0.2);
	margin:-20px 0 -20px 10px;;
}
h3.ribbon:before{
	content:"";
	height:50px;
	width:10px;
	float:left;
	margin-left:-10px;
}
h3.ribbon:after{
	content:"";
	height:50px;
	width:40px;
	float:right;
	clear:right;
	margin-left:-30px;
}
h3.ribbon span{
	display:inline-block;
	margin:3px 0 0 5px;
}
.ribbon_wrap{padding-top:20px;}


h3.ribbon.pink{
	background:url(/img/item/ribbon_pink_in.png) top left repeat-x;
}
h3.ribbon.pink:before{
	background:url(/img/item/ribbon_pink_before.png) top left no-repeat;
}
h3.ribbon.pink:after{
	background:url(/img/item/ribbon_pink_after.png) top right no-repeat;
}
/*--------------------------------------------------
	blocklink　aタグブロック
--------------------------------------------------*/
a.linkarea{
	display:block;
	border:3px solid #CCC;
	padding:5px;
	margin:10px auto;
	background:#efefef;
	text-decoration:none;
	overflow:hidden;
	color:#069;
	text-align:left;
}
a.linkarea:hover{background:#CCC;}
a.linkarea img{
	float:left;
	width:468px;
	height:60px;
}
a.linkarea p{
	float:right;
	width:450px;
}
a.linkarea p b{
	display:block;
	background:#999;
	color:#fff;
	text-align:center;
}

/*--------------------------------------------------
	bnr　リンクバナー郡　個々のaタグをclass="size～"指定
--------------------------------------------------*/
.bnr{padding:10px 0;overflow:hidden;}
.bnr a{display:block;float:left;}
.bnr a img{border:1px solid #efefef;}
.bnr a:hover{opacity:0.5;filter:alpha(opacity=0.5);-moz-opacity:0.5;}

/*--------------------------------------------------
	point　ページのポイント紹介ボックス
--------------------------------------------------*/
.point dl{
	display:block;
	float:left;
	width:264px;
	border:1px solid #CCC;
	padding:15px;
	margin:10px;
	background:#efefef;
}
.point dl dt{
	display:block;
	margin:0 auto;
	text-align:center;
}
.point dl dd{padding-top:10px;}
.point dl dd b{display:block;}


/*--------------------------------------------------
	recommend　「おすすめコンテンツはこれ！」
--------------------------------------------------*/

.recommend{
	overflow:hidden;
	padding:20px;
	border:1px solid #efefef;
}
.recommend a{
	display:block;
	float:left;
	margin:10px;
	padding:10px;
	background:#efefef;
	background: -moz-linear-gradient(top,#f9f9f9 0%,#e0e0e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e0e0e0));
	border:1px solid #d3d3d3;
	color:#333;
}
.recommend a:hover,.recommend a.hover{
	background:#fff;
}
.recommend img{
	display:block;
	margin:0 auto;
}
/*--------------------------------------------------
	recommend　「おすすめコンテンツはこれ！【2】」
--------------------------------------------------*/
#recommend{
	background:#ededed;
	overflow:hidden;
}
#recommend a{
	display:block;
	overflow:hidden;
	float:left;
	width:30%;
	margin:10px;
	padding:10px;
	border:1px solid #CCC;
	background:#fff;
	color:#333;
}
#recommend a:hover,#recommend a.hover{
	background:#ccc;
}
#recommend a img{
	width:100%;
}
#recommend p{
	position: relative;
	display: block;
	background:#fff;
	padding: 10px 25px 10px 10px;
}
#recommend p:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*#recommend a p{
	border-left:8px solid #999;
	padding:10px;
}*/

/*--------------------------------------------------
	recommend　「おすすめコンテンツはこれ！【3】」
--------------------------------------------------*/
ul.recommend2{
	background:#fff;
	overflow:hidden;
	text-align:center;
}
ul.recommend2 li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width:25%;
}
ul.recommend2 li a{
	display:block;
	overflow:hidden;
	margin:10px;
	padding:10px;
	border:1px solid #CCC;
	background:#fff;
	color:#333;
}
ul.recommend2 li a:hover,ul.recommend2 li a.hover{
	background:#ccc;
}
ul.recommend2 li p{
	position: relative;
	display: block;
	background:#fff;
	padding: 10px 25px 10px 10px;
	text-align:left;
}
ul.recommend2 li p:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--------------------------------------------------
	movielist
--------------------------------------------------*/
.movielist{
	overflow:hidden;
}
.movielist a{
	float:left;
	display:block;
	margin:10px;
	border:3px solid #ccc;
	width:200px;
}
.movielist img{width:100%;}
.movielist a:hover,.movielist a.hover{
	border:3px solid #666;
}

/*--------------------------------------------------
	ナビ自動生成＆分割できた！　
--------------------------------------------------*/
ul.nav{
	overflow:hidden;
	margin:10px auto;
}
ul.nav li{
	display:block;
	float:left;
	padding:5px 10px;
	background:#CCC;
	background: -moz-linear-gradient(top,#efefef 0%,#CCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#CCC));
	border:1px solid #999;
	border-radius:5px;
}
/*--------------------------------------------------
	font - size
--------------------------------------------------*/
.p80{font-size:80%;}
.p90{font-size:90%;}

.p110{font-size:110%;}
.p120{font-size:120%;}
.p130{font-size:130%;}
.p140{font-size:140%;}
.p150{font-size:150%;}
.p160{font-size:160%;}
.p170{font-size:170%;}
.p180{font-size:180%;}
.p190{font-size:190%;}
.p200{font-size:200%;}
.p300{font-size:300%;}

/*--------------------------------------------------
	color
--------------------------------------------------*/
.white,a.white{color:#fff;}
.black,a.black{color:#000;}
.color_333,.color_333 a{color:#333;}
.color_fff,.color_fff a{color:#fff;}


/*--------------------------------------------------
	padding
--------------------------------------------------*/
.padding20{padding:20px;}
.padding30{padding:30px;}

/*--------------------------------------------------
	margin
--------------------------------------------------*/
.margin10{margin:10px;}
.margin20{margin:20px;}
.margin30{margin:30px;}
.margin20_h{margin:20px auto;}
.margin30_h{margin:20px auto;}
.margin_top20{margin-top:20px;}
.margin_bottom20{margin-bottom:20px;}

.localbanner{width:200px;height:40px;border:1px solid #999;}

/*--------------------------------------------------
	responsiv - float
--------------------------------------------------*/
.left{
	float:left;
	overflow:hidden;
}
.right{
	float:right;
	overflow:hidden;
}
.size220{width:220px;}
.size270{width:270px;}
.size300{width:300px;}
.size360{width:360px;}
.size400{width:400px;}
.size480{width:480px;}
.size560{width:560px;}
.size600{width:600px;}
.size650{width:650px;}
.size740{width:740px;}
.size640{width:640px;}
.size320{width:320px;}
.half{width:50%;}

.centering{margin:10px auto;clear:both;}
.block{display:block;}

/*--------------------------------------------------
	jcaption style
--------------------------------------------------*/
.caption_on div.caption { margin:0 10px 10px 0; padding:5px; border:1px solid #ccc; background:#fff; float:left; }
.caption_on div.right { margin-right:0; }
.caption_on div.caption img { margin:0; padding:0; width:240px; height:180px; }
.caption_on div.caption p { margin:5px 0 0 0; padding:5px; border-top:1px #ddd dotted; font-size:.9em; }

.caption_over div.caption { margin:0 10px 10px 2px; padding:0; position:relative; float:left; }
.caption_over div.caption p { position:absolute; margin:0; padding:2px; font-size:.9em; bottom:0; left:0; background:black; color:white; opacity:.7; }
.caption_over div.caption img { margin:0; padding:0; }