/*--ベース部分---------------------------------------------------------------------*/
@charset "utf-8";

html,body{
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	margin:0px;
	padding:0px;
	line-height:100%;


}

body {
	height:100%;
	width:100%;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	color: #EEE;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	/*font-size: 16px;*/
	vertical-align:top;
	
	/*背景画像*/
	min-height: 100%; 					/* html要素をウィンドウサイズにフィット */
	background:url('../img/common/background.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;				/* 背景画像をhtml要素にフィット */
	background-attachment:fixed;		/* 背景画像を固定する */
}

p{
	display:inline;
}

img {
	display: block;
	border: 0px;
	vertical-align:bottom;
	margin: 0px;
	padding: 0px;
	outline:none;
}

p img{
	margin: 0 auto;	
}

a:link {text-decoration: none;color:#0033CC;}
a:visited {text-decoration: none;color:#0033CC;}
a:active {text-decoration: none;color:#0033CC; outline:none;}
a:hover {color:#FF3C00;}


.fontcolor{
	color: #FFF;	
}

#container {
	width: 100%;
	height: auto !important;
	min-height: 100%;
	_height: 100%; /* for IE6 */
}

.contents{
	width:840px;
	margin: 0 auto;
	z-index: 50;
	/* [disabled]background-color: #9C6; */
	position: relative;
	/* [disabled]padding-bottom: 110px; */
}

.spacer10{
	width: 10px;
	height: 10px;
}
.spacer20{
	width: 20px;
	height: 20px;
}

.spacer30{
	width: 30px;
	height: 30px;
	float: left;
}

.line1{
	height: 1px;
	border: none;
	border-top: 1px dashed;
	border-color: #999;
	clear: both;
}



/*--背景のクター--------------------------------------------------------------------*/
.big_kutar_l{

	background: url(../img/common/big_kutar_l2.png) no-repeat;					width:292px;	height:794px;	/*季節クター*/
	/*background: url(../img/common/big_kutar_l.png) no-repeat;					width:169px;	height:711px;	/*通常クター*/
	/*background: url(../img/common/big_cherry_l_ny.png) no-repeat;				width:169px;	height:711px;	/*着物チェリー*/
	/*background: url(../img/common/big_tabby_l.png) no-repeat;					width:159px;	height:713px;	/*タビー*/
	/*background: url(../img/common/hf_halloween/big_kutar_l_hw.png) no-repeat;	width:171px;	height:731px;	/*ハロウィーンクター*/
	/*background: url(../img/common/big_kutar_l_santa.png) no-repeat;			width:171px;	height:760px;	/*サンタクター*/
	/*background: url(../img/common/hf_pink/big_cheek_l.png) no-repeat;			width:171px;	height:712px;	/*バレンタインチーク*/
	/*background: url(../img/common/hf_red/big_smoke_l.png) no-repeat;			width:234px;	height:712px;	/*代表カラースモーク*/
	/*background: url(../img/common/hf_red/big_smoke2_l.png) no-repeat;			width:234px;	height:712px;	/*コンサカラースモーク*/
	/*background: url(../img/common/big_papa_l.png) no-repeat;					width:206px;	height:777px;	/*浮輪パパクター*/
	/*background: url(../img/common/big_kutar_l_tv.png) no-repeat;				width:269px;	height:710px;	/*ＴＶ持ってるクター*/
	/*background: url(../img/common/big_kadomatsu_l.png) no-repeat;				width:254px;	height:752px;	/*門松*/
	/*background: url(../img/common/hf_blue/big_kutar_l.png) no-repeat;			width:160px;	height:714px;	*/

	z-index: 10;
	background-position: left;
	position: fixed;	/*bodyに対して絶対位置*/
	top: 50%;  /*上端を中央に*/
	left:0px;
	margin-top: -355px;	/*高さ半分引く*/
}
.big_kutar_r{

	background: url(../img/common/big_kutar_r2.png) no-repeat;					width:292px;	height:794px;	/*季節クター*/
	/*background: url(../img/common/big_kutar_r.png) no-repeat;					width:161px;	height:711px;	/*通常クター*/
	/*background: url(../img/common/big_cherry_r_ny.png) no-repeat;				width:161px;	height:711px;	/*着物チェリー*/
	/*background: url(../img/common/big_tabby_r.png) no-repeat;					width:159px;	height:713px;	/*タビー*/
	/*background: url(../img/common/hf_halloween/big_kutar_r_hw.png) no-repeat;	width:168px;	height:731px;	/*ハロウィーンクター*/
	/*background: url(../img/common/big_kutar_r_santa.png) no-repeat;			width:171px;	height:760px;	/*サンタクター*/
	/*background: url(../img/common/hf_pink/big_cheek_r.png) no-repeat;			width:171px;	height:712px;	/*バレンタインチーク*/
	/*background: url(../img/common/hf_red/big_smoke_r.png) no-repeat;			width:178px;	height:712px;	/*代表カラースモーク*/
	/*background: url(../img/common/hf_red/big_smoke2_r.png) no-repeat;			width:178px;	height:712px;	/*コンサカラースモーク*/
	/*background: url(../img/common/big_papa_r.png) no-repeat;					width:203px;	height:777px;	/*浮輪パパクター*/
	/*background: url(../img/common/big_kutar_r_tv.png) no-repeat;				width:269px;	height:710px;	/*ＴＶ持ってるクター*/
	/*background: url(../img/common/big_kadomatsu_r.png) no-repeat;				width:231px;	height:752px;	/*門松*/
	/*background: url(../img/common/hf_blue/big_kutar_r.png) no-repeat;			width:160px;	height:714px;	*/

	z-index: 11;
	background-position: right;

	position: fixed;	/*bodyに対して絶対位置*/
	top: 50%;  /*上端を中央に*/
	right:0px;
	margin-top: -355px;	/*高さ半分引く*/
}

/*--ヘッダーフラッシュ--------------------------------------------------------------------*/
/*
.header_flash{
	width: 588px;
	height: 44px;
	float: right;
	display: block;
	position: relative;
	z-index: 48;
	margin-top: 11px;
	margin-bottom: 11px;
	margin-right: 5px;
}
*/


/*--top image---------------------------------------------------------------------*/


.top_image{
	width:840px;
	height: 340px;
	margin:0 auto;
	/* [disabled]background-image: url(../img/common/top_image1.png); */
	/* [disabled]background-color: #C60; */
	/* [disabled]background-repeat:no-repeat; */
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	z-index: 51;
	/* [disabled]top: -37px; */
	top:10px;
	/* [disabled]float: left; */
	position: relative;
}

area:active{
	outline:none;
	-moz-outline-style:none;
}
/*
#img2, #img3, #img4, #img5, #img6, #img7, #img8{
	display:none;
}
*/






/*--おすすめゲーム---------------------------------------------------------------------*/
.osusume{
	/* [disabled]background-color:#00CCCC; */
	width:840px;
	height:124px;
	margin:0 auto;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	z-index: 52;
	position: relative;
	margin-top: 50px;
	margin-bottom: 15px;
	background-image: url(../img/common/osusume.png);
}

.osu0 img{
	width:96px;
	height:96px;
	margin-top:14px;
	margin-left:40px;
	float:left;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}

.osu1 img{
	max-width: 64px;
	max-height: 64px;
	margin-top: 45px;
	margin-left:32px;
	float:left;
	/*角丸*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}


.ninki{
	width:64px;
	height:21px;
	float:left;
	top: -10px;
	margin-left:32px;
	position:relative;
}










/*--kutar news---------------------------------------------------------------------*/


.kutar_news{
	width: 260px;
	height: 280px;
	float: left;
	position: relative;
	background-color: #F60;
	z-index: 60;
	
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
    -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}

.kutar_news_logo{
	background-image: url(../img/common/kutar_news_logo.png);
	background-repeat:no-repeat;
	width: 207px;
	height: 35px;
	position:relative;
	top: 5px;
	margin: 0 auto;
}
.kutar_news_waku{	/*テキストボックス*/
	width: 250px;
	height: 180px;
	/* [disabled]position:relative; */
	/* [disabled]top: -180px; */
	margin: 0 auto;
	/* [disabled]overflow-y: scroll; */
	color: #FFF;
	font-weight: bold;
	font-size:small;
	text-align: left;
	line-height: 1.1em;
	
}
.kutar_news_waku_bg{	/*背景*/
	background-color:#333333;
	width: 270px;
	height: 200px;
	top:10px;
	position:relative;
	margin: 0 auto;
	/*半透明*/
	filter:alpha(opacity=85);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

.kutar_news_waku pre {
	/* white-space: pre;           /* CSS 2.0 */
	/* white-space: pre-wrap;      /* CSS 2.1 */
	/* white-space: pre-line;      /* CSS 3.0 */
	/* white-space: -pre-wrap;     /* Opera 4-6 */
	/* white-space: -o-pre-wrap;   /* Opera 7 */
	/* white-space: -moz-pre-wrap; /* Mozilla */
	/* white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

div#ttl1 {
	font-weight:bold;
	font-size:small;
	color: #FFF;
	display: inline;
	margin-bottom: 10px;
}
div#date1 {
	font-size:medium;
	color: #FFF;
}

/*日付の前のマークアニメ------------------------------*/
#mark{
	background: url(../img/common/news_mark/mark.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	display: inline-block;
	_display: inline;
}


.kutar_twitter{		/*Twitter*/
	width: 300px;
	background-color: #FFF;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
    -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}




/*-いいねボタン--------------------------------------------------------------*/
.twitter-share-button {
    width: 68px !important;
}

.social_button{
	float:left;
	/*border:1px #666666 solid;*/
	position: relative;
	display: block;
	height: 30px;
	margin: 4px;
}


/*-ソーシャル----------------------------------------------------------------------------*/
#social{
	/* [disabled]height: 500px; */
	/* [disabled]position: relative; */
	/* [disabled]float: left; */
	/* [disabled]background-color: #F90; */
	width: 100%;
	color: #069;
	z-index: 67;
}
#event_contents{
	width: 100%;
	color: #069;
	z-index: 67;
}
.social_container{
	max-width:840px;
	margin: 0 auto;
	z-index: 66;
	position: relative;
}

.item {
	width: 260px;
	/* [disabled]height: auto;*/
	max-height:none;
	margin: 9px 9px 9px 9px;
	float: left;
	border: 1px solid #ccc;
	background: #FFF;
	box-shadow: 0 2px 1px #FFF;
	/* [disabled]margin-right: 10px; */
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	color:#393939;
}



/*ボックスのバックグラウンドの色*/
.bgc1{background-color:#FF9900;}
.bgc2{background-color:#50D3FE;}
.bgc3{background-color:#FF99CC;}
.bgc4{background-color:#99D733;}
.bgc5{background-color:#9393FF;}
.bgc6{background-color:#63A5D1;}
.bgc7{background-color:#999999;}
.bgc8{background-color:#FF6699;}
.bgc9{background-color:#51ce01;}	/*LINEスタンプ用*/



.inbox{
	margin:0 auto;
	margin:10px;
	height: auto;
/*	height: 100%;*/
	display: block;
	text-align: left;
}
.inbox_20{
	margin:0 auto;
	margin:20px;
	height: 100%;
	display: block;
	text-align: left;
}
.inbox_20 ul{
	margin: 0px;
	padding-left: 20px;
}


/*ヘッダーのボックスの高さ*/
.inbox_head0{
	height:20px;
	width: 100%;
	display: block;
}
.inbox_head1{
	height:40px;
	width: 100%;
	display: block;
}
.inbox_head2{
	height:60px;
	width: 100%;
	display: block;
}

.inbox_head3{
	height:80px;
	width: 100%;
	display: block;
}

.inbox_head4{
	height:100px;
	width: 100%;
	display: block;
}

.inbox_midashi{
	padding: 5px;
	float: right;
	width: 90%;
	font-weight: bold;
	font-size: large;
	display: block;
	line-height: 1.1em;
	/*改行など*/
	/* white-space: pre;           /* CSS 2.0 */
	/* white-space: pre-wrap;      /* CSS 2.1 */
	/* white-space: pre-line;      /* CSS 3.0 */
	/* white-space: -pre-wrap;     /* Opera 4-6 */
	/* white-space: -o-pre-wrap;   /* Opera 7 */
	/* white-space: -moz-pre-wrap; /* Mozilla */
	/* white-space: -hp-pre-wrap;  /* HP Printers */
	/*折り返し*/
	word-wrap: break-word;
	height: auto;
}

.inbox_midashi2{
	width: 100%;
	font-weight: bold;
	font-size: medium;
	color:#FFFFFF;
	background-color:#999999;
	display: block;
	line-height: 1.5em;
	/*折り返し*/
	word-wrap: break-word;
}

/*見出し部分の色変え*/
.m_color0{
	color: #FFF;
}
.m_color1{
	color: #F90;
}
.m_color2{
	color: #F00;
}
.m_color3{
	color: #333;
}
.m_color4{
	color: #09F;
}
.m_color5{
	color: #F39;
}
.m_color6{
	color: #F9F;
}
.m_color7{
	color: #A24200;
}
.m_color8{
	color: #63F;
}
.m_color9{
	color: #C1B300;
}
.m_color10{
	color: #390;
}
.m_color11{
	color: #999;
}
.m_color12{
	color: #339;
}
.m_color13{
	color: #0CF;
}

.inbox_color{
	float:left;
	width:12px;
	height: 100%;
	display: block;
	margin-top: 3px;
}
.inbox_color0{
	float:left;
	width:12px;
	height: 100%;
	background-color:#FFF;
	display: block;
	margin-top: 3px;
	margin-left:2px;
}
.inbox_color1{
	float:left;
	width:12px;
	height: 100%;
	background-color:#F90;
	display: block;
	margin-top: 3px;
}
.inbox_color2{
	float:left;
	width:12px;
	height: 100%;
	background-color:#F00;
	display: block;
	margin-top: 3px;
}
.inbox_color3{
	float:left;
	width:12px;
	height: 100%;
	background-color:#333;
	display: block;
	margin-top: 3px;
}
.inbox_color4{
	float:left;
	width:12px;
	height: 100%;
	background-color:#09F;
	display: block;
	margin-top: 3px;
}
.inbox_color5{
	float:left;
	width:12px;
	height: 100%;
	background-color:#F39;
	display: block;
	margin-top: 3px;
}
.inbox_color6{
	float:left;
	width:12px;
	height: 100%;
	background-color:#F9F;
	display: block;
	margin-top: 3px;
}
.inbox_color7{
	float:left;
	width:12px;
	height: 100%;
	background-color:##A24200;
	display: block;
	margin-top: 3px;
}
.inbox_color8{
	float:left;
	width:12px;
	height: 100%;
	background-color:#63F;
	display: block;
	margin-top: 3px;
}
.inbox_color9{
	float:left;
	width:12px;
	height: 100%;
	background-color:#C1B300;
	display: block;
	margin-top: 3px;
}
.inbox_color10{
	float:left;
	width:12px;
	height: 100%;
	background-color:#390;
	display: block;
	margin-top: 3px;
}
.inbox_color11{
	float:left;
	width:12px;
	height: 100%;
	background-color:#999;
	display: block;
	margin-top: 3px;
}
.inbox_color12{
	float:left;
	width:12px;
	height: 100%;
	background-color:#339;
	display: block;
	margin-top: 3px;
}
.inbox_color13{
	float:left;
	width:12px;
	height: 100%;
	background-color:#0CF;
	display: block;
	margin-top: 3px;
}

.inbox_txt{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
	width: 92%;
	font-size: smaller;
	/*半角スペース、タブ、改行の処理*/
	/*white-space: pre;           /* CSS 2.0 */
	/*white-space: pre-wrap;      /* CSS 2.1 */
	/*white-space: pre-line;      /* CSS 3.0 */
	/*white-space: -pre-wrap;     /* Opera 4-6 */
	/*white-space: -o-pre-wrap;   /* Opera 7 */
	/*white-space: -moz-pre-wrap; /* Mozilla */
	/*white-space: -hp-pre-wrap;  /* HP Printers */
	/*折り返し*/
	word-wrap: break-word;
}
.inbox_txt2{
	width: 96%;
	font-size: small;
	word-wrap: break-word;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.inbox_txt3{
	width: 92%;
	font-size: small;
	word-wrap: break-word;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 10px;
}
.inbox_txt4{
	width: auto;
	font-size: small;
	word-wrap: break-word;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 10px;
}
.inbox_date{
	float:left;
	font-size: small;
	margin-left: 10px;
	height: 18px;
	
}

/*<div class="item h01">と書いて高さ固定*/
.h01 {
	height: 100px;
}
.h02 {
	height: 200px;
}
.h025 {
	height: 250px;
}
.h03 {
	height: 300px;	
}
.h04 {
	height: 400px;	
}
.h05 {
	height: 500px;	
}
.h06 {
	height: 600px;	
}
/*<div class="item w01">と書いて高さ固定*/
.w01{
	width:580px;
}
.w02{
	width:180px;
}
.w02a{
	width:200px;
}
.w03{
	width:520px;
}
.w03a{
	width:266px;
}

.w04{
	width:740px;
}
.w05{
	width:820px;
}
.w06{
	width:630px;
}
.w07{
	width:760px;
}
.w07a{
	/*width:370px;*/
	width:240px;
}
.w09{
	width:838px;
}
.p10{
	padding:20px;
}

/*通常・ミニミニ用*/
.wgame1{
	width:544px;
}
/*ビッグ用*/
.wgame2{
	width:754px;
}
/*ワイド用*/
.wgame3{
	width:928px;
}
/*カズメクリ用*/
.wgame8{
	width:644px;
}

/* ---- hero masonry ---- */

.hero-masonry {
  background-color: #FFF;
  border-radius: 10px;
  padding: 10px 1%;
  margin-bottom: 20px;
}

.hero-masonry:after {
  content: '';
  display: block;
  clear: both;
}

.hero-item,
.hero-masonry .grid-sizer {
  width: 46.9%; /* juse a lil under  47 */
  margin: 10px 1%;
  float: left;
  border-radius: 8px;
}

/* necessary for proper sizing with margins */
.hero-masonry .grid-sizer {
  position: absolute;
}

.hero-item.texty {
  background-color: #D8D6D2;
  padding: 10px;
}


.hero-item.has-title,
.hero-item.w2 {
  width: 96%;
}

.hero-item.has-example {
}

.hero-item.has-example a {
  font-size: 13px;
  font-weight: bold;
  background: #D26;
  color:#FFF;
  display: block;
  border-radius: 10px 10px 8px 8px;
}

.hero-item.has-example a:hover {
  background-color: #A2C;
  color:#FFF;
}

.hero-item.has-example img {
  display: block;
  max-width: 100%;
  border-radius: 8px 8px 0 0;
}

.hero-item.has-example .example-title {
  padding: 5px 10px;
  margin: 0;
}

/* enough width for 4 columns */
@media screen and ( min-width: 720px ) {

  .hero-item,
  .hero-masonry .grid-sizer {
    width: 22.5%;
  }

  .hero-item.has-title,
  .hero-item.w2 {
    width: 46.9%; /* just a lil under 47 */
  }

}

/*--facebookのlike-boxの横幅を変える------------------------------------------------------------*/
div#likebox_conteiner .fbcomments,
div#likebox_conteiner .fb_iframe_widget,
div#likebox_conteiner .fb_iframe_widget[style],
div#likebox_conteiner .fb_iframe_widget iframe[style],
div#likebox_conteiner .fbcomments iframe[style],
div#likebox_conteiner .fb_iframe_widget span{
    width: 100% !important;
}

/*クターのダメゲー***************/
.dame_game a{
	float:left;
	position: relative;
	left: -30px;	
	top: -18px;
	display:block;
	width:28px;
	height:23px;
	background:url(../img/common/dame_game.png) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.dame_game a:hover {
	background-position:left bottom;
}

/*コンテンツのヘッダー******************************************************/
.contents_header{
	width: 580px;
	margin: 0 auto 5px auto;
	padding:5px;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	height: 70px;
	z-index: 71;
	position: relative;
	background-color: #FFF;
}
.contents_header_game{
	width: 570px;
	padding:5px;
	height: 70px;
	z-index: 71;
	position: relative;
	background-color: #FFF;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contents_header img,
.contents_header_game img{
	/*角丸*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/*クターの歴史**********************************************************/
#container_box{
	/* [disabled]width:840px; */
	margin: 0 auto;
	position: relative;
	/* [disabled]margin-left: 50%; */
	z-index: 68;
}

.contents_head {
	width: 540px;
	height: auto;
	/* [disabled]margin:0 auto; */
	/* [disabled]margin: 9px; */
	float: left;
	border: 1px solid #ccc;
	background: #FFF;
	box-shadow: 0 2px 1px #eee;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	/* [disabled]position: relative; */
	

}

.history_head{
	width:99%;
	height:100px;
	background-color:#FFCC00;
	margin:0 auto;
	margin-top: 5px;
	/*角丸*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.history_head_txt{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
	width: 92%;
	color:#393939;
	font-weight:bold;
	font-size: smaller;

	/* white-space: pre;           /* CSS 2.0 */
	/* white-space: pre-wrap;      /* CSS 2.1 */
	/* white-space: pre-line;      /* CSS 3.0 */
	/* white-space: -pre-wrap;     /* Opera 4-6 */
	/* white-space: -o-pre-wrap;   /* Opera 7 */
	/* white-space: -moz-pre-wrap; /* Mozilla */
	/* white-space: -hp-pre-wrap;  /* HP Printers */
	
	/*折り返し*/
	word-wrap: break-word;      /* IE 5+ */
}
	

/*ムービーのコンテナ*********************************************************/
.movie_container{
	max-width: 1200px;
	margin: 0 auto;
}

/*テクノアイランド劇場*********************************************************/
.gekijo_frame{	/*Flashの枠*/
	width:500px;
	/* [disabled]height:460px; */
	/*background-image:url(./img/common/noflash.gif);*/
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#333333;
	vertical-align:middle;
	/* 角丸 */
	border-radius: 8px;			/* CSS3 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome */
	-moz-border-radius: 8px;		/* Firefox */
	/*behavior: url(./js/PIE.htc);*/
}
.gekijo_box{
	width:480px;
	height:360px;
	margin:0 auto;
	padding-bottom: 10px;
}
.gekijo_text{
	text-align: center;
	color: #FFF;
	/* [disabled]margin: 10px; */
	padding: 10px;
	
}


/*メルマガ*/
.kokuchi{
	margin:0 auto;
	width: 480px;
	height: 250px;
}
.mailmaga_form{
	float: left;
	width: 49%;
	background-color: #E0E0E0;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

.magazine_pic{
	float: left;	
}

.page_return{
	margin-top:10px;
	font-size:small;
	text-align:right;
}

/*PCゲームのスクリーンショット*/
.sc_box{
	margin: 0 auto;
	width: 420px;
	
	
}
.sc_box1{
	float: left;
	
	
}
.sc_box2{
	float: right;
	
	
}



/*イベント用*********************************************************/

.ev_item{
	width:830px;
	margin: 0 auto 5px auto;
	padding:5px;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	/*height: 70px;*/
	z-index: 71;
	position: relative;
	background-color: #FFF;
}

.ev_item_fl{
	width:830px;
	padding:5px;
	/*角丸*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*半透明シャドウ*/
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	/*height: 70px;*/
	z-index: 71;
	position: relative;
	background-color: #FFF;
}


.ev_midashi_box{
	width: 88%;
	font-weight: bold;
	font-size: large;
	color:#FFFFFF;
	background-color:#ff9900;

	line-height: 1.2em;
	margin-left:5px;
	margin-bottom:8px;

	padding-top:8px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:10px;

	word-wrap: break-word;	/*折り返し*/
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
}
audio{
	width: 780px;
}
/*
	.inbox_reverse{
		background-color:#F90;
		height:66px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
*/

/*
	.event_banner img{
		width:840px;
		height:124px;
		margin:0 auto;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
		-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
		box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
		z-index: 53;
		position: relative;
		margin-bottom: 10px;
	}
*/

/*PR LOGIN***********************************************/
#lgbt a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 140px;
	background-image: url(../img/common/login_button.gif);
	padding-top: 32px;
	text-align: center;
	margin: 2px 5px;
}

#lgbt a:hover {
	background-position: 0 -32px;
}