@charset "utf-8";


/*新着情報*/
div#primary h2#top-info-tit{
}

dl.main-info-section{
width:540px;
background-image:url(http://www.ok-creative.com/common/images/dotted_line.gif);
background-repeat:repeat-x;
background-position:bottom;
}

dl.main-info-section dt{
float:left;
width:135px !important;
width /**/:140px;
padding:10px 0 10px 5px;
clear:both;
font-weight:bold;
}

dl.main-info-section dt img{
vertical-align:-3px;
}

dl.main-info-section dd{
width:385px !important;
width /**/:390px;
margin-left:140px;
padding:10px 5px 10px 0;
}

div#list-detail{
position:relative;
width:540px;
height:16px;
margin:10px 0 0 0;
text-align:right;
}

div#list-detail p#info-detail{
position:absolute;
width:77px;
height:16px;
top:0;
right:78px;
}

div#list-detail p#blog-detail{
position:absolute;
width:68px;
height:16px;
top:0;
right:0;
}

div#list-detail p#what-detail{
position:absolute;
width:80px;
height:16px;
top:0;
right:0;
}

/*制作事例*/
div.main-port-detail{
width:525px !important;
width /**/:540px;
background-repeat:no-repeat;
background-position:bottom;
margin-top:20px;
padding-right:15px;
}

div#port-web{
background-image:url(http://www.ok-creative.com/portfolio/images/portfolio_item_web.jpg);
}

div#port-dtp{
background-image:url(http://www.ok-creative.com/portfolio/images/portfolio_item_dtp.jpg);
}

div.main-port-txt{
float:right;
width:330px;
}

div.main-port-txt h2{
border-left:5px solid #FF3300;
padding-left:3px;
margin:10px 0 10px 0;
}

div.main-port-img{
float:left;
width:176px !important;
width /**/:180px;
border:1px solid #E2DEDE;
padding:1px;
}

div#list-detail{
position:relative;
width:540px;
height:16px;
margin:10px 0 0 0;
text-align:right;
}

div#list-detail p#web-detail{
position:absolute;
width:138px;
height:16px;
top:0;
right:118px;
}

div#list-detail p#dtp-detail{
position:absolute;
width:108px;
height:16px;
top:0;
right:0;
}

div#list-detail p#port-detail{
position:absolute;
width:80px;
height:16px;
top:0;
right:0;
}


/*サービス*/
div.main-ser-detail{
width:540px;
background-repeat:no-repeat;
background-position:bottom;
margin-top:20px;
}

div.main-ser-detail ul{
list-style:none;
margin:0;
padding:0;
}

div.main-ser-detail li.web-ser-arrow{
margin:15px 0 0 0;
padding:0 0 0 20px;
background-image:url(http://www.ok-creative.com//service/images/web_ser_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
}

div.main-ser-detail li.sns-ser-arrow{
margin:15px 0 0 0;
padding:0 0 0 20px;
background-image:url(http://www.ok-creative.com//service/images/sns_ser_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
}

div.main-ser-detail li.cost-ser-arrow{
margin:15px 0 0 0;
padding:0 0 0 20px;
background-image:url(http://www.ok-creative.com//service/images/cost_ser_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
}





div#list-detail p#ser-detail{
position:absolute;
width:80px;
height:16px;
top:0;
right:0;
}


/*ページを先頭へ*/
div#pagetop{
position:relative;
width:540px;
height:16px;
margin-top:20px;
}

div#pagetop p{
position:absolute;
right:0;
}