/* IMPORTS ------------------------------------------------------------*/

@import url('reset.css');

@import url('styled-elements.css');

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

	ハック

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

.clear{clear:both;height:1px;}

.clear_line{

	background:url(../img_mit/tabs-divider.png) no-repeat center 0 ;

	clear:both;

	height: 46px;

	margin-bottom: 64px;

	}

.inv{ display:none; }

.alignleft{float: left;margin: 5px 10px 5px 0px;}

.alignright{float: right;margin: 5px 0 5px 10px;}

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

	一般

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

body {

	line-height: 1;

	color: #51565b;

	background:url(../images_mit_mit/bg-typ3-top.png) no-repeat center 170px ,url(../images_mit_mit/bg-typ3-bottom.png) no-repeat center bottom,#FDA9A9 url(../images_mit_mit/maine-bg-typ1.png) repeat-y center 100%;

	background-color:#FDA9A9;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 100%;

	_font-size: 75%;

	*font-size: 75%\9;

}

body.maine-bg01{background: url(../images_mit_mit/maine-bg01.jpg) repeat center left;}

body.maine-bg02{background: url(../images_mit/bg-board04.png) repeat-y center,url(../images_mit/maine-bg02a.jpg) no-repeat -80px 80px,url(../images_mit/maine-bg02b.jpg) no-repeat 100% 80%;}

body.maine-bg03{background: url(../images_mit/bg-board01.png) no-repeat 50% 20%;}

body.maine-bg04{background: url(../images_mit/ue.png) no-repeat left 100px,url(../images_mit/maine-bg01.jpg) repeat center left;}

body.maine-bg05{background: url(../images_mit/bg-board02.png) repeat-y center,url(../images_mit/maine-bg01.jpg) repeat center left;}

body.maine-bg06{background: url(../images_mit/bg-board03.jpg) repeat-y center;}

body.maine-bg02 #second_contents,

body.maine-bg03 #second_contents,

body.maine-bg04 #second_contents,

body.maine-bg05 #second_contents,

body.maine-bg06 #second_contents {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border: 1px solid #F9D8D8;}

body.maine-bg01 #second_contents {

	border:1px solid #D9D9D9;

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

	-moz-box-shadow: 0px 0px 3px #555555;

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

}

.wrapper{

	width: 980px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	position: relative;

}

#main {

	margin-top: 0px;

	-moz-margin-top: 35px;

	padding-top: 15px;

}

#header{

	height: 60px;

	position: relative;

	z-index: 10;

	background: #fff /*url(../img/header-glow.png) top center no-repeat*/;

	min-width: 980px;

}

#main{width: 100%;}

#content{

	/* [disabled]min-height: 400px; */

	/* [disabled]overflow: hidden; */

	margin-bottom: 20px;

	font-size: 14px;

	line-height: 1.5em;

}

#logo{position: absolute;top: 20px;left: 0px;}

#content a{

	color: #666;

	text-decoration:none;

}

#content a:hover{

	color: #e96da4;

	text-decoration:none;

}

#content p{

	margin-bottom: 20px;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#content .line-divider{

	clear: both;

	border-bottom: 1px solid #d7d7d7;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

a[href^="tel:"] {cursor: default; color: #51565b;}

a[href^="tel:"]:hover {text-decoration: none;}



/*緊急速報時*/

Marquee#lev01 {

	width:589px;

	float:right;

	background:url(../img/attention/attention-bg-lev01.png) no-repeat Right bottom;

	height:15px;

	padding:15px 0 ;

	margin:0 0 15px 0;

	}

*+html Marquee#lev01 {

	background:#ffffff;

	padding:0;

	height:40px;

	margin-top:5px;

	}

Marquee#lev01 a,Marquee#lev01 {color:#D93636;}

Marquee#lev01 a:hover {text-decoration: underline;}

/*お知らせ*/

Marquee#lev00 {

	width:589px;

	float:right;

	background:url(../img/attention/attention-bg-lev01.png) no-repeat Right bottom;

	height:15px;

	padding:15px 0 ;

	margin:0 0 15px 0;

	}

*+html Marquee#lev00 {

	background:#ffffff;

	padding:0;

	height:40px;

	margin-top:5px;

	}

Marquee#lev00 a { display: inline;padding-left: 15px; margin-right:40px; background: url(../img/lev00-bullet.png) no-repeat left center; }

Marquee#lev00 a,Marquee#lev00 {color:#e02a66;}

Marquee#lev00 a:hover {text-decoration: underline;}

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

	画像下の余白

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

#pr-box a img {

	margin: 0;

	padding: 0;

	vertical-align: bottom;

}



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

	第2階層 1カラム

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

#second_contents.onecolumn-contents {



	background-position:left top;

	background-repeat:no-repeat;

	/*

	background-image:url(../images_mit/logo-bg.png);

	border:1px solid #525252;

	box-shadow:none;

	-moz-box-shadow: none;*/}

#second_contents.onecolumn-contents #container {

	width:669px;

	margin-left:auto;

	margin-right:auto;

	float:none;

		/* Firefox用

		-webkit-box-shadow: 0px 0px 3px #D88D8D; */ /* Safari,Google Chrome用 */

	}

#second_contents.onecolumn-contents-movie #container {width:100% !important;}

	#second_contents.onecolumn-contents h3 {

	margin-top: 20px;

	margin-right: 10px;

	margin-left: 0px;

	margin-bottom: 20px;

	clear: both;

	display: block;

	height: auto;

	color: #0f0351;

	}

	#second_contents h3 div { font-weight:bold; margin-right:40px;}

	#second_contents.onecolumn-contents p {

		padding:5px 20px 10px 10px;

		font-size:88%;

		line-height:180%;}

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

	第2階層 1カラム コンテンツ

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

	#second_contents h3 {

	margin: 20px 0 20px;

	clear: both;

	display: block;

	height: auto;

	color: #5A533B;

	font-weight:bold;

	}

	#second_contents h4 {

		margin: 20px 20px 5px;

		clear: both;

		display: block;

		height: auto;

		color: #5A533B;

		font-weight:bold;

		}

	#second_contents p {

		line-height: 180%;

		}

	.stroke {

		color: #FFF;

		font-weight: bold;

		-webkit-text-stroke-color: darkblue;

		-webkit-text-stroke-width: 1px;

		}

	.shadow {

		color: #FFF;

		text-shadow:

			-1px -1px #0f0351,

			1px -1px #0f0351,

			-1px 1px #0f0351,

			1px 1px #0f0351;

		}

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

	ヘッドライン

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

#headline{

	position: relative;

	width: 906px;

	margin: 20px auto 50px auto;

}

#headline>span.main{

	display: block;

	margin-right: 170px;

	font-family: 'Ubuntu', arial, serif;

	font-size: 26px;

	line-height: 1.5em;

	text-shadow: 1px 1px rgba(255, 255, 255, 1);

}

#headline>span.sub{

	display: block;

	margin-right: 170px;

	font-size: 18px;

	line-height: 1.5em;

	text-shadow: 1px 1px rgba(255, 255, 255, 1);

}

#headline #link{

	display: 。k;

	position: absolute;

	top: 30px;

	right: 0px

}

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

	メニュー

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

#menu{

	width: 100%;

	min-width: 980px;

	padding-top: 1px;

	margin-bottom: 0px;

	background: #fff;

	/*background: -webkit-gradient(linear, left top, right bottom, from(#f858ef), to(#ffe413));

	background: -moz-linear-gradient(left,  #f858ef,  #ffe413);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f858ef', endColorstr='#ffe413', GradientType=1);*/

}

#menu-holder{

	width: 100%;

	height: 41px;

	background: url(../images_mit/menu-bg-maine.png) repeat-x;

}



#dorama-area a { display:table-cell;}



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

	ナビゲーション

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

#nav{

	display: block;

	/* [disabled]position: absolute; */

	top: 0px;

	left: 30px;

	height: 39px;

	/*width: 906px;*/

}

#nav>li{

	display: block;

    float: left;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    width: 14.18%;

}

#nav>li:first-child{}

#nav>li>a{

	display: block;

	font-size: 16px;

	color: #000;

	text-decoration: none;

	margin-top: 13px;

	text-shadow: 0px -1px  rgba(255,255,255,1.00);

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#nav>li>a>span.subheader{

	display: block;

	font-size: 11px;

	color: #656b74;

	font-style: italic;

	margin-top: 10px;

}

#nav>li.current-menu-item a{

	/*background: url(../img/menu-arrow.png) no-repeat center bottom;*/

	color:#e96da4 !important;

	font-weight:bold;

}

#nav>li:hover>a{color: #e96da4;}

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

	サブ ナビゲーション

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

#nav>li ul{

	display: block;

	margin-top: 1px;

	background: #1d2023;

	border-radius: 0px 0px 0px 10px;

	-moz-border-radius: 0px 0px 10px 10px;

	-webkit-border-radius: 0px 0px 10px 10px;

	-webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.4);

	-moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.4);

	box-shadow: 0px 3px 2px rgba(0,0,0,0.4);

	z-index: 100px;

}

#nav>li>ul ul{

	margin-top: 0px;

	border-radius: 0px 10px 10px 10px;

	-moz-border-radius: 0px 10px 10px 10px;

	-webkit-border-radius: 0px 10px 10px 10px;

}

#nav>li ul li a{

	display: block;

	padding: 10px 15px;

	display: block;

	font-size: 11px;

	color: #bac0c9;

	text-decoration: none;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#nav>li ul li a span{display: block;}

#nav>li ul li a:hover{background: #000;color: #fff;}

#nav>li ul li:last-child a:hover{ /* 最後のアイテムは角丸 */

	border-radius: 0px 0px 10px 10px;

	-moz-border-radius: 0px 0px 10px 10px;

	-webkit-border-radius: 0px 0px 10px 10px;

}

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

	パンくず

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

#header #breadcrumbs{

	position: absolute;

	bottom: 11px;

	left: 30px;

	font-style: italic;

	color: #999;

	font-size: 10px;

}

#header #breadcrumbs a{

	color: #bfbdbd;

	text-decoration: none;

	background: url(../img/breadcrumb-slash.png) no-repeat top right;

	padding-right: 14px;

}

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

	タイトル

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

#page-title{

	overflow: hidden;

	height: auto;

	margin-bottom: 30px;

	background: url(../img/tabs-divider.png) repeat-x bottom center;

	text-shadow: 1px 1px rgba(255, 255, 255, 1);

	padding: 10px 0;

}

#page-title .title{

	display: block;

	float: left;

	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

	font-size: 30px;

	line-height: 103px;

	margin-left: 30px;

	color: #e96da4;

}

#page-title .subtitle{

	display: block;

	float: left;

	margin-left: 30px;

	font-size: 14px;

	margin-top: 4px;

	line-height: 103px;

	color: #929191;

	font-style: italic;

}

.daytime{

	display: block;

	float: right;

	margin-left: 30px;

	font-size: 14px;

	margin-top: 4px;

	color: #929191;

	font-style: italic;

}

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

	ヘッダ

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

h1,h2,h3,h4,h5,h6{

	line-height: 1.5em;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight: lighter;

}

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

	コンテンツ使用

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

h1{ font-size: 24px; }

h2{ font-size: 22px; font-weight:400;}

	h2{ background: url(../images_mit/h2-b.jpg) no-repeat bottom left ; line-height:40px; padding:10px; color:#7b6957; margin-bottom:15px;}

	.pagetitle{ background: url(../images_mit/h2-b.jpg) no-repeat bottom left ; line-height:40px; padding:10px; color:#7b6957; margin-bottom:15px;}

h3{ font-size: 18px; color:#e96da4; font-weight:bold;}

	h3#event{border-bottom:#e96da4 3px solid; margin:10px 0 10px 0; padding-bottom:5px;}

	h3.eventtitle {height:20px;}

h4{ font-size: 20px; }

h5{ font-size: 18px; }

/*--サイドバー 使用--*/

h6{

	font-size: 14px;

	color:#e96da4;

	font-weight:bold;

}

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

	各カラム レイアウト

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

.full-column { float:left;display: table; width: 100%;margin-bottom: 20px;}

.one-column{width: 438px;float: left;margin-left: 30px;}

.one-half,

.one-third,

.two-third,

.three-fourth,

.one-fourth {

	float:left;

	margin-left:30px;

	margin-bottom: 20px;

	position:relative;

}

.videos350{

	width: 350px;

	height: 220px;

	display: table;

	margin: 0 auto;

	vertical-align: middle;

}

.column-half{ width: 49.0%;}

.column-half46{ width: 46.0%;}

.column-third{ width: 30.7597%; }

.one-half{ width: 438px; }

.one-third{ width: 282px; }

.one-fourth{ width: 204px; }

.two-third{ width: 594px; }

.three-fourth{ width: 672px; }

.last {clear:right;margin-right:0 !important;}



.one-five li {width:148px; min-height:180px;}

.one-five li {

	float:left;

	margin-left:10px;

	margin-bottom: 20px;

	position:relative;

}

.column-256{ width: 256px;}

.column-350{ width: 350px;}

.column-544{ width: 544px;}

/*回り込み*/

.left { float:left;}

.right { float:right;}

/*その他*/

.cleared { clear:both;}

/*余白*/

.mrg-0R { margin-right:0px;}

.mrg-10L { margin-left:10px;}

.mrg-10R { margin-right:10px;}

.mrg-10B { margin-bottom:10px;}

.mrg-10T { margin-top:10px;}

.mrg-15L { margin-left:15px;}

.mrg-15R { margin-right:15px;}

.mrg-15B { margin-bottom:15px;}

.mrg-15T { margin-top:15px;}

.pdg-5L { padding-left:5px;}

.pdg-5R { padding-right:5px;}

.pdg-5B { padding-bottom:5px;}

.pdg-5T { padding-top:5px;}

.pdg-10L { padding-left:10px;}

.pdg-10R { padding-right:10px;}

.pdg-10B { padding-bottom:10px;}

.pdg-10T { padding-top:10px;}

.pdg-15L { padding-left:15px;}

.pdg-15R { padding-right:15px;}

.pdg-15B { padding-bottom:15px;}

.pdg-15T { padding-top:15px;}



/*フォントサイズ*/

.font10 {

	font-size:10px;

	_font-size: 75%;

	*font-size: 75%\9;

	}

.font12 {

	font-size:12px;

	_font-size: 88%;

	*font-size: 88%\9;

	}

.font14	 { font-size: 14px;}

.font16 { font-size:16px;}

.font18 { font-size:18px;}

.font20 { font-size:20px;}

.font25 { font-size:25px;}



.pink-arrow { background:url(../images_mit/arrow.png) no-repeat 53% center;}

.pink-arrow-l { background:url(../images_mit/arrow.png) no-repeat left center; padding-left:13px;}

.pink-arrow-fb { background:url(../images_mit/arrow.png) no-repeat 37% center;}

.pink-arrow-top-column-half { background:url(../images_mit/arrow.png) no-repeat 70% center;}



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

		 	検 索

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

.help {

	margin:7px 0 0;

	color: #646464;

	}

.help a { text-decoration:none; color:#646464; font-size: 10px;}

.help a:hover { text-decoration: underline;}

.top-search{

	text-align: right;

	position: absolute;

	top: 18px;

	right: 10px;

	width: 520px;

}

.top-search span{ margin:0 0 10px 0;}


.top-search > div {
	display: inline-block;
	width: 50%;
}

#searchform #s{

	color: #7e7e7e;

	font-size: 10px;

	width: 180px;

	height: 28px;

	padding: 0px 35px 0px 10px;

	border: 0;

	background: url(../images_mit/search.png) no-repeat transparent;

	box-sizing: inherit;
}

#searchform #searchsubmit{

	position: absolute;

	top: 1px;

	right: 10px;

	width: 30px;

	height: 25px;

	border: 0px;

	text-indent:-9999px;

	background: transparent;

}

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

	フィルター

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

#content .filter{

	display: block;

	overflow: hidden;

	margin-bottom: 30px;

	padding-left: 30px;

	padding-right: 30px;

}

#content .filter li{

	display: block;

	float: left;

	font-size: 12px;

	line-height: 14px;

	margin-right: 5px;

	margin-bottom: 10px;

	padding: 3px 10px;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	background: #d1d1d1;

	background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#f1f1f1));

	background: -moz-linear-gradient(top,  #d1d1d1,  #f1f1f1);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#f1f1f1', GradientType=0);

	border-top: 1px solid #bcbcbc;

}

#content .filter li a{

	display: block;

	color: #606060;

	text-decoration: none;

	width: 100%;

	height: 100%;

}

#content .filter li:first-child:hover{background: none;}



#content .filter li.active,

#content .filter li:hover{

	background: #000;

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	box-shadow: 0px 1px 2px rgba(0,0,0,.5);

}



#content .filter li:hover a,

#content .filter li.active a{	color: #f1f1f1;}



#content .filter li:first-child,

#content .filter li:first-child:hover{

	background: none;

	border: none;

	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.0);

	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,.0);

	box-shadow: 0px 0px 0px rgba(0,0,0,.0);

}

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

	ツイッター

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

#twitter{

	position: relative;

	background: #f2f1f1;

	height: 80px;

	width: 100%;

	background: #f2f1f1 url(../img/twitter-border.png) repeat-x;

}



#twitter #bird{

	position: absolute;

	top: 2px;

	left: 70px;

}

#twitter #prev-tweet{

	display: block;

	position: absolute;

	top: 21px;

	left: 30px;

	width: 30px;

	height: 35px;

	background: transparent url(../img/prev-arrow.png) no-repeat top left;

}



#twitter #next-tweet{

	display: block;

	position: absolute;

	top: 21px;

	right: 30px;

	width: 30px;

	height: 35px;

	background: transparent url(../img/next-arrow.png) no-repeat top right;

}

#twitter #tweets .tweet_list{

	display: block;

	position: absolute;

	top: 1px;

	left: 200px;

	width: 700px;

	height: 75px;

}

#twitter #tweets .tweet_list li{

	display: block;

	width: 700px;

	height: 80px; /* original height 170px */

	font-size: 16px;

	line-height: 1.5em;

	font-style: italic;

	color: #838383;

	padding-top: 25px;

}



#twitter #tweets .tweet_list li .tweet_time a{text-decoration: none;color: #cccccc;}

#twitter #tweets .tweet_list li a{text-decoration: none;color: #37b2d1;}

#twitter #tweets p.loading{

	margin-left: 200px;

	color: #cccccc;

	padding-top: 16px;

	font-style: italic;

}

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

	ページ

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

#page-content{

	float: left;

	width: 906px;

	margin-left: 30px;

	line-height: 1.5em;

}

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

	ポートフォリオ

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

#projects-list{

	overflow: hidden;

	margin-bottom:47px;

}

#projects-list .project{

	position: relative;

	float: left;

	width: 438px;

	margin-left: 30px;

	margin-bottom: 30px;

	padding-bottom: 30px;

	/*background: url(../img/portfolio-divider.png) no-repeat bottom center;*/

}

#projects-list .project h1 a{

	display: block;

	text-decoration: none;

	margin-bottom: 20px;

	color: #51565b;

}

.project-shadow{

	background: url(../img/shadow-project.png) no-repeat 0px 267px;

}

#projects-list .project .project-thumbnail{

	position: relative;

	overflow: hidden;

	width: 438px;

	height: 267px;

	margin-bottom: 20px;

	background: #f1f1f1;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border:1px solid #eeeeee;

}

#projects-list .project .project-thumbnail .cover{

	position: absolute;

	top:0px;

	left: 0px;

}

#projects-list .project .project-thumbnail .meta{

	display: block;

	width: 372px;

	height: 207px;

	font-size: 12px;

	line-height: 2em;

	position: absolute;

	top:30px;

	left: 30px;

}

#projects-list .project .read-more{

	display: block;

	position: absolute;

	bottom: -17px;

	left: 160px;

}



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

	プロジェクト

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

.project-column{

	width: 438px;

	float: left;

	margin-left: 30px;

}

.project-column .project-thumbnail{

	overflow: hidden;

	width: 438px;

	height: 267px;

	margin-bottom: 30px;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

#content .project-column .meta a{

	display: inline;

	font-size: 12px;

	color: #fff;

	padding: 3px 10px;

	text-decoration: none;

	background: #363636;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

#content .project-column .meta a:hover{ background: #000;}

.project-column .project-title{margin-bottom: 20px;}

.project-column .portfolio-left-shadow{

	height: 26px;

	margin-bottom: 20px;

	background: url(../img/portfolio-left-shadow.png) no-repeat center bottom;

}

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

	ギャラリー

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

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

	.project-gallery

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

.project-column .project-gallery{

	display: block;

	overflow: hidden;

	width: 468px;

}

.project-column .project-gallery li{

	display: block;

	float: left;

	overflow: hidden;

	background: url(../img/plus-sign.png) center center no-repeat;

	width: 204;

	height: 148px;

	margin-right: 30px;

	margin-top: 30px;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}



#content .filter li.selected{background: #000;}

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

	.related-projects

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

.related-title{margin-left: 30px;}

.related-projects{display: block;overflow: hidden;}

.related-projects li{

	display: block;

	float: left;

	overflow: hidden;

	width: 204px;

	height: 280px;

	margin-left: 30px;

	margin-top: 30px;

}

.related-projects li strong{display: block;}

.related-projects li a.box{

	display: block;

	overflow: hidden;

	width: 204px;

	height: 148px;

	margin-bottom: 30px;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

.related-projects li a.box img{opacity: 0.7;}

.related-projects li:hover a.box img{opacity: 1;}

#content .related-projects li a{

	text-decoration: none;

	color: #999;

}

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

	.gallery

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

#content .gallery{display: block;overflow: hidden;}

#content .gallery li{

	display: block;

	float: left;

	overflow: hidden;

	background: url(../img/plus-sign.png) center center no-repeat;

	width: 204px;

	height: 148px;

	margin-left: 30px;

	margin-bottom: 30px;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

#content .gallery.three-cols li{width: 282px;height: 267px;}

#content .gallery.two-cols li{width: 438px;height: 267px;}

#content .gallery li a{display: block;}

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

	パンくず

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

#pan {

	font-size:13px;

	margin:5px 0 15px;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}

#pan a {color:#666;text-decoration:none;}

#pan a:hover {color:#fff;text-decoration: underline;}

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

	ブロック

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

#content #container,

#second_contents #container {float: left;width: 669px;}



#content #contents-foot {width: 957px; margin-top:-20px !important;}

#content #container .slidebloc{

	/* [disabled]position: relative; */

	margin-left: 0px;

	margin-bottom: 10px;

	padding: 0px;

	/*background: #fff;

	border: 1px solid rgba(227,227,227,1.00);*/

	border: 1px solid #E2AAAA;

	border-radius:10px 10px 10px 10px;

	}

#content #container .bloc,#page-content.bloc,#contents-foot{

	/* [disabled]position: relative; */

	margin-left: 0px;

	margin-bottom: 10px;

	padding: 10px;

	background: #ffffff;

	border: 1px solid #E2AAAA;

}

#content #container .slidebloc,#content #container .bloc,#content #page-content.bloc,#content #sidebar ul.listbloc>li,#contents-foot {

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

	-moz-box-shadow: 0px 0px 3px #D88D8D;/* Firefox用 */

	-webkit-box-shadow: 0px 0px 3px #D88D8D;/* Safari,Google Chrome用 */

	}

#comments-block{

	position: relative;

	margin-left: 30px;

	margin-top: 40px;

	margin-bottom: 30px;

	padding-top: 80px;

}

#container.single .bloc{border-bottom: none;}

#container .bloc:last-child{border-bottom: none;}

#bloc h1 a{

	display: block;

	margin-bottom: 20px;

	width: 514px;

	text-decoration: none;

	color: #51565b;

}

#container .bloc .post-thumbnail{

	/* [disabled]position: relative; */

	overflow: hidden;

	width: 100%;

	height: 193px;

	margin-bottom: 20px;

	background: #f1f1f1;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

#container .bloc .post-thumbnail .cover{

	position: absolute;

	top: 159px;

	left: 35px;

	width: 104px;

}

#container .bloc .the-excerpt{

	padding-bottom: 40px;

	/*background: url(../img/post-divider.png) center bottom no-repeat;*/

	font-size:0.9em;

	line-height:130%;

}

#container .bloc .post-thumbnail .meta{

	display: block;

	width: 252px;

	height: 207px;

	font-size: 12px;

	line-height: 2em;

	position: absolute;

	top:30px;

	left: 30px;

}

#container.single .bloc .meta{

	display: block;

	background: #f1f1f1;

	padding: 20px;

	border-color: #e7e6e6 #ececec #ececec #ececec;

	border-width: 3px 1px 1px 1px;

	border-style: solid;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

#container .bloc .read-more{

	display: block;

	position: absolute;

	bottom: -18px;

	left: 260px;

}

#container .bloc .meta a{text-decoration: none;}

#container .bloc .meta-tags{overflow: hidden;}

#container .bloc .meta-tags a{

	float: left;

	font-size: 12px;

	line-height: 14px;

	color: #f1f1f1;

	background: #696969;

	padding: 3px 10px;

	margin-right: 5px;

	margin-bottom: 5px;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

#container .bloc .meta-tags a:hover{background: #000;}



/*TOPイベント情報

*****************************************************/

.event-area{}

.thumbnail-box {margin-right:24px;}

/*.thumbnail-box {margin-right:25px;}*/

.thumbnail-box:last-child {margin-right:0px;}

.thumbnail-box .thumbnail img{max-width: 100%;}



/*「詳しくはこちら」のリンク*/

.more {

	font-size: 12px;

	text-align: right;

	margin-bottom: 0!important;

	display: block;

	background: url(../images_mit/arrow.png) no-repeat 53% center;

}



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

	第二階層以下

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

#second_contents {

	/* [disabled]position: relative; */

	margin-left: 0px;

	margin-bottom: 20px;

	padding-top: 10px;

	padding-right: 10px;

	padding-left: 10px;

	padding-bottom: 10px;

	background: #ffffff ;

	border: 1px solid #E2AAAA;

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

	-moz-box-shadow: 0px 0px 3px #D88D8D;/* Firefox用 */

	-webkit-box-shadow: 0px 0px 3px #D88D8D;/* Safari,Google Chrome用 */

}

#second_contents .post-bloc {margin-bottom: 10px;}

#second_contents #container {

	margin-top:0;

	margin-bottom:25px;

	font-family: font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}

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

	フォーム

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

#sc-contact-form,

#contactForm,

#commentform,

#contactForm{margin-bottom: 18px;}



#sc-contact-form input,

#sc-contact-form textarea,

.admin-form input,

.admin-form textarea,

#contactForm input,

#contactForm textarea,

#commentform input,

#commentform textarea{

	padding: 10px 15px;

	background: #fff;

	border: 1px solid #cccccc;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

#sc-contact-form input,

.admin-form input,

#contactForm input,

#commentform input{width: 282px;}



#sc-contact-form textarea,

.admin-form textarea,

#contactForm textarea,

#commentform textarea{width: 380px;}



#sc-contact-form #submit,

.admin-form #submit,

#contactForm #submit,

#commentform input#submit{

	width: 76px;

	margin: 21px 0px;

	padding: 5px 0px;

	color: #f1f1f1;

	background: #515558;

	background: -webkit-gradient(linear, left top, left bottom, from(#515558), to(#131313));

	background: -moz-linear-gradient(top,  #515558,  #131313);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#131313', GradientType=0);

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	border: 1px solid transparent;

}



#sc-contact-form #submit:hover,

.admin-form #submit:hover,

#contactForm #submit:hover,

#commentform input#submit:hover{

	background: #515558;

	background: -webkit-gradient(linear, left top, left bottom, from(#131313), to(#515558));

	background: -moz-linear-gradient(top,  #131313,  #515558);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#515558', GradientType=0);

}



#sc-contact-form input,

#sc-contact-form textarea,

.admin-form input,

.admin-form textarea,

#contactForm input,

#contactForm textarea,

#commentform input,

#commentform textarea{color: #606060;font-size: 14px;}



#sc-contact-form label,

.admin-form label,

#contactForm label,

#commentform label{

	display: block;

	font-size: 14px;

	line-height: 2.5em;

	font-weight: light;

}



/*▽ テーブル（表）はDLで作成しているので使用時は要素にIDを付与*/

.contents_detail a:link {color: #EA6167;}/*クリック前*/

.contents_detail a:visited {color: #6736C6;}/*クリック後*/

.contents_detail a:hover {}/*マウスオーバー時*/

.contents_detail a:active {}/*クリック時*/

#second_contents .contents_detail h3 { font-size: 1.5em; margin: 0; line-height: 1.; padding:10px ; text-align: center; color: #ffffff; background:#FF959A}

#second_contents .contents_detail h4 { font-size: 1.2em; margin: 0 0 1em; line-height: 1.; padding:10px ; text-align: center; color: #222222; background:#CBCBCB;border: 1px solid #B2B2B2;}



table.contents_detail_table{ font-size: 13px;}



#second_contents .btn-default {

    background-color: #eeeeee ;

    border:1px solid #cccccc;

    color: #333333 ;

    border-radius: 5px;

    margin: 15px 0 0 ;

    line-height: 1;

  	padding: 14px;

}

#second_contents .btn-default:hover {

    background-color: rgba(208,208,208,1.00) ;

    border:1px solid #eeeeee;

    color: #333333 ;

    border-radius: 5px;

    margin: 15px 0 0 ;

    line-height: 1;

	cursor: pointer;

  	padding: 14px;

}

.contents_detail button, .contents_detail input, .contents_detail select, .contents_detail textarea {

    font-family: inherit;

    margin: 0 0 5px 0;

}

.contents_detail button, .contents_detail input {

    line-height: normal;

}

.contents_detail button, .contents_detail select {

    text-transform: none;

}

.contents_detail button, html .contents_detail  input[type="button"], .contents_detail input[type="reset"], .contents_detail input[type="submit"] {

    cursor: pointer;

}

 .contents_detail button[disabled], html .contents_detail input[disabled] {

    cursor: default;

}

 .contents_detail input[type="checkbox"],  .contents_detail input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}

 .contents_detail input[type="search"] {

    box-sizing: content-box;

}

 .contents_detail button::-moz-focus-inner, input::-moz-focus-inner {

    border: 0 none;

    padding: 0;

}

 .contents_detail textarea {

    overflow: auto;

    vertical-align: top;

}

.contents_detail dl{

    text-align:left;

    border: 1px solid #F9B5B8;

    border-top: none;

    background: #ffe2e3;

    margin:0 ;

}

.contents_detail dl dt:first-child {}

.contents_detail dl dt,

.contents_detail dl dd{ padding:11px 5px 2px; height: auto;  min-height: 42px;}

.contents_detail dl dt{

    background: none;

    border-top: 1px solid #F9B5B8;

    text-align:center;

    clear: left;

    float: left;

    width: 11em;

    line-height:1.5;font-weight:bold;

}

.contents_detail dl dd strong{

    color:#F00;

    font-weight:bold;

}

.contents_detail dl dd{

    background:#FFF;

    margin-left: 11.6em;

    border-top: 1px solid #F9B5B8;

    border-left: 1px solid #F9B5B8;

    line-height:1.5;

}

.contents_detail dl dt dd{padding:5px;}



.contents_detail.h21 dl dt, .contents_detail.h21 dl dd{ min-height:21px;}

.contents_detail.h21 dl.column dt {width: 25rem;}

.contents_detail.h21 dl.column dd {margin-left: 25.6rem;}

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

	PAGER

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

.pager{

	padding-top: 0px;

	overflow: hidden;

	display: block;

	height: 30px;

	margin-top: 20px;

	margin-left: 30px;

	margin-bottom: 20px;

	font-size: 10px;

}

.pager li{

	display: block;

	width: 26px;

	height: 26px;

	margin-right: 8px;

	float: left;

}

#content .pager li a{

	display: block;

	width: 100%;

	height: 100%;

	line-height: 26px;

	text-align: center;

	text-decoration: none;

	color: #606060;

	border-radius: 33px;

	-moz-border-radius: 33px;

	-webkit-border-radius: 33px;

	background: #d1d1d1;

	background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#f1f1f1));

	background: -moz-linear-gradient(top,  #d1d1d1,  #f1f1f1);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#f1f1f1', GradientType=0);

	border-top: 1px solid #bcbcbc;

}

#content .pager li:hover a,

#content .pager li.active a{

	color: #fff;

	background: #515558;

	background: -webkit-gradient(linear, left top, left bottom, from(#515558), to(#131313));

	background: -moz-linear-gradient(top,  #515558,  #131313);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#131313', GradientType=0);

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	box-shadow: 0px 1px 2px rgba(0,0,0,.5);

	border-top: none;

}

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

	サイドバー

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

/*サイドバー*/

ul.listbloc{ list-style:none; margin:0; padding:0;}

.listbloc>li {padding-top:0 !important;}

#second_contents #sidebar ul.listbloc>li {

	padding: 10px;

	*padding: 0 10px 10px 10px;

	/*	border: 1px solid #E2AAAA;*/

	}

#second_contents #sidebar ul li{margin-bottom: 10px;}

#second_contents #sidebar ul li h6{padding-bottom: 20px;}

#second_contents #sidebar ul ul li{

	font-size: 14px;

	line-height: 150%;

	text-decoration: none;

	border-bottom: 1px solid #d7d7d7;

	padding-top: 3px;

	padding-left:15px;

	padding-bottom: 8px;

	}

#second_contents #sidebar ul ul li:last-child{ border-bottom: none; }

#second_contents #sidebar ul ul li a{

	display: block;

	height: 100%;

	width: 100%;

	text-decoration: none;

	color: #696969;

}

#second_contents #sidebar ul ul li:hover{color:#6B7F40;text-decoration:underline;}

#second_contents #sidebar {

	float: left;

	width: 278px;

	margin-left: 10px;

	margin-top: 0;

}

#second_contents #sidebar ul dl { padding:10px;}

#second_contents #sidebar ul dl dt{ margin-top:10px;}

#second_contents #sidebar ul dl dd{

	font-size: 12px;

	line-height: 150%;

	text-decoration: none;

	border-bottom: 1px solid #d7d7d7;

	padding-top: 3px;

	padding-bottom: 8px;



}

#second_contents #sidebar ul dl dd:last-child{ border-bottom: none; }

#second_contents #sidebar ul dl dd a{

	display: block;

	height: 100%;

	width: 100%;

	text-decoration: none;

	color: #696969;

}

#second_contents #sidebar ul dl dd:hover{color:#6B7F40;text-decoration:underline;}

#content #sidebar{float: left;width: 300px;margin-left: 10px;}

#content #sidebar ul.listbloc>li {

	padding: 10px;

	*padding: 0 10px 10px 10px;

	border: 1px solid #E2AAAA;

	}

#content #sidebar ul li{margin-bottom: 10px;background: #fff;}

#content #sidebar ul li#pr-box { padding-top:10px !important;}



#content #sidebar ul li h6{padding-bottom: 20px;}

#content #sidebar ul ul li{

	font-size: 14px;

	line-height: 40px;

	text-decoration: none;

	border-bottom: 1px solid #d7d7d7;

	padding-top: 3px;

	padding-bottom: 8px;

}

#content #sidebar ul ul li:last-child{ border-bottom: none; }

#content #sidebar ul ul li a{

	display: block;

	height: 100%;

	width: 100%;

	text-decoration: none;

	color: #696969;

}

.programtoday h3 span {

	display: block;

    font-size: 11px;

    float: right;

    padding: 0.2em 1em 0em;

    margin-top: -0.5em;

    font-weight: normal;

}

.programtoday h3 span a:hover {}

.programtoday iframe {

	*border: 1px solid #cccccc\9;

	_border: 1px solid #cccccc;

	}

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

	今日の番組

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

.programtoday iframe,.whatsnew iframe {

	height: 307px;		/*イレギュラー枠が無い場合*/

	max-width: 100%;

	}

.programtoday iframe body {background:#FFFFFF;}

#content #sidebar .programtoday {

	border-radius: 10px 10px 10px 10px;

	-moz-border-radius: 10px 10px 10px 10px;

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

	}

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

	イレギュラー枠

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

.programtoday .attention-program {

	background:#e96da4;

	padding:10px;

	color:#FFFFFF;

	border-radius: 10px 10px 10px 10px;

	-moz-border-radius: 10px 10px 10px 10px;

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

	}

.programtoday .attention-program a { text-decoration:underline;}

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

	お知らせ

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

iframe#whatsnew {height: 184px;}

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

	L字

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

.ifrm-container {

  width:100%;

  height:500px;

  overflow:auto;

  -webkit-overflow-scrolling:touch;

  display: inline-block;

	background-color: #FFF;

border-radius: 10px 10px 10px 10px;

    -moz-border-radius: 10px 10px 10px 10px;

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

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

	padding: 13px 0;

}



.ifrm {

  width:100%;

  height:100%;

  border:none;

  display:block;

}

iframe#l-test {height: 500px;}

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

	番組・ミニ番組 リスト

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

h3.sidebar-program {

	padding:5px 0;

	margin:5px 0;

	border-bottom:1px dotted #e96da4;

	}

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

	PR バナーボックス

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

#pr-box img {width: 100%;}

#pr-box a {

	display: block;

	width: 100%;

}

#pr-box a img{

	margin-bottom: 5px;

}



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

	LISTS

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

.lists-check ul,

.lists-arrow ul,

.lists-plus ul,

.lists-star ul,

.lists-heart ul{margin-bottom: 30px;margin-left: 20px;}

.lists-check ul li{list-style-image: url(../img/bullets/check.png);line-height: 1.5em;}

.lists-arrow ul{ list-style-image: url(../img/bullets/arrow.png); line-height: 1.5em;}

.lists-plus ul{ list-style-image: url(../img/bullets/plus.png); line-height: 1.5em;}

.lists-star ul{ list-style-image: url(../img/bullets/star.png); line-height: 1.5em;}

.lists-heart ul{ list-style-image: url(../img/bullets/heart.png); line-height: 1.5em;}



ol#number-list li {line-height:180%;font-size:14px;}



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

	FOOTER - COLS

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

#footer{

	position: relative;

	background: #F5EBDB /*url(../img/footer-glow.png) no-repeat top center*/;

	color:#5B4638;

	min-width: 980px;

}

#footer-cols{

	display: block;

	overflow: hidden;

	color: #bbbaba;

	line-height: 1.5em;

}



#footer-cols li.col{

	display: block;

	font-size: 10px;

	width: 215px;

	float: left;

	margin-left: 30px;

	margin-bottom: 40px;

	color: #5B4638;

}

#footer-cols li.col>h6{

	color: #5B4638;

	margin-top: 30px;

	margin-bottom: 20px;

	text-shadow: 0px -2px rgba(236,236,236,1.00);

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight: bold;

}

#footer-cols li.clear-col{ clear:left; }

#footer-cols li.col ul{display: block;}

#footer-cols li.col ul li{

	display: block;

	line-height: 1.7em;

}

#footer-cols li.col ul li.page_item{

	display: block;

	line-height: 2.5em;

	padding-left: 17px;

	/*border-top: 1px solid #4a4a4a;

	border-bottom: 1px solid #000;*/

	background: url(../img/footer-bullet.png) no-repeat 0px 10px;

}



#footer-cols li.col ul li:first-child{ border-top: none; }

#footer-cols li.col ul li:last-child{ border-bottom: none; }

#footer-cols li.col ul li a{

	text-decoration: none;

	color: #5B4638;

}

#footer-cols li.col ul li a:hover{color: #ccc;}



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

	FOOTER BOTTOM

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

#bottom{

	position: relative;

	width: 100%;

	min-width: 980px;

	font-size: 12px;

	line-height: 60px;

	color: #868686;

	background: #222426 url(../img/bottom-shadow.png) repeat-x;

}

#bottom #copyright{

	width: 600px;

	overflow: hidden;

	margin: 0 auto;

}

#bottom #bottom-text{

	width: 600px;

	overflow: hidden;

	margin-left: 30px;

}

#bottom a{

	color: #AFEAF9;

	text-decoration: none;

}

#bottom #to-top{

	position: absolute;

	right: 30px;

	top: -22px;

	width: 33px;

	height: 33px;

	background: url(../img/to-top.png) no-repeat;

	cursor: pointer;

}



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

	SOCIAL

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

.social{

	/* [disabled]position: absolute; */

	/* [disabled]top: 15px; */

	right: 0px;

	/* [disabled]display: block; */

	/* [disabled]overflow: hidden; */

}

.social li{

	display: block;

	width: 40px;

	height: 40px;

	float: left;

	margin-right: 10px;

	margin-bottom: 45px;

}



.social li a{

	display: block;

	width: 40px;

	height: 40px;

}

.socialarea { display: block;}

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

	第二階層

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

#social-bloc {

	display: block;

    padding-bottom: 10px;

    position: absolute;

    right: 0;

    top: -5px;

	}



#social-bloc .social li{

	display: block;

	width: 80px;

	height: 15px;

	float: right;

	margin-right: 10px;

	margin-bottom: 0;

	opacity:0.4;

}

#social-bloc .social li:hover {opacity:10;}

#social-bloc .social li a{

	display: block;

	width: 80px;

	height: 15px;

}

.Facebook-area {width: auto;float: left;display: block;}

.Line-area{width: auto;float: left;display: block; margin-right:5px;}

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

	スマートフォン/PCでは非表示

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

.pc-dnone { display:none;}

a{text-decoration:none;}

a:hover{text-decoration:underline;}

hr{

	border-top:#666 dotted 2px;

	border-bottom:none;

	border-left:none;

	border-right:none;

	margin:30px;

}

#wrapper{}

#event_detail,#event_detail{

	width:740px;

	margin:0 auto;

	padding:10px;

}



#event_detail_album {

	width:auto;

	margin:0 auto;

	padding:10px;

}

#container-event{

	width:740px;

	background-color:#FFF;

	margin:0 auto;

	padding:10px;

}



#container-event h2{

	background:#83BAE9 url(../img/bk_month.png) no-repeat left top;

	color:#FFF;

	font-size:1.5em;

	width:125px;

	height:35px;

	line-height:35px;

}



#container-event h3{

	background:#83BAE9;

	color:#FFF;

	font-size:16px;

	width:97%;

	height:31px;

	line-height:35px;

	border:solid 1px #157dd7;

	text-align:left;

	text-indent:0.5em;

	margin:15px auto 10px;

}

#container-event h3 a:hover{text-decoration:none;}



#container-event h4{

	text-align:center;

	padding:3px 0;

	font-weight:bold;

	font-size:1.1em;

	color:#FFF;

	background:#FF9900;

	border-left:solid 1px #333;

	border-right:solid 1px #333;

	border-top:solid 1px #333;

}

.blue{background:#0099FF;color:#FFF;text-align:left;}

.gray{background: #E3E3E3 !important;color:#E3E3E3 !important;text-align:left;}



.orange{background:#FF9900;color:#FFF;text-align:left;}

.orange-radius{background:#FF9900;border-radius:10px;padding:3px 15px 3px 3px;width:100%;color:#FFF;text-align:left;}

.pink-radius{background:#F9DAE8;border-radius:10px;padding:3px 15px 3px 3px;width:100%;color:#4A2334;text-align:left;}

#pan img{float:left;}



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

	イベント

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

#event_detail div.pc{

	background: #FFF;

	width: auto;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

}

#event_detail dl{

	text-align:left;

	font-size:0.9em;

	border: 1px solid #999;

	border-top: none;

	background: #FFF8DC;

	margin:0 20px;

}

#event_detail dl dt{

	background: none;

	border-top: 1px solid #999;

	text-align:center;

	clear: left;

	float: left;

	width: 8em;

	padding:5px 0;

	line-height:1.8;

}



#event_detail dl dd strong{

	color: #F00;

	font-weight: bold;

	text-align: left;

}

#event_detail dl dd{

	padding:5px 0.5em;

	background:#FFF;

	margin-left: 8em;

	border-top: 1px solid #999;

	border-left: 1px solid #999;

	line-height:1.8;

}

#event_detail dl dt dd{padding:5px;}

#container-event dl{text-align:left;margin:10px;}

#container-event dl dt{

	border-bottom:#09F dotted 1px;

	border-left:#09F 10px solid;

	text-indent:0.5em;

	font-size:13px;

	line-height:1.8;

}

#container-event dl dt.new:before {

	color: #de0000;

    content: "NEW! ";

    display: block;

    float: left;

    font-size: 91%;

    font-weight: bold;

    height: 17px;

    margin: 0 8px 0 2px;

    overflow: hidden;

    padding:0.2% 1% 0.5%;

    vertical-align: middle;

    width: 40px;

	}

#container-event dl dt.soldout::after{

	color: #ffffff;

    content: "チケット完売 ";

    display: block;

    float: right;

    font-size: 74%;

    font-weight: bold;

    height: 17px;

    margin: 0 8px;

    overflow: hidden;

    padding: 0.2% 1% 0.1% 0.1%;

    vertical-align: middle;

    width: auto;

	border-radius: 5px;

	background-color: #1E91F2;

	}

#container-event dl dd{

	border-bottom:#09F 3px solid;

	border-left:#09F 10px solid;

	text-indent:1em;

	margin-bottom:10px;

	font-size:13px;

	font-weight:bold;

	line-height:1.8;

}

.link{margin:0px auto;font-size:0.9em;}



.marigin10{margin:10px auto;}

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

	ページトップ

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

.topto,.to-top{text-align:right;font-size:smaller;width:100%;}

.topto a,.to-top a{color:#666;}

.topto a:hover,.to-top a:hover{color:#666;text-decoration:none;}

.topto a:visited,.to-top a:visited{color:#666;}

.image img{border:1px solid #999;}

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

	注釈などのコメント時に使用

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

.attention, .notice, .success, .other {

	border: 1px solid #DDD;

	font-size:12px;

	margin-bottom: 1em;

	padding: 0.6em 0.8em !important;

	margin:3px;

	line-height:180%;

}

.attention p:last-child, .notice p:last-child, .success p:last-child, .other p:last-child{

	padding-bottom: 0!important;

}

.attention {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;line-height: 1.9;}

.attention a {color: blue;}

.attention strong {color: #8A1F11 !important;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;line-height: 1.9;}

.notice a {color: blue;}

.notice strong {color: #514721 !important;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;line-height: 1.9;}

.success a {color: blue;}

.success strong {color: #264409 !important;}

.other {background: #f5f5f5; color: #575856; border-color: #c0c0c0;line-height: 1.9;}

.other a {color: blue;}

.other strong {color: #575856 !important;}

div.more {padding-top: 6px;}

.more a, a.more {color: blue;}

.more a:hover, a.more:hover {color: #002;}

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

	バナー掲載

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

div.banner-box { width:98%; padding:3px 0; background:#ffe5ed; font-size:14px; margin:0 auto 5px;}

.banner-box { margin-bottom:0.8em; text-align:left;}

.banner-box img,/*.banner-box p */{color:#ff99b7; margin-right:5px ; padding:5px ;}

.banner-box p {color:#ff99b7;text-indent:-1em;padding:2px 1.5em;border-bottom:#ffb2c9 1px solid;border-top:#fff 1px solid;}

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

	ボタン

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

.Download-btn {

	height: auto;

	width:auto;

	display:inline-block;

	padding:9px 20px 7px;

	border:1px solid #ccc;

	border-radius:5px;

	line-height: 180%;

	font-size:12px;

	margin:5px 10px 10px 30px;

	  background: #ffffff; /* Old browsers */

	  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

	  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	  background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */

	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */

	  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */

	  background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */

	  background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */

	  background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */

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

}

.Download-btn:hover {  border:1px solid #888;}

.Download-btn > img {  margin-top: 2px;float: right;}

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

	RSSフィード

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

#content .feed_item {font-family:メイリオ;}

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

	attention-box

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

.attention-box{}

.container {

    width: 668px;

    padding: 7.5px 0 5.5px;

    margin:10px 0 17px;

    text-align: left;

	background: #fff;

    border-radius: 5px;

}

.container .wrap {

    position: relative;

    padding: 5px;

    overflow: hidden;

	height:17px;

}

#ticker {

    position: relative;

}

#ticker span {

    padding-right: 20px;

}



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

	参加規約

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

.Agreement-post ul { list-style: disc; margin-left:20px;}

.Agreement-post ul li { margin:10px; padding:5px 5px; line-height:180%;}

@media (max-width:768px){

	body.home .wrapper,body.home #header,body.home #menu,body.home #footer,body.home #bottom,

	body.single .wrapper,body.single #header,body.single #menu,body.single #footer,body.single #bottom,

	body.page .wrapper,body.page #header,body.page #menu,body.page #footer,body.page #bottom,

	body.archive .wrapper,body.archive #header,body.archive #menu,body.archive #footer,body.archive #bottom

	{ width: 100%!important; min-width: 100%!important;}

	body.home #bottom img,body.single #bottom img,body.page #bottom img,body.archive #bottom img{vertical-align: middle;}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {

 	.flex-direction-nav li .prev{left: 0 !important;}.flex-direction-nav li .next{right: 0 !important;}

    #program-frame {



	height: 307px;		/*イレギュラー枠が無い場合*/

	overflow:auto;

      -webkit-overflow-scrolling:touch;



	}

	.whatsnewbox {



	height: 184px !important;

	overflow:auto;

      -webkit-overflow-scrolling:touch;



	}





}

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

	トップページ　番組キャンペーン

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

.program-cp {

}



.program-cp a {

	color: #FFF!important;

    text-decoration: none;

}

.program-cp a:before {

	content:url(../images_mit/top/icon-programcp-arrow.png);

	position:relative;

	top:3px;

	margin-right:4px;

}





.program-cp a:hover{

	color: #e96da4!important;

	text-decoration:none;

}

.program-cp a:vitited {

	color: #FFF!important;

    text-decoration: none;

}



.cp-title {

	background-color:#333;

	padding:2px;

	/*color:#F5248C;*/

	color:#F8B63B;

	font-weight::bold;

}