/* ----------------------------------------- */

/* ポップアップニュース用スタイル */

/* ----------------------------------------- */

body {
	font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
	margin: 0;
	padding: 0;
	background: black url(../images/bg_block-main_about.gif) no-repeat fixed left top;
	color: silver;
}

#base-container {
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

#block-main {
	margin: 0 auto 25px;
	padding: 0;
	width: 100%;
	background-image: none;
}

/* ----------------------------------------- */

/* コンテンツエリア汎用スタイル */

#popupNews-area {
	display: block;
	padding: 25px 0 0;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}

#popupNews-area h1 {
	text-align: left;
	background: url(../images/bg_ptt-h3.gif) no-repeat center center;
	font-size: 16px;
	color: white;
	font-weight: bold;
	padding: 10px;
}

#popupNews-area h2 {
	background: url(../images/bg_ptt-h3_about.gif) no-repeat left center;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: white;
	padding: 10px;
	margin-bottom: 5px;
}

#popupNews-area h3 {
	font-weight: bold;
	color: orange;
	text-align: left;
	font-size: 16px;
	line-height: 170%;
}

#popupNews-area p {
	line-height: 160%;
}

#popupNews-area img {
	border-style: none;
}

#popupNews-area p.info {
	color: silver;
}

#popupNews-area strong {
	color: white;
	font-weight: normal;
	font-style: normal;
}

/* ----------------------------------------- */

/* ページナビ */

#pageNavi-box {
	width: 100%;
}

#pageNavi-box a {
	border: 1px solid gray;
	text-decoration: none;
	font-size: 62.5%;
	color: gray;
	padding-right: 2px;
	padding-left: 2px;
}

#pageNavi-box a:hover {
	border: 1px solid silver;
	color: silver;
}

#pageNavi-box ul {
	display: block;
}

#pageNavi-box li {
	list-style-type: none;
}

#pageNavi-box li.left a {
	display: block;
	float: left;
}

#pageNavi-box li.right a {
	display: block;
	float: right;
}

/* ----------------------------------------- */

/* 汎用スタイル */

/* image Float left - right */

img.imgFloatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.imgFloatRight {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* box Float left - right */

.floatLeft {
	float: left;
	display: block;
}

.floatRight {
	float: right;
	display: block;
}

/* inline left - center - right */

.inlineLeft {
	text-align: left;
}

.inlineCenter {
	text-align: center;
}

.inlineRight {
	text-align: right;
}

/* ---------------------------------------------------------------- */
/* BOX setting */

/* ---------------------------------------------------------------- */

/* BOX(Block)Set */

.BOX {
	display: block;
	zoom: 1;
}

/* ---------------------------------------------------------------- */

/* Margin TOP */

.mT01 {
	margin-top: 1em;
}

.mT02 {
	margin-top: 2em;
}

.mT03 {
	margin-top: 3em;
}

.mT04 {
	margin-top: 4em;
}

.mT05 {
	margin-top: 5em;
}

/* ---------------------------------------------------------------- */

/* Margin BOTTOM */

.mB01 {
	margin-bottom: 1em;
}

.mB02 {
	margin-bottom: 2em;
}

.mB03 {
	margin-bottom: 3em;
}

.mB04 {
	margin-bottom: 4em;
}

.mB05 {
	margin-bottom: 5em;
}

/* ---------------------------------------------------------------- */

/* Margin LEFT */

.mL01 {
	margin-left: 1em;
}

.mL02 {
	margin-left: 2em;
}

.mL03 {
	margin-left: 3em;
}

.mL04 {
	margin-left: 4em;
}

.mL05 {
	margin-left: 5em;
}

/* ---------------------------------------------------------------- */

/* Margin RIGHT */

.mR01 {
	margin-right: 1em;
}

.mR02 {
	margin-right: 2em;
}

.mR03 {
	margin-right: 3em;
}

.mR04 {
	margin-right: 4em;
}

.mR05 {
	margin-right: 5em;
}

/* ---------------------------------------------------------------- */
/* BOX Line setting */
/* ---------------------------------------------------------------- */

/* bottom margin 20px */

.lineB05 {
	border-bottom: 1px solid silver;
	zoom: 1;
	padding-bottom: 0.5em;
}

.lineB10 {
	border-bottom: 1px solid silver;
	zoom: 1;
	padding-bottom: 1em;
}

.lineB15 {
	border-bottom: 1px solid silver;
	zoom: 1;
	padding-bottom: 1.5em;
}

.lineB20 {
	border-bottom: 1px solid silver;
	zoom: 1;
	padding-bottom: 2em;
}

/* ---------------------------------------------------------------- */

/* BOX Width setting */
/* ---------------------------------------------------------------- */

/* Width 100% */

.width100pc {
	width: 100%;
}

/* Width 20% */

.width20pc {
	width: 20%;
}

/* Width 25% */

.width25pc {
	width: 25%;
}

/* Width 33% */

.width33pc {
	width: 33%;
}

/* Width 50% */

.width50pc {
	width: 50%;
}

/* 2 column */

.width2col {
	width: 49%;
}

/* 3 column */

.width3col {
	width: 33%;
}

/* ---------------------------------------------------------------- */

/*   Font size setting */

/* ---------------------------------------------------------------- */
.base-ss {
	line-height: 150%;
	font-size: 62.5%;
}
.base-s {
	font-size: 75%;
	line-height: 150%;
}
.base-m {
	line-height: 150%;
	font-size: 87.5%;
}

/* ---------------------------------------------------------------- */

/*   Font color setting */

/* ---------------------------------------------------------------- */

.txtRed {
	color: red;
}

.txtOrange {
	color: orange;
}

/* ---------------------------------------------------------------- */

/*   個別スタイル */

/* ---------------------------------------------------------------- */

#popupNews-area table.style01 {
	border-top: 1px solid silver;
	padding: 0;
	margin: 10px auto;
}

table.style01 th {
	padding: 5px;
	border-bottom: 1px solid silver;
}

table.style01 td {
	padding: 5px;
	border-bottom: 1px solid silver;
	background-color: #202020;
}