@charset "UTF-8";
/*
-----------------------------
Q ONLINE
Author：Y.Suizu
Update：091130
-----------------------------
*/

@import url(../textstyle.css);


*{
	margin:0;
	padding:0;
	}

html	{
	margin-left: -1px;
	overflow-Y: scroll;
	height:100%;
	margin-bottom:1px;
	}

/*====================================================================================================
	CSS hack for IE6.0 ( centering )
======================================================================================================*/
/*
*+html body{
padding:0 0 0 1px;
}
*/

* html body {
padding:0 0 0 1px;
}

/*====================================================================================================
	Clearfix
======================================================================================================*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	}

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

/*====================================================================================================
	BASE SET
======================================================================================================*/
BODY {
	position:relative;
	color:#333333;
	background:#96dafa url("../../../common/images/newstopics/body_bg.jpg") repeat-x 50% 0;
	text-align:center;
	font-family:verdana, Arial, "MS PGothic", sans-serif;
	font-size:12px;
	}


ul,ol,dl		{ list-style:none; }
ul.ulnormal		{ position:relative; }

a:link,
a:visited	{
	color: #003d84;
	text-decoration: underline;
	}

a:active,
a:hover		{
	color: #0059bf;
	text-decoration: none;
	}

br				{ letter-spacing: 0; }
br.blank		{ display:none; }
img				{ margin:0; border:none; }

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}

em{
	font-style:normal;
	font-weight:bold;
	}

p				{ padding-top:1em; }
p.pnopdng		{ padding:0; }


/*====================================================================================================
	Layout:Container
======================================================================================================*/
#Container{
	margin:0 auto;
	position:relative;
	width:100%;
	background:url("../../../common/images/newstopics/common_bg.jpg") repeat-y 50% 0;
	}

/*====================================================================================================
	Layout:Header
======================================================================================================*/
#Header{
	margin:0 auto;
	width:780px;
	height:100px;
	}
#Header h1{text-indent:-9999px;}

#QO_body #Header	{ background:url("../../../common/images/newstopics/header_qo.jpg") repeat-x 50% 0; }
#ALO_body #Header	{ background:url("../../../common/images/newstopics/header_alo.jpg") repeat-x 50% 0; }
#XPO_body #Header	{ background:url("../../../common/images/newstopics/header_xpo.jpg") repeat-x 50% 0; }
#AS_body #Header	{ background:url("../../../common/images/newstopics/header_as.jpg") repeat-x 50% 0; }
#NikQ_body #Header	{ background:url("../../../common/images/newstopics/header_nikq.jpg") repeat-x 50% 0; }



/* Contents Area
------------------------------------------------------------------------------------------------------*/
#Contents{
	margin:0 auto;
	width:700px;
	min-height:680px;
	height: auto !important;
	height: 680px;
	padding:20px 40px;
	text-align:left;
	background:url("../../../common/images/newstopics/contents_bg.jpg") no-repeat 50% 0;
	}
#Contents h2{
	margin:10px auto;
	display:block;
	position:relative;
	width:700px;
	height:30px;
	line-height:20px;					/* do not erase */
	text-indent:-9999px;
	outline:none;
	}

#Contents h2.txtttl	{
	clear:both;
	margin:10px auto;
	padding:3px 0 4px 0;
	height:23px;						/* check padding */
	text-indent:3em;
	color:#fff;
	background:url(../../../common/images/newstopics/h2_bg.gif) no-repeat 50% 50%;
	font-weight:bold;
	font-size:14px;
	line-height:23px;
	}

/*====================================================================================================
	Common Style
======================================================================================================*/

.hrdot{
	height:3px;
	background:url("../../images/share/line_bg01.gif") repeat left center;
	border:0;
	}
.divhr{
	height:3px;
	background:url("../../images/share/line_bg02.gif") repeat left center;
	border:0;
	}
div.topagetop{
	text-align:right;
	padding-right:15px;
	}

.img_right			{ float:right; }
.img_left			{ float:left; }
.img_rightmargin5	{ margin:0 0 0 5px; }
.img_leftmargin5	{ margin:0 5px 0 0; }
.titleimage			{ margin:0 auto; text-align:center;}
.titleimage2		{ margin:0 auto 10px; text-align:center;}								/* for use h3 bottom */
.articleimage		{ margin:5px 0; padding:2px; border:1px solid #a56b23;}
.articleimage2		{ margin:5px 5px 0 0; padding:2px; border:1px solid #a56b23;}
.articleimage3		{ margin:0 5px 0 10px; padding:2px; border:1px solid #a56b23;}			/* for float:right */
.articleimage4		{ margin:0 10px 0 5px; padding:2px; border:1px solid #a56b23;}			/* for float:left */
.articleimage_nm	{ margin:0; padding:2px; border:1px solid #a56b23;}						/* no margin */
.articleimage_nb	{ margin:0 auto; padding:5px 3px; }															/* no border and 5px margin */
.mtop5				{ margin-top:5px; }
.mbottom5			{ margin-bottom:5px; }
.mtop10				{ margin-top:10px; }
.mbottom10			{ margin-bottom:10px; }

.Contents_text{
	padding:0 20px 10px;
	line-height:1.5em;
	background:url("../../../common/images/newstopics/contents_bg.gif") repeat-y 50% 50%;
	}
.Contents_text2{
	padding:0 25px 10px;
	line-height:1.5em;
	}
.Contents_text3{			/* txt-contents:center */
	margin:0 auto;
	line-height:1.5em;
	}
.contents_top	{
	height:15px;
	background:url("../../../common/images/newstopics/contents_topbg.gif") no-repeat 50% 50%;
	}
.contents_bottom	{
	margin:0 0 10px;
	height:30px;
	background:url("../../../common/images/newstopics/contents_bottombg.gif") no-repeat 50% 50%;
	}
/* ____table____ */
.item {
	margin-top:1em;
	width:100%;
	background-color:#58b4e7;
	border-collapse: separate;
	}
.item_nm {
	width:100%;
	background-color:#58b4e7;
	border-collapse: separate;
	}
.item th,
.item_nm th	{
	padding:5px;
	background-color:#c6dbf9;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	}
.item td,
.item_nm td	{
	padding:5px;
	background-color:#fff;
	}


.newsdate{
	padding:0 20px 10px;
	text-align:right;
	}
.boxglay			{ background-color:#eaeaea !important; }
.boxglay_r			{ background-color:#eaeaea !important; border:3px double #a8a8a8; }
.boxblue			{ background-color:#ddf4f4 !important; }
.boxblue_r			{ background-color:#ddf4f4 !important; border:3px double #8ebff2; }
.boxpink			{ background-color:#ffe8f2 !important; }
.boxpink_r			{ background-color:#ffe8f2 !important; border:3px double #ffbcdb; }
.boxyellow			{ background-color:#fff9ce !important; }
.boxyellow_r		{ background-color:#fff9ce !important; border:3px double #fff27c; }
.boxgreen			{ background-color:#d3ffce !important; }
.boxgreen_r			{ background-color:#d3ffce !important; border:3px double #9ebf99; }


/*====================================================================================================
	Layout:Footer
======================================================================================================*/
#Footer{
	margin:0 auto;
	width:780px;
	height:35px;
	background:url("../../../common/images/newstopics/footer.jpg") no-repeat 50% 0;
	}
#Footer .footer_box{text-indent:-9999px;}