@charset "UTF-8";

/* ----------------------------------------------------------------------------
   リスト・連番リスト・定義リスト 設定
------------------------------------------------------------------------------- */

#contentWrapper ul,
#contentWrapper dl,
#contentWrapper ol{
margin-left:20px; 
line-height:140%;
}

#contentWrapper ul,
#contentWrapper dl{
list-style:none;
}

#contentWrapper ul,
#contentWrapper ol {
margin-bottom:1em;}


#contentWrapper ul li{
padding:0 0 0.5em 18px;
background:url(/images/common/bullet_ul_normal.gif) 0 1px no-repeat;
line-height:16px;
}

#contentWrapper ol li{
margin:0 0 0.7em 2em;
}

#contentWrapper dl dt{
background:url(/images/common/bullet_advice_dt.gif) 0 2px no-repeat;
margin-bottom:0.4em;
padding-left:22px;
font-weight:bold;
}

#contentWrapper dl dd{
margin-bottom:0.8em;
padding-left:22px;
}



*html #contentWrapper ul,
*html #contentWrapper dl,
*html #contentWrapper ol,
*html #contentWrapper ul li:after,
*html #contentWrapper ol li:after,
*html #contentWrapper dl dd:after {/* For MacIE */
height:1%;
}

#contentWrapper ul:after,
#contentWrapper dl:after,
#contentWrapper ol:after,
#contentWrapper ul li:after,
#contentWrapper ol li:after,
#contentWrapper dl dd:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#contentWrapper ul ul,
#contentWrapper ul ol,
#contentWrapper ul dl,
#contentWrapper dl ul,
#contentWrapper dl ol,
#contentWrapper dl dl,
#contentWrapper ol ul,
#contentWrapper ol ol,
#contentWrapper ol dl {
margin-left:0;
padding-top:0.5em;
}




/* こんな場合におすすめ！
---------------------------------------------------------- */
#contentWrapper ul.recommend{
margin:0 0 3em 0;
padding:0 0 0 24px;
list-style:none;
}

#contentWrapper ul.recommend li{
margin:0 0 0.8em 0;
padding:0 0 0 23px;
color:#505560;
font-weight:bold;
line-height:130%;
background:url(/images/common/icon_recommend.gif) left 1px no-repeat;
}



/* 注意事項
---------------------------------------------------------- */
#contentWrapper ul.caution{
color:#770000;
margin:0 0 0.5em 20px;
padding:0;
list-style-type:none;
}

#contentWrapper ul.caution li{
background:url(/images/common/bullet_caution.gif) 0 1px no-repeat;
margin:0 0 0.5em 0;
padding:0 0 0 18px;
}



/* 注釈用
---------------------------------------------------------- */
#contentWrapper dl.notes{
color:#555560;
margin:0 0 0.8em 20px;
padding:0;
font-size:10px;
line-height:12px;
display:inline-block;
}

#contents dl.notes dt {
color:#900;
background:none !important;
width:20px;
padding:0;
font-weight:normal;
}

#contentWrapper dl.notes dd{
margin:-16px 0 5px 22px;
padding:0;
}

#contentWrapper dl dd dl.notes,
#contentWrapper ul li dl.notes,
#contentWrapper ol li dl.notes {/* 入れ子用 */
margin:0;
padding-top:0.5em;}



/* リストやテーブル内など規定外の※付注釈用 */
#contentWrapper span.ex {
color:#555560;
font-size:10px;
font-weight:normal;
font-style:normal;
}

#contentWrapper span.ex em {
color:#900;
}



/* 注意　注釈用（赤文字）
---------------------------------------------------------- */
#contentWrapper dl.notesRed{
margin:0 0 0.8em 20px;
padding:0;
color:#700;
font-size:10px;
line-height:12px;
display:inline-block;
}

#contentWrapper dl.notesRed dt {
width:20px;
padding:0;
font-weight:normal;
background:none;
}

#contentWrapper dl.notesRed dd{
margin:-16px 0 5px 22px;
padding:0;}

#contentWrapper dl dd dl.notesRed,
#contentWrapper ul li dl.notesRed,
#contentWrapper ol li dl.notesRed {/* 入れ子用 */
margin:0;
padding-top:0.5em;
}



/* 本文内　一行フロー用（不変）
-------------------------------------------------------------- */

/*
サービス案内の「base.css」で以下の設定をしています。
dl.flow01
ul.flow02
*/