@charset "UTF-8";
body,html {
	width:100%;
	height:100%;
	font-family:'Belgrano','Didact Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial,Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

body:after {
	content:"";
	position:fixed;
	top:-10px;
	left:-10px;
	z-index:9999;
	width:110%;
	height:10px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
	   -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
	    -ms-box-shadow: 0 0 10px rgba(0,0,0,.8);
	     -o-box-shadow: 0 0 10px rgba(0,0,0,.8);
	        box-shadow: 0 0 10px rgba(0,0,0,.8);
	}
body,p{font-size:12px;-webkit-text-size-adjust: 100%;word-break: normal;word-wrap: break-word;}

.container{background:url(../../img/main_bg.jpg);padding: 0 0 20px;}
#menus{background:#f00000;height:63px;width:100%;position: fixed;z-index:999;left:0; top:0;}
#menus .innner{width:980px;margin: 0 auto;}
#menus h1{background:url(../../img/toplogo.png) ;width:184px;height:27px;float:left;margin-top: 15px;;}
#menus ul{float:right;width:735px;}
#menus ul li a{display:block;float: left;height: 63px;background-image:url(../../img/mnbg.png) ;}
#menus ul li.mn1 a{width: 86px;background-position:0 0;}
#menus ul li.mn2 a{width: 122px;background-position:-86px 0;}
#menus ul li.mn3 a{width: 141px;background-position:-208px 0;}
#menus ul li.mn4 a{width: 225px;background-position:-349px 0;}
#menus ul li.mn5 a{width: 161px;background-position:-574px 0;}
#menus ul li.mn1 a:hover{width: 86px;background-position:0 -63px;}
#menus ul li.mn2 a:hover{width: 122px;background-position:-86px -63px;}
#menus ul li.mn3 a:hover{width: 141px;background-position:-208px -63px;}
#menus ul li.mn4 a:hover{width: 225px;background-position:-349px -63px;}
#menus ul li.mn5 a:hover{width: 161px;background-position:-574px -63px;}

/*twitterキャンペーン*/
.tw_container{background:url(../img/main_bg.jpg);padding: 0;min-width:1080px;}
#tw_head{margin: 63px 0 0 0;height: 270px;}
#tw_head .innner{width:980px;margin: 0 auto;position:relative;}
#tw_head h1{background: url(../img/tw_logo.png) no-repeat;height: 228px;width: 499px ;position:absolute;top:30px;z-index:100;}
#tw_content{padding:0 0 50px 0;width:100%;background: #f00000;margin: 0 0 0 0;position:relative;z-index:200;}
#tw_content .innner{width:980px;margin: 0 auto;position:relative;padding: 30px 0 0;}
.yl{margin: 0 auto;width:980px;position:relative;}
.yuri{background:url(../img/tw_yuri.png) 0 -100px no-repeat;width:804px;height:900px;position: absolute;right:0;top:-270px;z-index:5;}
#tw_content > .innner > h2{margin-bottom: 30px;background:url(../img/tw_catch.png) 0 0 no-repeat;width: 588px;height: 163px;z-index:10;position:relative;}
#tw_content > .innner > .tw_ct1{background: #fff;z-index:10;position:relative;padding:20px 20px 20px 20px;margin-bottom: 10px;}
#tw_content > .innner > .tw_ct1 > h2{margin-bottom: 1em;text-align:center;}
#tw_content > .innner > .tw_ct1 > h2 >strong{color:red;font-size:130%;line-height:3em;}
#tw_content > .innner > .tw_ct1 > .chl{margin-bottom: 2em;}
#tw_content > .innner > .tw_ct1 > .chl > div{float:left;position: relative;}
#tw_content > .innner > .tw_ct1 > .chl > div > small{display:block;width:89px;height:89px;position:absolute;top:210px;right:20px;}
#tw_content > .innner > .tw_ct1 > .chl > div > small.RT1{background: url(../img/rt1.png);}
#tw_content > .innner > .tw_ct1 > .chl > div > small.RT2{background: url(../img/rt2.png);}
#tw_content > .innner > .tw_ct1 > .chl > div > small.RT3{background: url(../img/rt3.png);}
#tw_content > .innner > .tw_ct1 > .chl > div > small.RT4{background: url(../img/rt4.png);}
#tw_content > .innner > .tw_ct1 > .chl > div > img{display:block;margin-bottom: 12px; border-radius: 15px;}
#tw_content > .innner > .tw_ct1 > .chl > div > h3{font-size:16px;color:#f00000;}
#tw_content > .innner > .tw_ct1 > .chl > div > p{}
#tw_content > .innner > .tw_ct1 > .chl > .ch h2{font-size:250%;}
h2.brs{font-size:140%;margin-top: 3em;}
#tw_content > .innner > .tw_ct1 > .chl > div.ch1{margin-right: 14px;}
#tw_content > .innner > .tw_ct1 > .chl > div.ch2{margin-right: 14px}
#tw_content > .innner > .tw_ct1 > .chl > div.ch3{margin-right: 14px}
#tw_content > .innner > .tw_ct1 > .chl > div.ch4{}
#tw_content > .innner > .tw_ct1 > .chl > div.ch1 strong{color: #eb3460;font-size: 16px}
#tw_content > .innner > .tw_ct2{width: 450px;background: #fff;z-index:10;position:relative;padding:20px;float:right;margin-top: 10px;}
#tw_content > .innner > .tw_ct2 > h2{background: #000;font-size: 17px;color:#fff;padding:7px;}
#tw_content > .innner > .tw_ct2 > div > p{font-size:13px;line-height:1.8em;}
#tw_content > .innner > .tw_ct2 > div strong{color:#eb3460;}
#tw_content > .innner > .tw_ct2 > div > h3{font-size:15px;border-bottom:1px dotted #000;padding:3px 0;margin: 30px 0 10px;}
#tw_content > .innner > .tw_ct2 > div > ul{}
#tw_content > .innner > .tw_ct2 > div > ul > li{font-size:13px;line-height:1.8em;text-indent: -1em;padding-left: 1em;}
#tw_content > .innner > .tw_ct3{float:left;width: 470px;margin-bottom: 15px;}
#tw_content > .innner > .tw_ct4{background: #fff;z-index:10;position:relative;padding:20px;clear:both;margin-top: 20px;}
#tw_content > .innner > .tw_ct4 h2{background: #000;font-size: 17px;color:#fff;padding:7px;margin-bottom: 12px;}
#tw_content > .innner > .tw_ct4 > div > p{font-size:13px;line-height:1.8em;}
#tw_content > .innner > .tw_ct4 > div strong{color:#eb3460;}
#tw_content > .innner > .tw_ct4 h3{font-size:15px;border-bottom:1px dotted #000;padding:3px 0;margin: 30px 0 10px;}
#tw_content > .innner > .tw_ct4 > div > ul{}
#tw_content > .innner > .tw_ct4 > div > ul > li{font-size:13px;line-height:1.8em;text-indent: -1em;padding-left: 1em;}
#tw_content > .innner > .tw_ct4 .walls{width:400px;}
#tw_content > .innner > .tw_ct4 .wallar{width:400px;}
#tw_content > .innner > .tw_ct4 .iconsar{width:540px;}
#tw_content > .innner > .tw_ct4 li{float:right;margin-left: 5px;margin-bottom: 11px;text-align: center;line-height: 5px;}
#tw_content > .innner > .tw_ct4 li img{display:block;margin-bottom: 5px;;}
#tw_content > .innner > .tw_ct5{clear:both;margin-bottom: 20px;text-align: center;}
#tw_content > .innner > .tw_ct8{clear:both;margin-bottom: ;text-align: center;background: #fff;display: table;width: 100%;padding:1.5em 1.3em;box-sizing:border-box;}
#tw_content > .innner > .tw_ct8 li{float: left;width: 31.33%;margin: 0 1%;}
#tw_content > .innner > .tw_ct8 li p{text-align:center;font-weight:bold;font-size:140%;background:#f00000;color:#fff;}

.ch{width: 33%;padding: 0.1em;}
.ch img{width: 100%;}
.ttl{background: #000;color:#fff;text-align:center;padding: 0.5em;font-size:200%;}

/*social*/
#twitter1{float:right;width:110px;}
#facebook1{float:right;}

/*shadow*/
.shadow{
box-shadow: 5px 5px 5px #555;
-moz-box-shadow: 5px 5px 5px #555; /* Firefox */
-webkit-box-shadow: 5px 5px 5px #555;  ; /* Chrome, Safari */
background-color:#fff;
behavior: url(PIE.htc);}



.lf{float: left;}
.rf{float: right;}

a:hover img{	opacity:0.8;}
.headin a:hover img{	opacity:1;}

#foot_menu{margin:0!important;}
/*foot 差し替え*/
#foot_menu{background:#ffff56!important;color:#000;min-width:1080px;}
#foot_menu a{color:#000;}
#foot{background:#000000!important;min-width:1080px;}








/*	主にWii用の指定	*/

@media tv {
	/*	ルビの縦ずれを補正
		rbやrtのfont-size、line-heightによらず0.5em
	*/
	html body ruby {
		padding-bottom: 0.5em;
	}
}




/* ruby（ルビ文字組み全体のインライン領域）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
ruby {
	display			: inline-table;
	text-align		: center;
	text-indent		: 0px;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	line-height		: 1;
	height			: 1em;
	vertical-align	: text-bottom;
	border			: none;
}

/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  ruby {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html ruby {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby {
	white-space		: normal;
	display			: inline-table;
	vertical-align	: baseline;
}


/* rb（本文）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rb {
	display			: table-row-group;
	line-height		: 1;
	text-align		: center;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	white-space		: nowrap;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rb {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rb {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rb {
	display			: table-row-group;
	vertical-align	: bottom;
	white-space		: normal;
}


/* rt（フリガナ）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
#contents5 rt{
	display			: table-header-group;
	font-size		: 0.6em;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 1.1;
	text-align		: center;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}


rt {
	display			: table-header-group;
	font-size		: 0.4em;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 1.1;
	text-align		: center;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rt {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rt {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rt {
	white-space		: normal;
	line-height		: 1em;
	display			: table-header-group;
	position		: static;
	top				: 0em;
}


/* rp（CSS OFF状態での区切り文字、通常不可視）
------------------------------------------- */
/* 全ブラウザ共通指定 */
rp {
	display			: none;
}


/* hn要素での振り仮名サイズ調整（必要な場合、適当に調整してください）
------------------------------------------- */
/*
h1 rt	{	font-size: 0.39em;	}
h2 rt	{	font-size: 0.42em;	}
h3 rt	{	font-size: 0.45em;	}
h4 rt	{	font-size: 0.48em;	}
h5 rt	{	font-size: 0.52em;	}
h6 rt	{	font-size: 0.57em;	}
*/



/* マウスオーバーで拡大、振り仮名適用範囲表示
------------------------------------------- */
/*ruby:hover							{	border: 1px dashed #CCC;	}*/
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover {
	border: none;
}
*/
/*ruby:hover rt						{	font-size: 1em;			}*/
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover rt {
	font-size: 0.625em;
}
*/

/*	IE6でIE7.jsを使用していて、なおかつfixed配置ブロックがある場合、
振り仮名拡大時にfixedブロックが行方不明になるためIE6でのみ機能無効化	*/
/*
*:first-child+html ruby:hover rt	{	font-size: 1em!important;	font-size: 0.625em;	}
*:first-child+html h1 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.39em;	}
*:first-child+html h2 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.42em;	}
*:first-child+html h3 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.45em;	}
*:first-child+html h4 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.48em;	}
*:first-child+html h5 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.52em;	}
*:first-child+html h6 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.57em;	}
*:first-child+html ruby:hover		{
	border: 1px dashed #CCCCCC !important;
	border: none;
	background-color: transparent !important;
	background-color: #CCCCCC;
}
*/


/* DEMO */