@charset "UTF-8";
html {
	font-size: 62.5%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka","Meiryo", "メイリオ", Arial,"MS PGothic",sans-serif ;
}

body {
	margin: 0 auto;
	padding: 28px 0 0;
	background: #FFFFFF;
	background: url(../img/bg_top.gif) no-repeat 50% 0;
	color: #333333;
	text-align: center;
}

th, td, caption {
	font-size: 1.4em;
	line-height: 1.5em;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka","Meiryo", "メイリオ", Arial,"MS PGothic",sans-serif ;
}

select { /* ---ページ内でddに入れるから--- */
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka","Meiryo", "メイリオ", Arial,"MS PGothic",sans-serif ;
}

input, textarea { /* ---Vista対策　メイリオ外す--- */
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Arial,"MS PGothic",sans-serif ;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, li, ul, ol, div, form, map, area, hr, img, span {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

img { 
	border: 0px none;
	vertical-align: middle;
}

br { 
	letter-spacing:0px;
}

li {
	list-style:none;
}

.small {
	font-size: 0.85em;
	line-height: 1.5em;
}

.attention { 
	color: #AD192A;
	font-weight: bold;
}

.color { 
	color: #091258;
	font-weight: bold;
}

.kome { /* ---※を付ける--- */
	padding-left: 20px;
	background: url(../img/icon_kome.gif) no-repeat 3px 5px;
	margin-top: 10px;
}

.clear {
	clear: both; 
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* リンク
---------------------------------------------------- */
a:link {
	color: #091258;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}

a:visited {
	color: #393F64;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}

a:hover, a:active {
	color: #A6005F;
	font-weight: bold;
	background: transparent;
	text-decoration: underline;
}


/* 全体構造＆ヘッダー＆フッター
---------------------------------------------------- */
#wrapper {
	width: 870px;
	margin: 0 auto;
	background: url(../img/bg_mid.gif) repeat-y;
	text-align: left;
}

#header {
	padding: 0 30px;
}

#header #month {
	float: left;
	width: 170px;
}

#header #headline { /* ---ヘッダー右側全体をくるむ--- */
	height: 116px;
	border-top: 2px solid #091258;
	border-bottom: 2px solid #091258;
	margin-left: 200px;
	position: relative;
}

#headline h1 { /* ---ロゴ--- */
	position: absolute;
	width: 610px;
	display: block;
	text-indent: -9000px; 
	overflow: hidden;
	background: url(../img/logo.gif) no-repeat;
	height: 72px;
	border-bottom: 1px solid #091258;
}

#headline h3 { /* ---創刊周年--- */
	position: absolute;
	top: 2px; right: 0;
	text-align: right;
	color: #666;
	font-size: 1.2em;
	line-height: 1.8em;
}
#headline h3 b {
	font-size: 1.6em;
	font-weight: bold;
}

#headline h4 { /* ---発行日--- */
	position: absolute;
	bottom: 3px; left: 5px;
	color: #666;
	font-size: 1.2em;
}

#headline #textsize { /* ---文字サイズ--- */
	position: absolute;
	bottom: 3px; right: 0;
}
#headline #textsize li { 
	float: left;
}
#headline #textsize a { 
	display: block;
	width: 24px;
	height:24px;
	text-decoration: none;
}
#txtSml, #txtMid, #txtLrg {
	padding-left: 5px;
	text-indent: -9999px;
	overflow: hidden;
}
#txtSml a {
	background: url(../img/txtsize_sml.gif) no-repeat;
}
#txtMid a {
	background: url(../img/txtsize_mid_here.gif) no-repeat;
}
#txtLrg a {
	background: url(../img/txtsize_lrg.gif) no-repeat;
}


#footer {
	clear: both;
	padding:0 30px 20px 30px;
	background: url(../img/bg_btm.gif) no-repeat 50% 100%;
}

#footer .pagetop {
	float: right;
	text-indent: -9000px;
	overflow: hidden;
	margin-bottom: 3px;
}
#footer .pagetop a {
	display: block;
	width: 75px;
	height:15px;
	text-decoration: none;
	background: url(../img/pagetop.gif) no-repeat;
}
#footer .pagetop a:hover {
	background-position: 0 100%;
}

#footerwrap { /* ---フッターメニューとコピーライトをくるむ--- */
	clear: right;
	border-top: 1px solid #091258;
	padding-top: 12px;
	color: #89879B;
}

#footerwrap ul {
	float: left;
	font-size: 1.2em;
}
#footerwrap li {
	display: inline;
	float: left;
	padding-right: 1em;
}
#footerwrap a {
	color: #333;
	font-weight: normal;
}

#copyright {
	float: right;
	font-size: 1.1em;
	font-family: Verdana, Arial,sans-serif;
}


#container { /* ---左メニューとメインコンテンツをくるむ--- */
	padding: 20px 30px;
}


/* 左メニュー
---------------------------------------------------- */
#mainMenu { 
	float: left;
	width: 170px;
}

#mainMenu ul a {
	display: block;
	width: 170px;
	height:47px;
	text-decoration: none;
}

#mainMenu li {
	display: inlineblock;
	padding-bottom: 13px;
	font-size: 8px;
	line-height: 8px;
	text-indent: -9000px;
	overflow: hidden;
}

#menu_top a {
	background: url(../img/menu_top.gif) no-repeat;
}
#menu_topHere a { /* ---現在地の場合--- */
	background: url(../img/menu_top.gif) no-repeat 0 100%;
}
#menu_about a {
	background: url(../img/menu_about.gif) no-repeat;
}
#menu_aboutHere a {
	background: url(../img/menu_about.gif) no-repeat 0 100%;
}
#menu_voice a {
	background: url(../img/menu_voice.gif) no-repeat;
}
#menu_voiceHere a {
	background: url(../img/menu_voice.gif) no-repeat 0 100%;
}
#menu_now a {
	background: url(../img/menu_now.gif) no-repeat;
}
#menu_nowHere a {
	background: url(../img/menu_now.gif) no-repeat 0 100%;
}
#menu_back a {
	background: url(../img/menu_back.gif) no-repeat;
}
#menu_backHere a {
	background: url(../img/menu_back.gif) no-repeat 0 100%;
}
#menu_howto a {
	background: url(../img/menu_howto.gif) no-repeat;
}
#menu_howtoHere a {
	background: url(../img/menu_howto.gif) no-repeat 0 100%;
}
#menu_apply a {
	background: url(../img/menu_apply.gif) no-repeat;
}
#menu_applyHere a {
	background: url(../img/menu_apply.gif) no-repeat 0 100%;
}
#menu_change a {
	background: url(../img/menu_change.gif) no-repeat;
}
#menu_changeHere a {
	background: url(../img/menu_change.gif) no-repeat 0 100%;
}
#menu_impression a {
	background: url(../img/menu_impression.gif) no-repeat;
}
#menu_impressionHere a {
	background: url(../img/menu_impression.gif) no-repeat 0 100%;
}
#menu_inquiry a {
	background: url(../img/menu_inquiry.gif) no-repeat;
}
#menu_inquiryHere a {
	background: url(../img/menu_inquiry.gif) no-repeat 0 100%;
}
#menu_linky a {
	background: url(../img/menu_link.gif) no-repeat;
}
#menu_linkHere a {
	background: url(../img/menu_link.gif) no-repeat 0 100%;
}

#menu_top a:hover, #menu_about a:hover, #menu_voice a:hover, #menu_now a:hover, #menu_back a:hover, #menu_howto a:hover, #menu_apply a:hover, #menu_change a:hover, #menu_impression a:hover, #menu_inquiry a:hover, #menu_link a:hover {
	background-position: 0 -47px;
}


/* トップ頁
---------------------------------------------------- */
#topContents {  /* ---トップ頁のmainContentsの代わり--- */
	margin-left: 200px;
	margin-top: -20px;
}

#topContents h2 { /* ---キャッチ＆イメージ画像--- */
	display: block;
	height: 292px;
	text-indent: -9999px;
	background: url(../img/top_image.jpg) no-repeat;
}

#topContents #nowIssue { /* ---最新号の紹介をくるむ--- */
	margin-top: 20px;
	position: relative;
	height: 216px;
	overflow: visible;
}

#topContents #nowIssue #faceImage {
	position: absolute;
}

#topContents #nowIssue #nowContents {
	position: absolute;
	top: 0; left: 165px;
}

#topContents #nowIssue #nowContents h3 { /* ---最新号--- */
	margin-bottom: 5px;
	font-size: 1.4em;
	line-height: 1.5em;
}
#topContents #nowIssue #nowContents h4 { /* ---小見出し--- */
	font-size: 1.4em;
	line-height: 1.5em;
	color: #A6005F;
}
#topContents #nowIssue #nowContents .small {
	color: #333;
	font-size: 0.85em;
	line-height: 1.5em;
	font-weight: normal;
}
#topContents #nowIssue #nowContents p { /* ---記事タイトル--- */
	margin-bottom: 5px;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
}

#topContents #nowIssue #howtoLink {
	position: absolute;
	bottom: 0; right: 0;
}

#topContents .linkBtn { /* ---リンクボタン--- */
	display: inline;
	padding: 4px 16px 1px 4px;
	background: url(../img/btn_bg_blu.gif) no-repeat 100% 50%;
	color: #FFF;
	font-weight: bold;
}

#topContents #information { /* ---お知らせTOPICSをくるむ--- */
	margin-top: 25px;
}

#topContents #information #topNews { /* ---お知らせ--- */
	float: left;
	width: 360px;
}
#topContents #information #topics { /* ---TOPICS--- */
	margin-left: 380px;
}

#topContents #information h3 { /* ---小見出し青地白抜き--- */
	margin-bottom: 15px;
	padding: 5px 5px 2px;
	border-left: 17px solid #535A8A;
	background: #091258;
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
}

#topContents #information p { /* ---お知らせ１段落--- */
	padding-left: 23px;
	background: url(../img/marker2.gif) no-repeat 0 4px;
	font-size: 1.4em;
	line-height: 1.5em;
}

#topContents #information .continue { /* ---下に段落がある時--- */
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #535A8A;
}

#topContents #information strong {
	font-weight: bold;
	color: #091258;
}

#topContents #information img {
	float: left;
	padding-right: 10px;
}


/* メインコンテンツ
---------------------------------------------------- */
#mainContents {  /* ---トップ頁以外--- */
	margin-left: 200px;
	margin-top: -20px;
}

#mainContents h2 { /* ---タイトル画像はページで指定--- */
	margin-left: -23px;
	text-indent: -9000px;
	display: block;
	height: 96px;
}

#mainContents h3 { /* ---小見出し青地白抜き--- */
	margin: 30px 0 20px 0;
	padding: 5px 4px 2px;
	border-left: 1.3em solid #535A8A;
	background: #091258;
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
}

#mainContents h4 { /* ---小小見出し--- */
	margin-bottom: 10px;
	padding: 4px 0 2px;
	border-top: 3px solid #AAA;
	border-bottom: 1px solid #AAA;
	color: #091258;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5em;
}

#mainContents h6 { /* ---ただの説明文--- */
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 5px;
}

#mainContents p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#mainContents .plainList { /* ---マーカー付き箇条書き--- */
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 20px;
}
#mainContents .plainList li {
	background: url(../img/marker1.gif) no-repeat 0.2em 0.3em;
	padding-left: 1.6em;
	margin-bottom: 5px;
}

#mainContents .arrow { /* ---赤矢印付き--- */
	background: url(../img/arrow_red.gif) no-repeat 0 0.2em;
	padding-left: 1.8em;	
}


/*最新号の紹介ページ
---------------------------------------------------- */
#nowPage #nowIssue { /* ---第一段落をくるむ--- */
}
#nowPage #nowIssue #faceImage {
	float: left;
	padding-right: 20px;
}
#nowPage #nowIssue #summary { 
	margin-left: 170px;
}
#nowPage #nowIssue #summary h3 { 
	margin-top: 0;
}
#nowPage #nowIssue #summary img { 
	vertical-align: baseline;
}

#mainContents #nowPage .plainList {
	margin-bottom: 30px;
}

#mainContents #nowPage .plainList li {
	border-bottom: 1px solid #C8CAD7;
	padding-bottom: 5px;
}

#mainContents #nowPage .author {
	font-size: 0.87em;
	padding-left: 10px;
}


/*バックナンバー記事検索ページ
---------------------------------------------------- */
#mainContents #backPage h3 {
	margin-bottom: 5px;
}

#mainContents #backPage h5 { /* ---h3,h4の下の注記--- */
	margin-bottom: 5px;
	text-align: right;
	color: #666;
	font-size: 1.2em;
}

#backPage input, #backPage select {
	vertical-align: middle;
}

#backPage #selectGenre { /* ---分野別をくるむ--- */
	margin-bottom: 15px;
}

#backPage .colm1 { /* ---分野別左列--- */
	float: left;
	display: block;
	width: 248px;
	font-size: 1.4em;
	line-height: 1.4em;
}

#backPage .colm2 { 
	display: block;
	margin-left: 250px;
	font-size: 1.4em;
	line-height: 1.4em;
}

#backPage #selectGenre li { /* ---ラジオボタンのツリー表示--- */
	display: block;
}
#backPage #selectGenre input { /* ---ラジオボタンを画像に--- */
	position: absolute;
	left: -9000px;
	margin: 0;
}
#backPage #selectGenre label {
	display: inline-block;
	line-height: 1.6em;
	cursor: pointer;
	color: #091258;
	font-weight: bold;
	padding: 5px 0 3px 40px;
	margin: 0;
}
#backPage #selectGenre label:hover {
	color: #A6005F;
}
#backPage #selectGenre label.normalGenre { /* ---中間のツリー項目--- */
	background: url(../img/check_li.gif) no-repeat 0 50%;
}
#backPage #selectGenre label.checkedGenre { 
	background: url(../img/checked_li.gif) no-repeat 0 50%;
}
#backPage #selectGenre .headGenre label.normalGenre { /* ---最初のツリー項目--- */
	background: url(../img/check_li1.gif) no-repeat 0 50%;
	padding-left: 22px;	
}
#backPage #selectGenre .headGenre label.checkedGenre { 
	background: url(../img/checked_li1.gif) no-repeat 0 50%;
	padding-left: 22px;	
}
#backPage #selectGenre .lastGenre label.normalGenre { /* ---最後のツリー項目--- */
	background: url(../img/check_li2.gif) no-repeat 0 50%;	
}
#backPage #selectGenre .lastGenre label.checkedGenre{ 
	background: url(../img/checked_li2.gif) no-repeat 0 50%;	
}


#backPage .searchBtn {
	text-align: right;
}

#mainContents #backPage #keyword_search { /* ---検索フォーム--- */
	margin-bottom: 40px;
}

#mainContents #backPage h4 { /* ---下部記事リストの見出し--- */
	margin-top: 30px;
}

#mainContents #backPage #searchRange { /* ---h4の中の検索期間表示-- */
	font-size: 0.85em;
	font-weight: bold;
}

#backPage table { /* ---記事リスト--- */
	border-bottom: 2px solid #535A8a;
	margin-bottom: 8px;
	border-collapse: collapse;
}

#backPage thead td {
	border: 1px solid #535A8A;
	text-align: center;
	padding: 3px 2px 2px 3px;
	color: #091258;
	font-weight: bold;
}

#backPage tbody th, #backPage tbody td {
	border-bottom: 1px solid #C8CAD7;
	padding: 5px 0;
}

#backPage tbody th {
	background: url(../img/marker1.gif) no-repeat 0.2em 0.6em;
	padding-left: 20px;
	text-align: left;
	font-weight: normal;
}

#backPage tbody td {
	padding: 0 5px;
	text-align: center;
}

#backPage .pager { /* ---記事リスト下のページャー--- */
	float: right;
	margin-bottom : 20px;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: right;
	color: #999;
}

#backPage .pager li {
	display: inline;
}

#backPage .pager li .nowPosition {
	font-size: 1.4em;
	font-weight: bold;
}

#backPage .pager li a {
	font-weight: bold;
}

#backPage .pager li .next {
	padding-right: 16px;
	background: url(../img/arrow_lgray.gif) no-repeat 100% 50%;
}

#backPage .pager li .prev {
	padding-left: 16px;
	background: url(../img/arrow_lgray_r.gif) no-repeat 0 50%;
}

#backPage .reLink{ /* --再検索リンクー--- */
	float: left;
	padding-right: 16px;
	background: url(../img/arrow_lgray_t.gif) no-repeat 100% 50%;
	font-size: 1.4em;
	line-height: 1.5em;
}



/*Aboutページ
---------------------------------------------------- */
#aboutPage { 
	margin-top: -30px;
	background: url(../img/about_image.jpg) no-repeat 100% 100%;
}

#mainContents #aboutPage h5 { 
	color: #A6005F;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}

#mainContents #aboutPage p { 
	color: #666;
}

#aboutPage #kono1satu {
	float: right;
	display: block;
	width: 144px;
	height: 134px;
	background: url(../img/about_kono1satu.gif) no-repeat 100% 100%;
	font-size: 8px;
	text-indent: -9999px;
	overflow: hidden;
}

#aboutPage #costdown {
	float: right;
	display: block;
	width: 144px;
	height: 140px;
	background: url(../img/about_costdown.gif) no-repeat 100% 100%;
	font-size: 8px;
	text-indent: -9999px;
	overflow: hidden;
}




/*定義表（フォーム＆会社概要）ページ
---------------------------------------------------- */
#dlPage dl { 
	margin: 9px 0;
	padding: 16px 0 6px 10px;
	border-top: 1px solid #E4E4E9;
	background: url(../img/dl_bg.gif) repeat-y;
	font-size: 1.4em;
	line-height: 1.5em;
}

#dlPage .lastLine { 
	border-top: 1px solid #E4E4E9;
	margin-bottom: 30px;
}

#dlPage dt { 
	float: left;
	display: block;
	width: 200px;
	font-weight: bold;
	color: #091258;
}

#dlPage dd { 
	display: block;
	margin-left: 205px;
}

#dlPage input, #dlPage select {
	vertical-align: middle;
}

#dlPage #formStep, #compPage #formStep { /* ---フォームの現段階--- */
	text-align: right;
	margin-bottom: 10px;
}

#dlPage dd .continue { /* ---inputで次の行がある場合--- */
	margin-bottom: 5px;
}

#dlPage dd li { /* ---ラジオボタン--- */
	float: left;
	display: inline;
	padding-right: 1.5em;
}

#dlPage dd .colm2 li { /* ---２列で--- */
	width: 195px;
	padding-right: 0;
}

#dlPage #button, #compPage #button { /* ---サブミットボタン--- */
	margin: 20px auto;
	text-align: center;
}

#dlPage #button p {
	text-align: left;
}

#dlPage #button input, #dlPage #button img { 
	padding: 0 25px;
	font-size: 1.4em;
	vertical-align: baseline;
}

#dlPage .information { /* ---枠で囲む説明箇所--- */
	margin: 20px 0;
	border: 1px solid #C8CAD7;
	padding: 10px;
}

#dlPage .information .credit { 
	border-top: 1px dotted #C8CAD7;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 1.4em;
	line-height: 1.5em;
}

#dlPage h3 { /* ---変更フォームの括り分けで使う見出し--- */
	margin-bottom: 5px;
}

#dlPage .note { 
	margin-left: 1.4em;
	margin-bottom: 15px;
	font-size: 1.4em;
}

#compPage p { /* ---完了ページ--- */
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #C8CAD7;
}


/*読者の声ページ
---------------------------------------------------- */
#mainContents #voicePage .lead { /* ---リード文--- */
/*	border-bottom: 1px solid #C8CAD7;	*/
	padding-bottom: 10px;
	color: #091258;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
}

#mainContents #voicePage p { 
	background: url(../img/marker1.gif) no-repeat 0.2em 0.3em;
	padding-left: 1.6em;
	margin-top: 15px;
	margin-bottom: 0;
}

#mainContents #voicePage h5 { 
	border-bottom: 1px solid #C8CAD7;
	padding-bottom: 10px;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #666;
}

#mainContents #voicePage .recommend h4 { 
	border-top: none;
}

#mainContents #voicePage .recommend h5 { 
	border-bottom: none;
	text-align: left;
	float: right;
}

#voicePage .recommend {
	border: 1px solid #C8CAD7;
	margin: 15px 0;
	padding: 10px;
}

#voicePage .recommend img {
	float: right;
	padding-left: 10px;
}


/*個人情報ページ
---------------------------------------------------- */
#mainContents #privacyPage p { 
	margin-left: 1.6em;
}

#mainContents #privacyPage h4 {
	font-size: 1.4em;
}

#mainContents #privacyPage a {
	font-weight: normal;
}


/*おすすめ情報誌リンクページ
---------------------------------------------------- */
#mainContents #linkPage p{ 
	margin-bottom: 10px;
}

#mainContents #linkPage h3 { 
	margin-bottom: 10px;
}

#linkPage .localMenu { /* ---上部ページ内メニュー--- */
	border: 1px solid #C8CAD7;
	margin-bottom: 15px;
	padding: 10px 0 10px 10px;
	font-size: 1.4em;
	line-height: 1.5em;
}
#mainContents #linkPage .localMenu .arrow {
	float: left;
	margin-right: 30px;
} 

#mainContents #linkPage li { 
	border-bottom: 1px solid #C8CAD7;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 24px;
	background: url(../img/arrow_red.gif) no-repeat 0 0.7em;

}

#mainContents #linkPage h5 { /* ---出版社--- */
	float: right;
	width: 220px;
	font-size: 1.4em;
	line-height: 1.5em;
}

#mainContents #linkPage h6 { /* ---雑誌名--- */
	float: left;
	width: 340px;
	font-size: 1.4em;
}

#mainContents #linkPage li p{ 
	width: 340px;
	font-size: 1.2em;
	color: #666;
}

#mainContents #linkPage .credit { 
	margin-left: 10px;
	font-size: 0.9em;
	color: #666;
}


/*購読方法（キャンペーン）ページ
---------------------------------------------------- */
#mainContents #howtoPage h5 {
	font-size: 1.6em;
	font-weight: bold;
}