@charset "utf-8";



/*

===== リンク =====

*/

#leftside a:link,

#leftside a:visited{

color:#666;

}



#leftside a:hover,

#leftside a:active{

color:#666;

}



/*

===== コンテンツ =====

*/

#contents{

padding:0 0 20px 0;

}



#topcontents{

width:760px;

margin:0;

padding:1px 0 0 0;

background:transparent url(../images/line_topcontents.gif) left top no-repeat;

}



#topcontents #contentsbox{

border:none;

}



#topcontents #servecebox{

float:left;

margin:0 auto;

padding:0;

width:380px;

border-bottom:solid 1px #ccc;

border-right:solid 1px #ccc;

}



#topcontents #marketingbox{

float:left;

margin:0 auto;

padding:0;

width:378px;

border-bottom:solid 1px #ccc;

}



#topcontents #box{

width:760px;

background:url(../images/box_bg.gif) left top repeat-y;

display:inline-table;

}



/* \*/

#topcontents #box{

display:block;

}

/* */



#topcontents #box:after{

content:".";

display:block;

clear:both;

height:0;

visibility:hidden;

}





#topcontents #leftbox{

float:left;

margin:0 auto;

width:540px;

padding:10px;

/*border-right:solid 1px #ccc;*/

}



#topcontents #bnrbox{

float:right;

padding:30px 8px 10px 8px;

width:180px;

}



#topcontents #bnrbox ul.bnr li{

padding-bottom:10px;

}



#topcontents #bnrbox ul.bnr li.pm{

padding-left:44px;

}

#topcontents #bnrbox ul.bnr li.mo{

padding-left:60px;

}



#topcontents #leftbox #newsbox{

width:540px;

/*background:transparent url(../common/images/cont02_bg.gif) left top repeat-x;

margin:1px 0 0 1px;*/

border:solid 1px #ccc;

}



#topcontents #leftbox #newsbox dl{

width:538x;

background:transparent url(../common/images/cont02_bg.gif) left top repeat-x;

margin:1px 0 0 1px;

}



#topcontents #leftbox #newsbox dd.end{

padding:0px 8px 10px;

background-image:none;

}



#topcontents #leftbox #newsbox dt{

padding:8px 8px 1px;

}



#topcontents #leftbox #newsbox dd{

background:transparent url(../common/images/line_dotted.gif) left bottom repeat-x;

padding:0 8px 10px;

}



#topcontents #newsbox dd a:link,

#topcontents #newsbox dd a:visited,

#topcontents #newsbox dd a:hover,

#topcontents #newsbox dd a:active{

color:#1678a9;

}





#topcontents h2{

border-bottom:1px solid #e5e5e7;

padding:0;

}



/*#topcontents #news{

width:198px;

padding:0 1px 0 0;

float:left;

}



#topcontents #news dl{

width:196px;

background:transparent url(../common/images/cont02_bg.gif) left top repeat-x;

margin:1px 0 0 1px;

}



#topcontents #news dt{

padding:8px 8px 1px;

}



#topcontents #news dd{

margin-left:8px;

padding:0 8px 10px;

background:transparent url(../common/images/ico_arrow.gif) 1px 0.5em no-repeat;

}



#topcontents #news dd a{



}



#topcontents #news dd a:link,

#topcontents #news dd a:visited,

#topcontents #news dd a:hover,

#topcontents #news dd a:active{

color:#1678a9;

}



#topcontents #leftside{

background:transparent url(../images/contents_bg.gif) -280px 0 repeat-y;

width:560px;

float:left;

}



#topcontents #servece{

width:280px;

float:left;

}



#topcontents #company{

width:279px;

float:right;

}



#topcontents #leftside p{

padding:9px 10px 10px 9px;

}



#topcontents #leftside p img{

border:1px solid #e5e5e7;

}



#topcontents #leftside ul{

background:transparent url(../common/images/cont02_bg.gif) left top repeat-x;

padding:7px 8px 0;

height:9.5em;

}



#topcontents #leftside li{

background:transparent url(../common/images/ico_arrow02.gif) 0 0.5em no-repeat;

padding:0 0 5px 13px;

}



#topcontents .recruitbnr{

background:#fff;

padding:8px 0 0 8px;

clear:both;

}*/



/*

===== ブラウザ互換 =====

*/

#topcontents,

#contents,

#topcontents #leftside{

display:inline;

}



/* \*/

#topcontents,

#contents,

#topcontents #leftside{

display:block;

}

/* */



#topcontents:after,

#contents:after,

#topcontents #leftside:after{

content:"";

display:block;

clear:both;

height:0;

visibility:hidden;

}

.clear{

	clear: both;

}