@charset "Shift_JIS";

/* =================================================================================

 Common style of cjw

================================================================================= */

/* カテゴリごとの設定 */

div#odekakeContents a:link{ color:#0177bb; }
div#odekakeContents a:visited{ color:#0177bb; }

/*
div#odekakeContents ul.arrow01 li,
a.arrow01,
span.arrow01{
	margin-top:6px;
	padding-left:9px;
	background:url(img/icon_arrow01.gif) no-repeat left 6px;
	line-height:1.5;
}*/

div#odekakeContents ul.arrow02 li,
a.arrow02,
span.arrow02,
p.arrow02{
	margin-top:6px;
	padding-left:9px;
	background:url(/railroad/css/img/icon_arrow01.gif) no-repeat left 6px;
	line-height:1.5;
}

yoyakuBtnBox a.arrow02{
	padding-left:7px;
}


/* タイトル */
/*
.ttlstyle01{
	padding-bottom:4px;
	background:url(img/ttl_style01.gif) repeat-x left bottom;
}*/

.ttlstyle02 span{
	padding-left:14px;
	background:url(img/icon_style02.gif) no-repeat left 0.5em;
}


/* ==

　main

=============================================================================== */

/* ///////////////////////////////// 全体のボックス*/

div#boxService{
	background:url(img/index_main_mdl.jpg) repeat-y left top;
}

	div#boxService div#serviceHead{
		padding-top:17px;
		padding-bottom:17px;
		background:url(img/index_main_top.jpg) no-repeat left top ;
		position:relative;
		height: auto !important;
		min-height: 21px;
		zoom:1;
	}
	div#boxService div#servuceIn{
		padding:0 20px 37px;
		background:url(img/index_main_btm.jpg) no-repeat left bottom;
		zoom:1;
	}
	
		div#boxService div#servuceIn h2{
			margin-bottom:16px;
		}


div#serviceHead p#serviceItem{
	right:22px;
	top:11px;
	position:absolute;
}

div#serviceHead h1{
	margin-left:15px;
	margin-bottom:0;
}

div#serviceHead div#ttlArea{
	padding-left:35px;
}

	div#boxService p.discription{
		margin-top:10px;
		width:300px;
	}

div#serviceDetail{
	margin-top:20px;
	background:url(img/service_btm.jpg) no-repeat left 40px;
}

	/*div#serviceDetail div#detailIn{
		background:url(img/service_mdl.jpg) no-repeat left bottom;
	}*/

ul#netList{
	margin:0 auto;
	padding-top:7px;
	padding-bottom:22px;
	width:694px;
}

	ul#netList li{
		margin-top:10px;
		margin-right:22px;
	}

	ul#netList li.mt-15{
		margin-top: -15px;
	}
	
div#detailBtm{
	margin:0 auto;
	width:682px;
}

div#boxStartup{
	padding:10px 3px 30px 3px;
	background:url(img/index_main_mdl_blue.gif) repeat-y left top;
}

div#boxCard .inner{
	padding-bottom:13px;
	background:url(img/service_card_btm.gif) no-repeat left 40px;
}

div#boxIcoca .inner{
	padding-bottom:14px;
	background:url(img/service_icoca_btm.gif) no-repeat left 40px;
}

div#boxCard,
div#boxIcoca{
	width:336px;
}

	div#boxCard ul,
	div#boxIcoca ul{
		width:308px;
		margin:17px auto 0;
	}
	
	div#boxCard p,
	div#boxIcoca p{
		width:308px;
		margin-left:14px;
	}
	
	div#boxCard p.note{
		margin-left:0;
		margin-top:15px;
	}

	div#boxCard p.forNotNetMember{
		margin-top: 10px;
	}

	div#boxIcoca p.forNotNetMember{
		margin-top: 10px;
	}

div#boxAbout {
	padding-top:30px;
	padding-bottom:30px;
}

div#boxAbout .inner {
	padding:30px 25px;
}

div#boxAbout .inner .discription{
	width:350px;
	margin-top:20px;
}

/* J-WESTネット会員新規登録はこちら */

div#serviceEntry{
	padding-left:3px;
	padding-right:3px;
}

div#boxEntry{
	padding-top:10px;
	padding-bottom:10px;
	background:url(img/entry_box.jpg) no-repeat left bottom;
}

	div#boxEntry ul{
		margin-left:16px;
	}
	
		div#boxEntry ul li{
			margin-right:10px;
		}

/* 会員規約 */

div#memberArea{
	margin-top:10px;
	position:relative;
	/zoom:1;
}

	div#memberArea h2{
		position:absolute;
		left:0;
		top:0;
	}
	
	div#memberArea p,
	div#memberArea ul{
		margin-left:68px;
	}
	
	div#memberArea p{ padding-top:4px; }
	
		div#memberArea ul li{ margin-right:15px; }

/* ご注意 */

div#noteArea{
	margin-top:10px;
	position:relative;
	/zoom:1;
}

	div#noteArea h2{
		position:absolute;
		left:0;
		top:0;
	}
	
	div#noteArea p{
		margin-left:68px;
	}
		

/* 会員入会キャンペーン */

div#campaignArea{
	/*margin:0 auto;*/
	margin-right:-21px;
	margin-left:12px;
	/*width:735px;*/
	width:756px;
}
dl.boxCampaign{
}

dl.boxCampaign{
	width:355px;
	position:relative;
	min-height:88px;
	height:auto !important;
	height:88px;
}

	dl.boxCampaign dt{
		margin-top:-10px;
		line-height:1.67 !important;
		padding-left:130px;
	}
		dl.boxCampaign dt img.thumb{
			position:absolute;
			left:0;
			top:0;
			border:1px solid #cfcfcf;
		}
		

		dl.boxCampaign dt a{
			text-decoration:none;
		}
		
		dl.boxCampaign span.link{ text-decoration:underline; }	
		dl.boxCampaign dt a:hover span.link{ text-decoration:none; }

	dl.boxCampaign dd{
		line-height:1.5 !important;
		padding-left:135px;
		padding-top:3px;
	}





/* 関連情報 */


div#campaignArea div.boxThumb{
	margin:0 24px 0 0px;
	width:215px;
	float:left;
	/display:inline;
}


/* common style.cssを上書き */

div#campaignArea div.boxThumb span.linkTxt{
	display:inline;
}


/* imgがwidth118px */

div#campaignArea div.thumb118 span.linkTxt{
	margin-left:0;
	padding-top:6px;
	line-height:1.5;
}
div#campaignArea div.thumb118 p.intro{
	padding-left:0px;
}

div#campaignArea div.thumb118{
	padding-left:139px;
}

/* 新規設定 */

div#campaignArea img.thumbnail{
	padding-right:17px;
	background:url(/railroad/css/img/icon_arrow01.gif) no-repeat right 6px;
}

* html div#campaignArea img.thumbnail{
	background:url(/railroad/css/img/icon_arrow01.gif) no-repeat right 5px;
}

*:first-child + html div#campaignArea img.thumbnail{
	background:url(/railroad/css/img/icon_arrow01.gif) no-repeat right 5px;
}