/* -------------------------------------
    10/08/09 index.html
===================================== */
/* clearfix */
.clear:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clear{
display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
*html .clear{
height:1px;
}

.clear{
display:block;
}
/* End hide from IE-mac */

#str-main{
padding-left:10px !important;
}

#str-main h2, #str-main h2 img,
#str-main h3, #str-main h3 img,
#str-main h4, #str-main h4 img{
margin-bottom:0 !important;
}

#str-main h2.mb15{
margin-bottom:15px !important;
}

#str-main h3{
margin-bottom:10px !important;
}

#str-main h4{
margin-bottom:5px !important;
}

.itemblock-a01{
margin-bottom:0px;
padding:1px;
border:solid #0d3384 3px;
width:672px;
}

.itemblock-inner-a01{
padding:13px 16px 10px;
background:url(/direct/auto/demo/images/index_bg_001.gif) repeat-x bottom;
width:640px;
}

.itemblock-a01Link{
background:url(/direct/auto/demo/images/index_bg_007.gif) no-repeat bottom;
width:680px;
}
.itemblock-a01Link p{
width:215px;
float:right;
}
.itemblock-a01Link p a:link,
.itemblock-a01Link p a:visited {
color:#FFFFFF;
text-decoration:underline;
}
.itemblock-a01Link p a:hover,
.itemblock-a01Link p a:active {
color:#FFFFFF;
text-decoration:none;
}

.itemblock-a02{
margin-bottom:5px;
background:url(/direct/auto/demo/images/index_bg_002.gif) repeat-y;
width:680px;
}

.itemblock-inner-a02{
padding:10px 17px 16px 20px;
background:url(/direct/auto/demo/images/index_bg_003.gif) no-repeat bottom;
position:relative;
width:643px;
}

.itemblock-inner-a02 p.p-absolute{
margin-bottom:0 !important;
position:absolute;
right:15px;
bottom:10px;
}

.columnwrap-a01{
margin-bottom:13px;
background:url(/direct/auto/demo/images/index_bg_004.gif) repeat-y;
width:643px;
}

.columnwrap-a02{
width:640px;
}

.columnblock-a01{
float:left;
display:inline; 
width:312px;
}

.columnblock-a01 p{
margin:0 17px 0 26px !important;
text-indent:-12px;
}

.columnblock-a02{
float:right;
display:inline; 
width:312px;
}

.columnblock-a02 p{
margin:0 17px 0 26px !important;
text-indent:-12px;
}

.columnwrap-inner-a01{
background:url(/direct/auto/demo/images/index_bg_005.gif) no-repeat bottom;
padding-bottom:13px;
width:643px;
}

.btnblock-a01{
float:left;
display:inline;
width:312px;
padding-top:27px;
}

.btnblock-a01 p{
margin:0 !important;
margin-left:20px !important;
text-indent:0 !important;
}

.btnblock-a01 p img{
margin-bottom:0 !important;
}

.btnblock-a02{
float:right;
display:inline;
width:312px;
padding-top:21px;
}

.btnblock-a02 p{
margin:0 !important;
margin-left:21px !important;
text-indent:0 !important;
}

.btnblock-a02 p img{
margin-bottom:0 !important;
}

.textblock-a01{
margin-bottom:8px;
padding-bottom:1px;
background:url(/direct/auto/demo/images/index_line_001.gif) repeat-x bottom;
width:640px;
}

.textblock-a01 p{
margin-bottom:10px !important;
}

.textblock-a01 p em{
font-style:normal;
font-weight:bold;
}

.textblock-a01 p em.black{
color:#000000 !important;
}

.textblock-a02{
margin-bottom:0 !important;
float:left;
display:inline;
width:229px;
}

.textblock-a02 img{
margin-bottom:0 !important;
}

.textblock-a03{
margin-bottom:0 !important;
padding-top:5px;
float:right;
display:inline;
width:395px;
}

.textblock-a03 em{
color:#000000 !important;
font-weight:bold;
}

.textblock-a04{
margin-bottom:0 !important;
padding:40px 0;
border-right:solid #b2bcce 1px;
float:left;
display:inline;
width:150px;
}

.textblock-a05{
float:right;
display:inline;
width:469px;
}

.textblock-a06{
padding:8px 100px 0 0;
float:right;
display:inline;
width:369px;
}

.textblock-a07{
padding-top:30px;
float:right;
display:inline;
width:385px;
}

.textblock-a05 p,
.textblock-a06 p,
.textblock-a07 p{
margin-bottom:10px !important;
}

.textblock-a05 p.mb00{
margin-bottom:0 !important;
}

.textblock-a06 p.mb00,
.textblock-a07 p.mb00{
margin:0 0 0 12px !important;
text-indent:-12px;
}

.textblock-a05 p img,
.textblock-a06 p img{
margin-bottom:0 !important;
}

.listblock-a01{
width:640px;
}

.listblock-a01 dt{
margin-bottom:0 !important;
}

.listblock-a01 dd{
margin:0 9px 0 0 !important;
display:inline;
float:left;
}

.listblock-a01 dd img{
margin-bottom:0 !important;
}

.listblock-a01 dd.mr00{
margin-right:0 !important;
}

.imageblock-a01{
margin:0 0 10px;
padding-bottom:13px;
position:relative;
background:url(/direct/auto/demo/images/index_line_001.gif) repeat-x bottom;
width:640px;
}

.imageblock-a01 p,
.imageblock-a01 p img{
margin-bottom:0 !important;
}

.imageblock-a01 p.p-absolute{
position:absolute;
top:15px;
right:20px;
}

.imageblock-a01 p a{
padding-left:16px;
background:url(/shared/images/link-arrow-01.gif) no-repeat 0 0.4em;
text-decoration:none;
}


.imageblock-a01 p a:hover{
text-decoration:underline !important;
}

.imageblock-a02{
padding-left:15px;
float:left;
display:inline;
width:76px;
}

.imageblock-a03{
float:left;
display:inline;
width:250px;
}

.imageblock-a03 p{
margin:0 15px 0 0 !important;
float:left;
display:inline;
}

.imageblock-a03 p img{
margin-bottom:0 !important;
}

.demo-read02 p,
.demo-read02-1{
margin-bottom:0 !important;
}

.mb20{
margin-bottom:20px !important;
}

#str-sub dl.sub-box-03 dt{
background:url(/direct/auto/demo/images/index_bg_006.gif) #8ED8F8 no-repeat top;
}

.sub-box-03 dt a{
text-decoration:none;
}

.sub-box-03 dt a:hover{
text-decoration:underline;
}

.list-link-02{
padding:5px 0 0;
}



.itemblock-a03{
background:url(/direct/auto/demo/images/index_bg_010.gif) repeat-y top left;
width:640px;
margin:0 0 15px;
}
.itemblock-a03Inner01{
background:url(/direct/auto/demo/images/index_bg_008.gif) no-repeat top left;
width:640px;
}
.itemblock-a03Inner02{
background:url(/direct/auto/demo/images/index_bg_009.gif) no-repeat bottom left;
width:600px;
padding:16px 20px 13px;
}
.itemblock-a03 dt.floatL{
float:left;
width:254px
}
.itemblock-a03 dd.floatR{
float:right;
width:345px;
padding-top:28px;
}
.itemblock-a03 dd.floatR em{
font-weight:bold;
}