@charset "utf-8";

/* ページ共通 */
body {
	width: 100%;
	border-top: 4px solid #750000;
	background: #000;

}

body.noscroll {
	position: fixed;
	overflow-y: scroll;
}


#newsList, #news {
	height: 100%;
	min-height:960px;
	width: 1050px;
	margin: 0 auto;
	position: relative;
}

#newsList h1, #news h1 {
	margin: 40px 0 60px 20px;
	float: left;
}

#newsList h2, #news h2 {
	margin: 40px 0 60px 0;
	padding-right:25px;
	float: right;
}



/* newsList */
#news_block {
	min-height:500px;
	position:relative; 
	padding: 50px;
	color: #fff;
	line-height:2;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);/*IE8以下用*/
	transition: all ease-in 0.15s;
}
#news_block #list_06 {
	margin: 20px 0px 0px 0px;
}
#news_block .sm {
display: none;
}
#news_block .nwu_box {
	clear: both;
	padding: 10px 0px;
}
#news_block .nwu_box {
	min-height: 1em;
	_height: 1px;
	_overflow: visible;
}
#news_block .nwu_box:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}
#news_block .day,
#news_block .title {
	float: left;
	padding-right: 20px;
}
#news_block .day {
	font-weight: bold;
}

/* tag */


.tagNEW, .tagEVENT, .tagTOPICS, .tagGOODS {
	width:50px;
	height: 18px;
	margin-right:5px;
	color: #fff;
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	line-height: 2;
	display: inline-block;
}



.tagNEW {background-color: #750000;}
.tagEVENT {background-color: #003366;}
.tagTOPICS {background-color: #242424;}
.tagGOODS {background-color: #cc9900;}




/* news */
#news_block h3 {
	font-size: 18px;
	margin: 40px 0px 20px 0px;
	line-height: 1.5em;
}
#news_block .line_00 h3 {
	margin: 0px 0px 20px 0px;
}
#news_block h4 {
	font-size: 15px;
	margin: 40px 0px 10px 0px;
	line-height: 1.5em;
}
#news_block h5 {
	font-size: 12px;
	margin: 40px 0px 10px 0px;
	line-height: 1.5em;
}
#news_block .backBtn a{
	position:absolute;  
    right:20px;  
    bottom:20px; 
	margin-top:50px;
	background: rgba(117, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#750000,EndColorStr=#88750000);/*IE8以下用*/
	width:180px;
	height: 20px;
	padding-top:5px;
	padding-bottom:5px;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	display:block;
}
#news_block .backBtn a:hover {
	background: rgba(117, 0, 0, 1);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#750000,EndColorStr=#750000);/*IE8以下用*/
}


/* 新着アイコン指定 */
.new_ic {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 55px;
background: URL(../../../images/main/new_ic.gif) left top no-repeat;
}
/* ページ移動ナビゲーション指定 */
.nb_navi {
clear: both;
_height: 1px;
min-height: 1px;
_overflow: visible;
margin: 0px;
padding: 0px;
}
.nb_navi:after {
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}

.page {
float: left;
margin: 0px;
padding: 0px;
text-align: left;
}
.page .nom {
color: #D60000;
font-weight: bold;
}
.page_navi {
float: right;
margin: 3px 0px 0px 0px;
padding: 0px;
text-align: right;
line-height: 1.2em;
}
.page_navi ul {
_float: right;
margin: 0px 0px 0px auto;
padding: 0px;
list-style: none;
}
.page_navi li {
float: left;
margin: 0px;
padding: 0px;
text-align: center;
}
.page_navi li.nb_crt {
margin: 0px;
padding: 0px 7px;
color: #D60000;
font-weight: bold;
border-right: 1px solid #666;
}
.page_navi li.nb_pre {
margin: 0px;
padding: 0px 7px;
border-right: 1px solid #666;
}
.page_navi li.nb_nex {
margin: 0px;
padding: 0px 7px;
}
.page_navi li.nb_link {
margin: 0px;
padding: 0px 7px;
border-right: 1px solid #666;
}


/***************************************************

newsブロック共通部分基本指定

1.newsエリア基本指定＜#news_block＞
	：newsエリア外枠指定＜#news_block＞
	：ブロック外枠指定＜.block＞
	：newsエリア内テーブル指定＜table＞
	：newsエリア内画像リンク指定＜a.img_link＞
	：newsエリア内ブロック要素指定＜回り込み対策＞

2.画像ブロック枠(画像+キャプション)指定＜img＞
	：位置指定(画像・キャプ 左)＜.img_l＞
	：位置指定(画像・キャプ 右)＜.img_r＞

3.キャプション指定＜cap＞
	：タイプ1.3用＜.cap＞
	：タイプ2用＜.cap_l＞
	：タイプ4用＜.tp4 .cap＞

4.画像指定＜.ph＞

5.本文指定＜read＞
	：タイプ1で使用　回り込み時＜.read＞
	：タイプ2で使用　画像の下に配置＜.read_c＞
	：タイプ3で使用　画像右＜.read_l＞
	：タイプ3で使用　画像左＜.read_r＞

6.テーブル指定＜table＞
	：タイプ4で使用　テーブル用指定＜.tp4＞

***************************************************

/* 1.newsエリア基本指定＜news_block＞
---------------------------------------------*/
/* ブロック外枠指定 */
#news_block div.block {
_height: 1px;
clear: both;
margin: 0px;
padding: 0px;
}

/* newsエリア内テーブル指定 */
#news_block table {
font-size: 100%;
}

/* ブロック要素回り込み対策指定 */
#news_block h3,
#news_block h4,
#news_block h5,
#news_block p,
#news_block ul {
_height: 1px;
overflow: hidden;
_overflow: visible;
}

/* リスト基本設定 */
#news_block ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: left;
}

#news_block li {
padding: ;
}

/* 行揃え指定 */
/* 左揃え */
#news_block .lft {
text-align: left;
}

/* 右揃え */
#news_block .rgt {
text-align: right;
}

/* センター揃え */
#news_block .cnt {
text-align: center;
}

/* 2.画像ブロック枠指定(画像+キャプション)＜img＞
---------------------------------------------*/
/* タイプ1.2で使用 */
/* 画像ブロック(画像・キャプ 左)基本指定 */
#news_block div.img_l {
margin: 0px 20px 10px 0px;
padding: 0px;
}

/* 画像ブロック(画像・キャプ 右)位置指定 */
#news_block div.img_r {
margin: 0px 0px 10px 20px;
padding: 0px;
}

/* タイプ3で使用 */
/* 画像ブロック(画像・キャプ 左)基本指定 */
#news_block div.img_l_tp3 {
margin: 0px 0px 10px 0px;
padding: 0px;
}

/* 画像ブロック(画像・キャプ 右)位置指定 */
#news_block div.img_r_tp3 {
margin: 0px 0px 10px 0px;
padding: 0px;
}

/* 画像ブロック 画像最大サイズ(回り込み解除) */
#news_block div.img_max {
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px;
overflow: hidden;
}

/* 3.キャプション指定＜cap＞
---------------------------------------------*/
/* キャプション指定(タイプ1.3用) */
#news_block div.cap {
margin: 10px auto;
padding: 0px;
font-size: 100%;
}

/* キャプション指定(タイプ2用) */
#news_block div.cap_l {
padding: 0px;
}

/* キャプション指定(タイプ4用) */
#news_block .tp4 .cap {
margin: 0px auto;
padding: 0px;
text-align: left;
}

/* 4.画像指定＜ph＞
---------------------------------------------*/
/* タイプ1.2.3用 */
/* 画像指定 */
#news_block div.ph {
margin: 0px;
padding: 0px;
}

/* 5.本文指定＜read＞
---------------------------------------------*/
/* タイプ1で使用 */
/* 本文指定(回り込み時) */
#news_block div.read {
margin: 0px 0px 10px 0px;
padding: 0px;
line-height:1.5;
}

/* タイプ2で使用 */
/* 本文指定(画像の下に配置) */
#news_block div.read_c {
clear: both;
margin: 5px 0px 10px 0px;
padding: 0px;
}

/* タイプ3で使用 */
/* 本文指定(画像左) */
#news_block div.read_l {
padding: 0px 0px 10px 0px;
}

/* 本文指定(画像右) */
#news_block div.read_r {
padding: 0px;
}

/* 6.テーブル指定＜table＞
---------------------------------------------*/
/* タイプ4で使用 */
/* テーブル指定 */
#news_block table.tp4 {
width: 100%;
margin: 0px auto;
padding: 0px;
border-collapse: collapse;
font-size: 100%;
}

#news_block .tp4 td {
margin: 0px;
padding: 3px 0px;
text-align: center;
vertical-align: top;
}

/* タイプ4セル幅指定(パーセント) */
.wdp01 {
	width: 100%;
	}
.wdp02 {
	width: 50%;
	}
.wdp03 {
	width: 33%;
	}
.wdp04 {
	width: 25%;
	}
.wdp05 {
	width: 20%;
	}
.wdp06 {
	width: 16%;
	}
.wdp07 {
	width: 14%;
	}
.wdp08 {
	width: 12%;
	}
.wdp09 {
	width: 11%;
	}
.wdp010 {
	width: 10%;
	}
.wdp011 {
	width: 5%;
	}


/* 画像ブロック幅指定(左フロート) */
.wdx100_l {
	float: left;
	width: 100px;
	}
.wdx110_l {
	float: left;
	width: 110px;
	}
.wdx120_l {
	float: left;
	width: 120px;
	}
.wdx130_l {
	float: left;
	width: 130px;
	}
.wdx140_l {
	float: left;
	width: 140px;
	}
.wdx150_l {
	float: left;
	width: 150px;
	}
.wdx160_l {
	float: left;
	width: 160px;
	}
.wdx170_l {
	float: left;
	width: 170px;
	}
.wdx180_l {
	float: left;
	width: 180px;
	}
.wdx190_l {
	float: left;
	width: 190px;
	}
.wdx200_l {
	float: left;
	width: 200px;
	}
.wdx210_l {
	float: left;
	width: 210px;
	}
.wdx220_l {
	float: left;
	width: 220px;
	}
.wdx230_l {
	float: left;
	width: 230px;
	}
.wdx240_l {
	float: left;
	width: 240px;
	}
.wdx250_l {
	float: left;
	width: 250px;
	}
.wdx260_l {
	float: left;
	width: 260px;
	}
.wdx270_l {
	float: left;
	width: 270px;
	}
.wdx280_l {
	float: left;
	width: 280px;
	}
.wdx290_l {
	float: left;
	width: 290px;
	}
.wdx300_l {
	float: left;
	width: 300px;
	}
.wdx310_l {
	float: left;
	width: 310px;
	}
.wdx320_l {
	float: left;
	width: 320px;
	}
.wdx330_l {
	float: left;
	width: 330px;
	}
.wdx340_l {
	float: left;
	width: 340px;
	}
.wdx350_l {
	float: left;
	width: 350px;
	}
.wdx360_l {
	float: left;
	width: 360px;
	}
.wdx370_l {
	float: left;
	width: 370px;
	}
.wdx380_l {
	float: left;
	width: 380px;
	}
.wdx390_l {
	float: left;
	width: 390px;
	}
.wdx400_l {
	float: left;
	width: 400px;
	}
.wdx410_l {
	float: left;
	width: 410px;
	}
.wdx420_l {
	float: left;
	width: 420px;
	}
.wdx430_l {
	float: left;
	width: 430px;
	}
.wdx440_l {
	float: left;
	width: 440px;
	}
.wdx450_l {
	float: left;
	width: 450px;
	}
.wdx460_l {
	float: left;
	width: 460px;
	}
.wdx470_l {
	float: left;
	width: 470px;
	}
.wdx480_l {
	float: left;
	width: 480px;
	}
.wdx490_l {
	float: left;
	width: 490px;
	}
.wdx500_l {
	float: left;
	width: 500px;
	}
.wdx510_l {
	float: left;
	width: 510px;
	}
.wdx520_l {
	float: left;
	width: 520px;
	}
.wdx530_l {
	float: left;
	width: 530px;
	}
.wdx540_l {
	float: left;
	width: 540px;
	}
.wdx550_l {
	float: left;
	width: 550px;
	}
.wdx560_l {
	float: left;
	width: 560px;
	}
.wdx570_l {
	float: left;
	width: 570px;
	}
.wdx580_l {
	float: left;
	width: 580px;
	}
.wdx590_l {
	float: left;
	width: 590px;
	}
.wdx600_l {
	float: left;
	width: 600px;
	}
.wdx610_l {
	float: left;
	width: 610px;
	}
.wdx620_l {
	float: left;
	width: 620px;
	}
.wdx630_l {
	float: left;
	width: 630px;
	}
.wdx640_l {
	float: left;
	width: 640px;
	}
.wdxmax_l {
	width: 100%;
	}

/* 画像ブロック幅指定(左フロート) */
.wdx100_r {
	float: right;
	width: 100px;
	}
.wdx110_r {
	float: right;
	width: 110px;
	}
.wdx120_r {
	float: right;
	width: 120px;
	}
.wdx130_r {
	float: right;
	width: 130px;
	}
.wdx140_r {
	float: right;
	width: 140px;
	}
.wdx150_r {
	float: right;
	width: 150px;
	}
.wdx160_r {
	float: right;
	width: 160px;
	}
.wdx170_r {
	float: right;
	width: 170px;
	}
.wdx180_r {
	float: right;
	width: 180px;
	}
.wdx190_r {
	float: right;
	width: 190px;
	}
.wdx200_r {
	float: right;
	width: 200px;
	}
.wdx210_r {
	float: right;
	width: 210px;
	}
.wdx220_r {
	float: right;
	width: 220px;
	}
.wdx230_r {
	float: right;
	width: 230px;
	}
.wdx240_r {
	float: right;
	width: 240px;
	}
.wdx250_r {
	float: right;
	width: 250px;
	}
.wdx260_r {
	float: right;
	width: 260px;
	}
.wdx270_r {
	float: right;
	width: 270px;
	}
.wdx280_r {
	float: right;
	width: 280px;
	}
.wdx290_r {
	float: right;
	width: 290px;
	}
.wdx300_r {
	float: right;
	width: 300px;
	}
.wdx310_r {
	float: right;
	width: 310px;
	}
.wdx320_r {
	float: right;
	width: 320px;
	}
.wdx330_r {
	float: right;
	width: 330px;
	}
.wdx340_r {
	float: right;
	width: 340px;
	}
.wdx350_r {
	float: right;
	width: 350px;
	}
.wdx360_r {
	float: right;
	width: 360px;
	}
.wdx370_r {
	float: right;
	width: 370px;
	}
.wdx380_r {
	float: right;
	width: 380px;
	}
.wdx390_r {
	float: right;
	width: 390px;
	}
.wdx400_r {
	float: right;
	width: 400px;
	}
.wdx410_r {
	float: right;
	width: 410px;
	}
.wdx420_r {
	float: right;
	width: 420px;
	}
.wdx430_r {
	float: right;
	width: 430px;
	}
.wdx440_r {
	float: right;
	width: 440px;
	}
.wdx450_r {
	float: right;
	width: 450px;
	}
.wdx460_r {
	float: right;
	width: 460px;
	}
.wdx470_r {
	float: right;
	width: 470px;
	}
.wdx480_r {
	float: right;
	width: 480px;
	}
.wdx490_r {
	float: right;
	width: 490px;
	}
.wdx500_r {
	float: right;
	width: 500px;
	}
.wdx510_r {
	float: right;
	width: 510px;
	}
.wdx520_r {
	float: right;
	width: 520px;
	}
.wdx530_r {
	float: right;
	width: 530px;
	}
.wdx540_r {
	float: right;
	width: 540px;
	}
.wdx550_r {
	float: right;
	width: 550px;
	}
.wdx560_r {
	float: right;
	width: 560px;
	}
.wdx570_r {
	float: right;
	width: 570px;
	}
.wdx580_r {
	float: right;
	width: 580px;
	}
.wdx590_r {
	float: right;
	width: 590px;
	}
.wdx600_r {
	float: right;
	width: 600px;
	}
.wdx610_r {
	float: right;
	width: 610px;
	}
.wdx620_r {
	float: right;
	width: 620px;
	}
.wdx630_r {
	float: right;
	width: 630px;
	}
.wdx640_r {
	float: right;
	width: 640px;
	}
.wdxmax_r {
	width: 100%;
	}