@charset "Shift_JIS";

/* Information
------------------------------------------

Description: CSS for CREDIT CARD CONTENTS
Version: 1
Date: 2011/03/21

------------------------------------------ */


/* Index
------------------------------------------
== layout ================
Header
Kinkyu
Main
Side

== Overwrite =============
Overwrite

------------------------------------------ */


/*===================================================================
	layout
===================================================================*/

/* Header
------------------------------------------ */
/* headerNav */
#headerNav{ padding-bottom: 15px; }

/* Kinkyu
------------------------------------------ */
#kinkyuBlock{ margin: 0 auto 15px; }

/* Main
------------------------------------------ */
/* mainVisualArea */
#mainVisualArea{ width: 686px; height: 248px; margin-bottom: 12px; position: relative; overflow: hidden; border:1px #c1c6d3 solid; }
#mainVisual{ width:686px; height: 248px; position: relative; overflow: hidden; cursor: pointer; }
#mainVisual img{ width: 686px; height: 248px; position: absolute; overflow: hidden; }
#mainVisualWht{ width: 686px; height: 248px; background: #fff; position: absolute; }

/* mainInfo */
#mainInfoArea{ background: url(../imgs/index_main_bg_02.gif) repeat-y left top; margin-bottom: 20px; position: relative; }
#mainInfoArea h3{ margin-bottom: 12px; }
#mainInfoArea .btn{ position: absolute; top: 14px; right: 13px; }
#mainInfoBtm{ background: url(../imgs/index_main_bg_03.gif) no-repeat left bottom; padding-bottom: 24px; }
#mainInfoInner{ background: url(../imgs/index_main_bg_01.gif) no-repeat left top; padding: 0 13px 0 12px; }
#mainInfoInner .sectionLeft,
#mainInfoInner .sectionRight{ width: 324px; padding-top: 26px; }
#mainInfoInner .section{ padding: 0 27px 10px 80px; line-height: 1.4; }
#mainInfoInner .section dt{ background: url(../imgs/index_main_bg_04.gif) repeat-x left bottom; margin-bottom: 7px; padding: 3px 0 5px 0; }
#mainInfoInner .section dd{ padding-bottom: 5px; }
#mainInfoInner .BG01{ background: url(../imgs/index_icon_01.gif) no-repeat 25px 0px; }
#mainInfoInner .BG02{ background: url(../imgs/index_icon_02.gif) no-repeat 25px 0px; }
#mainInfoInner .BG03{ background: url(../imgs/index_icon_03.gif) no-repeat 25px 0px; }
#mainInfoInner .BG04{ background: url(../imgs/index_icon_04.gif) no-repeat 25px 0px; }
#mainInfoInner .BG05{ background: url(../imgs/index_icon_05.gif) no-repeat 25px 0px; }
#mainInfoInner .BG06{ background: url(../imgs/index_icon_06.gif) no-repeat 25px 0px; }
#mainInfoInner .BG07{ background: url(../imgs/index_icon_07.gif) no-repeat 25px 0px; }

/* headerLinks */
#search input{ vertical-align: top; }
#search .search01Input{ float: left; width: 150px; }
#search .search01Input input{ margin: 0; padding: 2px 3px 1px 3px; border: solid 1px #cccccc; background: none; outline: none; width: 142px; font-size: 12px; line-height: 13px; }
#search .search01Btn{ float: left; width: 40px; padding-left: 5px; }

/* mainTopics */
#mainTopicsArea{ clear: both; position: relative; }
#mainTopicsArea h4{ margin-bottom: 12px; }
#mainTopicsArea .btn{ position: absolute; top: 0; right: 13px; }
#mainTopicsArea .section{ clear: both; padding: 0 0 10px 13px; line-height: 1.4; }
#mainTopicsArea .section .date{ width: 105px; display: block; float: left; }
#mainTopicsArea .section .info{ width: 552px; display: block; float: right; }

/* Side
------------------------------------------ */
#sideBlockIndexWrap{ width: 234px; float: left; }
#sideBlock{
	background: url(../imgs/bg_side_01.gif) no-repeat left top;
	width: 222px; padding: 6px; float:none; }

/* sideBtnBkmk */
#sideBtnBkmk{ background: #ffffff; padding-bottom: 7px;}

/* sideWebService */
#sideWebService dl dt{ position: absolute; top: 0; left: -6px; }

/* cardtsukuru 2012.04.012’ljÁ*/
.cardtsukuru{ background: url(../imgs/bg_side_06.gif) repeat-y left top; margin-bottom: 12px; }
.cardtsukuru dl{ background: url(../imgs/bg_side_07.gif) no-repeat left bottom; padding-bottom: 8px; position: relative; }
.cardtsukuru dl dt{ position: absolute; top: 0; left: -6px; }
.cardtsukuru dl dd{ padding: 55px 0 7px; }
.cardtsukuru dl dd p,
.cardtsukuru dl dd li{ padding: 7px 14px 0 15px; }

/* sideBanner */
#sideBanner{ margin-bottom: 12px; }
#sideBanner ul li{ margin-bottom: 10px; }

/* sideInformation */
#sideInfor{ background: url(../imgs/bg_side_06.gif) repeat-y left top; line-height: 1.4; }
#sideInfor .title{ background: url(../imgs/index_side_bg_02.gif) repeat-y left top; position: relative; }
#sideInfor .title h5{ background: url(../imgs/index_side_bg_01.gif) no-repeat left top; padding: 13px 10px 8px; }
#sideInfor dl{ background: url(../imgs/bg_side_07.gif) no-repeat left bottom; padding-bottom: 5px; }
#sideInfor dl dt{ background: url(../imgs/index_side_bg_03.gif) repeat-y left top; padding: 10px; line-height: 1; }
#sideInfor dl dd{ padding: 10px; }
#sideInfor dl dd h6{ margin-bottom: 8px; padding-left: 9px; border-left: #7f7f7f solid 4px; line-height: 1; }
#sideInfor dl dd p.btn{ background: url(../imgs/index_side_bg_04.gif) repeat-x left top; padding-top: 6px; text-align: right; }
#sideInfor dl dd p.listDot { padding-left: 13px; background: url(../../../shared/imgs/i_dot_02.gif) 1px 3px no-repeat; }
* html #sideInfor dl dt{ line-height: 1.2; }
* html #sideInfor dl dd h6{ line-height: 1.2; }


/*===================================================================
	Overwrite
===================================================================*/

/* Overwrite
------------------------------------------ */
#mainBlock #mainInfoInner:after,
#mainBlock #mainInfoInner #search:after,
#mainBlock #mainTopicsArea .section:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }