/* CSS Document */

#bg{
background: url(../images/bg/top_image.jpg) no-repeat top center #fff;
height: auto;
width: auto;
}
#Main{
width: 900px;
height: auto;
}
.top_p{
margin-top: 390px;
}




/*  =5:
----------　左サイドバー  --------*/
#Leftcol{
float: left;
display: block;
width: 200px;
height: auto;
}
#Leftcol h3{
clear: left;
height: 28px;
background: url(../images/title/dtp_product.gif) no-repeat;
text-indent: -5000px;
}
#Leftcol h3 a{
text-decoration: none;
color:#282828;
}
#Leftcol h3 a:hover{
text-decoration: none;
color:#282828;
}

#Leftcol ul.product{
margin: 0 0 0 9px;
width: 191px;
height: auto;
}

#Leftcol ul.product li img{
float: left;
margin: 9px 9px 0 0;
display: inline;
width: 84px;
background: #fff;
}
#Leftcol ul.product li img{
padding: 1px;
width: 82px;
border: solid 1px #bcbcbc;
}
#Leftcol ul.product li a:hover img{
opacity:0.8;
padding: 1px;
filter: alpha(opacity=80);
border: solid 1px #FF8306;
}


/*--------　//左サイドバー//  --------*/




/*  =6:
----------　メインコンテンツ  --------*/
#Cont{
float: left;
display: block;
width: 470px;
height: auto;
margin: 0 15px;
}

#Pick{
height: 243px;
margin-bottom: 10px;
}
#Pick h3{
background: url(../images/title/pick.gif) no-repeat;
height: 28px;
width: 470px;
text-indent: -5000px;
}
#Pick_flash{
clear: both;
height: 200px;
margin: 5px 10px;
width: 450px;
}
.message{
width: 400px;
padding: 3px;
margin: 5px auto;
color: #333;
font-size: 1.1em;
line-height: 1.4em;
text-align: left;
}



#News{height: auto;}
h3.blog{
background: url(../images/title/blog.gif) no-repeat;
height: 28px;
width: 470px;
}
h3.news{
clear: both;
background: url(../images/title/news.gif) no-repeat;
height: 28px;
width: 470px;
margin-top: 10px;
}
#News h3 img{
height: 16px;
width: 16px;
float: right;
margin: 6px 20px 0 0;
}


#News dl.topics dd{
background: url(../images/bg/news_line.gif) repeat-x scroll center bottom;
display:inline;
float:left;
text-align: left;
margin-left: 10px;
line-height: 2.6em;
width: 460px;
}


.feed dd{
float:left;
display:inline;
background: url(../images/bg/news_line.gif) repeat-x scroll center bottom;
float:left;
text-align: left;
margin-left: 10px;
line-height: 2.6em;
width: 460px;
}
.feed dd a {
text-decoration:none;
width:100%;
color: #39f;
}
.feed dd a:hover {
color: #ff9600;
}
.feed dd .day {
float: left;
display: inline;
padding-left: 10px;
margin-right: 10px;
font-size: 1em;
color: #999;
}
.feed dd .day a{
color: #999;
}
.feed dd{
font-size: 1.2em;
}



#News dl.topics dd a {
float:left;
display:block;
text-decoration:none;
width:100%;
color: #ff9600;
}
#News dl.topics dd a:hover {
background: url(../images/bg/news_line.gif) repeat-x scroll center bottom;
cursor:pointer;
color: #39f;
}
#News dl.topics dd .day {
float: left;
display: inline;
margin:0;
padding-left: 10px;
margin-right: 10px;
font-size: 1em;
color: #999;
}
#News dl.topics dd .day a{
color: #999;
}
#News dl.topics dd{
font-size: 1.2em;
}

#News dl.topics dd .new {
background: url(../images/icon/new.gif) no-repeat left center;
padding-left: 22px;
}
#News dl.topics dd .news {
background: url(../images/icon/news.gif) no-repeat left center;
padding-left: 22px;
}
#News p{
float: right;
clear: left;
line-height: 3em;
padding-left: 8px;
background: url(../images/icon/arrow_orange.gif) no-repeat left center;
}

/*--------　//メインコンテンツ//  --------*/