@charset "shift_jis";
/* ==================================
「サービス一覧」用CSS
================================== */


/* --共通-- */
/* テキスト */
body#service li .txt-small {
	font-size: 83%;
}
body#service table em.txt-small83 {
	font-size: 83%;
}
body#service em.txt-small {
	font-size: 67%;
	font-weight:normal;
}
/* テーブルの下のキャプション */
body#service p.tablecaption {
	margin: 5px 0 0 0;
}
/* リード文が一番上に入る場合 */
body#service .lead-txt-top {
	margin: 25px 0 0 0;
	font-weight:bold;
	font-size:83%;
}

/* 注釈（連続かつ数字が無い場合） */
/* 注釈 */
div#contents p.notesp {
	margin: 10px 0 0 2em;
	padding:0 0 0 10px;
	font-size: 67%;
	text-indent: -1em;
}

body#service .note-series01 {
	margin: 3px 0 0 1em;
	font-size: 67%;
	text-indent: -1em;
}
body#service .note-series01-one {
	margin:10px 0 0 1em;
	font-size:67%;
	text-indent:-1em;
}

/* 区切り線 */
body#service hr.dash {
	display: block;
	height: 0;
	margin: 10px 0;
	border: none;
	border-top: dashed 1px #666666;
	color: #ffffff;
	line-height: 0;
}

/* スペシャルリンク4左右幅 */
body#service .sp-wide01 {
	width: 285px;
}

/* アンカーリンク */
body#service .anchor-link {
	margin-left: 20px;
}
body#service .anchor-link li {
	padding: 0;
	background: none;
}
body#service .anchor-link li.left {
	float: left;
	width: 265px;
}
body#service .anchor-link li.right {
	float: right;
	width: 265px;
}

/* アイコンリンク回り込み */
body#service ul.iconlink-float li {
	float: left;
	margin-right: 15px;
	padding: 0;
	background: none;
}
body#service ul.iconlink-float li a {
	display: inline;
	padding-bottom: 2px;
	_padding-bottom: 0;
}
/* インデント内別ウィンドウ */
div#contents p.note .p-newwindow {/*本文内で使用する場合*/
		_text-indent:1px;
}

/* カラムサイズ */
body#service div#contents div.col-two02 {
	width: 60px;
}
body#service div#contents div.col-two03 {
	width: 108px;
}
body#service div#contents div.col-two04 {
	width: 500px;
}
body#service div#contents div.col-two05 {
	width: 120px;
}
body#service div#contents div.col-two06 {
	width: 430px;
}
body#service div#contents div.col-two07-1 {
	width: 165px;
}
body#service div#contents div.col-two07-2 {
	width: 385px;
}
body#service div#contents div.col-two08-1 {
	width: 65px;
}
body#service div#contents div.col-two08-2 {
	width: 485px;
}
body#service div#contents div.col-two09-1 {
	width: 80px;
}
body#service div#contents div.col-two09-2 {
	width: 480px;
}

body#insureservice div#contents div.coldoor-two01-1 {/* 2段組扉ページ用 */
	margin:20px 0 0 0;
	width: 178px;
}
body#insureservice div#contents div.coldoor-two01-1 p.ph-caption04{
	width: 178px;
}
body#insureservice div#contents div.coldoor-two01-2 {/* 2段組扉ページ用 */
	margin:20px 0 0 0;
	width: 378px;
}

/* テーブルサイズ */
body#service div#contents table.type50 {
	width: 50%;
}
body#service div#contents table.type75 {
	width: 75%;
}
body#service div#contents table.type95 {
	width: 95%;
}

/* テーブルボーダー制御 */
body#service div#contents table th.no-right,
body#service div#contents table td.no-right {
	border-right: none;
}

/* --コンテンツ別　ショッピング-- */
body#service .shop-card img {
	margin-right: 10px;
	vertical-align: middle;
}

/* --コンテンツ別　キャッシング-- */
body#service .cash-txt {
	padding-left: 1.2em;
	text-indent: -1.2em;
}
body#service .cash-arrow01 {
	margin-top: 5px;
	padding-left: 20px;
}
body#service .cash-arrow02 {
	margin-top: 5px;
	padding-left: 20px;
	background: url(/content/100164606.gif) no-repeat left 0.5em;
	_height: 1em;
}
div#contents div#doorlink #door09 dd,
div#contents div#doorlink #door10 dd {
	height:150px;
	/*\*/
	height:auto;
	min-height:100px;
	_height:100px;
	/**/
}
/*\*/
div#contents div#doorlink #door09 dd {
	_height:125px;
}
/**/

/* --コンテンツ別　プレゼントカタログ-- */
body#service ul.present-catalog {
	width: 430px;
	margin: 0;
}
body#service ul.present-catalog li {
	padding: 0;
	background: none;
}
body#service ul.present-catalog li.left {
	clear:both;
	float: left;
	margin: 15px 0 0 0;
	width:210px;
}
body#service ul.present-catalog li.right {
	float: right;
	margin: 15px 0 0 0;
	width:210px;
}
body#service ul.present-catalog li span.caption {
	margin: 5px 0 0 0;
	display:block;
}

body#service div#contents div.col-two-cat1 {
	width: 120px;
}
body#service div#contents div.col-two-cat2 {
	width: 145px;
}
body#service .catalog-spec{
	font-weight:bold;
}

body#service .catalog-spec em {
	color: #000000;
	font-weight: bold;
}
body#service .catalog-spec span {
	display: block;
	margin-top: 10px;
	font-size: 83%;
	font-weight:normal;
}
body#service .catalog-spec span.alacarte {
	display: inline;
	margin-top: 0px;
	font-size: 100%;
	font-weight:normal;
}
/* コースの色変更 */


body#service .catalog-spec em.interior {
	color: #046b6e;
}

body#service .catalog-spec em.business {
	color: #2f30ae;
}

body#service .catalog-spec em.kitchen {
	color: #ff4518;
}

body#service .catalog-spec em.driver {
	color: #f6a309;
}

body#service .catalog-spec em.beauty {
	color: #c43263;
}

body#service .catalog-spec em.hobby {
	color: #059637;
}

body#service .catalog-spec em.kids {
	color: #ce3100;
}

body#service .catalog-spec em.alacarte {
	color: #00258e;
}

/* --共通-- */
/* 利用規程 */
body#service dl.regulations-top {
	margin: 25px 0 0 0;
}
body#service dl.regulations {
	margin: 15px 0 0 0;
}
body#service dl.regulations-top dt,
body#service dl.regulations dt {
	margin: 15px 0 0 0;
	font-size: 83%;
}
body#service dl.regulations-top dd,
body#service dl.regulations dd {
	margin: 0 0 0 1em;
}
body#service dl.regulations-top .reg-txt,
body#service dl.regulations .reg-txt {
	text-indent: 1em;
}
body#service dl.regulations-top ol li ol,
body#service dl.regulations ol li ol {
	list-style: upper-roman;
}
body#service dl.regulations-top ol li ol li ol,
body#service dl.regulations ol li ol li ol {
	list-style: lower-alpha;
}
body#service dl.regulations-top ol li ol li ol li ol,
body#service dl.regulations ol li ol li ol li ol {
	list-style: lower-roman;
}
body#service dl.regulations-top p.note,
body#service dl.regulations p.note {
	margin-bottom: 1em;
	font-size: 83%;
}

/* --コンテンツ別　ロードサービス-- */
body#service ul.road01 li {
	float: left;
	width: 85px;
	margin-right: 10px;
	_margin-right: 8px;
	padding: 0;
	background: none;
	text-align: center;
}
body#service ul.road01 li span.txt {
	display: block;
	margin: 2px 0 0 1em;
	font-size: 83%;
	text-align: left;
	text-indent: -1em;
}

body#service ul.road02 {
	margin-top: 0;
}
body#service ul.road02 li {
	clear: both;
	width: 570px;
	padding: 0;
	padding-top: 15px;
	background: none;
}
body#service ul.road02 li .ph {
	float: left;
	width: 50px;
}
body#service ul.road02 li span.txt {
	display: block;
	float: right;
	width: 510px;
}

body#service .road-arrow {
	margin: 15px 0 0 60px;
}
body#service .card {
	padding: 70px 0 0 0;
}

div#contents li p.note,
div#contents li p.note-series-one,
div#contents li p.note-series {
	font-size: 83%;
}
body#plus div#contents div.speciallink04-area {
	margin: 15px 0 0 141px;
	padding-bottom: 5px;
	border: solid 1px #ffcc00;
	background-color: #ffffe5;
	width: 285px;
}

body#plus div#contents div.col-two02-1 {/* 2段組用 */
	width: 318px;
}

body#plus div#contents div.col-two02-2 {/* 2段組用 */
	width: 240px;
}
/* 上にボーダーをつける */

div#contents .txt-bordertop {
	padding-top: 15px;
	border-top: dashed 1px #333333;
}
div#contents .iconlink-rightdiscount{
	float: right;
	display: inline;
}
/*===================================
解説付きリンク（画像あり）
===================================*/
/* サイズバリエーション */
div#contents div.speciallink05-area {
	margin: 10px 0 0 0;
}
div#contents div.speciallink05-area .splink-ph {
	float: left;
	width: 53px;
	text-align: center;
}

div#contents div.speciallink05-area .txt-area {
	float: right;
	width: 475px;
}
div#contents div.speciallink05-area .txt-area .splink-txt {
	margin: 0;
}
div#contents div.speciallink06-area {
	margin: 10px 0 0 0;
}
div#contents div.speciallink06-area .splink-ph {
	float: left;
	width: 80px;
	text-align: center;
}

div#contents div.speciallink06-area .txt-area {
	float: right;
	width: 190px;
}
div#contents div.speciallink06-area .txt-area .splink-txt {
	margin: 0;
}

div#contents div.speciallink07-area {
	margin: 10px 0 0 0;
}
div#contents div.speciallink07-area .splink-ph {
	float: left;
	width: 50px;
	text-align: center;
}

div#contents div.speciallink07-area .txt-area {
	float: right;
	width: 480px;
}
div#contents div.speciallink07-area .txt-area .splink-txt {
	margin: 0;
}

/* カラムサイズ */
div#contents div.col-two-350 {/* 2段組用 */
	width: 335px;
}
div#contents div.col-two-220 {/* 2段組用 */
	width: 230px;
}

/*===================================
解説付きリンク（画像あり）
===================================*/
div#contents div.speciallink02-area {
	margin: 10px 0 0 0;
}
div#contents div.speciallink02-area .splink-ph {
	float: left;
	width: 53px;
}
div#contents div.speciallink02-area .txt-area {
	float: right;
	width: 200px;
}
div#contents div.speciallink02-area .txt-area .splink-txt {
	margin: 0;
}

div#contents div.speciallink02-area#airport .txt-area,
div#contents div.speciallink02-area#rental .txt-area {
	float: right;
	width: 499px;
}

/* 小見出し下線なし */
div#contents .designh4doornon {/* 扉ページ用 */
	margin: 15px 0 0 0;
	padding: 0 0 3px 14px;
	border-bottom: dashed 0px #999999;
	background: url(/content/100163255.gif) no-repeat 2px 0.35em;
	_height: 1em;
	font-size: 90%;
	font-weight: bold;
}


/* li内テーブル */
div#contents table.tx-num,
div#contents table.tx-num2{
	width:auto;
	border-top: solid 0px #0066cc;
	border-left: solid 0px #0066cc;
}
div#contents table.tx-num th,
div#contents table.tx-num2 th,
div#contents table.tx-num td,
div#contents table.tx-num2 td {
	border-bottom: solid 0px #0066cc;
	border-right: solid 0px #0066cc;
	vertical-align:top;
}
div#contents table.tx-num td table{
	border-top: solid 0px #0066cc;
	border-left: solid 0px #0066cc;
	width:auto;
}
div#contents .newwindow2{
	display: inline;
	padding: 0 0 0 14px;
	background: url(/content/100163256.gif) no-repeat 0 0.3em;
	_background: url(/content/100163256.gif) no-repeat 0 0.4em;
	_height: 1em;
}
p.star{
	margin: 10px 0 0 1em;
	padding:0 0 0 10px;
	text-indent: -1em;
}
/* ==================================
表組み
================================== */
/* 基本形 */

div#contents table.topicstable,
div#contents table.topicstable td table,
div#contents table.topicstable td table td table {
	border-top: solid 0px #0066cc;
	border-left: solid 0px #0066cc;
	width:100%;
}

div#contents table.topicstable th,
div#contents table.topicstable td {
	padding:0px;
	border-bottom: solid 0px #0066cc;
	border-right: solid 0px #0066cc;
}
/*===================================
解説付きリンク（画像なし）
===================================*/
body#service div#contents div.speciallink01-area {
	margin: 0 0 0 0;
	border:none
}
body#service div#contents div.speciallink01-area .txt-area {
	padding: 6px 0 0 0;
}
body#service div#contents div.speciallink01-area .txt-area .splink-txt {
	margin: 0;
}
body#service div#contents div.speciallink01-area .txt-area .bun {
	padding: 0 0 19px 0;
}
body#service div#contents div.spicon {
	margin-top:15px;
	display:block;
	height:150px;
	width:570px;
	background: url(/service/cashing/images/index_001.gif) no-repeat 17.5em;
}
div#contents dl.doorbox {
	width:280px;
	float:left;
	margin:0 9px 0 0;
	background:url(/content/100163257.gif) repeat-y top left;
}
/* 枠高さ調整 */
div#contents div#doorlink #door01 dd,
div#contents div#doorlink #door02 dd,
div#contents div#doorlink #door03 dd,
div#contents div#doorlink #door04 dd,
div#contents div#doorlink #door05 dd,
div#contents div#doorlink #door06 dd,
div#contents div#doorlink #door07 dd,
div#contents div#doorlink #door08 dd {
	height:170px;
	/*\*/
	height:auto;
	min-height:168px;
	_height:170px;
	/**/
}

div#contents input.present {
	padding:3px;
	margin:0 0 10px 0;
}

/* ロードサービス */
div#contents div#roadservice p.photo{
	width:60px;
	float:left;
}
div#contents div#roadservice div.textarea{
	float:right;
	width:118px;
}
div#contents div#roadservice div.textarea p.lead{
	font-weight:bold;
}
div#contents div#roadservice div.textarea p.note{
	margin: 5px 0 0 1em;
	font-size: 67%;
	text-indent: -1em;
}

/* トラベルサービス */
div#contents div.speciallink03-area {
	margin: 10px 0 0 0;
}
div#contents div.speciallink03-area .splink-ph {
	float: left;
	width: 130px;
}
/* 出光カードニュースプレゼント */
/* ==================================
表組み
================================== */
/* 基本形 */

#topics div#contents table.topicstable,
#topics div#contents table.topicstable td table,
#topics div#contents table.topicstable td table td table {
	border-top: solid 0px #0066cc;
	border-left: solid 0px #0066cc;
	width:auto;
}

#topics div#contents table.topicstable th,
#topics div#contents table.topicstable td {
	padding:0px;
	border-bottom: solid 0px #0066cc;
	border-right: solid 0px #0066cc;
}
/* 背景画像 */
#topics div#contents table td.top-bg {
	background-image: url(/content/100164607.gif);
	background-repeat: repeat-y;
}

#topics div#contents table td.line-color {
	background:#CC9900;
}
#topics div#contents table td.line-color2 {
	background:#CC9900;
}
#topics div#contents table td table td table.contents td {
	padding:5px;
}
#topics div#contents table td.top-bg table td {
	background:inherit;
}
#topics div#contents table td.topicsright {
	text-align:right;
	width:540px;
}
#topics div#contents p.line{
	margin:0;
	padding:0;
	font-size:0px;
}
#topics #container #contents #content-box #main table.card {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#topics #container #contents #content-box #main table.card td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* 規約 */
div#contents .ml25{
	margin: 0 0 0 25px;
}

/* ポイントカタログ調整 */
div#contents table.present {
	width: 100%;
	margin: 0 0 0 0;
}
div#contents table.present td {
	font-size:100%;
}
div#contents table.present td.imgarea {
	padding:10px 0 0 5px;
	border-right: solid 0px #0066cc;
}
div#contents table.present td p{
	line-height:1.4;
}

body#service table.present p.catalog-spec{
 margin:0 0 0 0;
}

.torikeshi {
 text-decoration: line-through;
}

/* オンラインショッピング調整 */
body#popup div#contents div.two-colum {
	width: 574px;
}
body#popup div#contents div.two-colum div.middlecol-two01 {
	width: 140px;
}
body#popup div#contents div.two-colum div.middlecol-two02 {
	width: 404px;
}
/* サイズ調整 */
body#popup div#contents div.two-colum div.bigcol-two01 {
	width: 140px;
}
body#popup div#contents div.two-colum div.bigcol-two02 {
	width: 421px;
}
div#contents div.section {
	width: 574px;
}

/* サービスログイン */
body#serviceLogin #contents p.text {
	margin: 10px 0 0 10px;
}

body#serviceLogin #contents div.loginForm {
	margin: 20px 0 6px 90px;
	padding: 0px 5px 9px 10px;
	width: 385px;
	background: #CCCCCC;
}

body#serviceLogin #contents div.loginForm div.col-01 {
	float: left;
	width: 135px;
	margin: 10px 0 0 3px;
}

body#serviceLogin #contents div.loginForm div.col-01 p {
	margin: 5px 0px 5px 5px;
}

body#serviceLogin #contents div.loginForm div.col-02 {
	float: left;
	width: 230px;
	margin: 13px 0 0 0;
	_margin: 10px 0 0 0;
}

body#serviceLogin #contents div.loginForm div.col-02 #inputNo {
	width: 120px;
	height: 23px;
	margin: 0 0 8px 0;
}

body#serviceLogin #contents div.loginForm div.col-02 #login-btn {
	margin: 0 0 0 10px;
	_margin: 0 0 5px 10px;
}

body#serviceLogin #contents div.note-box {
	margin:10px 0 0 90px;
	width: 390px;
}


/* 注釈（行間の上がないバージョン） */
div#contents p.note_ue {
	margin: 3px 0 0 1em;
	font-size: 83%;
	text-indent: -1em;
}


/* --コンテンツ別　プレゼントカタログ　ポップアップ用-- */
body#company.popup ul.present-catalog {
	width: 430px;
	margin: 0;
}
body#company.popup ul.present-catalog li {
	padding: 0;
	background: none;
}
body#company.popup ul.present-catalog li.left {
	clear:both;
	float: left;
	margin: 15px 0 0 0;
	width:210px;
}
body#company.popup ul.present-catalog li.right {
	float: right;
	margin: 15px 0 0 0;
	width:210px;
}
body#company.popup ul.present-catalog li span.caption {
	margin: 5px 0 0 0;
	display:block;
}

body#company.popup div#contents div.col-two-cat1 {
	width: 120px;
}
body#company.popup div#contents div.col-two-cat2 {
	width: 145px;
}
body#company.popup .catalog-spec{
	font-weight:bold;
}

body#company.popup .catalog-spec em {
	color: #000000;
	font-weight: bold;
}
body#company.popup .catalog-spec span {
	display: block;
	margin-top: 10px;
	font-size: 83%;
	font-weight:normal;
}
body#company.popup .catalog-spec span.alacarte {
	display: inline;
	margin-top: 0px;
	font-size: 100%;
	font-weight:normal;
}
/* コースの色変更 */


body#company.popup .catalog-spec em.interior {
	color: #046b6e;
}

body#company.popup .catalog-spec em.business {
	color: #2f30ae;
}

body#company.popup .catalog-spec em.kitchen {
	color: #ff4518;
}

body#company.popup .catalog-spec em.driver {
	color: #f6a309;
}

body#company.popup .catalog-spec em.beauty {
	color: #c43263;
}

body#company.popup .catalog-spec em.hobby {
	color: #059637;
}

body#company.popup .catalog-spec em.kids {
	color: #ce3100;
}

body#company.popup .catalog-spec em.alacarte {
	color: #00258e;
}

/* 罫線を削除する〜ポップアップ用〜 */
body#company.popup div#contents table.present {
	border-top: solid 0px #0066cc;
	border-left: solid 0px #0066cc;
	width:575px;
}

body#company.popup div#contents table.present th,
body#company.popup div#contents table.present td {
	border-bottom: solid 0px #0066cc;
	border-right: solid 0px #0066cc;
}



body#company.popup div#contents table.present td p.syousai {
	padding-left: 260px;
}