@charset "Shift-JIS";

/*----------------------------------------
■モバイル紹介ページ
■mobile.html
-----------------------------------------*/

body#mobile div#container{
	width: 860px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
}

body#mobile div#container:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

body#mobile div#container div#header{
	text-align:center;
}

body#mobile div#container img.emoji{
	margin:0 2px;
	vertical-align:sub;
	margin-right: 5px;
}

/* 絵文字の位置：IE7のみ適用 */
*:first-child+html body#mobile div#container img.emoji{
	vertical-align:baseline;
}

/* 絵文字の位置：IEバージョン 6 以下の IE にのみ適用 */
* html body#mobile div#container img.emoji{
	vertical-align:baseline;
}

/*----------------------------------------
タイトル
-----------------------------------------*/

body#mobile div#container p#th-mobile{
	width:780px;
	_width:820px;/*IE6*/
	height:36px;
	margin:0 auto;
	padding-bottom:13px;
	text-align:right;
}

body#mobile div#container div#info-area span.emphasis{
	color:#c00;
}

/*----------------------------------------
インフォメーションエリア
-----------------------------------------*/

body#mobile div#container div#info-area{
	width:340px;
	float:left;
}

/*インフォメーション
-----------------------------------------*/
body#mobile div#container div#info-area p#th-information{
	text-indent:-9999px;
	height:21px;
	background:url(../img/mobile/th_information.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

body#mobile div#container div#info-area dl#intro{
	padding:10px 40px 10px 10px;
}

body#mobile div#container div#info-area dl#intro:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

body#mobile div#container div#info-area dl#intro dt{
	width:82px;
	height:82px;
	float:right;
	background:url(../img/mobile/qr_code_bg.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

body#mobile div#container div#info-area dl#intro dt img{
	margin:10px 0 0 10px;	
}

body#mobile div#container div#info-area dl#intro dd{
	width:198px;
	float:left;
	line-height:1.6em;
	color:#0f0865;
}

body#mobile div#container div#info-area dl.contents-intro{
	padding:10px 50px 10px 10px;
	clear:both;
}

body#mobile div#container div#info-area dl.contents-intro-bottom{
	padding:10px 50px 35px 10px;
}

body#mobile div#container div#info-area dl dt{
	color:#f31ebe;
	line-height:1.6em;
}

body#mobile div#container div#info-area dl dd{
	line-height:1.6em;
	color:#0f0865;
}

/*MENU LIST
-----------------------------------------*/
body#mobile div#container div#info-area p#th-menulist{
	clear:both;
	text-indent:-9999px;
	height:21px;
	background:url(../img/mobile/th_menulist.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

body#mobile div#container div#info-area table#menulist{
	margin:10px 50px 15px 0px;
}

body#mobile div#container div#info-area table#menulist td{
	padding:0 0 10px 10px; 
	line-height:1.6em;
	color:#0f0865;
	text-align:left;
}

/*TELL YOUR FRIENDS
-----------------------------------------*/
body#mobile div#container div#info-area p#th-yourfriends{
	clear:both;
	text-indent:-9999px;
	height:21px;
	background:url(../img/mobile/th_tellyourfriends.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

body#mobile div#container div#info-area div#yourfriends{
	padding:10px 50px 10px 10px;
}

body#mobile div#container div#info-area div#yourfriends p{
	line-height:1.6em;
	color:#0f0865;
}

body#mobile div#container div#info-area div#yourfriends p.attention{
	font-size:0.9em;
	color:#f00;
}

body#mobile div#container div#info-area div#yourfriends form{
	padding:10px 0;
}

/*----------------------------------------
メインエリア
-----------------------------------------*/

body#mobile div#container div#main-area{
	width:520px;
	float:left;
}

body#mobile div#container div#main-area a:link{
	color:#0f0865;
	text-decoration: none; 
}

body#mobile div#container div#main-area a:visited{
	color:#0f0865;
	text-decoration: none; 
} 

body#mobile div#container div#main-area a:hover{
	color:#feb300;
	text-decoration: underline; 
} 

body#mobile div#container div#main-area a:active{
	color:#0f0865;
	text-decoration: none; 
} 

/*flashmovie
-----------------------------------------*/
body#mobile div#container div#main-area dl#flashmovie{
	width:520px;
}

body#mobile div#container div#main-area dl#flashmovie dt{
	padding:0 20px;
}

body#mobile div#container div#main-area dl#flashmovie dd{
	padding:0 20px 20px 20px;
}

body#mobile div#container div#main-area dl#flashmovie form#flashmovietag-form input{
	width:476px;
	_width:480px;/*IE6*/
}

/*NEW CONTENTS
-----------------------------------------*/
body#mobile div#container div#main-area p#th-newcontents{
	text-indent:-9999px;
	height:21px;
	background:url(../img/mobile/th_newcontents.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

body#mobile div#container div#main-area table#newcontents{
	width:520px;
}

body#mobile div#container div#main-area table#newcontents td.thumbnail{
	padding:13px 0;
	background:url(../img/mobile/movie_thumbnail_bg.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

body#mobile div#container div#main-area table#newcontents td.thumbnail img{
	width:154px;
	height:116px;
}

body#mobile div#container div#main-area table#newcontents td{
	text-align:center;
	line-height:1.6em;
	color:#f3c;
}

/*SAMPLE MOVIE
-----------------------------------------*/
body#mobile div#container div#main-area p#th-samplemovie{
	text-indent:-9999px;
	height:31px;
	background:url(../img/mobile/th_samplemovie.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

body#mobile div#container div#main-area table#samplemovie{
	width:520px;
}

body#mobile div#container div#main-area table#samplemovie td.thumbnail{
	padding:13px 0;
	background:url(../img/mobile/movie_thumbnail_bg.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

body#mobile div#container div#main-area table#samplemovie td.thumbnail img{
	width:154px;
	height:116px;
}

body#mobile div#container div#main-area table#samplemovie td{
	text-align:center;
	line-height:1.6em;
	color:#f3c;
}

/*Copyright
-----------------------------------------*/

body#mobile div#copy{
	margin: 40px;
	line-height:15px;
	font-size:11px;
	color:#222222;
}