@charset "utf-8";

/*全体の枠組み



***********************************************************************************************/



body {

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size:90%;

	line-height:150%;

	color:#333;

	border:#FFF;

	background:url(../images/bg_body.gif) repeat-x center top;

}

#wrapper {

	margin:auto;

	width:900px;

	background-color:#FFF;

}

/*パーツに関する設定



***********************************************************************************************/



* {

	margin:0;

	padding:0;

	border:0;

}

h1, h2, h3, h4 {

	font-weight:normal;

	font-size:100%;

}

ul, ol {

	list-style:none;

}

.right {

	float:right;

}

.left {

	float:left;

}

.clear {

	clear:both;

}

img {

	border:0;

}

.mini {

	font-size:12px;

	line-height:150%;

	margin-top:7px;

}

.top10px {

	margin-top:10px;

}

.magin-left {

	margin-left:20px;

}

.bar {

	background:url(../images/bar.gif) no-repeat top center;

	height:30px;

	text-indent:30px;

	padding:9px 0 5px 0;

	font-size:120%;

	font-weight:bold;

	color:#008FC5;

	clear:both;

	position:relative;

}

.bar2 {

	background-color: #F5F5F5;

	text-indent:20px;

	padding:10px;

	margin:0 20px 30px 20px;

	font-size:20px;

	font-weight:bold;

	color:#008FC5;

}

.box {

	background: #FAFAFA;

	border:#ccc solid 1px;

	margin:0 0 20px 0;

	padding:10px;

	/*width:877px;*/

}

.box img{ margin-bottom:5px;}

.border {

	border-bottom: #CCC dotted 1px;

}

.category h3 {

	font-size:18px;

	margin:10px 0 5px 0;

	font-weight:bold;

}

.category {

	margin:0 0 30px 50px;

	width:800px;

	text-align:justify;

}

.clearfix:after {

	content: ".";

	display: block;

	visibility: hidden;

	height: 0.1px;

	font-size: 0.1em;

	line-height: 0;

	clear: both;

}

.clearfix {

	display: inline-block;

}

.bule {

	color: #008FC5;

}

.gold {

	color:#960;

}

.green {

	color: #060;

}

.gray {

	color:#333;

}





/*  ヘッダー



***********************************************************************************************/



#header {
	position: relative;
	height: 65px;
	padding:20px;

	border-bottom:#008FC5 solid 3px;

}

#logo {

	padding-bottom:5px;

}

#header p {

	width:600px;

}

/*パンくずに関する設定



***********************************************************************************************/



.pan {

	font-size:12px;

	text-align:right;

	padding:0 20px 10px 0;

}

.pan li {

	display: inline;

}

/*リンクに関する設定



***********************************************************************************************/



a:link {

	color:#008FC5;

	text-decoration:none;

}

a:visited {

	color:#008FC5;

	text-decoration:none;

}

a:hover {

	color: #999;

}

a:active {

	color:#008FC5;

	text-decoration:none;

}

/*  コンテンツ



***********************************************************************************************/



#contents {

	margin:10px 0 20px;

	min-height:550px;

}

* html #contents {

	height:550px;

}

/* アメックスカード */



.amexcard {

	width:450px;

	background:url(../images/bg_card.gif) left 200px repeat-x;

	text-align:center;

	float:left;

	margin:0 0 20px 0;

	position:relative;

}

.amexcard ul {

	margin:0 0 0 30px;

}

.amexcard ul li {

	float:left;

	margin:0 0 0 10px;

}

.cardnamebule {

	color:#008FC5;

	font-size:120%;

	font-weight:bold;

	padding-top:10px;

}

/* ゴールドカード */



.cardnamegold {

	color: #960;

	font-size:120%;

	font-weight:bold;

	padding-top:10px;

}

.cardread {

	padding:10px 0;

}



/* カード特典（アメックス）*/



h2 span {

	font-weight:normal;

	font-size:12px;

	color:#333;

	padding-right:10px;

	position:absolute;

	top:9px;

	right:10px;

}

#amexcardpoint {

	width:438px;

	float:left;
	
	text-align:center;

}

#amexcardpoint p {

	color:#008FC5;

	font-size:90%;

	line-height:150%;

}

#amexcardpoint p span{

	color:#008FC5;

	font-size:170%;

	font-weight:bold;

}







.tokuten {

	clear:both;

	margin:0 0 10px 0;

}



.tokuten_bluebox {

	margin:20px 0 0 0;

	padding:5px 0;

	background-color:#FFF;

	border:#008FC5 solid 1px;

	text-align:center;

}

/* カード特典（ゴールド）*/



#gold {

	width:438px;

	float:right;
	
	text-align:center;

}

#gold p {

	color:#996600;

	font-size:90%;

	line-height:150%;

}

#gold p span{

	color:#996600;

	font-size:170%;

	font-weight:bold;

}

.tokuten_goldbox {

	margin:20px 0 0 0;

	padding:5px 0;

	background-color:#FFF;

	border:#996600 solid 1px;

	text-align:center;

}

/*普通のカード*/



.cardname-green {

	color:#060;

	font-size:120%;

	font-weight:bold;

	padding-top:10px;

}

.cardname-gold {

	color:#996600;

	font-size:120%;

	font-weight:bold;

	padding-top:10px;

}

.amexcard .space-left ul {

	margin:0px;

}

.amexcard .space-left ul li {

	float:none;

	margin:0px;

}

/*.space-left {



	padding-left:125px

	

	position:absolute;



	top:300px;



	left:40px;



}*/



/*フッター



***********************************************************************************************/



#footer {

	padding:20px 10px;

	font-size:80%;

	text-align:center;

	background-color: #008FC5;

	color:#FFF;

}

#footbox {

	margin:auto;

	width:900px;

}

#footer ul li {

	display:inline;

	white-space:nowrap;

}

#footer p {

	padding:20px 0 0 0;

}

address {

	font-style:normal;

}

.bottom {

	bottom:0;

	position:absolute;

	width:100%;

}

/*フッターリンクに関する設定***********************************************************************************************/



#footer a:link {

	color:#FFF;

	text-decoration: none;

}

#footer a:visited {

	color:#FFF;

	text-decoration:none;

}

#footer a:hover {

	color:#FC0;

	text-decoration:none;

}

#footer a:active {

	color:#FFF;

	text-decoration:none;

}
/*キャンペーンに関する設定***********************************************************************************************/
div#campaign {
	position: absolute;
	width: 323px;
	top: 11px;
	left: 564px;
}

/*プレゼント*/
img.present{ margin:15px 40px 0; padding:0; line-height:0;}