@charset "UTF-8";

/* ----------------------------------------------------------------------
　　枠なし
------------------------------------------------------------------------- */

/* インデント無 */
#contents div.column2L0,
#contents div.column3L0 {
width:auto;
margin:0 0 1em 0;
padding:0;
display:block;}

#contents div.column2L0 p,
#contents div.column3L0 p {
float:left;
padding:0 0 0 26px;
margin:0;}

#contents div.column2L0 p {/* ２段 */
width:280px;}

#contents div.column3L0 p {/* ３段 */
width:179px;}


/* インデント付 */
#contents div.column2L,
#contents div.column3L {
width:auto;
margin:0 auto 1em 34px;
padding:0;
display:inline-block;}

#contents div.column2L p,
#contents div.column3L p {
padding:0 0 0 26px;
margin:0;
float:left;}

#contents div.column2L p {/* ２段 */
width:270px;}

#contents div.column3L p {/* ３段 */
width:171px;}


#contents div.column2L:after,
#contents div.column3L:after,
#contents div.column2L0:after,
#contents div.column3L0:after {/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
/* -------------------------------------------------------------------*/

#contents div.lBox{float:left;}
#contents div.rBox {float:right;}

/* ----------------------------------------------------------------------------
　補足コラム 設定　（黄 背景）
------------------------------------------------------------------------------- */
#contents div.advice{
margin:0 0 1em 20px;
padding:10px 17px 2px 17px;
border:1px #cca solid;
background-color:#FFFFf0;}


#contents div.advice h3 {/* 顔＆吹き出しアイコン */
margin:0 0 12px 0;
padding:4px 0 0 37px;
color:#505560;
font-size:medium;
background:url(/images/common/icon_advice_headline.gif) no-repeat left top;
border:none;}

#contents div.advice h3.attention {/* チェックマークアイコン */
padding:0 0 0 25px;
color:#700;
font-size:larger;
background:url(/images/common/marker_advice_h3_attention.gif) no-repeat left top;}

#contents div.advice h3.announce {/* スピーカーアイコン */
padding:3px 0 2px 30px;
margin:0 0 10px 3px;
color:#e60;
font-size:larger;
background:url(/images/common/icon_speaker.gif) no-repeat left top;
border-bottom:2px #cca dotted;}

#contents div.advice h3.necessary {/* 必須 */
padding:2px 0 0 62px;
color:#700;
font-size:medium;
background:url(/images/common/icon_necessary.gif) no-repeat left 4px;}

#contents div.advice h3.important {/* 重要 */
padding:0 0 0 62px;
color:#700;
font-size:larger;
background:url(/images/common/icon_important.gif) no-repeat left 1px;}

#contents div.advice h4 {
margin:0 0 10px 0;
padding:0 0 0 20px;
color:#505560;
font-size:small;
background:url(/images/common/bg_main_contents_h4.gif) 0 50% no-repeat;}

#contents div.advice h5 {
margin:0 0 7px 19px;
padding:0 0 0 20px;
color:#505560;
font-size:small;
background:url(/images/common/bg_main_contents_h5.gif) 0 50% no-repeat;}

#contents div.advice strong.subhead {
margin:0;
padding-left:10px;
font-size:110%;}


#contents div.advice p{
margin:0 0 1em 0;
padding:0 0 0 12px;}



#contents div.advice dl{
margin:0 0 0.2em 0;
padding:0 0 0 10px;
list-style:none;}

#contents div.advice dl dt{
background:url(/images/common/bullet_advice_dt.gif) 0 50% no-repeat;
margin:0 0 0.4em 0;
padding:0 0 0 17px;
font-weight:bold;}

#contents div.advice dl dd{
margin:0;
padding:0 0 0.8em 17px;}


#contents div.advice  ul {
margin:0 0 0.5em 0;
padding:0 15px 0 10px;
list-style-type:none;}

#contents div.advice ul li{
background:url(/images/common/bullet_ul_advice_li.gif) 0 1px no-repeat;
margin:0;
padding:0 0 0.5em 18px;}


#contents div.advice ol{
margin:0 0 0.5em 0;
padding:0 0 0 2px;}

#contents div.advice ol li{
margin:0 0 0 32px;
padding:0 0 0.5em 0;}
/*補足コラム内 連番リストについては、IE6,IE7 用 CSS に記述あり*/

#contents div.advice dl.notes{
margin:0;
padding:0 0 0.7em 10px;
color:#777777;
font-size:80%;
line-height:1.3em;
}

#contents div.advice dl.notes dt{
color:#900;
margin:0 0 0.5em 0;
padding:0;
line-height:100%;
}

#contents div.advice dl.notes dd{
margin:-1.5em 0 0.5em 2em;
padding:0;
}

#contents div.advice ul.linkBtn {
margin:0 0 1em 0;
padding-left:10px;}
#contents div.advice ul.linkBtn li{
background:url(/images/common/bullet_link_inside.gif) 0 1px no-repeat;
margin:0;
padding:0 0 0.7em 21px;}

#contents div.advice dl {
margin-left:0;
margin-right:0;}


/* ----------------------------------------------------------------------------
　例題補足コラム 設定 （青 背景）
------------------------------------------------------------------------------- */
#contents div.adviceEx{
margin:0 0 1em 20px;
padding:15px 15px 2px 15px;
border:1px solid #acc;
background:url(/images/common/bg_advice_ex.gif);}

#contents div.adviceEx h3,
#contents div.adviceEx h4,
#contents div.adviceEx h5{
color:#505560;
padding:0 0 0 20px;
margin:0 0 10px 0;}

#contents div.adviceEx h3{
font-size:medium;
background:url(/images/common/bg_main_contents_h3.gif) 0 50% no-repeat;}

#contents div.adviceEx h3.attention {
padding:0 0 0 25px;
color:#700;
font-size:115%;
background:url(/images/common/marker_advice_h3_attention.gif) 0 1px no-repeat;}


#contents div.adviceEx h4{
font-size:100%;
background:url(/images/common/bg_main_contents_h4.gif) 0 1px no-repeat;}

#contents div.adviceEx h5 {
margin-left:19px;
font-size:100%;
background:url(/images/common/bg_main_contents_h5.gif) 0 50% no-repeat;}

#contents div.adviceEx p {
width:auto;
padding:0 0 0 12px;
margin:0 0 1em 0;}

#contents div.adviceEx p,
#contents div.adviceEx dl,
#contents div.adviceEx ul,
#contents div.adviceEx ol {
margin-left:9px;
margin-right:9px;
}

#contents div.adviceEx ul.linkBtn li{
background:url(/images/common/bullet_link_inside.gif) 0 1px no-repeat;
margin:0;
padding:0 0 0.7em 21px;}


/* ----------------------------------------------------------------------------
　段組レイアウト（枠付）
------------------------------------------------------------------------------- */
/* 共通
-----------------------------------------------------------*/
/* タイトル */
#contents div.column1r div h2,
#contents div.column1r div h3,
#contents div.column2r01 div h2,
#contents div.column2r01 div h3,
#contents div.column2r01 div h4,
#contents div.column2r02 div h3,
#contents div.column2r02 div h4,
#contents div.column3r div h3,
#contents div.column3r div h2,
#contents div.column3r div h4 {
padding:2px 12px 5px 12px;
margin:0 1px 10px 1px;
line-height:110%;
font-size:120%;
color:#505560;
background:url(/images/common/column_title_bg.gif) repeat-x bottom;
width:auto;}


#contents div.column1r div h3.cp,
#contents div.column2r01 div h3.cp,
#contents div.column2r02 div h3.cp,
#contents div.column3r div h3.cp,
#contents div.column1r div h4.cp,
#contents div.column2r01 div h4.cp,
#contents div.column2r02 div h4.cp {
margin:0 12px 10px 12px;
padding:0 0 0 20px;
color:#505560;
width:auto;}

#contents h3.cp{
margin-bottom:10px;
font-size:100%;
background:url(/images/common/bg_main_contents_h4.gif) 0 2px no-repeat;}

#contents h4.cp{
background:url(/images/common/bg_main_contents_h5.gif) 0 2px no-repeat;
font-size:100%;
}


#contents div.column1r div strong.subhead,
#contents div.column2r01 div strong.subhead,
#contents div.column2r02 div strong.subhead,
#contents div.column3r div strong.subhead {
font-size:110%;
color:#FF6600;
margin:0 12px 0.1em 12px;}


#contents div.column1r div p,
#contents div.column2r01 div p,
#contents div.column2r02 div p,
#contents div.column3r div p {
padding:0 0 1em 0;
margin:0 12px;
border:none;}

#contents div.column1r div p:after,
#contents div.column2r01 div p:after,
#contents div.column2r02 div p:after,
#contents div.column3r div p:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#contents div.column1r ul.linkBtn,
#contents div.column2r01 ul.linkBtn,
#contents div.column2r02 ul.linkBtn,
#contents div.column3r ul.linkBtn {
padding:0;
margin:0 12px 1em 12px;}

#contents div.column1r .indent20,
#contents div.column2r01 .indent20,
#contents div.column2r02 .indent20,
#contents div.column3r .indent20 {
margin-left:32px !important;}


/*背景用　ハック*/
#contents div.column1r:after,
#contents div.column2r01:after,
#contents div.column2r02:after,
#contents div.column3r:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

html*#contents div.column1r,
html*#contents div.column2r01,
html*#contents div.column2r02,
html*#contents div.column3r {/* hack for mac */
height:1%;}


/* １段　インデントなし
-----------------------------------------------------------*/
#contents div.column1r {
width:586px;
padding:0;
margin:0 0 1em 0;
background:url(/images/common/1r_column_bg.gif) no-repeat left bottom;}

#contents div.column1r div {
padding:7px 0 0 0;
margin:0;
background:url(/images/common/1r_column_head.gif) no-repeat left top;}


/* ２段　インデントなし
-----------------------------------------------------------*/
#contents div.column2r01 {
width:586px;
padding:0;
margin:0 0 1em 0;
background:url(/images/common/2r_column01_bg.gif) no-repeat left bottom;}

/* add 08_0225
-----------------------------------------------------------*/
#contents div.column2r01Left {
background:url(/images/common/2r_column01_left_bg.gif) no-repeat left bottom;}

#contents div.column2r01 div.lBox,
#contents div.column2r01 div.rBox {
width:280px;
padding:7px 0 0 0;
margin:0;
background:url(/images/common/2r_column01_head.gif) no-repeat left top;}


/* ２段　インデント付
-----------------------------------------------------------*/
#contents div.column2r02 {
width:566px;
padding:0;
margin:0 0 1em 20px;
background:url(/images/common/2r_column02_bg.gif) no-repeat left bottom;
display:inline-block;
}

#contents div.column2r02 div.lBox,
#contents div.column2r02 div.rBox {
width:271px;
padding:7px 0 0 0;
margin:0;
background:url(/images/common/2r_column02_head.gif) no-repeat left top;}

#contents div.column2r02:after {
content: ".";
display: block;
visibility: hidden;
height: 0px;
font-size: 0em;
line-height: 0;
clear: both;
}


/* ３段　インデントなし
-----------------------------------------------------------*/
#contents div.column3r {
width:586px;
padding:0;
margin:0 0 1em 0;
background:url(/images/common/3r_column_bg.gif) no-repeat left bottom;
display:inline-block;
}

#contents div.column3r:after {/* float clear */
content: ".";
display: block;
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
visibility: hidden;
}


#contents div.column3r div.lBox,
#contents div.column3r div.rBox {
width:180px;
padding:7px 0 0 0;
background:url(/images/common/3r_column_head.gif) no-repeat left top;}

#contents div.column3r div.lBox {
margin-right:23px;
}



/* 段組内：追加オプション
-----------------------------------------------------------*/
/* 定義リスト */
#contents div div.lBox dl,
#contents div div.rBox dl,
#contents div div.lBox ol,
#contents div div.rBox ol {
padding:0 1em;
margin:0;}

#contents div div.lBox dt,
#contents div div.rBox dt {
padding:0 0 0.3em 0;
margin:0;
font-weight:bold;}

#contents div div.lBox dd,
#contents div div.rBox dd {
padding:0 0 1em 0;
margin:0;}


/* 
-----------------------------------------------------------*/
/* 青枠 */
#contentWrapper .sentence {
padding:6px;
margin:3px 0 1em 20px;
border:1px #99c solid;
color:#007;
font-weight:bold;
}

/* 赤枠 */
#contents .warning {
/* padding:6px; */
padding:10px;
margin:3px 0 1em 20px;
border:1px #c99 solid;
line-height:1.5em;
color:#700;
background-color:#fffaf3;
}

/* グレー枠 */
#contents .report {
padding:6px;
margin:3px 0 1em 20px;
border:1px #aaa solid;
color:#444;
background-color:#fff;
}