/*
-----------------------------
Q ONLINE
AuthorFQ Entertainment, Inc.
UpdateF090820
-----------------------------
/* ----------------------- Browser Default Initialization */
@charset "UTF-8";

*{
margin:0;
padding:0;
}

html, body{height:100%;}


/* ------------ Clearfix */
.clearfix:after {
content: ".";						/* V‚΅‚’—v‘f‚πμ‚ι */
display: block;					/* ƒuƒƒbƒNƒŒƒxƒ‹—v‘f‚Ι */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}


/* ----------------------- Basic Style */
body{
height:100%;
background:#161616 url(../../Image/iPn/bodyBg.gif) repeat-x 0 0;
color:#a9a9a9;
text-align:center;
font:normal 12px/1.5em verdana, "ƒqƒ‰ƒMƒmŠΫƒS Pro W4",ƒqƒ‰ƒMƒmŠΫƒS Pro W4, Hiragino Maru Gothic Pro, "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
}

p, dd, blockquote	{
text-align: justify;
text-justify: inter-ideograph;
}

h1, h2, h3, h4, h5, h6	{font-size: 100%; }

table	{border-collapse: collapse;	border-spacing: 0; }

td,th{text-align:center;vertical-align:top; }

caption, em, strong, th, {font-style: normal; }

img{border:0}
li{list-style-type:0}
hr{display:0}


/* ------------ A style */
a:link {color: #c8c8c8; }
a:visited {color: #c8c8c8; }
a:hover {color: #6ebae2; }


/* ------------ Ft style */

.fc_red				{ color:#c81626; }
.fc_blue			{ color:#0099ff; }
.fc_orange		{ color:#ffb112; }
.fc_white			{ color:#ffffff; }

.fc_b_red				{ color:#c81626; font-weight: bold; }
.fc_b_blue			{ color:#0099ff; font-weight: bold; }
.fc_b_orange			{ color:#ffb112; font-weight: bold; }
.fc_b_coution		{ color:#ffffff; font-weight: bold; }

.ft_10px		{ font-size:10px; }
.ft_12px		{ font-size:12px; }
.ft_14px		{ font-size:14px; }
.ft_16px		{ font-size:16px; }
.ft_lh12		{ line-height:1.2em; }				/* sŠΤ1.2”{ */
.font130		{ font-size:130%; }						/* •ΆŽšƒTƒCƒY1.3”{*/
.font15em		{ font-size:1.5em; }					/* •ΆŽšƒTƒCƒY1.5”{ */
.font20em		{ font-size:2em; }						/* •ΆŽšƒTƒCƒY2.0”{ */
.ft_bold		{ font-weight:bold; }


/* ----------------------- layout divs */
#wrapper{
width:760px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -25px;
}


/* ------------ head style */
#head{
border-top:1px solid #101010;
height:150px;
position:relative;
text-align:left;
}

.logo{margin:15px 0px 0px}

.navi{text-align:right;
float:right;}

.navi img{
width:80px;
text-align:right;
}

.navi a{
display:block;
width:80px;
height:18px;
background:url(../../Image/iPn/navi_support_on.gif) no-repeat 0 0;
}

.navi a:hover img{visibility:hidden;}

.navi_en{text-align:right;
float:right;}

.navi_en img{
width:80px;
text-align:right;
}

.navi_en a{
display:block;
width:80px;
height:18px;
background:url(../../Image/iPn/navi_support_en_on.gif) no-repeat 0 0;
}

.navi_en a:hover img{visibility:hidden;}


/* ------------ contents style */
#contents{
background:#161616 ;
padding:10px 15px 25px;
margin:0 auto;
width:730px;
display:inline-block;
position: relative; 
text-align:left;
}

#lft_ent{
background:url(../../Image/iPn/img_lumines_tfBg.jpg) no-repeat 0 0;
float:left;
width:365px;
height:200px;
}

#rt_ent{
background:url(../../Image/iPn/img_qpidBg.jpg) no-repeat 0 0;
float:right;
width:365px;
height:200px;
}

.jp{
padding:127px 0 0 185px;
text-align:left;
}

.eng{
padding:13px 0 0 185px;
text-align:left;
}

#contents h1.lumines_ft{
background:url(../../Image/iPn/h1ttl_lumines_tf.gif) no-repeat 50% 50%;
margin:0 0 20px 330px;
width:380px;
height:30px;
line-height:30px;					/* do not erase */
display:block;
position:relative;
text-indent:-9999px;
outline:0;
}

#contents h1.qpid{
background:url(../../Image/iPn/h1ttl_qpid.gif) no-repeat 50% 50%;
margin:0 0 20px 330px;
width:380px;
height:30px;
line-height:30px;					/* do not erase */
display:block;
position:relative;
text-indent:-9999px;
outline:0;
}

#contents h1.lumines_ft_en{
background:url(../../Image/iPn/h1ttl_lumines_tf_en.gif) no-repeat 50% 50%;
margin:0 0 20px 330px;
width:380px;
height:30px;
line-height:30px;					/* do not erase */
display:block;
position:relative;
text-indent:-9999px;
outline:0;
}

#contents h1.qpid_en{
background:url(../../Image/iPn/h1ttl_qpid_en.gif) no-repeat 50% 50%;
margin:0 0 20px 330px;
width:380px;
height:30px;
line-height:30px;					/* do not erase */
display:block;
position:relative;
text-indent:-9999px;
outline:0;
}

#contents p{margin:0 0 10px; }

.contents_text{
padding:0 10px 10px;
line-height:1.5em;
}

.img_right		{ float:right; }
.img_left			{ float:left; }
.img_rightmargin5	{ margin:0 0 0 5px; }
.img_leftmargin5	{ margin:0 5px 0 0; }
.img_rightmargin10	{ margin:0 0 0 10px; }
.img_leftmargin10	{ margin:0 10px 0 0; }
.mbottom5			{ margin-bottom:5px; }
.mtop10				{ margin-top:10px; }
.mbottom10		{ margin-bottom:10px; }


/* SS */
ul.thumbnail {list-style-type: 0;}
ul.thumbnail li {
float: left;
padding: 0 5px 10px;
}
ul.thumbnail li img {
border: 1px solid #cccccc;
width: 216px;
height:144px;
}
ul.thumbnail li a {display: block;}


/* form */

#contact_us{
margin:1em 0;
padding-top:10px;
}
#contact_us fieldset{
margin:0;
padding-top:.5em;
border:0;	
border-top:1px solid #b7babc;
}		
#contact_us legend{
background:#161616;
padding:0 5px;
}	
#contact_us p{
clear:both;
margin:.5em 0;
overflow:hidden;
}	
#contact_us label{
float:left;
width:125px;
display:block;
margin-right:15px;
}	
#contact_us input, #contact_us textarea{	
margin:0;	
width:475px;
border:1px solid #b7babc;	
background:#333333;
color:#ffffff;
padding:3px 5px 3px 5px;
}		
#contact_us textarea{
height:125px;
overflow:auto;
}					
#contact_us p.submit{
clear:both;
margin:1em 0;
padding:.5em 70px;
border-top:1px solid #f1f1f1;		
}	
#contact_us .button{
width:200px;
height:28px;
line-height:28px;		
border:1px solid #ffffff;
background:#E73820;
padding:0 0 10px 0;
color:#ffffff;
cursor:pointer;
text-align:center;
font-size:14px;
font-weight:bold;
}				


/* ------------ foot style */
#foot{
margin:0 auto;
position:relative;
background:url(../../Image/iPn/copy.gif) no-repeat 50% 0;
width:760px;
height:25px;
}
#foot .push {height:25px; }
#foot .copy_link{
padding:1px 0 1px 275px;
text-align:left;
}

#foot_lumi{
margin:0 auto;
position:relative;
background:url(../../Image/iPn/copy_lumines_tf.gif) no-repeat 50% 0;
width:760px;
height:25px;
}
#foot_lumi .push {height:25px; }
#foot_lumi .copy_link{
padding:1px 0 1px 180px;
text-align:left;
}