@charset "Shift_JIS";
@import url("http://card7.sakura.ne.jp/rlm/styles.css");

/* ======================= GENERAL ======================= */
body {
	margin: 0px;
	padding: 0px;
	font: 0.95em/1.5em verdana, palatino, georgia, arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	text-align: center;
	color: #000;
	background: #EEE;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font: 1em/1.5em verdana, palatino, georgia, arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

p {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

.border {
	border: 1px solid #CCC;
}

/* ======================= LINK ======================= */
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #0000FF;
	background:#D6F2FD;
}
a:active {
	color: #0000FF;
}

/* ======================= TEXT SIZE ======================= */
.ts-xsmall {
	font-size: 0.8em;
	line-height: 1.1em;
}
.ts-small {
	font-size: 0.9em;
	line-height: 1.1em;
}

.ts-medium {
	font-size: 1.2em;
}

.ts-large {
	font-size: 1.35em;
	line-height: 1.3em;
}

.ts-xlarge {
	font-size: 1.6em;
	line-height: 1.4em;
}

/* ======================= TEXT STYLE ======================= */
.lcenter {
	text-align: center;
}

.lright {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

/* ======================= TEXT COLOR ======================= */
.red {
	color: #F00;
}

.orange {
	color: #FF6600;
}

.pink {
	color: #FF3366;
}

.green {
	color: #009900;
}

.blue {
	color: #0066FF;
}

.navy {
	color: #003399;
}

.purple {
	color: #CC00FF;
}

.black {
	color: #000000;
}

.gray {
	color: #666666;
}

.bg-yellow {
	padding: 2px;
	color: #000;
	font-weight: bold;
	line-height: 1.7em;
	background: #FFFF99;
}

.bg-cream-underline {
	padding: 2px;
	color: #000;
	line-height: 1.6em;
	text-decoration: underline;
	background: #FFFFE0;
}

/* ======================= 骨組み ======================= */
#container{
	margin: 0px auto;
	padding: 0px 25px;
	width: 800px; /* 実際の横幅はpaddingも含め850px */
	text-align: left;
	background: #FFF;
}

#contents {
	margin: 10px 0px 40px;
	padding: 0px;
	width: 800px;
}

/* ======================= HEADER ======================= */
.page-title {
	margin: 0px;
	padding: 0px;
	font-size:0.9em;
	font-weight: bold;
	text-align: right;
	line-height: 1.2em;
	color: #003399;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

#header ul {
	margin: 0px;
	padding: 0px;
	width: 800px;
	list-style: none;
	background: url(images/nav_bg.gif) repeat-x 0px 0px;
}

#header li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* ======================= GLOBAL-LINK ======================= */
#global-link{
	margin-top: 10px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.1em;
}

#global-link h2 {
	display: inline;
	font-weight: bold;
}

/* ======================= CONTENTS ======================= */
.heading {
	margin: 0px 0px 12px;
	padding: 13px 5px 13px 17px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
	color: #000;
	background: url(images/bg_heading.gif) no-repeat 0px 0px;
}

.subheading {
	margin: 0px;
	padding: 8px 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: url(images/bg_heading2.gif) no-repeat 0px 0px;
}

#contents p {
	margin-bottom: 15px;
	padding: 0px;
}

#contents ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* ============ TOP ============ */
.top-heading {
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	color: #090;
}

#contents .top-nav {
	margin: 15px 0px 10px;
	padding: 5px 10px;
	font-size: 0.9em;
	list-style: none;
	background: #FFFFF0;
	border: 1px solid #FF9900;
}

.top-nav li {
	display: inline;
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px solid #AAA;
}

.social-bookmarks {
	margin-bottom: 7px;
	padding: 0px;
}

.table-top {
	margin: 5px 0px 30px;
	padding: 0px;
	border-collapse: collapse;
}

.table-top td {
	margin: 0px;
	padding: 0px;
	width: 160px;
	vertical-align: top;
}


/* ============ BOOKS ============ */
.book-name {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
}

/* Float */
.book-left {
	float: left;
	margin: 0px;
	padding-right: 15px;
}

.book-left img {
	padding: 5px;
	background: #E7E5E4;
	border: 1px solid #D7D5D4;
}

.book-right {
	float: left;
	margin: 0px;
	padding: 0px;
}

/* Table */
.table-book {
	margin: 10px 0px;
	padding: 0px;
	border-collapse: collapse;
}

.table-book th {
	margin: 0px;
	padding: 7px 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #99B1CC;
}

.table-book .th1 {
	background: #F1F5F5;
}

.table-book .th2 {
	background: #FFFF66;
}

.table-book .th3 {
	background: #FFFF66;
}

.table-book .th4 {
	background: #CCFF00;
}

.table-book td {
	margin: 0px;
	padding: 10px;
	border: 1px solid #99B1CC;
	vertical-align: top;
}

.table-book .td2,
.table-book .td3 {
	background: #FFFFE0;
}

.table-book .td4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #F00;
	background: #FFFFE0;
}

/* 雑誌の内容説明 */
.books-contents {
	margin-bottom: 25px;
	padding: 0px;
}

/* List */
.feature  li {
	display: inline;
	margin-right: 20px;
	padding-left: 13px;
	background: url(images/icon_feature.gif) no-repeat 0px 50%;
}

.voice  li {
	display: inline;
	margin-right: 20px;
	padding-left: 13px;
	background: url(images/icon_voice.gif) no-repeat 0px 50%;
}

/* ============ DISCOUNT（割引率） ============ */
/* Table */
.table-discount {
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}

.table-discount th {
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #99B1CC;
}

.table-discount .th1 {
	background: #FFCCCC;
}

.table-discount .th2,
.table-discount .th3,
.table-discount .th4 {
	background: #F1F5F5;
}

.table-discount .th5 {
	font-size: 1.3em;
	background: #FFCC00;
}

.table-discount .th6,
.table-discount .th7,
.table-discount .th8 {
	background: #FFFF66;
}

.table-discount .th9 {
	background: #CCFF00;
}

.table-discount td {
	margin: 0px;
	padding: 7px;
	border: 1px solid #99B1CC;
	vertical-align: top;
}

.table-discount .td1 {
	text-align: center;
	vertical-align: middle;
	background: #FDF0F0;
}

.table-discount .td2 {
	width: 180px;
}

.table-discount .td3 {
	width: 70px;
	color: #FF6600;
}

.table-discount .td4 {
	text-align: right;
}

.table-discount .td5,
.table-discount .td6,
.table-discount .td7 {
	text-align: right;
	background: #FFFFE0;
}

.table-discount .td8 {
	font-size: 1.2em;
	font-weight: bold;
	color: #F00;
	background: #FEFEC7;
}

/* ============ FREE TRIAL（無料お試し） ============ */
/* Table */
.table-freetrial {
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}

.table-freetrial th {
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #99B1CC;
}

.table-freetrial .th1,
.table-freetrial .th2 {
	background: #F1F5F5;
}


.table-freetrial .th3 {
	font-size: 1.3em;
	background: #FFCC00;
}

.table-freetrial .th4,
.table-freetrial .th5,
.table-freetrial .th6,
.table-freetrial .th7 {
	background: #FFFF66;
}

.table-freetrial .th8 {
	background: #CCFF00;
}

.table-freetrial td {
	margin: 0px;
	padding: 7px;
	line-height: 1.3em;
	vertical-align: middle;
	border: 1px solid #99B1CC;
}

.table-freetrial .td1 {
	width: 220px;
}

.table-freetrial .td2 {
	text-align: right;
}

.table-freetrial .td3,
.table-freetrial .td4,
.table-freetrial .td5,
.table-freetrial .td6 {
	text-align: right;
	background: #FFFFE0;
}

.table-freetrial .td7 {
	font-size: 1.3em;
	font-weight: bold;
	color: #F00;
	background: #FEFEC7;
}

/* ============ SENIOR（シニア割） & STUDENT（学割） ============ */
/* Table */
.table-senior {
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}

.table-senior th {
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #99B1CC;
}

.table-senior .th1,
.table-senior .th2 {
	background: #F1F5F5;
}

.table-senior .th3 {
	font-size: 1.3em;
	background: #FFCC00;
}

.table-senior .th4,
.table-senior .th5,
.table-senior .th6,
.table-senior .th7 {
	background: #FFFF66;
}

.table-senior .th8 {
	background: #CCFF00;
}

.table-senior td {
	margin: 0px;
	padding: 7px;
	line-height: 1.3em;
	vertical-align: middle;
	border: 1px solid #99B1CC;
}

.table-senior .td1 {
	width: 130px;
}

.table-senior .td2 {
	width: 60px;
	text-align: right;
}

.table-senior .td3,
.table-senior .td4 {
	text-align: center;
}

.table-senior .td5,
.table-senior .td6 {
	background: #FFFFE0;
}

.table-senior .td7 {
	background: #FEFEC7;
}

/* ============ IKEGAMI（池上彰） ============ */
/* Table */
.table-ikegami {
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}

.table-ikegami th {
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #99B1CC;
}

.table-ikegami .th1,
.table-ikegami .th2 {
	background: #F1F5F5;
}

.table-ikegami .th3 {
	font-size: 1.3em;
	background: #FFCC00;
}

.table-ikegami .th4,
.table-ikegami .th5,
.table-ikegami .th6,
.table-ikegami .th7 {
	background: #FFFF66;
}

.table-ikegami .th8 {
	background: #CCFF00;
}

.table-ikegami td {
	margin: 0px;
	padding: 7px;
	line-height: 1.3em;
	vertical-align: middle;
	border: 1px solid #99B1CC;
}

.table-ikegami .td1 {
	width: 240px;
}

.table-ikegami .td2 {
	width: 60px;
	text-align: right;
}

.table-ikegami .td3 {
	text-align: right;
}

.table-ikegami .td4 {
	text-align: right;
}

.table-ikegami .td5,
.table-ikegami .td6 {
	text-align: right;
	background: #FFFFE0;
}

.table-ikegami .td7 {
	text-align: right;
	background: #FEFEC7;
}

/* ============ DATE（週刊誌・発売日） ============ */
/* Table */
.table-date {
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}

.table-date th {
	margin: 0px;
	padding: 5px 0px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #99B1CC;
}

.table-date .th1 {
	width: 9px;
	background: #EEE;
}

.table-date .th2,
.table-date .th3,
.table-date .th4,
.table-date .th5,
.table-date .th6 {
	width: 113px;
	background: #FFFFAA;
}

.table-date .th7 {
	width: 113px;
	background: #D5DFFF;
}

.table-date .th8 {
	width: 113px;
	background: #FFD5DF;
}

.table-date td {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #99B1CC;
}

.table-date .td1 {
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	writing-mode: tb-rl;
}

#date-business .td1 {
	background: #DDDDEE;
}

#date-women .td1 {
	background: #FDE2E2;
}

#date-mens .td1 {
	background: #E2E7FD;
}

#date-weekly .td1 {
	background: #FDFDE2;
}

#date-info .td1 {
	background: #FEE4CD;
}

#date-sports .td1 {
	background: #E2FCFD;
}

#date-english .td1 {
	background: #E4FDE3;
}

#date-comic .td1 {
	background: #FFFFE0;
}

#contents .table-date p {
	margin-bottom: 5px;
	padding-bottom: 7px;
	font-size: 0.9em;
	line-height: 1.2em;
	border-bottom: 1px dotted #CCC;
}

/* ============ DATE（月刊誌・発売日） ============ */
.table-date .td2 td {
	margin: 0px;
	padding-rignt: 10px;
	font-size: 0.9em;
	line-height: 1.2em;
	border: none;
}



/* ============ REASON（理由） ============ */
.list-number {
	margin: 0px;
	padding: 0px;
}

.list-number li {
	margin: 0px;
	padding: 0px 0px 10px 42px;
}

.number-1 {
	background: url(images/icon_number1.gif) no-repeat 0px 0px;
}

.number-2 {
	background: url(images/icon_number2.gif) no-repeat 0px 0px;
}

.number-3 {
	background: url(images/icon_number3.gif) no-repeat 0px 0px;
}

.number-4 {
	background: url(images/icon_number4.gif) no-repeat 0px 0px;
}

.number-5 {
	background: url(images/icon_number5.gif) no-repeat 0px 0px;
}

.number-6 {
	background: url(images/icon_number6.gif) no-repeat 0px 0px;
}

.number-7 {
	background: url(images/icon_number7.gif) no-repeat 0px 0px;
}

.number-8 {
	background: url(images/icon_number8.gif) no-repeat 0px 0px;
}

.number-9 {
	background: url(images/icon_number9.gif) no-repeat 0px 0px;
}

/* ======================= BOTTOM ======================= */
#bottom {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

/* タイトル */
.bottom-title {
	margin: 0px;
	padding: 8px 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: url(images/bg_heading2.gif) no-repeat 0px 0px;
}

/* お得な雑誌情報 */
#bottom .bottom-specialinfo {
	margin: 0px 0px 20px;
	padding: 5px 15px;
	list-style: none;
	/*background: #F1F5F5;*/
	background: #FFFFC1;
}

.bottom-specialinfo li {
	margin: 0px;
	padding: 8px 0px 9px 18px;
	background: url(images/icon_check.gif) no-repeat 0px 50%;
	border-bottom: 1px dotted #B4B4B4;
}

.bottom-adsense {
	margin: 20px 0px 10px;
	padding: 6px 0px;
	text-align: center;
}

/* 雑誌一覧 */
.bottom-books {
	margin: 10px 0px;
	padding: 0px;
}

.bottom-books-title {
	margin-bottom: 2px;
	padding: 0px;
	font-size: 0.95em;
	color: #090;
}

.bottom-books ul {
	margin: 0px 0px 15px;
	padding: 0px;
	list-style: none;
}

.bottom-books li {
	margin-bottom: 8px;
	padding-left: 12px;
	font-size: 0.85em;
	line-height: 1.1em;
	background: url(images/icon_check_orange.gif) no-repeat 0px 3px;
}

.bottom-books-left {
	float: left;
	width: 246px;
	padding: 0px 10px;
}

.bottom-books-center {
	float: left;
	width: 246px;
	padding: 0px 10px;
	border-right: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
}

.bottom-books-right {
	float: left;
	width: 246px;
	padding: 0px 10px;
}

/* ======================= FOOTER ======================= */
.back-to-top{
	margin: 10px;
	padding-left: 16px;
	background: url(images/icon_home.gif) no-repeat 0px 50%;
}

.footer-links {
	text-align: right;
}

#footer {
	margin: 0px;
	padding: 6px 0px;
	width: 800px;
	text-align: center;
	color: #051A03;
	background: #E6EADC;
	border-top: 1px solid #CCC;
}

#footer a {
	color: #051A03;
	text-decoration: none;
}
