@charset "shift_jis";

/*---------------------------------------------------------------------------------------------------------------
	ITEM body用CSS
---------------------------------------------------------------------------------------------------------------*/
/* H2上部のテキスト */
div#MainArea div#ContentsArea div#H2Txt {
width:700px;
font-size:13px;
margin-bottom:5px;
}

/* h5（一番最初のh5） */
div#MainArea div#ContentsArea div.Section h5.H5Top {	margin-top:30px !important;	}

/* h5（Blue） */
div#MainArea div#ContentsArea div.Section h5.H5Blue {
border-top:#007dc3 solid 1px;
border-bottom:#007dc3 solid 1px;
margin-top:30px;
padding:4px 0;
}
 
div#MainArea div#ContentsArea div.Section h5.H5Blue span {
display:block;
padding:0 10px;
margin-left:1px;
border-left:#007dc3 solid 8px;
}

/* h5（Green） */
div#MainArea div#ContentsArea div.Section h5.H5Green {
border-top:#659005 solid 1px;
border-bottom:#659005 solid 1px;
margin-top:30px;
padding:4px 0;
}

div#MainArea div#ContentsArea div.Section h5.H5Green span {
display:block;
padding:0 10px;
margin-left:1px;
border-left:#659005 solid 8px;
}

/* h5（Orange） */
div#MainArea div#ContentsArea div.Section h5.H5Orange {
border-top:#df7321 solid 1px;
border-bottom:#df7321 solid 1px;
margin-top:30px;
padding:4px 0;
}

div#MainArea div#ContentsArea div.Section h5.H5Orange span {
display:block;
padding:0 10px;
margin-left:1px;
border-left:#df7321 solid 8px;
}

/* h5（Gray） */
div#MainArea div#ContentsArea div.Section h5.H5Gray {
border-top:#979797 solid 1px;
border-bottom:#979797 solid 1px;
margin-top:30px;
padding:4px 0;
}

div#MainArea div#ContentsArea div.Section h5.H5Gray span {
display:block;
padding:0 10px;
margin-left:1px;
border-left:#979797 solid 8px;
}

/* h5（purple） */
div#MainArea div#ContentsArea div.Section h5.H5Purple {
border-top:#8959ba solid 1px;
border-bottom:#8959ba solid 1px;
margin-top:30px;
padding:4px 0;
}

div#MainArea div#ContentsArea div.Section h5.H5Purple span {
display:block;
padding:0 10px;
margin-left:1px;
border-left:#8959ba solid 8px;
}

/* h5（Gray-width290px） */
div#MainArea div#ContentsArea div.Section h5.H5GrayS {
 background:url(../common/img/h5_gray_s_top.gif) no-repeat;
 margin-top:30px;
 width:290px;
 }
div#MainArea div#ContentsArea div.Section h5.H5GrayS span {
 display:block;
 background:url(../common/img/h5_gray_s_bottom.gif) no-repeat bottom;
 padding:7px 14px;
 width:262px;
 }

/* h6（Blue Dot＆破線） */
div#MainArea div#ContentsArea div.Section h6.DotBlueLine{
 background:url(../common/img/dot_line.gif) repeat-x bottom;
 padding-bottom:5px;
 margin-top:14px;
 }
div#MainArea div#ContentsArea div.Section h6.DotBlueLine span {
 background:url(../common/img/icon_dot_blue_l.gif) no-repeat 0em 0.2em;
 padding-left:0.8em;
 }

/* h6（Green Dot＆破線） */
div#MainArea div#ContentsArea div.Section h6.DotGreenLine{
 background:url(../common/img/dot_line.gif) repeat-x bottom;
 padding-bottom:5px;
 margin-top:14px;
 }
div#MainArea div#ContentsArea div.Section h6.DotGreenLine span {
 background:url(../common/img/icon_dot_green_l.gif) no-repeat 0em 0.2em;
 padding-left:0.8em;
 }

/* h6（Gray Dot＆破線） */
div#MainArea div#ContentsArea div.Section h6.DotGrayLine{
 background:url(../common/img/dot_line.gif) repeat-x bottom;
 padding-bottom:5px;
 margin-top:14px;
 }
div#MainArea div#ContentsArea div.Section h6.DotGrayLine span {
 background:url(../common/img/icon_dot_gray_l.gif) no-repeat 0em 0.2em;
 padding-left:0.8em;
 }

/* BOX-角R罫線 */
div#MainArea div#ContentsArea div.Section div.LineBox {
 width:680px;
 margin-top:20px;
 background:url(../common/img/linebox_bg_top.gif) no-repeat;
 }
div#MainArea div#ContentsArea div.Section div.LineBoxBgBottom {
 width:646px;
 background:url(../common/img/linebox_bg_bottom.gif) no-repeat bottom;
 padding:14px 17px;
 }
 
div#MainArea div#ContentsArea div.Section div.LineBoxBgBottom ul.list-bullet-01 {
margin-left:1.2em;
margin-top:5px;
}
 
/*-------------------------------------
 2011.1 追加スタート
-------------------------------------*/
/* LINK */
div#MainArea a:link,
div#MainArea a:visited{
text-decoration:underline !important;
}

div#MainArea a:hover,
div#MainArea a:active,
div#MainArea a:focus{
text-decoration:none !important;
}

/* H3 */
div#MainArea div#ContentsArea h3.hdg-l3-01 {
height:auto;
margin:15px 0;
background:#3799e1 url(../common/img/bg_hdg_blue_01.gif) no-repeat left top;
color:#fff;
position:relative;
}

div#MainArea div#ContentsArea h3.hdg-l3-01 span.hdg-l3-01-inner{
position:relative;
display:block;
background:url(../common/img/bg_hdg_blue_01_inner.gif) no-repeat left bottom;
min-height:20px;
height:auto !important;
height:20px;
padding:10px 7px 10px 15px;
line-height:1;
}

div#MainArea div#ContentsArea h3.hdg-l3-01 span.btn{
position:absolute;
top:8px;
right:6px;
font-size:0;
line-height:0;
}

div#MainArea div#ContentsArea h3.hdg-l3-02 {
height:auto;
margin:15px 0;
background:#96c582 url(../common/img/bg_hdg_green_01.gif) no-repeat left top;
color:#fff;
position:relative;
}

div#MainArea div#ContentsArea h3.hdg-l3-02 span.hdg-l3-02-inner{
position:relative;
display:block;
background:url(../common/img/bg_hdg_green_01_inner.gif) no-repeat left bottom;
min-height:20px;
height:auto !important;
height:20px;
padding:10px 7px 10px 15px;
line-height:1;
}

div#MainArea div#ContentsArea h3.hdg-l3-02 span.btn{
position:absolute;
top:8px;
right:6px;
font-size:0;
line-height:0;
}

div#MainArea div#ContentsArea h3.hdg-l3-03 {
height:auto;
margin:15px 0;
background:#75b1e2 url(../common/img/bg_hdg_rightblue_01.gif) no-repeat left top;
color:#fff;
position:relative;
}

div#MainArea div#ContentsArea h3.hdg-l3-03 span.hdg-l3-03-inner{
position:relative;
display:block;
background:url(../common/img/bg_hdg_rightblue_01_inner.gif) no-repeat left bottom;
min-height:20px;
height:auto !important;
height:20px;
padding:13px 7px 13px 15px;
line-height:1;
}

/* H6 */
div#MainArea div#ContentsArea h6.hdg-l6-01{
border-left:#6aade4 4px solid;
border-bottom:#8e8e8e 2px solid;
padding:6px 10px 4px;
margin-bottom:10px;
line-height:1.4;
}

/* LIST */
div#MainArea div#ContentsArea ul.list-bullet-01 li{
margin:0 0 2px;
padding-left:13px;
background:url(../common/img/bullet_circle_01.gif) 0 0.35em no-repeat;
}

div#MainArea div#ContentsArea ul.list-notice-01 li{
font-size:12px;
}

/* BOX */
div#MainArea div.box-relation-02{
margin-top:20px;
background:url(../common/img/bg_box_relation_02.gif) 0 0 no-repeat;
}

div#MainArea div.box-relation-02-inner{
padding:15px 15px 12px;
background:url(../common/img/bg_box_relation_02_inner.gif) 0 100% no-repeat;
}

div#MainArea div.box-relation-02-inner p{
margin-top:0 !important;
}

/* OPTION */
div#MainArea div#ContentsArea .align-C{
text-align:center!important;
}

div#MainArea div.LineBoxBgBottom h6.TxtCenter.FcRed strong{
background:url(../common/img/icon_attention.gif) no-repeat 0 0em;
padding:2px 0 2px 27px;
}

/*-------------------------------------
 2011.1 追加エンド
-------------------------------------*/

.GWNoDisplay{
zoom:0;
}
	
/*-------------------------------------
 商品写真エリア
-------------------------------------*/
div#MainArea div#ContentsArea div.Section div.ItemBox {
 width:605px;
 margin-top:14px;
 }

div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemLeft {
 width:257px;
 float:left;
 }

div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight {
 width:348px;
 float:left;
 }

/* 積立利率、為替レート、運用情報ボタン */
div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight ul.BtnInfo {
 width:320px;
 margin:10px auto 0 auto;
 }

div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight ul.BtnInfo li { 
 width:160px;
 float:left;
 }

div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight p.Txt {
 margin:5px 0 0 0 !important;
 text-align:center;
 }

div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight p {
 margin:15px 0 -35px 0;
 text-align:center;
 }
	
div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight p a { 
 padding-left:8px;
 background:url(../common/img/icon_link_arrow.gif) no-repeat 0em 0.2em;
 }


/* HP・BH 非表示項目制御 */
.HP-BHNoDisplay { display:none; }

/* PDFボタン */
div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight ul.BtnPdf {
 margin:20px auto 0 auto;
 width:321px;
 }

div#MainArea div#ContentsArea div.Section div.ItemBox div.ItemRight ul.BtnPdf li { margin-top:15px; }


/*-------------------------------------
 ご注意部表示枠
-------------------------------------*/
div#MainArea div#ContentsArea div.Section div.BoxAttention {
 width:680px;
 margin-top:30px;
 background:url(../common/img/attention_bg.gif) no-repeat bottom left;
 padding-bottom:18px;
 position:relative;
 }

/* h5（グラデーション部タイトル背景画像） */
div#MainArea div#ContentsArea div.Section div.BoxAttention h5 {
 background: url(../common/img/h5_attention.gif) no-repeat;
 color:#fff;
 padding:10px 10px 7px;
 width:660px;
 font-size:16px;
 }
/* h5（！アイコンつき） */
div#MainArea div#ContentsArea div.Section div.BoxAttention h5 span {
 display:block;
 background: url(../common/img/icon_attention_02.gif) no-repeat 0em 0em;
 padding-left:30px;
 }

/* h6 */
div#MainArea div#ContentsArea div.Section div.BoxAttention h6 {
 width:565px;
 margin:30px auto 0 auto;
 padding:8px 8px 5px 8px;
 }

div#MainArea div#ContentsArea div.Section div.BoxAttention p {
 margin:15px 20px 0;
 }

div#MainArea div#ContentsArea div.Section div.BoxAttention ul {
 width:565px;
 margin:0 auto;
 }

div#MainArea div#ContentsArea div.Section div.BoxAttention p a {	color:#DA0000;	}

div#MainArea div#ContentsArea div.Section div.BoxAttention dl {
 margin:0 20px;
 }

/* リスト（！アイコンつき） */
div#MainArea div#ContentsArea div.Section div.BoxAttention dl dt {
 font-weight:bold;
 color:#C60000;
 background: url(../common/img/icon_attention.gif) no-repeat 0em 0.2em;
 padding:1px 0 0 26px;
 margin-top:15px;
 }

div#MainArea div#ContentsArea div.Section div.BoxAttention dl dd {
 margin-top:4px;
 }


/*-------------------------------------
 日付BOX
-------------------------------------*/
/*- グレーBOX -*/
div.DateBoxGray {
min-height:34px;
height:auto !important;
height:34px;
width:578px;
margin:10px auto 0 auto;
background-color:#f1f1f1;
 border:solid #ababab 2px;
 padding:9px 12px;
 font-weight:bold;
 font-size:16px;
 text-align:center;
 }
div.DateBoxGray div span {
 font-size:24px;
 padding:0 8px;
 }

/*- ブルーBOX -*/
div.DateBoxBlue {
min-height:34px;
height:auto !important;
height:34px;
width:578px;
margin:10px auto 0 auto;
background-color:#deebf6;
border:solid #bcd3e7 1px;
padding:9px 12px;
font-weight:bold;
font-size:16px;
position:relative;
}
div.DateBoxBlue div span {
font-size:24px;
padding:0 8px;
}
div.DateBoxBlue div a { 
position:absolute;
top:10px;
right:17px; 
}

/*- グリーンBOX -*/
div.DateBoxGreen {
min-height:34px;
height:auto !important;
height:34px;
width:578px;
margin:10px auto 0 auto;
background-color:#d9f0cf;
border:solid #acdb98 1px;
padding:9px 12px;
font-weight:bold;
font-size:16px;
position:relative;
}
div.DateBoxGreen div span {
font-size:24px;
padding:0 8px;
}
div.DateBoxGreen div a { 
position:absolute;
top:10px;
right:17px; 
}

/*- オレンジBOX -*/
div.DateBoxOrange {
min-height:34px;
height:auto !important;
height:34px;
width:578px;
margin:10px auto 0 auto;
background-color:#ffe8d1;
border:solid #ffb585 1px;
padding:9px 12px;
font-weight:bold;
font-size:16px;
position:relative;
 }
div.DateBoxOrange div span {
font-size:24px;
padding:0 8px;
 }

/*- ﾊﾟｰﾌﾟﾙBOX -*/
div.DateBoxPurple {
min-height:34px;
height:auto !important;
height:34px;
width:578px;
margin:10px auto 0 auto;
background-color:#eee6f5;
border:solid #d3c0e6 1px;
padding:9px 12px;
font-weight:bold;
font-size:16px;
position:relative;
}
div.DateBoxPurple div span {
font-size:24px;
padding:0 8px;
}
div.DateBoxPurple div a { 
position:absolute;
top:10px;
right:17px; 
}

/*-------------------------------------
 各為替レートの掲載予定時刻テーブル
-------------------------------------*/
div#MainArea div#ContentsArea div.Section table.RateSj {
 border:none;
 margin:10px auto 0 auto;
 font-weight:bold;
 }

div#MainArea div#ContentsArea div.Section table.RateSj th {
 background:url(../common/img/icon_dot_gray_l.gif) no-repeat 0em 0.4em;
 padding-left:1.2em;
 text-align:left;
 }


/*-------------------------------------
 積立利率と為替レート　ページ内リンクボタン
-------------------------------------*/
div#MainArea div#ContentsArea div.Section dl.GoPageLink { 
 width:680px;
 margin-top:10px;
 }

div#MainArea div#ContentsArea div.Section dl.GoPageLink dt {
 width:11em;
 margin-top:10px;
 font-weight:bold;
 float:left;
 background:url(../common/img/icon_dot_gray_l.gif) no-repeat 0em 0.4em;
 padding-left:1.2em;
 height:28px;
 }

div#MainArea div#ContentsArea div.Section dl.GoPageLink dd {
 float:left;
 margin-top:5px;
 margin-bottom:5px;
 width:400px;
 height:28px;
 }


/*-------------------------------------
 表
-------------------------------------*/
table.DefaultTable {
 border-collapse: collapse;
 border:solid 1px #a6a6a6;
 margin:15px auto 0 auto;
 }

table.DefaultTable th,
table.DefaultTable td {
 padding:7px 5px;
 text-align:center;
 }

table.DefaultTable th {
 border:solid 1px #a6a6a6;
 background-color:#e2eff8;
 font-weight:bold;
 }

table.DefaultTable td {
 border-top:solid 1px #a6a6a6;
 border-left:solid 1px #a6a6a6;
 border-right:solid 1px #a6a6a6;
 background-color:#FFF;
 }

/*- BORDER-個別指定（白罫線） -*/
table.DefaultTable th.BorderWhiteBottom,
table.DefaultTable td.BorderWhiteBottom { border-bottom:solid 1px #a6a6a6;	}
table.DefaultTable th.BorderWhiteRight,
table.DefaultTable td.BorderWhiteRight { border-right:solid 1px #a6a6a6;	}

/*- BORDER-個別指定（罫線無し） -*/
table.DefaultTable .BorderNone { border:none !important;	}

/*- BORDER-個別指定（ドット） -*/
table.DefaultTable tr.BorderDotTop td { 
 border-top:dashed 1px #a6a6a6;
 background-color:#e5f6f8;
 }

/*- 空白セルBLANK用罫線 -*/
table.DefaultTable tr td span.Blank { 
 display:block;
 margin:0 auto;
 width:80%;
 height:0 !important;
 height /**/:1px;
 padding-top:1px;
 overflow:hidden;
 background-color:#777;
 }

/*- td背景色 -*/
.BgLightBlue { background-color:#e5f6f8 !important; }
.BgBlue { background-color:#BEE2EE !important; }
.BgGlay { background-color:#E8E8E8 !important; }
.BgYellow { background-color:#FFF4C6 !important; }

/*- 表用フォントサイズ -*/
.Fs19 {
 font-size:19px !important;
 font-weight:bold;
 }
.Fs17 {
 font-size:17px !important;
 font-weight:bold;
 }
.Fs12 { font-size:12px !important;	}
.Fs11 { font-size:11px !important;	}

* html .Fs11 { /* for ie6 */ font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
*:first-child+html .Fs11 { /* for ie7 */ font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }


/*-------------------------------------
 商品TOP 下部（募集代理店　引受保険会社）
-------------------------------------*/
div#MainArea div#ContentsArea div.Section .ItemBottom { width:680px; margin-top:30px;}
div#MainArea div#ContentsArea div.Section .ItemBottom .ItemBottomLeft {
float:left;
width:320px;
padding-left:15px;
}
 
div#MainArea div#ContentsArea div.Section .ItemBottom .ItemBottomRight {
float:right;
width:320px;
padding-left:15px;
}
 
div#MainArea div#ContentsArea div.Section .ItemBottom .ItemBottomLeft h6,
div#MainArea div#ContentsArea div.Section .ItemBottom .ItemBottomRight h6{
margin-left:-15px;
}

