@charset"UTF-8";
@import url(reset.css);
@import url(home.css);
@import url(feature.css);
@import url(entertainment.css);
@import url(shop.css);
@import url(travel.css);
@import url(campaign.css);
@import url(point.css);
@import url(login.css);
@import url(utilities.css);
@import url(life.css);
@import url(finance.css);
/*
==== CSS INFORMATION ===========================================

Site name：	cspresse.net (http://cspresse.net/)
Description:共通ファイル
File name：	style.css (http://cspresse.net/shared/css/style.css)
Created:	2009/06/30
LastUpdate:	2009/06/30
Author:		CREDIT SAISON
Copyright:	(c)CREDIT SAISON,UC CARD

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

/*
===== CONTENTS =================================================

	1: layout
	2: mainCnt
	3: sideCnt
	4: header
	5: footer
	6: etc.

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

/*=====	1: layout ==========================================
*/

body{
	behavior :url(/shared/css/csshover3.htc);
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:12px;
	text-align:center;
	color:#323232;
}

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

#header{
	margin-bottom:20px;
}

#mainCnt{
	margin:0;
	width:730px;
	float:right;
	clear:both;
	display:inline;
}

#underCnt{
	clear:both;
	margin-top:20px;
}

#sideCnt {
	width:200px;
	float:left;
	display:inline;
}

#footer{
	clear:both;
	margin-top:10px;
}

/*=====	2: mainCnt ==========================================
*/

#mainCnt p{
	line-height:1.7;
}

/*ページタイトル*/

#mainCnt h2 a{
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:50px;
	margin-bottom:10px;
	overflow:hidden;
	height:25px;
}

.feature #mainCnt h2 a{background:url(./images/h2_feature.gif) no-repeat;}
.membersonly #mainCnt h2 a{background:url(./images/h2_membersonly.gif) no-repeat;}
.point #mainCnt h2 a{background:#fff url(./images/h2_points.gif) no-repeat;}
.campaign #mainCnt h2 a{background:#fff url(./images/h2_campaign.gif) no-repeat;}
.gourmet #mainCnt h2 a{background:#fff url(./images/h2_gourmet.gif) no-repeat;}
.travel #mainCnt h2 a{background:#fff url(./images/h2_travel.gif) no-repeat;}
.service #mainCnt h2 a{background:#fff url(./images/h2_service.gif) no-repeat;}
.entertainment #mainCnt h2 a{background:#fff url(./images/h2_entertainment.gif) no-repeat; height:21px;}
.shop #mainCnt h2 a{background:#fff url(./images/h2_shop.gif) no-repeat;}
.login #mainCnt h2 a{background:#fff url(./images/h2_login.gif) no-repeat;}
.about #mainCnt h2 a{background:#fff url(./images/h2_about.gif) no-repeat;}
.sitepolicy #mainCnt h2 a{background:#fff url(./images/h2_sitepolicy.gif) no-repeat;}
.sitemap #mainCnt h2 a{background:#fff url(./images/h2_sitemap.gif) no-repeat;}
.update #mainCnt h2 a{background:#fff url(./images/h2_update.gif) no-repeat;}
.searchresult #mainCnt h2 a{background:#fff url(./images/h2_searchresult.gif) no-repeat;}

#mainCnt h3{
/*	height:29px;*/
	clear:both;
	margin-bottom:10px;
	background-repeat:no-repeat;
}

#mainCnt h3.sub{
	clear:both;
	background:url(./images/h3_cntBox.gif) repeat-x;
	color:#4d4d4d;
	font-size:12px;
	line-height:12px;
	padding:9px 3px 8px 3px;
	margin-bottom:10px;
}

#mainCnt h3.bnr{
	padding:0;
	background:transparent;
}

#mainCnt h4{
	margin-bottom:5px;
}

#mainCnt .section{
	clear:both;
	margin-bottom:20px;
}

#mainCnt .section p{
	margin-bottom:0.5em;
}


#mainCnt #mainL{
	width:480px;
	float:left;
}

#mainCnt #mainR{
	width:230px;
	float:right;
}

/*画像配置*/
.left{float:left;display:inline;}
.right{float:right;display:inline;}


a{color:#274AB2;text-decoration: none;}
a:hover{text-decoration:underline;}
h2,h3,h4,h5{font-weight:bold;}

.goPageTop,
#goPageTop{
	margin-bottom:20px;
}

.goPageTop a,
#goPageTop a{
	float:right;
	display:block;
	background:url(./images/go_pagetop.gif) no-repeat;
	height:15px;
	width:60px;
	overflow:hidden;
	text-indent:-9999px;
}

/*コンテンツ一覧（BOX）*/
#mainCnt .cntBoxRow{
	clear:both;
}

#mainCnt .cntBox p{
	line-height:1.3;
}

#mainCnt .cntBox .catch{
	margin-bottom:2px;
}

#mainCnt .cntBox h4{
	color:#274AB2;
/*	margin-bottom:5px;*/
}

#mainCnt .cntBox h4 span{
	font-size:12px;
}



#mainCnt .cntBox .photo{
	margin-bottom:7px;
}

#mainCnt .one .cntBox {
	clear:both;
}

#mainCnt .one .cntBox .photo{
	margin-bottom:0px;
}



#mainCnt .cntBox{
	float:left;
	display:inline;
}

ul.normal,
#mainCnt .cntBox .summary ul{
	list-style-type: disc;
	margin: 0 0 0 0;
	padding: 0;
}

ul.normal li,
#mainCnt .cntBox .summary ul li{
	padding-left:0;
	margin-left:20px;
	float:none;
	list-style-type: disc;
	margin-bottom:5px;
}

#mainCnt .one .cntBox{
	width:100%;
	clear:both;
	background:url(./images/line_dotted.gif) bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}

#mainCnt .one .cntBox .summary h4{
	font-size:15px;
}



#mainCnt .one .cntBox .summary p{
	line-height:1.5;
	margin-bottom:10px;
}



#mainCnt .one .cntBox .photo{
/*	width:240px;*/
	float:left;
}

.shop #mainCnt .one .cntBox .summary{
	width:460px;
	float:right;
}

.shop #mainCnt .one .cntBox .summary .body{
	min-height:143px;
	height: auto !important;
	height:143px;
}

.shop #mainCnt .one .cntBox .summary .foot{
	height:20px;
}

.shop #mainCnt .one .cntBox .summary .foot a{
	display:block;
	padding:3px 4px 3px 4px;
	float:left;
	margin-right:5px;
	background-color:#fff;
	border:1px solid #e9e9e9;
	color:#274AB2;
}

.shop #mainCnt .one .cntBox .summary .foot a.coupon_type{
	background-color:#90692D;
	border:1px solid #90692D;
	color:#fff;
}

.shop #mainCnt .one .cntBox .summary .foot a.more{
	border:0;
	color:#000;
	background:url(./images/blue_arrow.gif) no-repeat;
	padding-left:10px;
}

#mainCnt .two .cntBox{
	width:355px;
	margin-right:20px;
}

#mainCnt .three .cntBox{
	width:230px;
	margin-right:20px;
}

/*新着情報*/
#mainCnt .newsIndex{
	margin-bottom:5px;
	border:1px solid #e9e9e9;
	padding:10px;
}
#mainCnt .newsIndex h3{
	background:url(./images/h3_newsIndex.gif) no-repeat;
	text-indent:-9999px;
	height:18px;
	padding:0;
}

#mainCnt .newsIndex a{color:#323232;}

#mainCnt .newsIndex dl dt{
	float:left;
	margin-right:15px;
}

#mainCnt .newsIndex dl dd{
	margin-bottom:10px;
	color:#353535;
	margin-left:70px;
	padding-left:10px;
	background:url(./images/news_dt.gif) no-repeat;
}



#mainCnt .newsIndex ul{margin-left:10px;}

#mainCnt .newsIndex ul li {
	padding-left:15px;
	background : url(./images/li_arrow_blue_small.gif) no-repeat;
	color:#353535;
	margin-bottom:8px;
}

#mainCnt .newsIndex ul li a{color:#353535;}



/*加盟店検索フォーム*/
#sideSearchForm{
	margin-bottom:20px;
}

#sideSearchForm h3{
	background:url(./images/h3_sideSearchForm.gif) no-repeat;
	height:44px;
	text-indent:-9999px;
	padding:0;
	margin-bottom:10px !important;
}

#sideSearchForm h5{
	margin-bottom:2px;
}

#sideSearchForm .text{
	margin-bottom:10px;
	width:195px;
}

#sideSearchForm .head{
	border-top:1px solid #dcdcdc;
	background:url(./images/sideSearchForm_body.gif) repeat-y;
	height:100%;
}

#sideSearchForm .body{
	background:url(./images/sideSearchForm_body.gif) repeat-y;
	padding:10px 10px 0 10px;
	clear:both;
}

#sideSearchForm .body select{
	margin-bottom:10px;
}

#sideSearchForm .foot{
	background:url(./images/sideSearchForm_foot.gif) no-repeat bottom;
	height:6px;
	clear:both;
}

#sideSearchForm .note{
	font-size:80%;
}

.submitBtnArea{
	clear:both;
	text-align:center;
	margin:10px 0 10px 0;
}

#searchArea{clear:both;}
#googleSearch{clear:both;text-align:right;margin-top:10px;float:right;width:220px;}
#googleSearch td{padding:0 !important;}
#googleSearch #input_googleSearch{width:150px;height:16px;padding:0 3px!important;margin:3px 0 0 0 !important;}
#googleSearch #btn_googleSearch{margin-top:1px;}



/*===== 3: sideCnt ==========================================
*/

#sideCnt{
	font-size:12px;
	color:#313131;
}

#sideCnt a{	color:#313131;}

.sideCntModule{
	clear:both;
}

/*グローバルナビ*/

#sideCnt #gnaviArea{width:200px;}

#sideCnt #gnaviArea #gnavi_campaign,
#sideCnt #gnaviArea #gnavi_shop{margin-bottom:10px;}
#sideCnt #gnaviArea #gnavi_campaign a{display:block;background:url(./images/gnavi_campaign.gif) no-repeat;width:200px;height:62px;text-indent:-9999px;}
#sideCnt #gnaviArea #gnavi_shop a{display:block;background:url(./images/gnavi_shop.gif) no-repeat;width:200px;height:62px;text-indent:-9999px;}
#sideCnt #gnaviArea #gnavi_campaign a:hover,
#sideCnt #gnaviArea #gnavi_shop a:hover{background-position: 0px -62px;}

.campaign #sideCnt #gnaviArea #gnavi_campaign a,
.shop #sideCnt #gnaviArea #gnavi_shop a{background-position: 0px -124px;}

#sideCnt #gnaviArea #gnavi_gourmet{float:left;width:62px;height:44px;margin-right:7px;display:inline;}
#sideCnt #gnaviArea #gnavi_travel{float:left;width:62px;height:44px;}
#sideCnt #gnaviArea #gnavi_service{float:right;width:62px;height:44px;}
#sideCnt #gnaviArea #gnavi_gourmet a{display:block;background:url(./images/btn_gnavi_category.gif) no-repeat;text-indent:-9999px;height:44px;}
#sideCnt #gnaviArea #gnavi_travel a{display:block;background:url(./images/btn_gnavi_category.gif) no-repeat -62px 0 ;text-indent:-9999px;height:44px;}
#sideCnt #gnaviArea #gnavi_service a{display:block;background:url(./images/btn_gnavi_category.gif) no-repeat -124px 0;text-indent:-9999px;height:44px;}
#sideCnt #gnaviArea #gnavi_gourmet a:hover{background-position: 0 -44px;}
#sideCnt #gnaviArea #gnavi_travel a:hover{background-position: -62px -44px;}
#sideCnt #gnaviArea #gnavi_service a:hover{background-position: -124px -44px;}
.gourmet #sideCnt #gnaviArea #gnavi_gourmet a{background-position: 0px -88px;}
.travel #sideCnt #gnaviArea #gnavi_travel a{background-position: -62px -88px;}
.service #sideCnt #gnaviArea #gnavi_service a{background-position: -124px -88px;}

#sideCnt #gnaviArea ul {
	clear:both;
	border:1px solid #C3CAE0;
	background:url(./images/gnavi_bg.gif) no-repeat;
	padding:3px 0;
	margin:20px 0 30px 0;
}
#sideCnt #gnaviArea ul li{border-bottom:1px solid #C3CAE0;}

#sideCnt #gnaviArea ul li.listEnd{border:none;}
#sideCnt #gnaviArea ul li a{
	display:block;
	height:45px;
	text-indent:-9999px;
}

#sideCnt #gnaviArea li#gnavi_membersonly a:hover,
#sideCnt #gnaviArea li#gnavi_point a:hover,
#sideCnt #gnaviArea li#gnavi_life a:hover,
#sideCnt #gnaviArea li#gnavi_entertainment a:hover,
#sideCnt #gnaviArea li#gnavi_finance a:hover,
#sideCnt #gnaviArea li#gnavi_feature a:hover{
	background-position: 0px -45px;
}


#sideCnt #gnaviArea li#gnavi_membersonly a{background:url(./images/gnavi_members.png) no-repeat;}
#sideCnt #gnaviArea li#gnavi_point a{background:url(./images/gnavi_point.png) no-repeat;}
#sideCnt #gnaviArea li#gnavi_life a{background:url(./images/gnavi_life.png) no-repeat;}
#sideCnt #gnaviArea li#gnavi_entertainment a{background:url(./images/gnavi_entertainment.png) no-repeat;}
#sideCnt #gnaviArea li#gnavi_finance a{background:url(./images/gnavi_finance.png) no-repeat;}
#sideCnt #gnaviArea li#gnavi_feature a{background:url(./images/gnavi_feature.png) no-repeat;}

.membersonly #sideCnt #gnaviArea li#gnavi_membersonly a,
.point #sideCnt #gnaviArea li#gnavi_point a,
.finance #sideCnt #gnaviArea li#gnavi_finance a,
.life #sideCnt #gnaviArea li#gnavi_life a,
.feature #sideCnt #gnaviArea li#gnavi_feature a,
.campaign #sideCnt #gnaviArea li#gnavi_campaign a,
.gourmet #sideCnt #gnaviArea li#gnavi_gourmet a,
.travel #sideCnt #gnaviArea li#gnavi_travel a,
.entertainment #sideCnt #gnaviArea li#gnavi_entertainment a,
.shop #sideCnt #gnaviArea li#gnavi_shop a{
	background-position: 0px -45px;
}

/*重要なお知らせ*/
#sideCnt .important_info{
	width:200px;
	height:48px;
	padding-top:48px;
	background:url(../img/info/bg_info.gif) no-repeat;
}
#sideCnt .important_info dt{
	position:relative;
	top:-5000px;
	left:-5000px;
}
#sideCnt .important_info .saison {
	height:12px;
	margin:0 0 9px 9px;
}
#sideCnt .important_info .uc {
	height:12px;
	margin-left:9px;
}



/*サイト更新情報（information）*/

#sideCnt #info h2{
	background:url(./images/side_h2_updateinfo.gif) no-repeat; 
	text-indent:-9999px;
	width:200px;
	height:36px;
	padding:0;
	margin-bottom:10px;

}


#sideCnt #info h3{
	clear:both;
	margin-bottom:1px;
	font-weight:bold;
	font-size:12px;
	padding:0;
	line-height:11px;
	height:11px;
}

#sideCnt #info p{
	background:url(./images/line_dotted_narrow.gif) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:0;
	line-height:14px;
	font-size:10px
}

#sideCnt #info{
	margin-bottom:50px;
}

#sideCnt #info .more{border-top:1px solid #0046CF;}
#sideCnt #info .more a{
	background:url(./images/updateinfo_more.gif) no-repeat;
	display:block;width:142px;height:12px;overflow:hidden;
	float:right;
	text-align:left;
	text-indent:-9999px;
}


#sideBnr li{margin-bottom:20px;}


/*===== 4: header ==========================================
*/

#header{text-align:center;background:#274AB2 url(./images/header_bg.gif) repeat-x bottom;padding-bottom:3px;}
#header .body{text-align:left;width:960px;margin:0 auto;background:url(./images/header_logo_bg.png) no-repeat;}


#header .body #logo{height:79px;width:486px;/*background:url(./images/header_logo_bg.png) no-repeat;*/}

#header .body #logo h1 a{display:block;width:240px;height:40px;text-indent:-9999px;margin-top:20px;}
#header .body #logo p{text-indent:-9999px;}

#header .body .right{width:440px;}

#header .linkArea{float:left;color:#6780C9;margin-top:15px;font-size:10px;}
#header .linkArea a{color:#fff;}
#header .linkArea li{
	float:left;
	margin-right:5px;
	padding-left:10px;
	background : url(./images/li_arrow_linkArea.gif) no-repeat;
}

#header #btn_login{float:right;}
#header #btn_login a{display:block;width:140px;height:41px;text-indent:-9999px;background:url(./images/btn_login.png);}
#header #btn_login a:hover{	background-position: 0px -41px;}

#header #btn_logout{float:right;}
#header #btn_logout a{display:block;width:140px;height:41px;text-indent:-9999px;background:url(/shared/css/images/btn_logout.png);}
#header #btn_logout a:hover{	background-position: 0px -41px;}



#breadCrumbs{
	clear:both;
	margin-bottom:10px;
	font-size:12px;
}

/*===== 5: footer ==========================================
*/
#footer{text-align:center;padding-top:15px;background:#274AB2 url(./images/footer_bg.gif) repeat-x;padding-bottom:10px;}
#footer .body{text-align:left;width:960px;margin:0 auto;}
#footer #footer_logo{float:left;margin-right:15px;display:inline;}
#footer ul,#footer ul li{float:left;margin-right:15px;}
#footer .linkArea{float:right;color:#6780C9;font-size:10px;}
#footer .linkArea a{color:#fff;}

#copysaison,#copyuc{
	display:block;

	height:45px;
	text-indent:-9999px;
	margin-bottom:14px;
	overflow:hidden;
}

#copysaison{background:url(./images/footer_copysaison.gif) no-repeat;width:153px;}
#copyuc{background:url(./images/footer_copyuc.gif) no-repeat;width:142px;}

#logosaison{margin-right:7px;}


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

.photo{
	display:block;
	border:1px solid #e9e9e9;
	background-color:#fff;
	text-align:center;
	padding:2px;
}

.note{
	font-size:90%;
	margin-bottom:10px;
	color:#666;
}

.more{
/*	margin-top:10px;*/
	padding-top:10px;
	text-align:right;
}

.more a{text-align:left;}

.Rend{
	margin-right:0 !important;
}

ul:after,
div:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

ul,div { display: inline-block; }
ul,div { display: block; } 


/*テーブル基本*/

td,th{
	vertical-align:top;
}

.travel table {
	font-size:12px;
	table-layout:fixed;
	width:100%;
	margin-bottom:10px;
	line-height:1.4;
}
.travel table th{
	font-weight:bold;
	padding:5px 10px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.travel table td{
	padding:5px 10px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

.travel table .odd{
	background-color:#F5F5F5;
}
.travel table .even{
	background-color:#FaFaFa;
	}
.travel table thead th{
	font-weight:normal;
	text-align:center;
	background-color:#E6E4E2;
}


.bold{
	font-weight:bold !important;
}

ul.arrow_blue li{
	list-style : url(./images/li_arrow_blue.gif);margin-bottom:5px;
}

li.second{background-image:none !important;}


ul.note{text-align:left!important;}
ul.note li{	background : url(./images/li_note.gif) no-repeat !important;padding-left:10px !important;margin-bottom:3px !important;list-style-type:none !important;}

.signature{text-align:right;}


/*ページ送り*/
.paginator{padding:5px 0;font-size:12px;margin-bottom:10px;}
.pageIndicator{float:right;width:140px;text-align:right;margin-bottom:10px;}
.pageNavi{margin-bottom:5px;}
.pageNavi .goNext{margin-left:7px;}
.pageNavi .goPrev{margin-right:5px;}

ul.pageNavi li{float:left;margin-right:8px;}
li.btn_page_next a{display:block;background:url(./images/btn_page_next.gif);width:28px;height:28px;text-indent:-9999px;overflow:hidden;}
li.btn_page_next_off{background:url(./images/btn_page_next_off.gif);width:28px;height:28px;text-indent:-9999px;}
li.btn_page_prev a{display:block;background:url(./images/btn_page_prev.gif);width:28px;height:28px;text-indent:-9999px;overflow:hidden;}
li.btn_page_prev_off{background:url(./images/btn_page_prev_off.gif);width:28px;height:28px;text-indent:-9999px;}
li.btn_page_current{background:url(./images/btn_page_current.gif);width:28px;line-height:12px;padding:9px 0 7px 0;color:#fff;text-align:center;}
li.btn_page_normal a{display:block;background:url(./images/btn_page_normal.gif);width:28px;line-height:12px;line-height:12px;padding:9px 0 7px 0;text-align:center;color:#5865B4;}
li.btn_page_next a:hover,
li.btn_page_prev a:hover{background-position:0px -28px}


#mainCnt p.resultMsg{font-weight:bold;letter-spacing:.2em;margin:0;}
.list_sort{margin-bottom:10px;}

.listEnd,
.listEnd td,
.listEnd th{background-image:none !important;border:none !important;margin-bottom:0 !important;}

.bg_transparent{background:transparent none !important;}

a{overflow:hidden;}
strong{font-weight:bold;}
.alt{display:none;}

/*エラー画面*/
#error {text-align:center;padding:100px 0;}
#error h3{color:#AC7F3E;font-weight:bold;font-size:14px;margin-bottom:20px;}
#error p{line-height:1.5;margin-bottom:15px;}
#error ul{margin-left:250px;}
#error ul.blue_arrow li {
	text-align:left;
	padding-left:15px;
	background : url(/shared/css/images/li_arrow_blue_small.gif) no-repeat;
	color:#353535;
	margin-bottom:8px;
}

/*ロールオーバー*/
.cntList h3{margin-bottom:0 !important;}
.cntList .cntBox{background:url(./images/line_dotted_narrow.gif) repeat-x bottom;padding:10px 0;}
.cntList .cntBox:hover{
	background-color:#f0f0f0 !important;
	text-decoration:none !important;
}

.cntList .cntBox:hover img{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

#cnt h3{height:auto;}

table.list {margin-bottom:20px;border-top:1px solid #dcdcdc;width:100%;}
table.list caption{font-weight:bold;padding-bottom:5px;}
table.list th{font-weight:bold;padding:7px 5px;border-bottom:1px solid #dcdcdc;}
table.list td{padding:7px 5px;border-bottom:1px solid #dcdcdc;}

hr{clear:both;}