@charset "utf-8";

/*Link*/
a:link{
	text-decoration:none;
	color:#039;
}
a:visited{
	text-decoration:none;
	color:#369;
}
a:hover{
	text-decoration:underline;
	color:#039;
}


body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial,Helvetica,san-serif;
	background:#fff;
}

h1,h2,h3,h4,h5,h6,h7,p,ul,li,form,select {margin:0;padding:0;font-size:100%;}

ul,li {text-indent:0;}

hr {
	width:100%;
	height:1px;
	border:0;
	color:#999;
	background-color:#999;
	clear:both;
}

img {
	border:0;
}

/*clearfix*/
.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*/


/*コンテナ*/
#wrapper {
	width:640px;
	margin:0 auto 0;
	text-align:left;
}

/*パンくず*/
.topic-path {
	padding:3px;
	font-size:10px;
	color:#c00;
}
.topic-path a {
	color:#666;
}
.topic-path span {
	font-size:12px;
	color:#000;
}

/*フッタ*/
#foot {
	padding:10px 0 0;
	clear:both;
}
#foot ul {
	list-style-type:none;
}
#foot li {
	width:18%;
	height:65px;
	padding:0 0 20px 5px;
	text-align:center;
	float:left;
}


/*//==About等ポップアップ==//*/
/*ヘッダ*/
body.popup {
	background:#fff url(../images/ja/window_bg.gif) repeat-x;
}

#head-popup {
	/*width:470px;*/
	height:22px;
	background:#fff url(../images/ja/window_bg.gif) repeat-x;
}
#head-popup img#head01 {
	float:left;
	margin:0 10px;
}
#head-popup img#head02 {
	float:right;
	margin:0 10px;
}

#wrapper-popup {
	width:470px;
	margin:0 auto 0;
	text-align:left;
}

#wrapper-popup p {
	padding:0 5px;
}

#wrapper-popup h1 {
	font-family: Times New Roman, Times, serif;
	font-size: 140%;
	font-weight: bold;
	margin: 3px 5px;
}
/*閉じるボタン*/
.close-area {
	text-align:center;
	padding:20px 5px;
}

/*編集者テーブル*/
table.editor {
	margin:0;
	font-size: 80%;
}
.editor th {
	text-align:left;
	vertical-align:top;
}
.jp-btn-popup {
	text-align:center;
	padding:5px 5px 20px;
}

/*//==下層ページ==//*/
/*センタリング用*/
.centering {
	text-align:center;
}

/*コンテンツ領域*/
#contents-area {
	padding:0 20px;
}

/*冊子号数とTOPボタンのエリア*/
#inner-head {
	width:600px;
	height:33px;
}

/*冊子号数とTOPボタンのエリア　各章の２ページ目以降*/
#inner-head-sub {
	width:600px;
	height:5px;
}

/*冊子号数*/
.number {
	font-size:12px;
	margin: 0 3px;
	float:left;
}

/*TOPボタン*/
.totop {
	text-align:right;
}
/*TOPボタン(ページ上用)*/
#inner-head .totop {
	float:right;
}

/*コンテンツ見出し(基本設定)*/
#contents-area h1,#contents-area h2,#contents-area h3 {
	font-size:120%;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	margin:3px 5px;
	color: #000;
}

/*コンテンツ見出し(大)*/
#contents-area .title-big-more {
	font-size: 300%;
}
/*350% to 300% 39号*/

/*コンテンツ見出し(大)*/
#contents-area .title-big {
	font-size: 230%;
}
/*250% to 230% 39号*/


/*コンテンツ見出し(中)*/
#contents-area .title-middle {
	font-size: 190%;
}
/*200% to 190% 39号*/

/*コンテンツ見出し(小)*/
#contents-area .title-small {
	font-size: 170%;
}

/*コラム*/
.column {
	width:600px;
	padding:0 0 1em;
	clear:both;
}

/*コラム内テキスト*/
.column p {
	padding:0 5px;
}

/*コラム内テキスト（インデント有）*/
.column p.indent {
	text-indent:1em;
}
/*コラム内テキスト（インデント有-中国語）*/
.column p.indent-zh {
	text-indent:2em;
}

/*「に」マーク*/
img.nippo-mark{
	margin:0 0 0 5px;
	vertical-align:middle;
}

img.bm {
	margin:0 0 5px;
}

/*Living in Japan人物名*/
.person {
	font-weight:bold;
}

/*Bon Appetit!小タイトル*/
.appetit {
	font-size:120%;
	font-family: Times New Roman, Times, serif;
	font-weight:bold;
}

/*回り込み画像配置用（右・画像サイズ260px）*/
.f-right {
	width:280px;
	float:right;
	*margin:0 0 -15px;
}
/*回り込み画像配置用（右・画像サイズ290px）*/
.f-right-310 {
	width:310px;
	margin:0 0 10px;
	*margin:0 0 -15px;
	float:right;
}
/*回り込み画像余白設定（右）*/
.f-right-inner {
	padding:5px 0 20px 20px;
}
/*回り込み画像配置用（左・画像サイズ260px）*/
.f-left {
	width:280px;
	float:left;
	*margin:0 0 -15px;
}
/*回り込み画像配置用（左・画像サイズ290px）*/
.f-left-310 {
	width:310px;
	margin:0 0 10px;
	*margin:0 0 -15px;
	float:left;
}
/*回り込み画像余白設定（左）*/
.f-left-inner {
	padding:5px 20px 20px 0;
}

/*日本語表示ボタン*/
.c-jp {
	padding:5px 0;
	text-align:left;
	clear:both;
}
/*日本語表示ボタン（回り込み画像がある場合）*/
.c-jp2 {
	padding:5px 0;
	text-align:left;
}
.c-jp img,.c-jp2 img {
	margin-left:5px;
}

/*ズームボタン*/
.zoom {
	text-align:right;
	padding:5px 0;
}

/*ページ遷移ボタンエリア*/
.next {
	width:100%;
	padding:40px 0 0;
	text-align:center;
	clear:both;
}
.next img {
	margin:0 3px;
}

/*フッター部分タイトル*/
.footertitle {
	text-align:right;
}
/*フッターメニュー設定*/
.c-footer {
	text-align:right;
	font-size:12px;
}
.c-footer p {
	clear:both;
	padding:3px 0 0;
}
.c-footer ul {
	width:auto;
	padding:3px 0;
	display:block;
	float:right;
}
.c-footer ul li {
	padding:0 0 0 10px;
	float:left;
	display:block;
}
.c-footer p a {
	padding:0 0 0 15px;
	background:url(../images/point.gif) 0 50% no-repeat;;
}

/*イレギュラー*/
.c-footer ul.irre {
	padding:3px 0 0;
	clear:both;
	white-space:nowrap;
	/*float:none;*/
}
.c-footer ul.irre li.btm {
	padding:0 0 3px;
}
/*イレギュラーここまで*/

.c-footer ul li a {
	display:block;
	padding:0 0 0 10px;
	background:url(../images/point_mini.gif) 0 50% no-repeat;;
}

.c-footer a {
	color:#000;
}
.c-footer a:link,.c-footer a:visited,.c-footer a:hover {
	color:#000;
}

/*例外処理*/
.w520 {
	width:520px;
	margin:0 auto 0;
	*margin:0 40px 0;
}


/*//==Font関連==//*/
/*小見出し*/
.info{
	font-size:80%;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
}
.info img {
	margin:0 2px;
}
/*メール、通信手段*/
.contact{
	font-size:10px;
	margin:0px;
}
/*書名「にっぽにあ」------文中斜体で表現*/
.nippo {
	font-style:italic;
}
/*小文字(本文よりも小さいテキスト)*/
.sm10{
	font-size:10px;
}

.sp{
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	font-weight: bold;
	margin: 3px 0;
	color: #f60;
}

.sp .ex-s {
	font-size:14px;
}

/*各ページヘッドの特集名（39号から明記4/5仮修正feature01.htmlのみ）*/
.sphead{
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
	margin:0px 0px 3px 0px;
	color: #f60;
}
.sphead .ex-s {
	font-size:12px;
	font-weight: normal;
}

/*大見出し・特集見出しなど*/
.titlebig{
	font-family: Times New Roman, Times, serif;
	font-size: 200%;
	font-weight: bold;
	margin: 3px 5px 3px 5px;
	color: #000000;
}
/*中見出し・目次に載るタイトル */
.titlemid{
	font-family: Times New Roman, Times, serif;
	font-size: 140%;
	font-weight: bold;
	margin: 3px 5px 3px 5px;
	color: #000000;
}
/*小見出し・目次には載らない*/
.titlesml{
	font-family: Times New Roman, Times, serif;
	font-size: 120%;
	font-weight: bold;
	margin: 3px 0;
	color: #000000;
}


/*タイトルの上の分用*/
.sub{
	font-weight: bold;
	margin: 5px;
}
/*リード文*/
.lead-m{
	font-weight: bold;
	margin: 3px 0;
}
/*リード文（小）*/
.lead_s{
	font-size: 80%;
	font-weight: bold;
	margin: 3px 5px 3px 5px;
}
/*画像タイトル*/
.titleimg{
	font-size: 90%;
	font-weight: bold;
	margin: 3px 5px 3px 5px;
}
/*画像タイトル*/
.url{
	font-size: 80%;
	font-weight: bold;
}

/*-------------------------------------*/
/*テキスト日本名*/
/*キャプション・写真の下の説明文*/
.caption{
	margin: 2px 0px 0px 0px;
	font-size: 80%;
	color: #600;
}
/*キャプション中の補足等に使用 30*/
.capss{
	font-size: 65%;
	color: #600;
}
/*ライター*/
.writer{
	font-size: 80%;
	margin: 3px 0;
	color: #039;
}
/*上付き文字*/
sup{
	font-size: 70%;
}
/*-------------------------------------*/
/*左のオブジェクトを5px内側に寄せる*/
.leftspace{
	margin: 0px 0px 0px 5px;
}
/*-------------------------------------*/