/* CSS Document */

/* サイドナビ メニュー */

/* 基本設定 */

/* THE21 共通スタイル  */

/* THE21 各ページタイトル */

/* THE21 各コーナータイトル */

/* the21 編集部から*/

div#editorial { width:600px; margin-top:15px; text-align:left;}
div#editorial div.box { width:600px; margin:10px 10px 10px 10px;}
div.box550 { width:600px; margin:0 10px 10px 23px; text-align:left;}
div#editorial div.box p.bg1 { width:550px; height:10px; background:url(/magazine/the21/img/edit_bg1.gif) no-repeat;}
div#editorial div.box p.bg2 { width:530px; background:url(/magazine/the21/img/edit_bg2.gif) repeat-y; padding:0 10px 0 10px; line-height:1.5em; font-size:small;}
div#editorial div.box p.bg2 img { float:right; margin-left: 10px;}
div#editorial div.box p.bg3 { width:550px; height:10px; background:url(/magazine/the21/img/edit_bg3.gif) no-repeat;}
div#editorial div.box p.bg4 { width:530px; background:url(/magazine/the21/img/edit_bg2.gif) repeat-y; padding:0 10px 0 10px; line-height:1.5em; font-size:small;}
div#editorial div.box p.bg4 img { float:left; margin-right: 10px;}
.rtti { font-weight:bold; color:#CC0000; padding:10px 0 10px 0; font-size:12px;}
.rttit { font-size:12px;padding-bottom:25px; line-height:1.4em;}
.rttit2 { font-size:12px; padding-right:5px; padding-bottom:25px; line-height:1.4em; text-align:right}
img.righty{
float: right;
margin:0 10px;


/* THE21 index */
table#box { width:570px; border:0; margin-bottom:10px;}
table.list { border:1px solid #CCCCCC; margin-top:10px; margin-bottom:10px;}
table.list th { color:#FFFFFF;background-color:#000000;padding:4px;text-align:center;}
table.list td.left { color:#666666;background-color:#eeeeee;padding:4px 3px 4px 3px;border-bottom:1px solid #CCCCCC; font-size: smaller; text-align:center;}
table.list td { color:#666666;background-color:#ffffff;padding:4px 3px 4px 3px;border-bottom:1px solid #CCCCCC; font-size: smaller;}
table.topics { font-size:10pt;}
table.topics th { text-align:left;}
table.topics td { border-bottom:1px solid #999999;}


/* THE21 index 今月の読みどころ */
div#rrCm { width:400px; margin-left:10px;} 
div#rrCm p.rrCmtxt { line-height:1.5em; padding:10px 10px 20px 10px; font-size:small;}

/* THE21 index ちょっと見 */
div#rrCm div#cyot { padding:10px 10px 20px 10px;}
div#rrCm div#cyot p { margin-bottom:8px;}
div#rrCm div#cyot p a { color: #990000; text-decoration:underline;}
div#rrCm div#cyot p a:hover { color: #666666; text-decoration:none;}
div#rrCm div#cyot p.tokusy { background:url(img/icon_tokusyu.gif) no-repeat; padding:0 0 0px 40px;}
div#rrCm div#cyot p.rensai { background:url(img/icon_rensai.gif) no-repeat; padding:0 0 0px 40px;}

/* THE21 index 購入ボタン */
div#rrCm p.buyBtn { text-align:right; padding-top:20px;}

/* THE21 index 今月の目次 */
div#mkj { width:570x; margin:10px 0 20px 0;}
div#mkj table { width:570px; border:1px solid #CCCCCC;}
div#mkj table td { border-bottom:1px dotted #CCCCCC; padding:2px 0 5px 0;}
div#mkj table td p { padding:0 0 0 10px}
div#mkj table td p.biz1 { color:#ff6600; background:url(img/mkjic_biz.gif) no-repeat; padding-left:13px; font-size:11px; background-position:0 2px;}
div#mkj table td p.cat1 { color:#666666; background:url(img/mkjic_cat.gif) no-repeat; padding-left:10px; font-size:11px; background-position:0 2px;}
div#mkj table td p.cat2 { color:#CC0000; padding-left:10px; font-size:11px; }
div#mkj table td p.main1 { background-color:#CC0000; font-weight: bold; color:#FFFFFF; padding:4px 0px 1px 0px; margin-bottom:3px; text-align:center;}
div#mkj table td p.main2 { color:#CC0000; }
div#mkj table td p.main3 { background-color:#000000; font-weight: bold; color:#FFFFFF; padding:4px 0px 1px 0px; margin-bottom:3px; text-align:center;}
div#mkj table td p.main4 { color:#CC0000; }

/* THE21 index THE 21 とは */
p#wt21txt { width:550px; margin:10px 10px 20px 10px; font-size:small; line-height:1.5em;}


/* THE21 editorial 編集部から */


/* THE21 投稿募集 */
h2 { color:#003399; background-image:url("images/bg_midashi.jpg"); margin-right:15px; margin-top:5px; margin-left:0; margin-bottom:7px; margin-top:10px; height:25px; padding:7px 15px 0 40px; font-size:90%;}

div#toukoouinfo table { width:570px; background-color:#999999; }
div#toukoouinfo table th { font-size:small; font-weight:bold; background-color: #CC0000; padding:5px 0 4px 0; color:#FFFFFF; font-family:"ＭＳ ゴシック", "Osaka－等幅";}
div#toukoouinfo table th.left { width:20%;}
div#toukoouinfo table th.righ { width:80%;}
div#toukoouinfo table td { padding:5px; font-size:small; text-align:center; vertical-align:middle; background-color:#FFFFFF; font-family:"ＭＳ ゴシック", "Osaka－等幅";}
div#toukoouinfo table td.left { width:20%; background-color:#f6f6f6; font-family:"ＭＳ ゴシック", "Osaka－等幅";}
div#toukoouinfo p.cort { text-align:left; font-size:x-small; padding-top:5px;}

div#toukouform table { width:570px; background-color:#999999;}
div#toukouform table th { width:25%; font-size:small; font-weight:bold; background-color:#f6f6f6; color:#333333; text-align:center; padding:5px 6px 6px 6px; font-family:"ＭＳ ゴシック", "Osaka－等幅";}
div#toukouform table td { width:75%; font-size:small; background-color:#FFFFFF; padding:6px 6px 6px 8px; font-family:"ＭＳ ゴシック", "Osaka－等幅";}


/* VOICE ちょっと見　連載記事 */
div.box570 { width:570px; margin-bottom:20px;}
div.box550 { width:550px; margin:15px 0 0 10px; line-height:1.5em; font-size:small;}
p.com1 { font-size:13px; font-weight:bold; color:#990000; padding-left:10px;}
p.com2 { font-size:16px; font-weight:bold; color:#000000; padding:10px 0 10px 10px; line-height:1.5em;}
p.com2 span { font-size:13px; font-weight:100;}
div.nam { width:550px; margin:0 10px 0 10px; border-top: 5px solid #feb505; padding:7px 0px 0 0;}
div.nam p.tti1 { font-size:12px; font-weight: bold;}
div.nam p.tti2 { font-size:12px; font-weight: bold; padding:2px 0 0 5px;}