/************************************************
* CSS初期化
************************************************/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size : 100%;
	text-decoration: none;
}

body, div, pre, p, blockquote,  form, fieldset, input, textarea, select, option,  dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,  table, th, td, embed, object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
}

strong, em {
	font-weight: 800;
}

table {
	border-spacing:0;
}

table, th, td, img {
	border:0;
}

img, input {
	vertical-align:middle;
}

ul {
	list-style: none;
}

/* --- font --- */
.att {
	color:#ff0000;
}

.att02 {
	color:#ff6600;
}

.gold {
	color:#857632;
}

.bold {
	font-weight:bold;
}

/* --- link --- */
a {
	color:#0073af;
	/* text-decoration:underline;	*/
}
a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

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

/* --- その他--- */
img.img_l {
	float:left;
}

img.img_r {
	float:right;
}

/************************************************
* body
************************************************/
body {
	background:#FFFFFF;
	color:#333333;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	/* 20170620add */
	-webkit-text-size-adjust: 100%;
}

/************************************************
* header
************************************************/
div#headerArea {
	width:955px;
	/*height:158px; 改修追記*/
	margin:0 auto;
}

/*-left----*/
div#header_left {
	width:179px;
	height:44px;
	float:left;
}

/*-right----*/
div#header_right {
	width:500px;
	height:11px;
	float:right;
	margin-top:15px;
	text-align:right;
}

ul#header_link  li.hl_01 {
	background: url(/html-files/it/common/images/icon_cmn_01.gif) no-repeat scroll left center transparent;
	display: inline;
	padding-left:19px;
	padding-right:9px;
	font-size:10px;
}

ul#header_link  li.hl_02 {
	background: url(/html-files/it/common/images/icon_cmn_01.gif) no-repeat scroll left center transparent;
	display: inline;
	padding-left:19px;
	font-size:10px;
}

ul#header_link a {
	color:#333333;
}

ul#header_link a:hover {
	color: #ff6a00;
	text-decoration:underline;
}

/*-title----*/
p#title_qqweb {
	display:block;
	float:left;
	width:955px;
	height:29px;
}

p#title_qqweb span {
	display:none;
}

/*-pankuzu----*/
div#pankuzu {
	width:955px;
	height:36px;
	clear:both;
}

div#pankuzu  p {
	font-size:10px;
	padding-top:10px;
}

div#pankuzu  a {
	color:#0073af;
}

/*-globalnavi----*/
div#globalnavi {
	float:none;
	clear:both;
	width:955px;
	height:49px;
	background: url(/html-files/it/common/images/bg_cmn_01.jpg) no-repeat left bottom;
}

div#globalnavi  ul {
	display:block;
	float:left;
	width:955px;
	height:43px;
	list-style-type:none;
}

div#globalnavi  span {
	display:none;
}

div#globalnavi  li {
	float:left;
}

/*navi01*/
li#hn_01 {
	background:url(/html-files/it/common/images/btn_cmn_01.jpg) no-repeat scroll 0px 0px transparent;
	width:110px;
	height:43px;
	display:block;
}

li#hn_01  a {
	background:url(/html-files/it/common/images/btn_cmn_01.jpg) no-repeat scroll 0px -43px transparent;
	width:110px;
	height:43px;
	display:block;
}

li#hn_01  a:hover {
	background:url(/html-files/it/common/images/btn_cmn_01.jpg) no-repeat scroll 0px -86px transparent;
	width:110px;
	height:43px;
	display:block;
}

/*navi02*/
li#hn_02 {
	background:url(/html-files/it/common/images/btn_cmn_02.jpg) no-repeat scroll 0px 0px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_02  a {
	background:url(/html-files/it/common/images/btn_cmn_02.jpg) no-repeat scroll 0px -43px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_02  a:hover {
	background:url(/html-files/it/common/images/btn_cmn_02.jpg) no-repeat scroll 0px -86px transparent;
	width:169px;
	height:43px;
	display:block;
}

/*navi03*/
li#hn_03 {
	background:url(/html-files/it/common/images/btn_cmn_03.jpg) no-repeat scroll 0px 0px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_03  a {
	background:url(/html-files/it/common/images/btn_cmn_03.jpg) no-repeat scroll 0px -43px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_03  a:hover {
	background:url(/html-files/it/common/images/btn_cmn_03.jpg) no-repeat scroll 0px -86px transparent;
	width:169px;
	height:43px;
	display:block;
}

/*navi04*/
li#hn_04 {
	background:url(/html-files/it/common/images/btn_cmn_08.jpg) no-repeat scroll 0px 0px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_04  a {
	background:url(/html-files/it/common/images/btn_cmn_08.jpg) no-repeat scroll 0px -43px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_04  a:hover {
	background:url(/html-files/it/common/images/btn_cmn_08.jpg) no-repeat scroll 0px -86px transparent;
	width:169px;
	height:43px;
	display:block;
}

/*navi05*/
li#hn_05 {
	background:url(/html-files/it/common/images/btn_cmn_05.jpg) no-repeat scroll 0px 0px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_05  a {
	background:url(/html-files/it/common/images/btn_cmn_05.jpg) no-repeat scroll 0px -43px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_05  a:hover {
	background:url(/html-files/it/common/images/btn_cmn_05.jpg) no-repeat scroll 0px -86px transparent;
	width:169px;
	height:43px;
	display:block;
}

/*navi06*/
li#hn_06 {
	background:url(/html-files/it/common/images/btn_cmn_06.jpg) no-repeat scroll 0px 0px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_06  a {
	background:url(/html-files/it/common/images/btn_cmn_06.jpg) no-repeat scroll 0px -43px transparent;
	width:169px;
	height:43px;
	display:block;
}

li#hn_06  a:hover {
	background:url(/html-files/it/common/images/btn_cmn_06.jpg) no-repeat scroll 0px -86px transparent;
	width:169px;
	height:43px;
	display:block;
}

/************************************************
* contentsArea
************************************************/
/*トップページレイアウト////////////////////////*/
div#top_contentsArea {
	width:955px;
	margin:9px auto 40px auto;
}

/*---leftColumn---*/
div#top_leftside {
	float:left;
	width:710px;
	height:100%;
	padding-right:24px;
}

/*---rightColumn---*/
div#top_rightside {
	float:right;
	width:220px;
	height:100%;
	padding-top:14px;
}

/*下層ページレイアウト//////////////////////////*/
div#contentsArea {
	width:955px;
	margin:13px auto 40px auto;
}

/*---leftColumn---*/
div#leftside {
	float:left;
	width:710px;
	height:auto;
}

/*---rightColumn---*/
div#rightside {
	float:right;
	width:220px;
	height:auto;
}

/*右カラム(トップ・下層共通)//////////////////////*/
/*バナー------------------------*/
div#bnr01 {
	width:220px;
	height:211px;
	margin-bottom:10px;
}

div#bnr02 {
	width:220px;
	height:auto;
	margin-bottom:10px;
}

/*ページクリップ---------------*/
div#pageclipArea {
	width:220px;
	height:auto;
	margin-bottom:10px;
}

div#pageclipArea  a {
	color:#0073af;
	text-decoration:underline;
}

div#pageclipArea  a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

div#pageclipArea h2 span {
	display:none;
}

div#pageclip_inner_mid {
	width:202px;
	height:auto;
	border-left:#c7c7c7 solid 1px;
	border-right:#c7c7c7 solid 1px;
	padding:6px 8px;
	font-size:12px;
	line-height:130%;
}

div#pageclip_inner_mid  p.clip_title {
	display:block;
	width:186px;
	height:auto;
	padding-left:14px;
	margin-top:10px;
	background:url(/html-files/it/common/images/icon_cmn_05.gif) no-repeat scroll 4px 5px transparent;
}

div#pageclip_inner_mid  p.clip_list {
	display:block;
	width:auto;
	height:21px;
	background:url(/html-files/it/common/images/icon_cmn_06.gif) no-repeat scroll 49px center transparent;
	padding-left:65px;
	margin-top:10px;
	line-height:21px;
}

div#pageclip_inner_mid  p.clip_list  a {
	color:#0073af;
	text-decoration:underline;
}

div#pageclip_inner_mid  p.clip_list  a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

/*クリップが無い場合*/
div#pageclip_inner_mid  p.no_clip {
	display:block;
	width:180px;
	height:auto;
	padding-left:5px;
	margin-top:10px;
}

div#pageclip_inner_btm {
	width:220px;
	height:6px;
	background:url(/html-files/it/common/images/bg_cmn_02.gif) no-repeat scroll left top transparent;
}

/*人気記事ランキング------------*/
div#rankingArea {
	width:220px;
	height:auto;
	margin-bottom:10px;
}

div#rankingArea  a {
	color:#0073af;
	text-decoration:underline;
}

div#rankingArea  a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

/*IE6*/
* html div#rankingArea {
	margin-top:-21px;
}

div#rankingArea h2 span {
	display:none;
}

div#ranking_inner_mid {
	width:210px;
	height:auto;
	border-left:#e1e1e1 solid 1px;
	border-right:#e1e1e1 solid 1px;
	padding-top:9px;
	padding-left:8px;
	font-size:12px;
	line-height:130%;
}

div#ranking_inner_mid dl {
	padding-bottom:9px;
}

/* 20170217 add */
div#ranking_inner_mid dl dt {
	display:block;
	color:#927441;
	font-size:13px;
	font-weight:bold;
	padding:6px 0 3px 6px;
}
/* 20170217 del
dt#ranking01 {
	display:block;
	width:172px;
	color:#927441;
	font-size:13px;
	font-weight:bold;
	background:url(/html-files/it/common/images/icon_cmn_08.gif) no-repeat scroll left top transparent;
	padding:6px 0 3px 30px;
}

dt#ranking02 {
	display:block;
	width:173px;
	color:#927441;
	font-size:13px;
	font-weight:bold;
	background:url(/html-files/it/common/images/icon_cmn_09.gif) no-repeat scroll left top transparent;
	padding:6px 0 3px 30px;
}

dt#ranking03 {
	display:block;
	width:173px;
	color:#927441;
	font-size:13px;
	font-weight:bold;
	background:url(/html-files/it/common/images/icon_cmn_10.gif) no-repeat scroll left top transparent;
	padding:6px 0 3px 30px;
}

dt#ranking04 {
	display:block;
	width:173px;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	background:url(/html-files/it/common/images/icon_cmn_11.gif) no-repeat scroll left top transparent;
	padding:6px 0 3px 30px;
}

dt#ranking05 {
	display:block;
	width:173px;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	background:url(/html-files/it/common/images/icon_cmn_12.gif) no-repeat scroll left top transparent;
	padding:6px 0 3px 30px;
}
 */

div#ranking_inner_mid dd {
	display:block;
	width:186px;
	height:auto;
	padding-left:16px;
	margin-top:5px;
	background:url(/html-files/it/common/images/icon_cmn_03.gif) no-repeat scroll 6px 4px transparent;
}

div#ranking_inner_mid span {
	color:#ff3300;
	font-size:10px;
}

div#ranking_inner_btm {
	width:220px;
	height:6px;
	background:url(/html-files/it/common/images/bg_cmn_03.gif) no-repeat scroll left top transparent;
}

/************************************************
* footerArea
************************************************/
div#pagetop {
	width:955px;
	height:23px;
	margin:0 auto;
	text-align:right;
	clear:both;
}

div#footerArea {
	width:955px;
	height:88px;
	margin:0 auto;
	border-top:#ff700a solid 2px;
	clear:both;
	position:relative;
}

div#footerArea p#copy {
	font-size:12px;
	position:absolute;
	top:6px;
	width:955px;
}

/*IE6*/
* html div#footerArea {
	margin-top:-2px;
	clear:both;
}

ul#footer_link {
	display:block;
	position:absolute;
	float:left;
	height:11px;
	top:43px;
}

ul#footer_link li {
	background: url(/html-files/it/common/images/icon_cmn_01.gif) no-repeat scroll left center transparent;
	display: inline;
	padding-left:19px;
	padding-right:9px;
	font-size:10px;
}

ul#footer_link a {
	color: #333333;
}

ul#footer_link a:hover {
	color: #FF6A00;
	text-decoration:underline;
}

p#footer_copy {
	display:block;
	width:auto;
	height:11px;
	white-space: nowrap;
	color:#999999;
	font-size:9px;
	text-align:right;
	margin-top:49px;
}

/*IE6*/
* html ul#footer_link {
	top:48px;
}

* html p#footer_copy {
	padding-top:49px;
}

/*IE7*/
*+html ul#footer_link {
	top:48px;
}

*+html p#footer_copy {
	padding-top:49px;
}


.no-blt {
	background: none !important;
}

/* ページ分割 */
#page_segmentation .next_page{
	margin-bottom:15px;
	padding:12px;
	border:3px solid #0087F4;
	background-color:#FFFFE8;
}
#page_segmentation .next_page p.caption{
	font-size:12px;
	font-weight:bold;
}
#page_segmentation .next_page a{
	display:block;
	padding-left:14px;
	background-image:url(/html-files/it/common/images/icon_cmn_02.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#0087F4;
	text-decoration:underline;
}
#page_segmentation .next_page a:hover{
	color:#ff6a00;
}
#page_segmentation .pages{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}
#page_segmentation .pages li{
	float:left;
	margin-right:10px;
}
#page_segmentation .pages a{
	font-size:14px;
	font-weight:bold;
	color:#0087F4;
	line-height:37px;
	text-align:center;
	text-decoration:underline;
}
#page_segmentation .pages a:hover{
	color:#ff6a00;
}
#page_segmentation .pages span{
	display:block;
	width:39px;
	height:37px;
	border:1px solid #ccc;
	font-size:14px;
	line-height:37px;
	text-align:center;
}
#page_segmentation .pages a.number{
	display:block;
	width:39px;
	height:37px;
	border:1px solid #ccc;
	background-color:#FFFFE8;
}
/* ページ分割　目次 */
ul#pageLinkList {
	display:block;
	width:709px;
	padding:25px 0;
	background-image:url(/html-files/it/common/images/icon_cmn_17.jpg);
	background-repeat:no-repeat;
	background-position:center left;
}
ul#pageLinkList  li {
	line-height:1.6em;
	font-size:12px;
	background:url(/html-files/it/common/images/icon_cmn_16.gif) no-repeat scroll 1px 4px transparent;
	margin-left:55px;
	padding-left:11px;
}
ul#pageLinkList  li a {
	color:#0073af;
	text-decoration:underline;
}
ul#pageLinkList  li a:hover {
	color:#ff6a00;
	text-decoration:underline;
}


/* 関連記事 */
#related_article{
	margin-bottom:20px;
	border:1px solid #ccc;
}
#related_article h3{
	padding:0 15px;
	height:32px;
	border-bottom:1px solid #ccc;
	background-image:url(/html-files/it/common/images/related_article_title_back.gif);
	background-position:center;
	background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
	color:#333;
	line-height:32px;
}
#related_article ul{
	padding:15px;
}
#related_article ul a{
	display:block;
	padding-left:14px;
	background-image:url(/html-files/it/common/images/icon_cmn_02.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#0087F4;
	text-decoration:underline;
}
#related_article ul a:hover{
	color:#ff6a00;
}
#pageLinkList li.current{
	font-weight:bold;
}