@charset"Shift_JIS";
/*セレクタ名は「_（アンダーバー）」ではなく、「‐（ハイフン）」を使用すること*/
/*font-size:10ptをベース*/
body{
	overflow:auto; 
	margin:0;
	padding:0;
	font-size:80%;/*16→13px*/
}


/*すべての行間を詰めて表示*/
h1,h2,h3,h4,h4,h5,h6,ol,dl,p{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom: 0;

}


A:LINK {
	color:#3333FF; text-decoration:underline;
}
A:VISITED {
	color:#666666; text-decoration:underline;
}

A:ACTIVE {
	color:#666666; text-decoration:none;
}

A:HOVER {
	color:#3333FF; text-decoration:underline;
}



/*list表示ブラウザ間の表示違いを修正。IE、Firefox、safariで確認済み*/
ul,ol{  
    margin:0;
	padding:0; 
}  
  
li{  
    margin:0.2em 0 0.2em 2em;
    padding:0 0 0 0;/*念のため*/
}

 

/*ここまで*/
	
IMG {
	border-width: 0px;
}

table{/*tableには標準モードだとフォントサイズが継承されない。*/
	 font-size:1em; /*13px*/
}


/*箇条書きでtableを使用する際の、マーカー（※や＊）クラス*/
table .marker{
	vertical-align:top;
	color:red;
	width:2em;
}

/*IE向け。あるいはインライン要素へのセンタリング*/
.centerIE {
	text-align:center;

}

/*IE以外向け。ただしインライン要素のセンタリングは「centerIE」を使用のこと
doctype正式に書き換えたらbody全体はこちらに統一*/
.center{
	margin: 0 auto 0 auto;/*IE以外向けセンタリング。*/
	text-align:left;
}

/*画像向け。縦横中央表示。ただし、ブロック要素で囲んでおく必要がある（領域確保）
<div class="centerimg"><img src="***.gif" alt="" width="**" height="**"></div>
*/
.centerimg{
	text-align:center;
	vertical-align:middle;
}

.align-left{
	text-align:left;
}


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

.valign-top{
	vertical-align:top;
}


.valign-middle{
	vertical-align:middle;
}

.float-left{
	float:left;
}


.float-right{
	float:right;
}

.clear-both{
	clear:both;
}

/*table枠表示1本*/
.tableline{
	border-collapse: collapse;
}

.margin-left1em{
	margin-left: 1em;
}


.margin-left135 {
	margin-left:135px;
}

.margin-left130 {
	margin-left:130px;
}

.margin-left100 {
	margin-left: 100px;
}

.margin-left90 {
	margin-left: 90px;
}

.margin-left26 {
	margin-left: 26px;
}

.margin-left30 {
	margin-left: 30px;
}

.margin-left20 {
	margin-left: 20px;
}
.margin-left15 {
	margin-left: 15px;
}
.margin-left10 {
	margin-left: 10px;
}
.margin-left5 {
	margin-left: 5px;
}
.margin-left2 {
	margin-left: 2px;
}

.margin-right10 {
	margin-right: 10px;
}


/*オブジェクトの周りにマージン*/
.margin1em{
	margin: 1em 1em 1em 1em;
}

.margin-lr1em{
	margin: 0 1em 0 1em;
}
.margin-tu5{
	margin: 5px 0 5px 0;
}

.margin-u1em{
	margin:0 0 1em 0;
}

.margin-tu2{
	margin:2px 0 2px 0;
}

.padding1em{
	padding: 1em 1em 1em 1em;
}

.padding-lr1em{
	padding: 0 1em 0 1em;
}

.padding-left10 {
	padding-left:10px;
}


/*ネットdeウェルカムプレゼントページ字下げ*/
.padding-left1em {
	padding-left:1em;
}

/*さくらカード「MyJチェック」登録キャンペーンページ字下げ*/
.padding-right3em{
	padding-right:3em;
}

/*ネットdeウェルカムプレゼントページ字そろえ*/
.padding-right1em{
	padding-right:1em;
}

/*padding3 カード利用枠tableにて使用*/
.padding3 {
	padding:3 3 3 3;
}
/*------------*/

.bold{
	font-weight:bold;
}

.header {
	font-size: 12pt;
	font-weight: bold ;
}


/*次期に、削除。相対指定に。*/
.smaller {
	font-size:11px;
}

/*次期に、「smaller」と「smaller85」体制へ変更。報告も忘れず
.smaller {
	font-size:smaller; 13px→10px
}*/


.small85 {
	font-size: 85%; /*13px→11px（11pxが従来）*/
}

.large110 {
	font-size:110%;
}

.large120 {
	font-size:120%;
	line-height: 1.2em;
}

.large140 {
	font-size:140%;
	line-height: 1.2em;
}

/*サイトマップページのみ使用*/

.normal {
	font-size: 13px;
}


.w_normal {
	font-size: 9pt;
	font-weight:normal;
	line-height: 14pt;
}

.normal01 { 
	font-size: 10pt; 
	line-height: 15pt;
}

.normal-b { font-size: 10pt; font-weight: bold;}

.normal-b01 { font-size: 10pt; font-weight: bold;  line-height: 15pt;}


.vioret {
	color: #990066;
	font-size: /*元はfont-size:10pt*/
}
.vioret-b {
	color: #990066; 
	font-weight: bold; /*元はfont-size:10pt*/
}
.vioret-s {
	color: #990066;
	font-size: 11px;
	line-height: 9pt;
}

.red {
	color: red;/*元はfont-size:10pt*/
}
.red-b {
	color: red; 
	font-weight: bold; /*元はfont-size:10pt*/
}
.red-s {
	color: red;
	font-size: 11px;
	line-height: 9pt;
}


.white {
	/*元はfont-size:10pt*/
	color: white;
}

.white-b {
	font-weight: bold;/*元はfont-size:10pt*/
	color: white;
}

.fontff6600 {
	color:#ff6600; 
}

/*gif画像を使用しない点線表示。 以下を組み込む。
<p class="section">&nbsp;</p>
<div class="align-right"><A href="#top"><IMG src="../img/sankaku_deepred.gif" width="9" height="9" border="0">トップへ戻る</A></div>
*/
.section{
	border-bottom: 1px dashed #AAAAAA;
	padding:0 0 0.2em 0;
	margin:0;
	clear:both;
}

/*gif画像を使用しないdotsen表示。 以下を組み込む。
<div class="sectiondot">&nbsp;</div>
IEでは1pxだとdashedで表示されてしまうバグがある*/
.sectiondot{
	border-bottom: 2px dotted #000000;
	padding:0 0 0.2em 0;
	margin:0;
}

/*gif画像を使用しない直線表示。 以下を組み込む。
<div class="sectionsolid">&nbsp;</div>*/
.sectionsolid{
	border-bottom: 1px solid #999999;
	padding:0 0 0.2em 0;
	margin:0;
}

/*gif画像を使用しない直線表示。アフィリエイト用ページで使用。 以下を組み込む。
<div class="sectionsolid2">&nbsp;</div>*/
.sectionsolid2{
	border-top: 2px solid #999999;
	padding:0;
	margin:0;
}

/*gif画像を使用したtensen表示。middle表示、下にリンクなどを掲載する。以下を組み込む
<div class="dotimg">&nbsp;</div>*/
.dotimg{
	margin:0;
	background-image:url(img/tensen.gif);
	background-position:left 50%;
	background-repeat: repeat-x;
}


/*背景#DFDFDF*/
.backcolorDFDFDF{
	background-color:#DFDFDF;
}

.bg-green {
	background-color: rgb(49, 139, 155);
}

/*imgの枠線表示などに*/
.frame{
	border: 1px solid black;
}
.frame-gray{
	border: 1px solid #AAAAAA;
}





/*背景色、文字白抜き*/
.backblue{
	background-color:#0099ff;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	padding:2px 5px 2px 5px;
}

/*会員サービスセンター連絡先の枠*/
.frame_ff99cc{
	border: 1px solid #ff99cc;
}

/*コンサルティングデスクの枠*/
.frame_blue{
	border: 1px solid blue;
}

/*管理一部連絡先の枠*/
.frame_339900{
	border: 1px solid #339900;
}

/*tableを使用しない枠の表示*/

.frame1blue{
	margin-bottom: 0;
	padding:5 5 5 5;
	border: 1px solid blue;
}
.frame1black{
	margin-bottom: 0;
	padding:5 5 5 5;
	border:1px solid black;
}

.frame1red{
	margin-bottom: 0;
	padding:5 5 5 5;
	border:1px solid red;
}


.width270{
	width:270px;
}


.width390{
	width:390px;
}

.width565{
	width:565px;
}

.width-full{
	width:100%;
}

/*TOPページ左側*/
#toppage-unit{
	width:575px;
	float:left;
}

#toppage-left{
	width:202px;
	text-align:center;
	float:left;
}
.j-travel{
	background-image:url(img/JNB_travel3.gif);

	background-repeat: no-repeat;
	width:194px;
	height:148px;
	padding:5px 0 5px 0px;
	margin:5px auto 5px auto;
/*	border:1px solid gray;*/
	text-align:center;

}
.jnb{
	background-image:url(img/frame_jnb3.gif);
	background-repeat: no-repeat;
	width:194px;
	height:124px;
	padding:17px 0 3px 0;
	margin:5px auto 5px auto;

}

#toppage-middle{
	width:368px;
	float:right;
}


#toppage-right{
	width:180px;
	text-align:center;
	float:right;
}
.secure{

	width:176px;
	vertical-align:middle;
	height:70px;
	padding:0px 0 3px 0;
	margin:5px 0 5px 0;
	border:1px solid Teal;

}

/*-------------------------------ページ構成-------------------------------*/
/*上部menu*/
#home{
	width:760px;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #000000;
}

#home a{
	color: #000000 !important;
	font-size: 85%;  /*a要素には、font-sizeが継承されないらしい*/
}

#home td{
	text-align:right;
}


/*padding-bottom5 上部メニュー使用。画像揃え。*/
#home .pad-bottom5 {
	vertical-align:bottom;
	padding-bottom:5px;
}
/*margin-right3 上部メニュー使用。画像揃え。*/
#home .margin-right3{
	margin-right:3;
}

/*JavaScript部*/
#java{
	width:756px;
	height:29px;
	margin:0;
	padding: 0;
    clear: both;
}

#java li{
	width:126px;height:29px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}


/*main（navi170px＋contents585px+余分5px）*/
#main{
	width:760px;
	margin:10px auto 0 auto;/*IE以外向けセンタリング*/
	background:url(img/back.gif) repeat-y 0 0;
	padding: 0;
	text-align:left;/*IE以向けテキストそろえ*/
	min-height: 1em;
    overflow: hidden;/*親BOXのbackgroundを子BOXに反映させるソース。*/
	clear: both;
}

#main_af{
	width:600px;
	margin:10px auto 10px auto;/*IE以外向けセンタリング*/
	padding: 0;
	min-height: 1em;
    overflow: hidden;/*親BOXのbackgroundを子BOXに反映させるソース。*/
	clear: both;
	background-color:#ffffff;
	border:1px solid #000000;
}

/*親BOXのbackgroundを子BOXに反映させるソース。*/
#main:after { /*Firefox、Opera、Safari用ソース*/
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*for IE。スターハック*/
/*\*/
* html #main {
    height: 1em;
    overflow: visible;
}

/*親BOXのbackgroundを子BOXに反映させるソース。end*/

/*TOPページおよびnewsページ向けmain space確保*/
#index{
	width:760px;
	margin:10px auto 0 auto;/*IE以外向けセンタリング*/
	padding: 0;
	text-align:left;/*IE以外向けテキストそろえ*/
	min-height: 1em;
    overflow: hidden;/*親BOXのbackgroundを子BOXに反映させるソース。*/
	clear: both;
}

/*naviエリア*/
#navi{
	width:170px;
	margin: 0;
	padding: 0;
	font-size:inherit;
	line-height:1.2em;
	text-align: left;
	float:left;
}


/*naviメニュー専用の破線*/
#navi .section{
	border-bottom: 1px dashed #AAAAAA;
	padding:0.2em 0 0.2em 0 !important;
	margin:0 0 0 0 !important;
}

#navi li{/*通常、上下0.2em*/
	margin-top:0px;
	margin-bottom:0px;
}


/*現在地naviメニュー。背景ピンク*/
#navi ul.come {
	background-color:#FFCCCC;
}


/*contentsエリア*/
#contents {
	width:575px;
	margin:0 0 0 10px;
	padding: 0 0 0 0;
	font-size:inherit;
	line-height:1.2em;
	float:left;
}



/*アフィリエイト用contentsエリア*/
#contents_af {
	width:575px;
	margin:0 auto 0 auto;
	padding: 0;
	font-size:inherit;
	line-height:1.2em;
	text-align:left;/*IE以向けテキストそろえ*/
}

/*about-usへのリンクエリア*/
#about-us {
	width:760px;
	overflow: hidden;
	line-height:2.0em;
	margin: 10px auto 0 auto;/*IE以外向けセンタリング*/
	padding: 0;
	background-color: #767676;
	font-size:90%;
	line-height:1.7em;
	color:#FFFFFF; /*|をwhiteに。*/
	clear:both;
}
#about-us a{
	margin: 0;
	padding: 0;
	color:#FFFFFF !important;
}

/*外部のリンクエリア*/
#link {
	width:760px;
	margin: 0 auto 0 auto;/*IE以外向けセンタリング*/
	padding: 0;
}

#link td{	
	line-height:1.2em;
}
#link a{
	font-size:85%;
	color:#000000 !important;
}

/*-------------------------------ページ構成・end-------------------------------*/
/*マーカーを「・」画像で*/
ul.list li {
	list-style-type:none;
	clear: both;
	line-height: 1.3;
	background-image: url(img/dot.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	margin-left:3px !important;
	padding-left:10px !important;
}

ul.m-none{/*マーカーなし。まだ使っていない*/
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.m-none em{ /*<em>※</em>*/
	color:red;
}

li.m-none{/*マーカーなし。まだ使っていない*/
	list-style-type:none;
	margin:0;
	padding-left:1.2em;
}
 
/*tableを使用しないリスト表示（マーカー画像）*/

li.enji-squ {/*naviメニューのリストマーカー*/
	list-style-type:none;
	background:url(img/squ_enji.gif) no-repeat 3px 3px;/*画像のズレ補正のため、背景で指定*/
	margin:0 0 0 0 !important;
	padding-left:1.2em !important;
}

li.black-squ {
	list-style-type:none;
	background:url(img/squ_black.gif) no-repeat 3px 3px;/*画像のズレ補正のため、背景で指定*/
	margin:0 0 0 0 !important;
	padding-left:1.2em !important;
}

li.enji {/*○内三角矢印*/
	list-style-type:none;
	background:url(img/sankaku_enji.gif) no-repeat 0em 0.1em;/*画像のズレ補正のため、背景で指定*/
	margin:0 0 0 0 !important;
	padding-left:1.2em !important;
}

li.orange {/*○内三角矢印*/
	list-style-type:none;
	background:url(img/sankaku.gif) no-repeat 0em 0.1em;/*画像のズレ補正のため、背景で指定*/
	margin:0 0 0 0 !important;
	padding-left:1.2em !important;
}

li.blue {/*○内三角矢印*/
	list-style-type:none;
	background:url(img/sankaku_ao.gif) no-repeat 0em 0.1em;/*画像のズレ補正のため、背景で指定*/
	margin:0 0 0 0 !important;
	padding-left:1.2em !important;
}

li.t-right-enji {/*右向き三角*/
	list-style-type:none;
	background:url(img/triangle_right_enji.gif) no-repeat 0.2em 0.15em;/*画像のズレ補正のため、背景で指定*/
	margin:0 0 0 0 !important;
	padding-left:1.2em !important;
}

li.t-under-enji {/*下向き三角*/
	list-style-type:none;
	background:url(img/triangle_under_enji.gif) no-repeat 0.2em 0.15em;/*画像のズレ補正のため、背景で指定*/
	margin:0 0 0 0 !important;
	padding-left:1.2em !important;
}

/*tableを使用しないリスト表示（マーカー画像）qaフォルダ内HTMLにて使用。*/
li.enji_q {/*○内三角矢印*/
	list-style-type:none;
	background:url(img/sankaku_enji.gif) no-repeat 1em 0.3em;/*画像のズレ補正のため、背景で指定*/
	margin:5px 0 5px 0  !important;
	padding-left:3em !important;
	line-height:1.5em;
}

/*tableを使用しないリスト表示（マーカー画像）qaフォルダ内HTMLにて使用。*/
li.enji_q2 {/*○内三角矢印*/
	color:#990066;
	font-weight:bold;
	list-style-type:none;
	background:url(img/sankaku_enji.gif) no-repeat 0.5em 0.3em;/*画像のズレ補正のため、背景で指定*/
	background-color:#FFcccc;
	margin:0 !important;
	padding-left:2em !important;
	line-height:1.5em;
}


/*tableを使用しないリスト表示（マーカー画像）magazin/index.htmlおよびpresent/all.htmlにて使用。*/
li.enji2 {/*○内三角矢印*/
	list-style-type:none;
	background:url(img/sankaku_enji.gif) no-repeat 1em 0.1em;/*画像のズレ補正のため、背景で指定*/
	margin:0 !important;
	padding-left:3em !important;
}

li.orange2 {/*○内三角矢印*/
	list-style-type:none;
	background:url(img/sankaku.gif) no-repeat 1em 0.1em;/*画像のズレ補正のため、背景で指定*/
	margin:0 !important;
	padding-left:3em !important;
}

li.blue2 {/*○内三角矢印*/
	list-style-type:none;
	background:url(img/sankaku_ao.gif) no-repeat 1em 0.1em;/*画像のズレ補正のため、背景で指定*/
	margin:0 !important;
	padding-left:3em !important;
}

/*tableを使用しないリスト表示（マーカー画像）end*/


/*tableを使用しないトピックス表示。主にTOPページに使用。
マーカー画像をclass="icon"として付加可能。こうすれば印刷時にマーカーが表示されない不便さがなくなる。
class="item"が見出し
class="summary"が要約文*/

.sentens {
	margin:0 0 0 0;
}

.sentens .icon{ /*とりあえずyajirushi.gifに合わせている*/
	float:left;
	margin:4px 0 0 0px;	
}


.sentens .item{
	margin:0 0 0 15px;
	line-height:1.5em;
}

.sentens .summary{
	line-height:1.2em;
	margin:0 0 0 0;
	padding:0 0 0 10px;
}

/*create_cardカードラインナップ用・テキスト、画像配置*/
.lineup {
	width:575px;
	margin:0;
	border-collapse: collapse;

}

.lineup .icon{
	float:left;
	margin:4px 0 0 4px;	
}

.lineup .item{
	float:left;
	margin:0 0 0 5px;
	line-height:1.5em;
}

.lineup .red-img{
	float:right;
	margin-top:2px;	
	margin-right:20px;
}

.lineup .summary{
	line-height:1.2em;
	clear:both;
	margin:0;
	padding:0 0 0 10px;
}

/*応募スケジュール現在表示・文字赤*/
.now{
	color:red;
	text-align:center;
	font-weight:bold;
}
/*応募スケジュール現在表示・幅足りないからfont-weightはノーマル文字赤*/
.now2{
	color:red;
	text-align:center;
}

/*応募スケジュール対象外表示・文字ライトグレー*/
.out{
	color:#999999;
	text-align:center;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
}
	
/*行間確保。以下を挿入
<div class="line-height-half">&nbsp;</div>*/
.line-height-half{
	line-height:0.5em;
}


/*「重要なお知らせ」用CSS*/

.othertop{
	background-image:url(img/box575_01.gif);
	padding-top:13px;
	width:575px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:10px;
	text-align:left;
}

.other{
	background-image:url(img/box575_03.gif);
	padding-bottom:13px;
	background-position:left bottom;
	background-repeat:no-repeat;	
}

.topics{
	background-image:url(img/box575_02.gif);	
	background-repeat:repeat-y;
	margin-top:0;
	margin-bottom:0;
}

.topics h1{
	padding:5px 13px 8px 35px;
	margin-top:0;
	margin-bottom:0;
	font-size:10pt;
	color:red;
	font-weight: bold;
}


.topics p{

	padding-left:18px;
	padding-right:18px;
	margin-top:0;
	margin-bottom:0;
	font-size:10pt;

}

.topics a{
	background-image:url(img/yajirushi.gif);
	background-position:20 3;
	background-repeat:no-repeat;
	padding-left:30px;
	width:550;
	margin-top:0;
	font-size:10pt;

}

.topics .red{
	color:red;
}

.topics .bold{
	font-weight:bold;
}

.topics .Area h1{
	background-image: url(img/caution.gif);
	background-position: 10 top;
	background-repeat: no-repeat;
	
}

.topics .smaller{
	font-size:8pt;
}