@charset "utf-8";

@import	"/css/common.css";

/* ---------------------------------------------------------------- */

/* sitemap */

/* ---------------------------------------------------------------- */

#contents{
	margin:0 auto;
	float:none;
	width:912px;
}

/* ---------------------------------------------------------------- */

#sitemap{
	margin:0 auto 1em;
	width:780px;
}

/* 左枠 */
#sitemap #sitemap-l{
	float:left;
	width:370px;
}

/* 右枠 */
#sitemap #sitemap-r{
	float:right;
	width:370px;
}

/* clear hack */
#sitemap{zoom:1;}
#sitemap:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* 共通コンテンツ */
/* ---------------------------------------------------------------- */

div.block*{margin:0;padding:0;}
div.block{margin:0 auto 2.5em;}


/* リンク色 */
div.block dt a{color:#002cbd;}
div.block dd a{color:#002cbd;}



/* h2 */
/* -------------------------------------------- */
div.block h2{font-size:1.2em;padding:5px 0.3em 18px 0.5em;}
div.block h2 span{padding:1px 0 3px 20px;}

div.block dl{padding:0 0.5em 0 3em;}
div.block dt{padding:0 0 3px 15px;}
div.block dd{margin:0;padding:0 0 3px 25px;}


/* why */
div.why h2{background:url('../image/t_back_why.gif') repeat-x 0 0;}
div.why span{background:url('../image/arrow_why.gif') no-repeat 0 0;}
div.why dt{background:url('../../why/image/menu_arrow_l.gif') no-repeat 0 6px;}
div.why dd{background:url('../../why/image/menu_arrow_s.gif') no-repeat 15px 8px;}

/* web500実績 */
div.web500 h2{background:url('../image/t_back_web500.gif') repeat-x 0 0;}
div.web500 span{background:url('../image/arrow_web500.gif') no-repeat 0 0;}
div.web500 dt{background:url('../../web500/image/menu_arrow_l.gif') no-repeat 0 6px;}
div.web500 dd{background:url('../../web500/image/menu_arrow_s.gif') no-repeat 15px 8px;}


/* web500実績 */
div.makeweb h2{background:url('../image/t_back_web.gif') repeat-x 0 0;}
div.makeweb span{background:url('../image/arrow_web.gif') no-repeat 0 0;}
div.makeweb dt{background:url('../../web/image/menu_arrow_l.gif') no-repeat 0 6px;}
div.makeweb dd{background:url('../../web/image/menu_arrow_s.gif') no-repeat 15px 8px;}


 
/* システム開発 */
div.system h2{background:url('../image/t_back_system.gif') repeat-x 0 0;}
div.system span{background:url('../image/../image/arrow_system.gif') no-repeat 0 0;}
div.system dt{background:url('../../system/image/menu_arrow_l.gif') no-repeat 0 6px;}
div.system dd{background:url('../../system/image/menu_arrow_s.gif') no-repeat 15px 8px;}


/* コンサルティング */
div.consul h2{background:url('../image/t_back_consul.gif') repeat-x 0 0;}
div.consul span{background:url('../image/arrow_consul.gif') no-repeat 0 0;}
div.consul dt{background:url('../../consul/image/menu_arrow_l.gif') no-repeat 0 6px;}
div.consul dd{background:url('../../consul/image/menu_arrow_s.gif') no-repeat 15px 8px;}


/* basic:blue */
div.basic h2{background:url('../image/t_back_basic.gif') repeat-x 0 0;}
div.basic span{background:url('../image/arrow_basic.gif') no-repeat 0 0;}
div.basic dt{background:url('../../common_img/menu_arrow_l.gif') no-repeat 0 6px;}
div.basic dd{background:url('../../common_img/menu_arrow_s.gif') no-repeat 15px 8px;}


/* 会社案内 */
div.surfboard h2{background:url('../image/t_back_surfboard.gif') repeat-x 0 0;}
div.surfboard span{background:url('../image/arrow_surfboard.gif') no-repeat 0 0;}
div.surfboard dt{background:url('../../surfboard/image/menu_arrow_l.gif') no-repeat 0 6px;}
div.surfboard dd{background:url('../../surfboard/image/menu_arrow_s.gif') no-repeat 15px 8px;}


/* リクルート */
div.recruit h2{background:url('../image/t_back_surfboard.gif') repeat-x 0 0;}
div.recruit span{background:url('../image/arrow_surfboard.gif') no-repeat 0 0;}
div.recruit dt{background:url('../../surfboard/image/menu_arrow_l.gif') no-repeat 0 6px;}
div.recruit dd{background:url('../../surfboard/image/menu_arrow_s.gif') no-repeat 15px 8px;}
div.recruit dd.down-class{
	margin:0;padding:0 0 3px 40px;
	background:url('../../surfboard/image/menu_arrow_s.gif') no-repeat 30px 8px;
}

/* リンク色 */
div.block a{color:#000;text-decoration:none;}
div.block a:hover{color:#000;text-decoration:underline;}
