/*------------------------------------------------------------
　ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote{
	margin: 0;
	padding: 0
}

address,caption,cite,code,dfn,h1,h2,h3,h4,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}

/*Firefox対策*/
html{ overflow-y: scroll; }
body,x:-moz-broken { margin-left:-1px; }

/*--------------------------------------------------------
　total設定
-------------------------------------------------------*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	margin: 0;
	font-size: 90%;
	line-height: 1.4em;
	color: #333;
}




/*------------------------------------------------------------
　背景画像・背景カラーの設定
-------------------------------------------------------------*/

/*body {
	background: url(img/bg.jpg) #FFF center top repeat-x;
}*/

body {
	background: url(img/bg_header.jpg) #FFF center top no-repeat ;
}

#main {
	background: url(img/main-bg.jpg) center top no-repeat;
}

#main-content {
	background: url(img/main-content-bg.jpg) left top repeat-y;
}


/*--------------------------------------------------------
　サイト全体の配置＆横幅
--------------------------------------------------------*/

#container {
	width: 870px;
	margin: 0 auto;
	text-align: left;
}

h1 {
	padding: 0 0 0 600px;
}

#main {
	width: 870px;
}

#main-content {
	position: relative;
	float: left;
	width: 610px;
	margin: 15px 0 0 0;
	min-height:750px;
	height: auto!important;
	height: 750px;
}

#side {
	float: right;
	width: 260px;
}




/*「clearfix」でfloatを使った際のエリアが重なるバグを解除*/
#main:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
#main{ display: inline-block; }


#main{
	display: block;
}

/*--------------------------------------------------------
　hタグ
--------------------------------------------------------*/

h1 {
	font-size: 12px;
	color:#999;
	line-height: 16pt;
}

h2 {

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	padding: 0px 0 80px 0;
	/* margin: 0 0 0 40px;*/ 
	line-height: 16pt; 
	color: #999;
}

h2 a {
	color: #999;
}

h2 a:hover {
	color: #609;
}

h3 {
	clear: both;
	background: url(img/h3-back.gif) left top no-repeat;
	padding: 15px 0 5px 20px;
	margin: 0 5px 15px 15px;
	font-size: 16px;
	font-weight: bold;
	line-height: 14pt;
	color: #333;
}

h3.cate {
	background: none;
	font-size: 14px;
	margin: 30px 0 5px 60px;
	padding: 0;
}

.ranking h3.r1 {
	clear: both;
	background: url(img/rank1-title-back2.jpg) left top no-repeat;
	padding: 39px 0 7px 85px;
	margin: 0 0 0 15px;
	line-height: 14pt;
}

.ranking h3.r2 {
	clear: both;
	background: url(img/rank2-title-back2.jpg) left top no-repeat;
	padding: 39px 0 7px 85px;
	margin: 0 0 0 15px;
	line-height: 14pt;
}

.ranking h3.r3 {
	clear: both;
	background: url(img/rank3-title-back2.jpg) left top no-repeat;
	padding: 39px 0 7px 85px;
	margin: 0 0 0 15px;
	line-height: 14pt;
}

.ranking h3.r4 {
	clear: both;
	background: url(img/rank4-title-back.jpg) left top no-repeat;
	padding: 30px 0 5px 85px;
	margin: 0 0 0 30px;
	line-height: 14pt;
}

.ranking h3.r5 {
	clear: both;
	background: url(img/rank5-title-back.jpg) left top no-repeat;
	padding: 30px 0 5px 85px;
	margin: 0 0 0 30px;
	line-height: 14pt;
}

h4 {
	background: url(img/h4-back.jpg) left top no-repeat;
	padding: 11px 0 7px 13px;
	margin: 3px 0 0 10px;
	color: #666;
	font-size: 14px;
	font-weight:bold;
	line-height: 14pt;
}

/*--------------------------------------------------------
　エリアの設定「ヘッダー」
--------------------------------------------------------*/

#header {
	position: relative;
	padding: 0 0 30px 0;
}

p#header-text {
	position: absolute;
	top: 75px;
	left: 200px;
	_left: 2px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	letter-spacing: -0.5pt;
}


/*--------------------------------------------------------
　エリアの設定「記事本文」
--------------------------------------------------------*/

#main-content img {
	margin: 0 0 10px 15px;
}

#main-content p.top1 {
	position: absolute;
	top: 190px;
	left: 320px;
}

#main-content p.top2 {
	position: absolute;
	top: 260px;
	left: 320px;
}

#main-content p.top1 a {
	display: block;
	width: 254px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/top-image-bot01.jpg) top left no-repeat;
}

#main-content p.top1 a:hover {
	background-position: 0 -48px;
}

#main-content p.top2 a {
	display: block;
	width: 254px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/top-image-bot02.jpg) top left no-repeat;
}

#main-content p.top2 a:hover {
	background-position: 0 -48px;
}

.kiji {
	clear: both;
	margin: 10px 30px 30px 30px;
	display: inline-block;
}

.kiji p {
	background-image: url(img/note_line3.gif);
	font-family: "メイリオ";
	font-size: 90%;
	color: #505050;
	padding: 7px 10px 6px 10px;
	margin: 0 0 0.7em 0;
	text-align:justify;
	text-justify: inter-ideograph;
	line-height: 26px;
}

.kiji p.al-r {
	text-align: right;
	padding: 7px 10px 6px 10px;
	font-weight: bold;
}

.kiji p a {
	color: #00F;
	text-decoration: none;
}

.kiji p a:hover {
	color: #609;
	text-decoration: underline;
}

.kiji p.img-l {
	float: left;
	background: #FFF;
	padding: 0 15px 0 0;
	margin: 15px 10px 0 0;
	display: inline;
}

.kiji p.img-r {
	float: right;
	background: #FFF;
	padding: 0;
	margin: 15px 0 0 10px;
	display: inline;
}

.kiji dl {
	background: #FFE6D2;
	padding: 5px 10px;
	margin: 0 30px 10px 30px;
}

.kiji dt {
	border-bottom: 2px solid #DB5700;
	padding: 0 0 2px 5px;
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #900;
	font-weight:bold;
	line-height: 14pt;
}

.kiji dd {
	background: url(img/point.jpg) left no-repeat;
	padding: 0 0 0 25px;
	margin: 0 0 0 15px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 18pt;
}

.kiji p.ad-botton {
	text-align: center;
	background: #FFF;
	margin: 20px 0 0 100px;
}


.kiji p.ad-botton a {
	display: block;
	width: 350px;
	height: 68px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/kounyuu.gif) top left no-repeat;
}
.kiji p.ad-botton a:hover {
	background-position: 0 -68px;
}


.kiji textarea {
	font-size: 12px;
	color: #666;
	width: 400px;
	height: 60px;
	overflow: scroll;
}

.kiji p.area {
	text-align: center;
	background: none;
}

.kiji .nobg {
	background: none;
	line-height: 16pt;
}

.ad {
	position: relative;
	margin: 0 15px 10px 15px;
	padding: 0 0 10px 0;
}

.ad img {
	margin: 0!important;
}

.ad p {
	position: absolute;
	top: 165px;
	left: 280px;
	font-size: 14px;
	font-weight: bold;
	color: #786345;
}

.ad ul {
	position: absolute;
	top: 190px;
	left: 300px;
	list-style: none;
}

.ad li {
	background: url(img/point.jpg) left 0.35em no-repeat;
	padding: 3px 0 5px 30px;
	font-size: 14px;
	line-height: 16pt;
	color: #333;
}

.ad p.adtop {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	top: 40px;
	left: 280px;
}

.ad p.adlink {
	position: absolute;
	top: 330px;
	left: 330px;
}

.ad p.adlink a {
	color: #00C;
	text-decoration: none;
}

.ad p.adlink a:hover {
	color: #609;
	text-decoration: underline;
}

/*--------------------------------------------------------
　エリアの設定「サイドメニュー」
--------------------------------------------------------*/

#side ul {
	list-style: none;
	margin: 0 0 25px 0;
}

#side li {
	font-size: 13px;
	font-weight:bold;
	line-height: 12pt;
	display: block;
}

#side li a {
	display: inline-block;
}

#side li a {
	background: url(img/side-list.png) left 0.7em no-repeat;
	color: #003366;
	font-size: 13px;
	font-weight:bold;
	padding: 6px 0 3px 20px;
	margin: 4px 0px 0 15px;
	line-height: 12pt;
	display: block;
}

#side li a:hover {
	background: url(img/side-list_on.png) left 0.7em no-repeat;
	color: #990033;
	font-size: 13px;
	font-weight:bold;
	padding: 6px 0 3px 20px;
	margin: 4px 0px 0 15px;
	line-height: 12pt;
	display: block;
}

.side-ad {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin: 0 0 10px 10px;
	padding: 7px;
}

.side-ad p {
	font-size: 14px;
	color: #666;
	line-height: 14pt;
	margin: 5px 0 0 0;
}

.side-ad p.ad-link {
	text-align: right;
	padding: 7px 0 0 0;
	line-height: 14pt;
}

.side-ad p.ad-link a {
	color: #930;
	font-weight:bold;
	text-decoration: underline;
}

.side-ad p.ad-link a:hover {
	color: #609;
	text-decoration: none;
}

#side p.side_btn1 a:hover {
	background-position: 0 -60px;
}

#side p.side_btn1 {
	margin: 0 0 10px 15px;
}

#side p.side_btn1 a {
	display: block;
	width: 234px;
	height: 60px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/side-bot1.png) top left no-repeat;
}

#side p.side_btn2 a:hover {
	background-position: 0 -60px;
}

#side p.side_btn2 {
	margin: 0 0 20px 15px;
}

#side p.side_btn2 a {
	display: block;
	width: 237px;
	height: 60px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/side-bot2.png) top left no-repeat;
}





/*--------------------------------------------------------
　エリアの設定「フッター」
--------------------------------------------------------*/

#footer {
	background: url(img/footer-bg.jpg) left top no-repeat;
	clear: both;
	padding: 50px 0 0 0;
}


#footer ul {
	/* background: url(img/footer-hr.jpg) center top no-repeat; */
	list-style: none;
	text-align: center;
	padding: 25px 0 10px 0;
}


#footer li {
	display: inline;
	font-size: 12px;
	padding: 0 15px;
	border-right: 1px solid #CCC;
	color: #666666;
}

#footer li.menulast {
	border-right: none;
}

#footer li a {
	color:#666;
}

#footer li a:hover {
	text-decoration: underline;
}


#footer address {
	background: url(img/address-back.jpg) center top no-repeat;
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	color: #666;
}


#footer address a {
	font-size: 12px;
	line-height: 24px;
	color: #666;
}

#footer2 ul {
	background: none;
	padding: 0 0 20px 0;
	margin: 0;
}

#copyright {
	clear: both;
}

#copyright p {
	text-align: center;
	font-size: 11px;
	color: #666;
}

/*--------------------------------------------------------
　エリアの設定「パンくずナビ」
--------------------------------------------------------*/

#pan {
	position: absolute;
	top: 132px;
	margin: 0;
	width: 835px;
}

#pan p {
	background: url(img/pan.jpg) left no-repeat;
	display: inline;
	font-size: 12px;
	line-height: 16pt;
	padding: 0 15px 0 25px;
	color: #666;
}

#pan p.st {
	background: none;
	padding: 0 15px;
}

#pan p a {
	color: #003366;
}

#pan p a:hover {
	color: #990033;
}

/*--------------------------------------------------------
　エリアの設定「ランキング」
--------------------------------------------------------*/

.ranking {
	width: 605px;
}

.rank-dis {
	width: 522px;
	_width: 544px;
	margin: 0 0 15px 50px;
	padding: 10px 10px 5px 10px;
}

.ranking .las {
	margin: 0 0 30px 50px;
}

.rank-dis img {
	float: left;
	margin: 0 10px 0 0!important;
}

.rank-dis p {
	font-size: 14px;
	line-height: 16pt;
	margin: 0 0 10px 0;
	text-align:justify;
	text-justify: inter-ideograph;
}

.rank-dis ul {
	float: right;
	text-align: right;
	list-style: none;
}

.rank-dis li {
	padding: 0 0 0 25px;
	margin: 0 10px 0 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20pt;
}

.rank-dis a {
	color: #930;
	text-decoration: underline;
}

.rank-dis a:hover {
	color: #609;
	text-decoration: none;
}

.rank-dis p.bt1 {
	float: left;
	margin: 0 20px 0 330px;
	padding: 0;
	display: inline;
}

.rank-dis p.bt2 {
	float: left;
	margin: 0;
	padding: 0;
}

.rank-dis p.bt1 a {
	display: block;
	background: url(img/rank-bt1.jpg) left top no-repeat;
	text-indent: -9999px;
	width: 82px;
	height: 33px;
	margin: 0;
	padding: 0;
}

.rank-dis p.bt2 a {
	display: block;
	background: url(img/rank-bt2.jpg) left top no-repeat;
	text-indent: -9999px;
	width: 82px;
	height: 33px;
	margin: 0;
	padding: 0;
}

.rank-dis p.bt1 a:hover {
	background-position: 0 -33px;
}

.rank-dis p.bt2 a:hover {
	background-position: 0 -33px;
}



/*「clearfix」でfloatを使った際のエリアが重なるバグを解除*/
.rank-dis:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
.rank-dis{ display: inline-block; }


.rank-dis{
	display: block;
}

/*--------------------------------------------------------
　エリアの設定「テーブル」
--------------------------------------------------------*/

#ptable {
	width: 580px;
	padding: 0;
	margin: 10px 0 30px 15px;
}

#ptable caption {
	padding: 0 0 5px 0;
	width: 580px;	 
	text-align: right;
	font-size: 11px;
	color: #333;
}

#ptable th {
	color: #4f6b72;
	border-right: 1px solid #e8c8dd;
	border-bottom: 1px solid #e8c8dd;
	border-top: 1px solid #e8c8dd;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	/* background: #f0d8e8 url(img/bg_header.jpg) no-repeat; */
	background: #f0d8e8  no-repeat;
	font-size: 12px;
	width: 160px;
}

#ptable th.nobg {
	border-top: 0;
	border-left: 0;
	*/border-right: 1px solid #e8c8dd; */
		background: #f0d8e8  no-repeat;
	background: none;
	width: 80px;
}

#ptable td {
	border-right: 1px solid #e8c8dd;
	border-bottom: 1px solid #e8c8dd;
	background: #fff;
	padding: 6px 6px 6px 6px;
	color: #4f6b72;
	font-size: 12px;
	line-height: 16pt;
	width: 160px;
}

#ptable td a {
	color: #00C;
	text-decoration: underline;
}

#ptable td a:hover {
	color: #609;
	text-decoration: none;
}


#ptable td.alt {
	background: #f5fafa;
	color: #797268;
}

#ptable th.spec {
	border-left: 1px solid #e8c8dd;
	border-top: 0;
	background: #fff url(img/bullet1.gif) no-repeat;
	width: 80px;
}

#ptable th.specalt {
	border-left: 1px solid #e8c8dd;
	border-top: 0;
	background: #f5fafa url(img/bullet2.gif) no-repeat;
	color: #797268;
	width: 80px;
}

/*--------------------------------------------------------
　エリアの設定「最新ニュース」
--------------------------------------------------------*/

.news-at {
	padding: 0 30px 20px 35px;
}

.news-at dt {
	font-size: 12px;
}

.news-at dt a {
	color: #930;
}

.news-at dt a:hover {
	color: #609;
	text-decoration: underline;
}

.news-at dd {
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	color: #666;
	padding: 0 10px 5px 20px;
	margin: 0 0 10px 0;
	text-align:justify;
	text-justify: inter-ideograph;
}

/*--------------------------------------------------------
　エリアの設定「カテゴリー」
--------------------------------------------------------*/

#cate {
	min-height:600px;
	height: auto!important;
	height: 600px;
}

#cate dl{
	border-bottom: #CCC 1px solid;
	padding: 0 15px 10px 15px;
	margin: 0 15px;
}

/*
#cate dt {
	background: url(img/cate-list.jpg) left no-repeat;
	padding: 2px 13px 0 10px;
	font-size: 14px;
	line-height: 18pt;
}
*/

#cate dd {
	background: #F8F8F8;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 13px;
	font-weight:normal;
	padding: 10px;
	margin: 0 0 25px 0;
}

#cate dt a {
	color: #006699;
	text-decoration: underline;
}

#cate dt a:hover {
	color: #609;
	text-decoration: none;
}

#cate ul {
	list-style: none;
	margin: 0 20px 40px 60px;
}

#cate li {
	font-size: 13px;
	font-weight:bold;
	line-height: 12pt;
	display: block;
}

#cate li a {
	display: inline-block;
}

#cate li a {
	background: url(img/side-list.jpg) left 0.7em no-repeat;
	color: #003366;
	font-size: 13px;
	font-weight:bold;
	padding: 6px 0 3px 20px;
	margin: 4px 0px 0 15px;
	line-height: 12pt;
}

#cate li a:hover {
	background: url(img/side-list-on.jpg) left 0.7em no-repeat;
	color: #990033;
	font-size: 13px;
	font-weight:bold;
	padding: 6px 0 3px 20px;
	margin: 4px 0px 0 15px;
	line-height: 12pt;
}



.box-yellow {
	background-color: #FF7;
	color: #000;
}

.red {
	color: #900;
	font-weight: bold;
}

.blue {
	color: #006;
	font-weight: bold;
}

.underline {
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}