@charset "UTF-8";
/* @media handheld, all and (max-width:580px){ */
/* override parts.css */

/* PARAGRAPH */


/* HEADING */
h1.h1 span{
	font-size:125%;
}
h1.h1Img .haribotekit .hide{
	font-size:125%;
}
h1 span.ptitle_sub{
	font-size:62%;
	display:block;
	font-weight:normal;
}
#mainArea .h2Img,
#mainArea .h2{
	margin-top:1em!important;
	font-size:110%;
}
#mainArea .h2Img .haribotekit .hide{
	font-weight:bold;
}
#mainArea .h3Img,
#mainArea .h3{
	font-size:100%;
}
#mainArea .h4{
	font-size:100%;
}
#mainArea p.catch{
	font-size:100%;
}
#mainArea p.catch02{
	font-size:80%;
	background-position:0 0.2em;
}

/* ICON */


/* LINK ICON */

a.linkPop{
	display:inline;
	background:url(/common/images/icn_popup.gif) no-repeat right 0.4em;
	padding-right:15px;
}
/* more */
#mainArea p.more{
	text-align:left !important;
}
#mainArea p.more a{
	margin-left:0;
	margin-right:10px;
	white-space:normal;
}

#mainArea ul.suppleLink{
	text-align:left;
	padding-bottom:1em;
}
#mainArea ul.suppleLink li{
	display:block;
	margin-left:0;
}




/* FONT */
@media handheld{
	.fcMobMijuiro{ color:#66ccff; }
	.fcMobTsutaGrn{ color:#33cc66; }
	.fcMobPokabuOrg{ color:#ff6600; }
	.fcMobChoroPpl{ color:#9966cc; }
	.fcMobTabunPk{ color:#ff99cc; }
}

/* LIST */
#mainArea ul.inlineList li span{
	white-space:normal;
}

/* FORM ELEMENTS
--------------------------------------------------------------*/
#mainArea input.width700,
#mainArea textarea.width700,
#mainArea select.width700 {
	width:auto;
}
#mainArea input.width650,
#mainArea textarea.width650,
#mainArea select.width650 {
	width:auto;
}
#mainArea input.width600,
#mainArea textarea.width600,
#mainArea select.width600 {
	width:auto;
}
#mainArea input.width550,
#mainArea textarea.width550,
#mainArea select.width550 {
	width:auto;
}
#mainArea input.width500,
#mainArea textarea.width500,
#mainArea select.width500 {
	width:auto;
}
#mainArea input.width450,
#mainArea textarea.width450,
#mainArea select.width450 {
	width:auto;
}
#mainArea input.width400,
#mainArea textarea.width400,
#mainArea select.width400 {
	width:auto;
}
#mainArea input.width350,
#mainArea textarea.width350,
#mainArea select.width350 {
	width:auto;
}
#mainArea input.width300,
#mainArea textarea.width300,
#mainArea select.width300 {
	width:auto;
}
#mainArea input.width250,
#mainArea textarea.width250,
#mainArea select.width250 {
	width:auto;
}
#mainArea input.width200,
#mainArea textarea.width200,
#mainArea select.width200 {
	width:auto;
}
#mainArea input.width150,
#mainArea textarea.width150,
#mainArea select.width150 {
	width:auto;
}
#mainArea input.width100,
#mainArea textarea.width100,
#mainArea select.width100 {
	width:auto;
}
#mainArea input.width80,
#mainArea textarea.width80,
#mainArea select.width80 {
	width:auto;
}
#mainArea input.width50,
#mainArea textarea.width50,
#mainArea select.width50 {
	width:auto;
}
#mainArea input.width30,
#mainArea textarea.width30,
#mainArea select.width30 {
	width:auto;
}



/* BUTTON */
a.txtBtnL,
a.txtBtnC{
	display:block;
	height:auto;
	width:100% !important;
	background:#e8e8e8 url("/common/images/btn/bg_btn_smp.gif") repeat-x left top;
	border-right:solid 1px #bababa;
	border-bottom:solid 1px #ccc;
	border-radius        :3px;
	-webkit-border-radius:3px;
	-moz-border-radius   :3px;
	color:#333;
	overflow:hidden;
}
a.txtBtnL span.bg,
a.txtBtnC span.bg{
	display:block;
	height:auto;
	background:transparent none;
	overflow:auto;
	text-align:left;
	border-radius        :3px;
	-webkit-border-radius:3px;
	-moz-border-radius   :3px;
}
a.txtBtnL span.bg span.label,
a.txtBtnC span.bg span.label{
	display:block;
	background-position:0 18px;
}
a.txtBtnL.icnCircle span.bg span.label,
a.txtBtnC.icnCircle span.bg span.label{
	background-position:0 14px;
}
a.txtBtnL.wAll,
a.txtBtnC.wAll,
a.txtBtnL.wHalf,
a.txtBtnC.wHalf,
a.txtBtnL.wTri,
a.txtBtnC.wTri,
a.txtBtnL.wQuater,
a.txtBtnC.wQuater,
a.txtBtnL.wFifth,
a.txtBtnC.wFifth{
	width:100%;
}

a.txtBtnL.tgtBl .rIcon,
a.txtBtnC.tgtBl .rIcon,
a.txtBtnL.tgtPdf .rIcon,
a.txtBtnC.tgtPdf .rIcon{
	display:block;
	background-position:right center;
	margin-right:10px;
}

/* このページを印刷する */
a.btnPrint span.bg span.label,
a.btnPrintE span.bg span.label{
	background-position:0 14px;
}



/* TABLE */
#mainArea table.defTbl{
	width:100% !important;
}
#mainArea table.defTbl th{
	min-width:50px;
}


/* table.dlTbl */
table.dlTbl{
	margin:0 auto 1em;
	width:auto !important;
	border:0 none;
	border-bottom:1px solid #ccc;
	display:block;
}
table.dlTbl tbody,
table.dlTbl thead,
table.dlTbl tfoot,
table.dlTbl tr{
	width:auto;
	display:block;
}
table.dlTbl th,
table.dlTbl td{
	width:auto !important;
/*	display:table !important;*/
	padding:1em 10px 0;
	display:block !important;
	border:1px solid #ccc;
	border-bottom:0px none;
	margin:0;
}

table.dlTbl colgroup,
table.dlTbl col{
	display:none;
}



#mainArea table.layoutTbl{
	display:block;
	margin:0 auto 1em;
	width:auto !important;
	border:0 none;
}
#mainArea table.layoutTbl tbody,
#mainArea table.layoutTbl thead,
#mainArea table.layoutTbl tr{
	display:block;
}
#mainArea table.layoutTbl th,
#mainArea table.layoutTbl td{
	width:100% !important;
	display:table !important;
	padding:0;
	margin:0;
}


/* CAPTION */




/* PAGEUP */
#mainArea .pageUp{
	font-size:80%;
}



/* SOURCE CODE */
#mainArea .code{
	display:none;
}


/* 画像差し替えキット */
.haribotekit{
	width:auto !important;
	height:auto !important;
	font-size:inherit;
}
.haribotekit .hide{
	display:inline !important;
}
.haribotekit .panel{
	background:none !important;
	display:none !important;
}



/* 画像差し替えボタンリンクキット */
a.imgbutton{
	width:auto !important;
	height:auto !important;
	border-radius        :3px;
	-webkit-border-radius:3px;
	-moz-border-radius   :3px;
	padding:0.5em 0.5em 0.5em 20px;
	border-right:1px solid #b6b6b6 !important;
	border-bottom:1px solid #b6b6b6 !important;
}
a.imgbutton span.label{
	display:inline !important;
}
a.imgbutton span.panel{
	background:url("/common/images/imgbutton/imgbutton_head.gif") no-repeat left center !important;
	width:15px !important; height:80% !important;
	top:4px !important; left:4px !important;
}



/* TEXT & IMAGES */
#mainArea div.imgLFL,
#mainArea div.imgRFL{
	width:100%;
}
#mainArea div.imgLFL div.img,
#mainArea div.imgRFL div.img{
	width:100%;
	float:none;
	margin:0;
}
#mainArea div.imgLFL div.img img,
#mainArea div.imgRFL div.img img{
	max-width:100%;
	margin:0 auto;
}
#mainArea div.imgLFL div.img p,
#mainArea div.imgRFL div.img p{
	margin:0;
}


/* -------------------- .sectionfoot -------------------- */
.sectionfoot {
/**
	border:none;
/**/
	padding-top: 10px;
}
.sectionfoot a{
	display:block;
	width:auto !important;
	height:auto !important;
/**
	border-radius         :3px;
	-webkit-border-radius :3px;
	-moz-border-radius    :3px;
	border-right:1px solid #b6b6b6 !important;
	border-bottom:1px solid #b6b6b6 !important;
	color:#000000;
	text-decoration:none;
	padding:0.5em 0.5em 0.5em 20px;
	background:#ebebeb url("/common/images/imgbutton/imgbutton_head.gif") no-repeat 5px 0.5em !important;
/**/
	background:transparent url("/common/images/imgbutton/imgbutton_head.gif") no-repeat 0px center !important;
	padding:0px 0px 0px 20px;
	text-align:left;
}
/* -------------------- / .sectionfoot -------------------- */



/* -------------------- .mainsign -------------------- */
#content .mainsign{margin-bottom:1em;}

/* mainsign_1c */
#content .mainsign .mainsign_1c {}

/* mainsign_2c */
#content .mainsign .mainsign_2c {}
#content .mainsign .mainsign_2c div { }
#content .mainsign .mainsign_2c .mainsign_right .mainsign_right_last{ }

/* .mainsign_3c */
#content .mainsign .mainsign_3c {}
#content .mainsign .mainsign_3c div.mainsign_left   {  }
#content .mainsign .mainsign_3c div.mainsign_center {  }
#content .mainsign .mainsign_3c div.mainsign_right  {  }
#content .mainsign .mainsign_3c img {  }

/* -------------------- / .mainsign -------------------- */


/* -------------------- img.img -------------------- */
span.sys_img.haribotekit{ width:100% !important; text-align:left; }
span.sys_img img{ width:auto !important; max-width:100% !important; }
/* -------------------- / img.img -------------------- */

/* -------------------- img.imgLink -------------------- */
span.sys_imgLink.haribotekit{ width:100% !important; text-align:left; }
span.sys_imgLink img{ width:auto !important; max-width:100% !important; }
/* -------------------- / img.imgimgLink -------------------- */


/* -------------------- span.imgThumbBorder -------------------- */
span.imgThumbBorder{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
@media handheld{
	span.imgThumbBorder{ display:block; text-align:center; }
}
/* -------------------- / span.imgThumbBorder -------------------- */



/* -------------------- .eventDetailList -------------------- */
#content .eventDetailList{
}
/* -------------------- / .eventDetailList -------------------- */



/* -------------------- .pager -------------------- */
#content .pager{
}
#content .pager ul{
	float:none;
	background-color:#e6e6e6;
	border-radius:         5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	overflow:hidden;
	width: 100%;
	border-bottom:1px solid #b8b8b8;
	text-align:center;
}
#content .pager ul li{
	border-right:1px solid #b8b8b8;
	font-size:80%;
	width:11%;
}
#content .pager ul li.pager_prev  ,
#content .pager ul li.pager_next {
	width:20%;
}
#content .pager ul li.pager_next {
	border-right:none;
}
#content .pager ul li span.pager_nolink,
#content .pager ul li a{
	color:#000000;
	padding:1em 2px;
	display:block;
	width:auto;
	text-align:center;
}
#content .pager ul li span.pager_nolink{
	color:#737373;
}
#content .pager  span.pager_wordiness ,
#content .pager  span.pager_wordiness{
	display:none;
}
#content .pager ul li.pager_current{
	border-right-color:#999999;
	border-bottom-color:#999999;
	background-color:#bfbfbf;
}
#content .pager ul li.pager_prev span.pager_nolink {
	padding:1em 2px 1em 12px;
}
#content .pager ul li.pager_prev a {
	padding:1em 2px 1em 12px;
}
#content .pager ul li.pager_next span.pager_nolink,
#content .pager ul li.pager_next a {
	padding:1em 12px 1em 2px;
}
#content .pager ul li.pager_prev a {
	background-image:url("/common/images/icn_l_circle_mgn5.gif");
}
#content .pager ul li.pager_next a {
	background-image:url("/common/images/icn_r_circle_mgn5.gif");
}
/* -------------------- / .pager -------------------- */


/* -------------------- .thumbNewsList -------------------- */
ul.thumbNewsList{
	margin:0 0 10px;
	width:auto;
	padding:0;
	border-bottom:solid 1px #bababa;
}
ul.thumbNewsList li{
	width:auto !important;
	display:block !important;
	float:none;
	margin:0 !important;
	padding:0 !important;
	border-right:solid 1px #bababa;
}
ul.thumbNewsList li > div{
	display:block;
	width:auto;
	background:#e8e8e8 url(/common/images/btn/bg_btn_smp.gif) repeat-x left top;
}
ul.thumbNewsList a{
	display:block;
	background:url(/common/images/icn_r_circle.gif) no-repeat 10px 1em;
	padding:10px 10px 10px 30px;
	width:auto;
}
ul.thumbNewsList img.thumb{
	display:none !important;
}
/* -------------------- /.thumbNewsList -------------------- */


/* -------------------- .textNewsList -------------------- */
ul.textNewsList{
	margin:0 0 10px;
	width:auto;
	padding:0;
	border-bottom:solid 1px #bababa;
}
ul.textNewsList li{
	width:auto !important;
	display:block !important;
	float:none;
	margin:0 !important;
	padding:0 !important;
	border-right:solid 1px #bababa;
}
ul.textNewsList li > div{
	display:block;
	width:auto;
	background:#e8e8e8 url(/common/images/btn/bg_btn_smp.gif) repeat-x left top;
}
ul.textNewsList li a{
	background:url(/common/images/icn_r_circle.gif) no-repeat 10px 1em;
	padding:10px 10px 10px 30px;
	width:auto;
	color:#333;
}
/* -------------------- /.textNewsList -------------------- */

/* -------------------- .newslist -------------------- */
/* NEWS LIST */
.newslist{
	background:transparent none;
	padding:0 0 10px;
}
.newslist .tab{
	display:none;
}
.newslist .list{
	border:1px solid #ccc;
	border-top:0 none;
	background-color:#ffffff;
}
.newslist .list .newslist_noitem{
	border-top:1px solid #ccc;
	padding:5em 0px 7em 0px !important;
	text-align:center;
}

.newslist ul{
	_zoom:1;
	overflow: hidden;
	width:auto;
}
.newslist ul li{
	width:100%;
	margin-top:0;
	border-top:1px solid #ccc;
	padding:0;
	position:relative;
	background:#fff none;
	font-size:100%;
	line-height:1.2em;
}
/* .newslist ul li span.news_flags{ */
.newslist ul li span.news_flags,
.newslist ul li span.news_noflags{
	display:block;
	position:relative;
	z-index:0;
	float:none;
	margin-right:0;
	padding-left:10px;
	padding-top:0.5em;
	color:#b3b3b3;
	width:auto !important;
}
.newslist ul li a ,
.newslist ul li span.a{
	display:block;
	position:relative;
	overflow:hidden;
	z-index:10;
	/zoom:1;
	margin-top:-1.6em;
	padding:2em 30px 10px 10px;
	background:transparent url("/common/images/icn_r_circle.gif") no-repeat 98% center;
	color:#333;
	text-decoration:none;
}
.newslist ul li span.a{
	background:transparent none;
}
.newslist .moreNews{
	width:auto;
	padding:0 !important;
	margin:5px;
	background:#e8e8e8 url("/common/images/btn/bg_btn_smp.gif") repeat-x left top;
	border-right:#ccc solid 1px;
	border-bottom:#bababa solid 1px;
	text-align:center;
}
.newslist .moreNews a{
	display:block;
	padding:10px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:80%;
}
/* ゲームフラグ凡例 */
.newsFlgNote{
	padding-bottom:0;
}
.newsFlgNote dl dt,
.newsFlgNote dl dd{
	display:block;
	width:auto;
}
.newsFlgNote dl dt{
	padding-bottom:5px;
}
.newsFlgNote dl dd{
	padding-bottom:10px;
}

/* -------------------- / .newslist -------------------- */




/* -------------------- .newslisttab -------------------- */
.newslisttab,
.newslisttab *{
	display:none;
}
/* -------------------- / .newslisttab -------------------- */

