@charset "utf-8";

/* トップイメージ部分 */
#topimage01{
width:100%;
/*height:200px;*/
background:url("../img/index_bg_01.jpg");
height:235px;
overflow:hidden;
margin-bottom:2px;
}

#topimage01 p{
padding-left:1000px;
}

/* ■■■ お知らせ ■■■ */
#content01 .dl01{
width:697px;
border:1px solid #111;
background:url("../img/index_bg_02.png");
padding:3px;
margin-bottom:10px;
}

#content01 .dl01 > dt{
color:#444;
font-size:100%;
font-weight:800;
background:#fff;
padding:9px 9px 10px;
}

#content01 .dl01 > dd{
background:#fff;
padding:0px 9px 9px;
}

#content01 .dl01 dd dl dt{
color:#111;
width:68px;
float:left;
}

#content01 .dl01 dd dl dd{
margin-left:68px;
padding-left:9px;
margin-bottom:5px;
}

/* ■■■ 見出し ■■■ */
#content01 h2{
clear:both;
height:23px;
line-height:25px;
font-size:100%;
text-align:right;
background:url("../common/common_bar_01.png") no-repeat;
border:1px solid #DEDEDE;
margin-bottom:8px;
overflow:hidden;
}

#content01 h2 img.rss{
vertical-align:bottom;
margin:6px 3px;
}

#content01 h2 span{
float:left;
color:#444;
font-weight:800;
font-size:100%;
line-height:25px;
margin-left:10px;
}

#content01 h2 a{
float:right;
font-size:85%;
line-height:25px;
padding-right:10px;
}

#content01 h2 + p{
padding:0px 6px;
margin-bottom:8px;
}

/* ■■■ ソリューション ■■■ */
#content01 #solution01 > .dl02{
width:342px;
float:left;
border:#DEDEDE solid 1px;
border-top:#0064B6 solid 2px;
margin-bottom:15px;
}

#content01 #solution01 > .dl02+.dl02{
float:right;
}

#content01 #solution01 > .dl02 > dt{
background:#EEEEEE;
color:#333333;
padding:2px 10px;
text-align:right;
border-bottom:#DEDEDE solid 1px;
}

#content01 #solution01 > .dl02 > dt span{
float:left;
font-weight:800;
}

#content01 #solution01 > .dl02 > dt a{
font-size:83.3%;
}

#content01 #solution01 > .dl02 > dd{
padding:10px 10px 0px;
}

#content01 #solution01 > .dl02 > dd > ul > li{
font-size:83.3%;
*_height:56px;
min-height:56px;
}

#content01 #solution01 > .dl02 > dd > ul > li + li{
padding-top:10px;
background:url("../common/common_dotted_01.png") repeat-x top;
}

#content01 #solution01 > .dl02 > dd > ul > li > img{
float:left;
border:#DEDEDE solid 1px;
padding:1px;
}

#content01 #solution01 > .dl02 > dd > ul > li > dl{
float:right;
width:270px;
}

#content01 #solution01 > .dl02 > dd > ul > li > dl > dt{
padding-left:8px;
background:url("../common/common_bg_01.png") no-repeat 0px 50%;
font-size:1.2em;
}

#content01 #solution01 .dl03{
clear:both;
}

#content01 #solution01 .dl03 dt{
color:#333333;
font-weight:800;
/*padding-left:13px;
background:url("../img/index_bg_05.png") no-repeat 0px 50%;*/
background:url("../img/index_bg_06.gif") no-repeat 0px 50%;
margin-bottom:5px;
padding-left:10px;
/*height:23px;
line-height:25px;*/
height:20px;
line-height:22px;
}

#content01 #solution01 .dl03 dd{
background:none;
}

#content01 #solution01 .dl03 dd p{
margin-bottom:10px;
background:#fff;
}

#content01 #solution01 .dl03 dd ul{
padding-left:2px;
}

#content01 #solution01 .dl03 dd ul li{
float:left;
margin-left:10px;
margin-bottom:10px;
}

#content01 #solution01 .dl03 dd ul .li01{
margin-left:0px;
}

#content01 #solution01 .dl03 dd ul li img{
vertical-align:bottom;
}

/* ■■■ Flash ■■■ */
#content01 div#flash01{
width:570px;
height:90px;
background:url("../img/index_bg_04.png") no-repeat;
margin-bottom:8px;
}

#content01 div#flash01 p{
text-align:center;
padding:20px;
}

#content01 div#flash01 p img{
vertical-align:top;
}

/* ■■■ RSS出力系 ■■■ */
#content01 dl.rss01{
margin-bottom:10px;
padding-left:10px;
}

#content01 dl.rss01 dt{
float:left;
width:68px;
font-size:100%;
}

#content01 dl.rss01 dd{
margin-left:68px;
padding-left:9px;
margin-bottom:5px;
font-size:100%;
}

/* ■■■ サイドバー内 ■■■ */
div#sidebar01 .dl01{
margin-top:10px;
margin-bottom:10px;
}

div#sidebar01 .dl01 > dt{
color:#fff;
height:20px;
font-size:120%;
font-weight:800;
line-height:22px;
background:#333333;
padding:2px 6px;
overflow:hidden;
}

div#sidebar01 .dl01 > dd{
border:1px solid #ccc;
border-style:none solid solid;
}

div#sidebar01 .dl01 > dd dl{
}

div#sidebar01 .dl01 > dd dl dt{
padding:10px 10px 0px;
height:1.5em;
}

div#sidebar01 .dl01 > dd dl dt a{
float:left;
background:url("../common/sidebar_bg_01.png") no-repeat 0px 50%;
padding-left:1em;
}

div#sidebar01 .dl01 > dd dl dd + dt{
background:url("../common/common_dotted_01.png") repeat-x top;
}

div#sidebar01 .dl01 > dd dl dt span{
float:right;
}

div#sidebar01 .dl01 > dd dl dd{
clear:both;
padding:0px 0px 10px 20px;
}

/* ■■■ 実績 ■■■ */
#results{
}

#results ul{
width:665px;
height:90px;
margin:5px auto 15px;
}

#results ul li{
float:left;
}

#results ul li + li{
margin-left:20px;
}

#results ul li img{
padding:3px;
border:solid 1px #ccc;
vertical-align:bottom;
}