@charset "utf-8";
/* CSS Document */

.my_content { width:678px;}
.my_content img { vertical-align:top;}
.my_content p { line-height:170%;}
.cl { clear:both;}
.my_content .left { float:left;}
.my_content .right { float:right;}
.my_content dd { line-height:170%;}

a.page_top { display:block; text-align:right; margin-top:30px; clear:both; padding-right:25px;}

.my_content a:hover { color:#03BFE0;}

ul.navi { height:42px; background:url(../../common/img/ttl_bg.jpg) left top no-repeat; margin-bottom:1px;}
.navi li { float:left; margin-right:6px;}

#sec_lead,#sec01,#sec02,#sec03,#sec04,div.bnr { padding:0 25px; clear:both;}
#sec_lead { padding-top:23px;}

ul.box01 { width:309px; padding:25px 0; /padding:22px 0 23px; background:url(../img/box_menu_side.gif) left top repeat-y; border-bottom:1px solid #CCCCCC;}
.box01 li { background:url(../img/icon_arrow.gif) left 50% no-repeat; padding-left:12px; margin:14px 32px 0;}
.box01 li.first { margin-top:0;}
#sec_lead .box_area { margin-top:20px;}
#sec_lead .box_area .left { width:309px;}
#sec_lead .box_area .right { width:307px;}
#sec_lead .box_area .right .n01 { margin-top:13px;}
#sec_lead .box_area .right .n02 { margin-top:8px;}

#sec01 { margin-top:30px;}
#sec01 .lead { margin:25px 0 20px;}
div.box02 { background:url(../img/box_588_side.gif) left top repeat-y; padding:20px 18px;}
.box02 .left { width:300px;}
.box02 .left .n02 { margin-top:12px;}
.box02 .left .n03 { margin-top:17px; line-height:170%;}
.box02 .left .n04 { margin-top:10px;}
.box02 .left .n05 { margin:15px 0 0 5px; font-size:10px;}
.box02 .right { width:236px; background:url(../img/box_588_img04.gif) left bottom no-repeat #FFF; padding-bottom:20px;}
.box02 .right dd { line-height:200%; background:url(../img/icon_check.gif) left 3px no-repeat; margin-left:13px; padding-left:20px;}
.box02 .spacing { /letter-spacing:-0.1em;}
#sec01 .box02 .right dd.lead { padding:15px 0 10px 0; line-height:170%; background:none; margin:0 0 0 13px;}

#sec02 .lead { margin-top:20px;}
.list01 dt { margin-top:20px;}
.list01 dd { margin-top:15px; padding:0 3px;}
/*.list01 dd.n01 { background:url(../img/sec02_img01.gif) 476px 50% no-repeat; padding:0 163px 0 3px; min-height:115px; height: auto !important; height:115px;}*/
.list01 dd.n01 { background:url(../img/sec02_img01.gif) 476px 50% no-repeat; padding:0 155px 0 3px; min-height:115px; height: auto !important; height:115px;}
.list01 .caution { font-size:10px;}
.list01 dd.n02 { padding-right:40px;}
.list01 dd.n02 img { margin:30px 0 30px 30px; float:right; display:inline-block;}

#sec02,#sec03,#sec04 { margin-top:5px;}

div.bnr { margin-top:30px;}


div.box03 { background:url(../img/box_600_side.gif) left top repeat-y;}
div.box03 p.n01,div.box03 p.n02 { margin:15px 25px 0 14px; background:url(../img/icon_a1.gif) left top no-repeat; padding:4px 0 0 41px;}
div.box03 p.n02 { background:url(../img/icon_a2.gif) left top no-repeat;}

div.box04 { background:url(../img/box_628_side.gif) left top repeat-y; margin-top:30px;}
div.box04 .caution { font-size:10px; margin-top:20px; text-indent:-1em; padding-left:1em;}

div.content_box { padding:0 20px;}
div.content_box02 { padding:0 14px;}
div.content_box03 { padding:0 23px;}


.my_content .margin_top10px { margin-top:10px;}
.my_content .margin_top15px { margin-top:15px;}
.my_content .margin_top20px { margin-top:20px;}
.my_content .padding_top20px { padding-top:20px;}
.my_content .padding_bottom15px { padding-bottom:15px;}