@charset "utf-8";

/* ---------------全頁共通--------------- */
/* マージン全般の制御 */
body,p,div,td,th,h1,h2,h3 {
	margin:0px;
	padding:0px;
}
/* 背景色の設定 */
body    { 
background: #e5c495 url(img/bg-body.gif) repeat-y center top;
_text-align:center;
 }
/* 全体の文字サイズとカラー */
body,p,td,th,h1,h2,h3,dl,dd,dt,li {
	font-size:13px;
	color:#50262b;
	line-height:130% ;
}
h1 {
	font-size: 15px;
}
h2 {
	font-size: 15px;
}
h3 {
	font-size: 15px;
}
.small {
	font-size:90%;
	line-height:100% ;
}

/* リンク */
a:link {
	text-decoration:underline;
	color:#066;
}
a:visited {
	text-decoration:underline;
	color:#603;
	}
a:hover {
	text-decoration:none;
}

/* 画像 */
img  {
	vertical-align: bottom;
	border: 0;
	}
.f-left_p {
	float:left;
	margin: 0 10px 5px 0;
}
.f-right_p {
	float:right;
	margin: 0 0 5px 10px ;
}	
	
/* コンテンツ全体を囲むボックス */
#wrap  {
	width: 750px;
	background-image: url(img/bg-wrap.gif);
	margin-left :auto;
	margin-right :auto;
}
/* 回り込み */
.f-left {
	float:left;
	padding:21px 0 0;
}
.f-left_0 {
	float:left;
}
.f-right {
	float:right;
	padding: 21px 0 0;
}
/* 回り込みのクリア */
.clear  {
	clear: both;
}
.clearfix:after,ul.sub-textmenu:after,.subcontents:after,.maincontents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* ---------------全頁共通～ヘッダ--------------- */
#header {
	width: 750px ;
	height :88px;
	background-image: url(img/bg-header.jpg);	
}

img#header-logo { 
	margin-left:22px;
	margin-top: 13px;
	float:left;
}
#header-copy { 
	text-align : right;
	padding-right :15px;
	padding-top: 10px;
	float:right;
	font-size:12px;
	line-height:130% ;
}

h1 {
  font-size:12px;
  font-weight:normal;
  }

#header-copy a { 
    text-decoration: none;
    color:#50252b;
}
/* ---------------全頁共通～メニュー--------------- */
ul#globalmenu {
	margin :0px;
	padding :0px;
	width :750px;
 }
ul#globalmenu li  {
	list-style-type: none;
	margin:0px;
	padding:0px;
	float:left;
}
/* ---------------全頁共通～メイン--------------- */
#main { 
	padding-top :30px;
	padding-bottom :30px;
	text-align :center;
}

/* コンテンツ類の幅と左マージン */
.maincontents,
.subcontents {
	width: 530px;
	text-align :left;
	margin: 0px auto;
	padding: 0px 40px 10px 40px;
	display: inline-block;
	line-height:170%;	
}
.subcontents {
	padding-top:0px;
}

/* コンテンツ類の背景 */
.maincontents{
	background-image: url(img/bg-maincontents.jpg);
}
.subcontents { 
	background-color: #e5c495;

}
 h2.pagetitle {
	padding-bottom :16px ;
	padding-top: 0px;
}
/* コンテンツ内で真ん中に寄せる場合 */
p.center {
	text-align :center;
}

/* サブコンテンツ内バナーの調整 */
.sub-bn { 
	margin-bottom:10px ;
 }

/* サブコンテンツ内-右側の幅指定 */
ul.sub-textmenu,dl.sub-etc {
	width :250px;
}
/* サブコンテンツ内のテキストメニュー */
ul.sub-textmenu {
	margin :0 0 20px;
	padding :0px;
	display: inline-block;
 }
 
ul.sub-textmenu li    {
	background: url(img/ic-yajirushi.gif) no-repeat left center;
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 15px;
 }
 
ul.sub-textmenu li.link_01   {
	background: url(img/ic-yajirushi.gif) no-repeat left center;
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 15px;
 }
 
/* サブコンテンツ内のその他諸々（ご利用可能カード等） */
dl.sub-etc {
  margin:0;
}
dl.sub-etc  dt {
	background-color:#007373;
	color:#ffffff;
	font-size:110%;
	padding-left: 5px;
}
dl.sub-etc dd {
	margin-left:5px;
	padding :3px 0px 8px 0px;
    margin:5px 0 10px 0;
}

/* ---------------全頁共通～フッタ--------------- */
#footer { 
	font-weight: bold;
	text-align : center;
	padding: 10px 0px 10px 0px;
	background-color: #e5c495;
	border-top: solid 1px #56262b ;
	clear: both;	
}