@charset "utf-8";

/*--------------------------
◇H1
--------------------------*/

#page-title {
	width:1020px;
	padding:8px 0px 0px 0px;
	background-color:#FFF;
	clear:both;
}

#page-title h1 {
	text-align:center;
	color:#333;
	font-size:12px;
}

/*--------------------------
◇背景ジャック
--------------------------*/
#all{
	_background:#000;/* IE6用 */
}

/*
#bg_jack{
	position:absolute;
	background:#000 url(../images/pmang/top/pmang_s4_bg.jpg) no-repeat center 51px;
	width:100%;
	height:100%;
	min-width:1020px;
	min-height:1000px;
	_height:1000px;
	_overflow:visible;
	top:0;
	left:0;
	text-align:center;
	/zoom:1;
}
/* 背景全体クリック *
#bg_jack a{
	display:block;
	height:100%;
	/height:800px;
	min-width:1020px;
	min-height:1000px;
	/zoom:1;
}
*/

#bg_jack{
	position:absolute;
	/* background:#031434 url(../images/pmang/top/bgjack_1411/bg.jpg) no-repeat center 51px; */
	width:100%;
	height:100%;
	min-width:1020px;
	min-height:1610px;
	height:1610px;
	_height:1000px;
	_overflow:visible;
	top:0;
	left:0;
	text-align:center;
	/zoom:1;
}

#bg_jack.cursor {
	cursor:pointer;
}

/* 背景一部クリック(左側表示)
#bg_jack div{
	position:relative;
	width:1020px;
	margin:0 auto;
	/zoom:1;
}
#bg_jack a{
	position:absolute;
	display:block;
	width:230px;
	height:700px;
	top:51px;
	left:-230px;
	/zoom:1;
}
*/
/* 背景ジャック非表示
#bg_jack{
	display:none;
}
*/

/*--------------------------
◇レイアウト
--------------------------*/

#content_area {
	position:relative;
	width:1000px;
	min-height:600px;
	padding:0 10px;
	/zoom:1;
}

/*--------------------------
◇レイアウト：ヘッダー
--------------------------*/
#header_area_top{
	background:#f0f0f0;
	height:300px;
	margin:0 0 25px;
	padding:10px;
	overflow:hidden;
	text-align:left;
	/zoom:1;
}

/*--------------------------
◇ヘッダーバナーエリア 210413
--------------------------*/
#head_top_banner{
	width:1020px;
	height:144px;
	margin-bottom: 20px;
	background:#ececec;
}

/*--------------------------
・ローテーションバナー
--------------------------*/
.header_banner{
	height:300px;
	float:left;
	/display:inline;
	/zoom:1;
}
.header_banner .bx-wrapper{
	height:300px;
	overflow:hidden;
	text-align:center;
	/zoom:1;
}
.header_banner .bx-wrapper ul{
	width:730px;
	height:300px;
	float:left;
	/display:inline;
	/zoom:1;
}
.header_banner .bx-wrapper .bx-pager {
	position:relative;
	width:731px;
	display:table;
	height:6px;
	margin:-15px -1px 0 0;
	z-index:200;
	overflow:hidden;
	border-top:transparent solid 10px;

	/display:inline;
	/height:25px;
	/margin:-31px 0 0;
	/border:none;
	/border-left:#1c1f2b solid 3px;
	/border-right:#1c1f2b solid 3px;
	/width:auto;
	/zoom:1;
}

.header_banner .bx-wrapper .bx-pager .bx-pager-item {
	display:table-cell;
	background:rgba(0,0,0,0.3);
	border-top:#1c1f2b solid 1px;
	border-right:#1c1f2b solid 1px;
	text-decoration:none;
	/* jQuery2.2.2用
	height:6px;
	padding:6px 0 0;
	font-size:0;
	*/
	/display:inline;
	/background:#1c1f2b;
	/width:30px;
	/height:22px;
	/line-height:22px;
	/padding:0;
	/font-size:10px;
	/color:#fff !important;
	/font-family:Verdana, Geneva, sans-serif;
	/border:none;
	/border-bottom:#1c1f2b solid 3px;
	/zoom:1;
}

.header_banner .bx-wrapper .bx-pager .bx-pager-item:hover{
	background:#fff;
	/background:#1c1f2b;
	/color:#d7ff19 !important;
	cursor:pointer;
}

.header_banner .bx-wrapper .bx-pager .bx-pager-item a {
	display:block;
	text-indent:-9999px;
}

.header_banner .bx-wrapper .bx-pager .bx-pager-item .active{
	background:#d7ff19;
	/background:#1c1f2b;
	/color:#d7ff19 !important;
	/border-bottom:#d7ff19 solid 3px;
}
.header_banner .bx-wrapper .bx-prev,
.header_banner .bx-wrapper .bx-next{
	background:url(../images/pmang/template/top.png?1390897322) no-repeat;
	display:block;
	position:absolute;
	top:100px;
	width:40px;
	height:100px;
	text-decoration:none;
	z-index:100;
	overflow:hidden;
	_display:none;
	/zoom:1;
}
.header_banner .bx-wrapper .bx-prev{background-position:-415px 10px;}
.header_banner .bx-wrapper .bx-prev:hover{background-position:-495px 10px;}
.header_banner .bx-wrapper .bx-next{background-position:-375px 10px;}
.header_banner .bx-wrapper .bx-next:hover{background-position:-455px 10px;}
.header_banner .bx-wrapper .bx-prev{
	left:0;
}
.header_banner .bx-wrapper .bx-next{
	right:0;
}

/*---------------------------------------
	ビジュアル画像を横幅1020pxにした場合
---------------------------------------*/

#content_area.content_area_top {
	width:1020px;
	padding:0 0px;
}

#content_area.content_area_top #header_area_top {
	padding:0px 0px 0px 0px;
	height: auto;
}

#content_area.content_area_top #header_area_top.header_area_top02 {
	height:1257px;
}

#content_area.content_area_top #main_area_top {
	padding:0px 0px 0px 10px;
}

#content_area.content_area_top #side_area_top {
	padding:0px 10px 0px 0px;
}

#content_area.content_area_top .header_banner {
	height:459px;
}

#content_area.content_area_top .header_banner.header_banner_bg {
	background: url(../images/pmang/top/bgjack_1411/visual.jpg) no-repeat;
	width:1020px;
	position:relative;
}

#content_area.content_area_top .header_banner.header_banner_bg.cursor {
	cursor:pointer;
}

#content_area.content_area_top .header_banner.header_banner_bg .logo {
	position:absolute;
	top:10px;
	left:0px;
	z-index:20;
}

#content_area.content_area_top .header_banner.header_banner_bg .logo2 {
	position:absolute;
	top:15px;
	right:0px;
	z-index:20;
}

#content_area.content_area_top .header_banner #eye {
	position:absolute;
	top:103px;
	left:266px;
	z-index:5;
}

#content_area.content_area_top .header_banner .light {
	position:absolute;
	top:-10px;
	z-index:10;
	opacity:0.3;
}

#content_area.content_area_top .header_banner #light01 {
	left:177px;
	top:-63px;
}

#content_area.content_area_top .header_banner #light02 {
	left:20px;
}

#content_area.content_area_top .header_banner #light03 {
	left:550px;
}

#content_area.content_area_top .header_banner #light04 {
	left:58px;
}

#content_area.content_area_top .header_banner #light05 {
	left:641px;
}

#content_area.content_area_top .header_banner #light06 {
	left:779px;
}

#content_area.content_area_top .header_banner #light07 {
	left:0px;
}

#content_area.content_area_top .header_banner #light08 {
	left:10px;
}

#content_area.content_area_top .bx-wrapper {
	height:459px;
	width:1020px;
  position: relative;
}

#content_area.content_area_top .header_banner .bx-wrapper ul{
	width:1020px;
	height:459px;
}

#content_area.content_area_top .header_banner .bx-wrapper .bx-pager {
	width:1020px;
}

#content_area.content_area_top .header_banner .bx-wrapper .bx-prev,
#content_area.content_area_top .header_banner .bx-wrapper .bx-next {
  /*top:400px; 201202 HEADBANNER分下げた*/
  /*top:180px; 元 */
  top: calc(50% - 50px);/*210602 上に要素が追加されると都度調整が必要だったので、抜本的に修正した */
  bottom: calc(50% - 50px);
}

/*--------------------------
・ログイン
--------------------------*/
.login_win{
	float:right;
	/display:inline;
	/zoom:1;
}
.login_win .login_area {
	width:230px;
	padding:0 5px 0;
}
.login_win .login_header {
	padding:8px 0 7px;
}
.login_footer_btn{
	margin:18px -7px 0 0;
	overflow:hidden;
	/zoom:1;
}
.login_footer_btn li{
	width:79px;
	float:left;
	/display:inline;
	/zoom:1;
}
.login_footer_btn li a{
	background:url(../images/pmang/template/login.png?1390897322) no-repeat;
	width:72px;
	padding:72px 0 0;
}
.login_footer_btn li .btn_guide{background-position:0 -787px;}
.login_footer_btn li .btn_rule{background-position:-72px -787px;}
.login_footer_btn li .btn_faq{background-position:-144px -787px;}
.login_footer_btn li .btn_jewel_guide{background-position:0 -931px;}
.login_footer_btn li .btn_contact{background-position:-72px -931px;}
.login_footer_btn li .btn_guide:hover{background-position:0 -859px;}
.login_footer_btn li .btn_rule:hover{background-position:-72px -859px;}
.login_footer_btn li .btn_faq:hover{background-position:-144px -859px;}
.login_footer_btn li .btn_jewel_guide:hover{background-position:0 -1003px;}
.login_footer_btn li .btn_contact:hover{background-position:-72px -1003px;}

.login_area .ttl_login_after {
	background-position:-10px -567px;
	padding:24px 0 0;
}
.login_win .jewel_btn_area{
	background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 0;
	text-align:left;
	margin:16px 0 -3px;
	padding:18px 0 0;
	/zoom:1;
}
.login_win .jewel_btn_area .btn_jewel{
	background:url(../images/pmang/template/login.png?1390897322) no-repeat 0 -689px;
	width:230px;
	padding:49px 0 0;
}
.login_win .jewel_btn_area .btn_jewel:hover{background-position:0 -738px;}

/*--------------------------
◇レイアウト：メイン
--------------------------*/
#main_area_top{
	width:740px;
	float:left;
	/zoom:1;
}

/*--------------------------
・ゲームリスト
--------------------------*/

.game_recommend{
	border-bottom:#FFFFFF solid 4px;
	/*background:#fff url(../images/pmang/template/top.png) no-repeat 0 bottom;*/
	background-color:#FFF;
	overflow:hidden;
	padding:0px 0px 0px 10px;
	/zoom:1;
}
.game_dl,
.game_browser,
.game_social{
	clear:both;
	margin:10px 0 0;
	/zoom:1;
}
.game_dl {
	margin:24px 0 0;
}
h3.ttl{
	background:#fff url(../images/pmang/template/top.png?1390897322) no-repeat;
	clear:both;
	padding:30px 0 0;
}
.game_recommend h3.ttl{
	background-position:0 -250px;
	width:150px;
}
.game_dl h3.ttl{background-position:0 -302px;}
.game_browser h3.ttl{background-position:0 -165px;}
.game_social h3.ttl{background-position:0 -195px;}
.game_list{
	clear:both;
	margin:0 -4px 0 0;
	position:relative;
	/zoom:1;
}
.game_recommend .game_list{
	padding:0 0 0 0px;
	overflow:hidden;
	/zoom:1;
}
.game_list li{
	float:left;
	/display:inline;
	margin:0 4px 0 0;
	/zoom:1;
	overflow: hidden;
}
.game_recommend .game_list li{
	width:328px;
	height:152px;
	margin:0 8px 0 0;
}
.game_dl .game_list li,
.game_browser .game_list li{
	width:120px;
	height:112px;
}
.game_list li a{
	display:block;
	position:relative;
	text-decoration:none;
	/zoom:1;
}
.game_list li a .icon_new{
	display:block;
	position:absolute;
	background:url(../images/pmang/template/top.png?1390897322) no-repeat -254px 0;
	width:43px;
	padding:26px 0 0;
	top:3px;
	left:3px;

	_top:2px;
	_left:2px;
	_background:#d70000;
	_text-align:center;
	_color:#fff !important;
	_font-size:10px;
	_font-family:Verdana, Geneva, sans-serif;
	_line-height:1;
	_width:30px;
	_height:10px !important;
	_padding:1px 0 2px;
}
.game_social .game_list li a .icon_new{
	_top:0px;
	_left:0px;
}
.game_list li a .game_title{
	border:#eeeeee solid 4px;
	/zoom:1;
}
body:not(.mobile-device) .game_list li a:hover .game_title{
	border:#1c1f2b solid 4px;
}
.game_list strong{
	display:block;
	text-align:left;
	color:#555555 !important;
	font-size:10px;
	font-weight:normal;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	background: url(../images/pmang/template/login.png?1390897322) no-repeat -243px -627px;
	padding:3px 0 0 7px;
	/zoom:1;
}
.game_recommend .game_list strong{
	background: url(../images/pmang/template/login.png?1390897322) no-repeat -243px -1227px;
	padding:2px 0 0 7px;
	line-height:1.3;
}
.game_update .game_list strong{
	font-size:12px;
	font-weight:bold;
	margin:5px 0px 7px 0px;
}
.game_update .game_list .text {
	font-size:12px;
	color:#555555;
	line-height:1.2
}
.game_list .detail{
	display:none;
	position:absolute;
	top:106px;
	left:0;
	background:#1c1f2b;
	width:740px;
	height:110px;
	color:#fff;
	z-index:3;
	/zoom:1;
}
.game_dl .game_list{z-index:2;}
.game_browser .game_list{z-index:1;}
.game_list .d1{top:106px;}
.game_list .d2{top:218px;}
.game_list .d3{top:330px;}
.game_list .d4{top:442px;}
.game_list .d5{top:554px;}
.game_list .d6{top:666px;}
.game_social{
	background:#eee;
	padding:0 0 2px;
}

.game_social_nav{
	position:relative;
	margin:2px 2px -1px;
	overflow:hidden;
	/zoom:1;
}
.game_social_nav li{
	border-top:#eeeeee solid 1px;
	border-left:#dddddd solid 1px;
	float:left;
	width:126px;
	/display:inline;
	/zoom:1;
}
.game_social_nav li.game_social_mobile{
	border-top:#dddddd solid 1px;
}
.game_social_nav li.game_social_icon{
	border:none;
	float:right;
	width:260px;
	padding:7px 0 0;
}
.game_social_nav .icon_mobile{
	background: url(../images/pmang/template/top.png?1390897322) no-repeat;
	width:254px;
	padding:19px 0 0;
}
.game_social_nav li strong,
.game_social_nav li a{
	display:block;
	width:126px;
	padding:11px 0 11px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#1c1f2b !important;
	/zoom:1;
}
.game_social_nav li strong{
	border-top:#1c1f2b solid 2px;
	background:#fff;
}
.game_social_nav li a{
	border-top:#eeeeee solid 2px;
}
.game_social_nav li a:hover{
	text-decoration:underline;
}

.game_social_list{
	background:#fff;
	border:#dddddd solid 1px;
	text-align:left;
	padding:12px 0;
	margin:0 2px;
	/zoom:1;
}
.game_social_list .bx-wrapper{
	padding:0 16px 0 30px;
}
.game_social_list .game_list{
	overflow:hidden;
	padding:0 16px 0 30px;
}
.game_social_list .bx-wrapper .game_list{
	padding:0;
}
.game_social_list .game_list li{
	display:block;
	width:86px;
	margin:0;
	text-align:left;
	float:left;
	/display:inline;
	/zoom:1;
}
.game_social_list .game_list li .none{
	background: url(../images/pmang/template/top.png?1390897322) no-repeat -585px 0;
	display:block;
	width:74px;
	height:88px;
}
.game_social_list .game_list li a{
	width:74px;
	display:block;
	background: url(../images/pmang/template/top.png?1390897322) no-repeat -585px 0;
	padding:6px 0 0;
	text-align:center;
	/zoom:1;
}
.game_social_list .game_list li a:hover{
	background-position:-659px 0;
}
.game_social_list .game_list strong{
	width:74px;
	background:none;
	text-align:center;
	padding:10px 0 0;
	overflow:hidden;
}
.game_social_list .game_list .game_title{
	border:none !important;
}
.game_social_list .bx-prev,
.game_social_list .bx-next{
	display:block;
	position:absolute;
	background: url(../images/pmang/template/top.png?1390897322) no-repeat;
	width:13px;
	height:15px;
	overflow:hidden;
	top:36px;
	/zoom:1;
}
.game_social_list .bx-prev{
	background-position:-244px -50px;
	left:4px;
}
.game_social_list .bx-next{
	background-position:-244px -65px;
	right:4px;
}

/* イベント・アップデート情報 */
.game_update h3.ttl {
	background-position: 0 -275px;
}

.slider {
	overflow: hidden;
	margin-top:-21px;
}

.slider .viewport {
	width: 740px;
	height: 200px;
	float: left;
	overflow: hidden;
	position: relative;
}

.slider .overview {
	position: absolute;
	left: 0;
	top: 25px;
}

.slider .overview li {
	margin: 0 8px 0 0;
	height:auto;
	width: 241px;
	float: left;
	text-align:left;
}

.slider .buttons {
	height: 10px;
	width: 10px;
	background: #EEE;
	display: block;
	position:absolute;
	font-size:10px;
	color:#888888;
	border:1px solid #dddddd;
	padding:3px 3px 3px 3px;
}
.slider .next {
	top:0px;
	left:720px;
	text-decoration:none;
}

.slider .prev {
	top:0px;
	left:700px;
	text-decoration:none;
}

.num {
	position:absolute;
	top:3px;
	left:670px;
}

/* INFO */
.info_area{
	overflow:hidden;
	margin:35px 0;
}
.info_area .info_list,
.info_area .mainte_list{
	width:365px;
	/display:inline;
	/zoom:1;
}
.info_area .info_list{
	float:left;
}
.info_area .mainte_list{
	float:right;
}
.info_area .info_list .ttl{
	background-position:0 -83px;
	padding:26px 0 0;
}
.info_area .mainte_list .ttl{
	background-position:0 -109px;
	padding:26px 0 0;
}
.info_area .more{
	margin:-26px 0 0;
	padding:6px 0 5px 289px;
	text-align:left;
	/zoom:1;
}
.info_area ul{
	text-align:left;
}
.info_area li{
	background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 top;
	margin:-1px 0 0;
	padding:10px 0;
}
.info_area li a{
	display:block;
	background: url(../images/pmang/template/login.png?1390897322) no-repeat -243px -928px;
	color:#666666 !important;
	text-decoration:none;
	font-size:10px;
	line-height:1.4;
	padding:0 0 0 8px;
	/zoom:1;
}
.info_area li a:hover{
	text-decoration:underline;
}

/*--------------------------
◇レイアウト：サイド
--------------------------*/
#side_area_top{
	width:250px;
	float:right;
	/zoom:1;
}

#side_area_top .banner_head{
}
#side_area_top .banner_head li{
	padding:0 0 10px;
}
#side_area_top .banner_foot{
	padding:0 0 10px;
}
#side_area_top .banner_foot li{
	padding:0 0 10px;
}

#side_area_top .twitter_timeline{
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
}

#side_area_top .social_area{
	background:#eeeeee;
	margin:0 0 10px;
	padding:2px;
	/zoom:1;
}
#side_area_top .social_area .nav{
	font-size:0px;
	text-align:left;
	background:url(../images/pmang/template/login.png?1390897322) no-repeat 0 -398px;
	/zoom:1;
}
#side_area_top .social_area .nav li{
	float:left;
	/display:inline;
	/zoom:1;
}
#side_area_top .social_area .nav li strong,
#side_area_top .social_area .nav li a{
	display:block;
	background:url(../images/pmang/template/login.png?1390897322) no-repeat;
	width:83px;
	padding:33px 0 0;
	/zoom:1;
}
#side_area_top .social_area .nav li strong{
	position:relative;
	/position:inherit;
	z-index:1;
}
#side_area_top .social_area .nav li a.tab_twitter{
	background-position:0 -332px;
	width:82px;
}
#side_area_top .social_area .nav li strong.tab_twitter{
  background:url(../images/pmang/template/tab_twitter.png) no-repeat!important;
  width:246px!important;
}
#side_area_top .social_area .nav li a.tab_blog{
	background-position:-82px -332px;
	margin:0 -1px;
}
#side_area_top .social_area .nav li strong.tab_blog{
	background-position:-82px -365px;
	margin:0 -1px;
}
#side_area_top .social_area .nav li a.tab_ustream{
	background-position:-165px -332px;
}
#side_area_top .social_area .nav li strong.tab_ustream{
	background-position:-165px -365px;
}
#side_area_top .social_area .social_main{
	clear:both;
	background:#fff;
	border:#dddddd solid 1px;
	border-top:none;
	text-align:left;
	padding:3px;
	/zoom:1;
}
#side_area_top .social_area .social_win{
	clear:both;
	text-align:left;
	font-size:10px;
	line-height:1.5;
	padding:5px 5px 0;
	height:270px;
	overflow: auto;
	overflow-y: scroll;
	word-break: break-all;
	/zoom:1;
}
#side_area_top .social_area #twitter_area{
	overflow:hidden;
	overflow-y:hidden;
	padding:0 0 0 5px;
	height:275px;
}
.twitter-timeline{
	/* height:275px; */
}
#side_area_top .social_area .social_footer{
	text-align:center;
	padding:5px 5px 3px;
}
#side_area_top .social_area .social_footer a{
	margin:0 auto;
}

/* Twitter */
#side_area_top .social_area #twitter_area ul{
	overflow:hidden;
	/zoom:1;
}
#side_area_top .social_area #twitter_area li{
	background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 top;
	color:#999999;
	margin:-1px 0 0;
	padding:5px 5px 5px 30px;
	word-break: break-all;
	overflow:hidden;
	/zoom:1;
}
#side_area_top .social_area #twitter_area a{
	color:#999999 !important;
	text-decoration:underline;
	padding:0 0 2px;
}
#side_area_top .social_area #twitter_area a:hover{
	color:#1c1f2b !important;
	text-decoration:underline;
}
#side_area_top .social_area #twitter_area .hashLink{
	color:#33ccff !important;
	text-decoration:none;
	font-weight:normal;
}
#side_area_top .social_area #twitter_area .hashLink:hover{
	color:#33ccff !important;
	text-decoration:underline;
}
#side_area_top .social_area #twitter_area .name{
	color:#1c1f2b !important;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 2px;
}
#side_area_top .social_area #twitter_area .time{
	display:block;
	float:right;
	/display:inline;
	text-align:right;
	padding:0 0 0 5px;
	color:#ccc;
	/zoom:1;
}
#side_area_top .social_area #twitter_area .twitter_icon{
	float: left;
	width: 24px;
	height: 24px;
	margin: 3px 5px 0 -29px;
	vertical-align: top;
	/zoom:1;
}

/* RSS */
#side_area_top .social_area #feeds_area {
	color:#999;
	overflow:hidden;
	/zoom:1;
}
#side_area_top .social_area #feeds_area dt{
	clear:both;
	background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 top;
	margin:-1px 0 0;
	height:27px;
	line-height:27px;
	text-align:left;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	/zoom:1;
}
#side_area_top .social_area #feeds_area dd{
	margin:-27px 0 0 32px;
	padding:7px 0 6px;
	line-height:1.3;
	word-break: break-all;
	/zoom:1;
}
#side_area_top .social_area #feeds_area dd a{
	color:#1c1f2b !important;
	text-decoration:none;
	padding:0 0 3px;
}
#side_area_top .social_area #feeds_area dd a:hover{
	text-decoration:underline;
}
#side_area_top .social_area #feeds_area dd .new{
	float:right;
	display:inline-block;
	/display:inline;
	white-space:nowrap;
	background:#8cb9c3;
	color:#fff !important;
	font-weight:normal;
	margin:0 0 0 5px;
	padding:0 3px;
	font-size:10px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	/zoom:1;
}

/* Ustream */
#side_area_top .social_area #ustream_area{
	min-height:270px;
	overflow:visible;
	overflow-y:visible;
	height:auto;
	padding: 5px 4px 0;
}
#side_area_top .social_area #ustream_area .ust_ticker{
	color:#ab3000;
	padding:0 0 5px;
	font-weight:bold;
	text-align:center;
}
#side_area_top .social_area #ustream_area .ust_offline{
	color:#ccc;
	font-weight:normal;
}
#side_area_top .social_area #ustream_area dl{
	color:#999;
	padding:6px 0;
}
#side_area_top .social_area #ustream_area dt{
	background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 bottom;
	padding:0 0 7px;
	font-weight:bold;
}
#side_area_top .social_area #ustream_area dt a{
	background: url(../images/pmang/template/login.png?1390897322) no-repeat -243px -931px;
	color:#1c1f2b;
	text-decoration:none;
	padding:0 0 2px 8px;
	line-height:1.4;
}
#side_area_top .social_area #ustream_area dt a:hover{
	text-decoration:underline;
}
#side_area_top .social_area #ustream_area dd{
	padding:5px 0 0;
}

/* SIDE_EVECAM */
.evecam_area{
	background:#eee;
	padding:4px;
	margin:0 0 10px;
}
.evecam_area .evecam_win{
	border:#ddd solid 1px;
	background:#fff;
	padding:0 0 2px;
}
.evecam_area .ttl{
	background-position:0 -50px;
	padding:33px 0 0;
}
.evecam_area dl{
	text-align:left;
	font-size:10px;
	line-height:1.3;
	vertical-align:middle;
	padding:0 7px;
	overflow:hidden;
	/zoom:1;
}
.evecam_area dt{
	background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 top;
	height:24px;
	line-height:24px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin:-1px 0 0;
	overflow:hidden;
	/zoom:1;
}
.evecam_area dt img{
	margin:5px 0 0 0;
	vertical-align:middle;
}
.evecam_area dt .date{
	margin:-20px 0 0 50px;
	display:block;
	/zoom:1;
}
.evecam_area dd{
	margin:-24px 0 0 0;
	padding:5px 0 6px 80px;
	word-break: break-all;
	/zoom:1;
}
.evecam_area dd a{
	color:#1c1f2b !important;
	text-decoration:none;
	padding:0 0 2px;
}
.evecam_area dd a:hover{
	text-decoration:underline;
}

/* SIDE_BANNER */
#side_area_top .banner_area{
	margin:0 0 20px;
	border:#ddd solid 1px;
	background:#eee;
	padding:4px;
	text-align:center;
}
#side_area_top .banner_area .banner_in{
	border:#fff solid 1px;
	background:#e3e3e3;
	padding:1px;
}
#side_area_top .banner_area .banner_in ul{
	background:#fff;
	padding:8px 0 3px;
}
#side_area_top .banner_area .banner_in ul li{
	padding:0 0 5px;
}

/* ログインエリア */
.login_area {
	background-color:#eeeeee;
	padding:10px 0px 10px 7px;
	margin:9px 0px 20px 0px;
	width:243px;
}
*+html .login_area {
	padding:10px 1px 10px 6px;
}
.login_area .imgsp {
	background:#fff url(../images/pmang/template/top.png?1390897322) no-repeat;
	display:block;
	width:236px;
	height:61px;
	overflow: hidden;
	text-indent:-9999px;
}
.login_area .btn_a {
	background-position:0px -335px;
}
.login_area .btn_a:hover {
	background-position:-236px -335px;
}
.login_area .login {
	border-top:solid 1px #d6d6d6;
	width:236px;
	padding:5px 0px 0px 0px;
}
.login_area .btn_b {
	background-position:0px -444px;
	height:53px;
}
.login_area .btn_b:hover {
	background-position:-236px -444px;
}
.login_area .text {
	background-position:-472px -381px;
	width:144px;
	height:15px;
	margin:0px auto 0px auto;
}
.openid {
	background-color:#dededf;
	padding:8px 0px 3px 0px;
	margin:5px 7px 5px 0px;
}
.login_openid_btn {
	height: 24px !important;
	list-style: none outside none;
	overflow: hidden;
	width:64px;
	margin:0px auto 5px auto;
}
.login_openid_btn li {
	float: left;
	height: 48px;
	padding-right: 8px;
	width: 24px !important;
}
.login_openid_btn li.last {
	padding-right: 0px;
}
.login_openid_btn .imgsp {
	background:#fff url(../images/pmang/template/top.png?1390897322) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 24px 0 0;
	text-align: left;
	vertical-align: middle;
}
.login_openid_btn .btn_google {
	background-position: 0 -396px !important;
}
.login_openid_btn .btn_google:hover {
	background-position: 0 -420px !important;
}
.login_openid_btn .btn_yahoo {
	background-position: -30px -396px !important;
}
.login_openid_btn .btn_yahoo:hover {
	background-position: -30px -420px !important;
}
.login_openid_btn .btn_twitter {
	background-position: -60px -396px !important;
}
.login_openid_btn .btn_twitter:hover {
	background-position: -60px -420px !important;
}
.login_openid_btn .btn_facebook {
	background-position: -90px -396px !important;
}
.login_openid_btn .btn_facebook:hover {
	background-position: -90px -420px !important;
}
.login_openid_btn .btn_mixi {
	background-position: -120px -396px !important;
}
.login_openid_btn .btn_mixi:hover {
	background-position: -120px -420px !important;
}

/* アカウントエリア */
.account_area {
	background-color:#eeeeee;
	padding:10px 0px 10px 7px;
	margin:9px 0px 20px 0px;
	width:243px;
}

*+html .account_area {
	padding:10px 3px 10px 3px;
}

.account_area .imgsp {
	background:#fff url(../images/pmang/template/top.png?1390897322) no-repeat;
	display:block;
	width:236px;
	height:61px;
	overflow: hidden;
	text-indent:-9999px;
}
.account_area .btn_a {
	background-position:0px -497px;
}
.account_area .btn_a:hover {
	background-position:-236px -497px;
}
.account_area .info,
.account_area .mp div {
	background-color:#FFF;
	padding:8px 10px 8px 10px;
	border:#e5e5e5 solid 1px;
	width:214px;
	margin:7px 0px 3px 0px;
}
.account_area .mp div {
	overflow:hidden;
}
.account_area .info p,
.account_area .mp p {
	float:left;
	color:#5b5959;
	font-weight:bold;
	font-size:13px;
	width:102px;
}
.account_area .mp p{
	width:auto;
	text-align:left;
	padding: 0 0 0 16px;
}
.account_area .info .text,
.account_area .mp .text  {
	background:#fff url(../images/pmang/template/top.png?1390897322) no-repeat;
	background-position:0px -612px;
}
.account_area .mp .text  {
	background:url(../images/pmang/template/i_pmang.png?1390897322) 0 0 no-repeat;
	line-height:1.1;
}
.account_area .info .jewel {
	float:right;
}
.account_area .mp .point{
	float:right;
	padding: 0 4px 0 0;
}
.account_area .info span {
	color:#399a29;
}
.account_area .mp span {
	color:#f4923a;
}
.account_area .info02 {
	padding:8px 20px 10px 0px;
}
.account_area .info02 p.text {
	float:left;
}
.account_area .info02 p {
	float:right;
	width:105px;
}
.account_area .mp .link {
	padding:8px 0 10px 8px;
}
.account_area .info02 p a,
.account_area .mp p a {
	background:#eee url(../images/pmang/template/top.png?1390897322) no-repeat;
	background-position:0px -628px;
	color:#999999;
	font-size:12px;
	text-decoration:none;
	padding:0px 0px 0px 6px;
	font-weight:normal;
}
.account_area .info02 p a:hover,
.account_area .mp p a:hover {
	text-decoration:underline;
}
.account_area .logut,
.account_area .mp {
	border-top:solid 1px #d6d6d6;
	width:236px;
	padding:5px 0px 0px 0px;
}
.account_area .mp{
	padding:0;
}
.account_area .btn_b {
	background-position:0px -558px;
	height:53px;
}
.account_area .btn_b:hover {
	background-position:-235px -558px;
}

/*--------------------------
◇ topライトボックス動画
--------------------------*/

#top_movie_area{
        background-color: #ffffff;
        width: 980px;
        padding: 0 20px;
}

#top_movie_area .top_area{
        overflow: hidden;
        padding: 10px 0;
}

#top_movie_area .top_area li:first-of-type{
        float: left;
}

#top_movie_area .top_area li:last-of-type{
        float: right;
}

#top_movie_area .top_area .title{
        font-size: 18px;
        font-weight: bold;
        color: #333333;
}

#top_movie_area .top_area .btn_close{
        display: block;
        width: 18px;
        height: 18px;
        position: relative;
}

#top_movie_area .top_area .btn_close::before,
#top_movie_area .top_area .btn_close::after{
        display: block;
        content: "";
        width: 18px;
        height: 2px;
        background-color: #333333;
        position: absolute;
        top: 50%;
}

#top_movie_area .top_area .btn_close::before{
        transform: rotate(45deg);
}

#top_movie_area .top_area .btn_close::after{
        transform: rotate(-45deg);
}

#top_movie{
        width: 980px;
        height: 572px;
        background-color: #000000;
}

#top_movie_area .bottom_area{
        overflow: hidden;
        padding: 10px 0;
}

#top_movie_area .bottom_area li:first-of-type{
        float: left;
}

#top_movie_area .bottom_area li:last-of-type{
        float: right;
}

#top_movie_area .bottom_area li:first-of-type div{
        display: inline;
}

#top_movie_area .bottom_area li:first-of-type div:first-child{
        margin-right: 10px;
}

#top_movie_area .bottom_area li:last-of-type input{
        vertical-align: bottom;
        margin-right: 5px;
}