@charset "UTF-8";

/* /////////////////////////////////////////////////////////////////////////// toppage */

div#wrapperHome{
	width:686px;
	padding-left:295px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:1;
}

/* ////////////////////////////////////////// header */

body#home div#header{
	/*padding:45px 27px 35px 27px;*/
	width:686px;
	padding-left:295px;
	margin:0 auto;
	position:relative;
	z-index:50;
}

* html body#home div#header{
	width:981px;
}

body#home div#header h1{
	float:left;
	display:inline;
	margin:45px 0 35px 27px;
}

body#home div#header h2{
	float:right;
	display:inline;
	margin:45px 27px 35px 0;
}

/* ////////////////////////////////////////// navigation */

ul#navigation{
	width:651px;
	background:url(img/bg_gnavi_top.gif) no-repeat left top;
	padding:13px 0 13px 35px;
	margin-bottom:45px;
	position:relative;
	z-index:50;
}

* html ul#navigation{
	width:686px;
}

ul#navigation li{
	margin-right:12px;
	zoom:1;
}

/* /////////////////////////////////////////////////////////////////////////// footer */

div#footer{
	margin:42px auto 0;
}

/* ////////////////////////////////////////// mainImage */


div#mainImage{
	/*background:url(img/bg_flash.png) no-repeat ;*/
	position:relative;
	top:-122px;
	/*top:-239px;*/
	/*left:-790px;*/
	/*left:-588px;*/
	left:-540px;
	margin-bottom:-870px;
	z-index:-10;
	zoom:1;
	
}

div#mainImage, x:-moz-read-only { z-index:0; /* Fx 1.5, 2.0 以降に適用される */}
div#mainImage, x:-moz-broken { z-index:-10; /* Fx 3.0 以降に適用される */}



/*
div#mainImage{
	position:relative;
	top:-239px;
	left:-588px;
	margin-bottom:-987px;
	zoom:1;
}
*/
/* ////////////////////////////////////////// works */

dl.boxWorks{
	background:url(img/bg_works_bottom.gif) no-repeat left bottom;
	width:631px;
	min-height:100px;
	height:auto !important;
	height:100px;
	margin-left:28px;
	margin-top:14px;
	zoom:1;
	position:relative;
}

dl.boxWorks dt{
	background:url(img/bg_works_top.gif) no-repeat left top;
	padding:10px 10px 0 160px;
}

dl.boxWorks dd.siteImg{
	width:135px;
	float:left;
	display:inline;
	margin:-24px 0 -47px 10px;
	/margin:-24px 0 -57px 10px;
}
/*プロモーション実績の場合*/
dl.boxWorks dd.siteImgPromo{
	width:135px;
	float:left;
	display:inline;
	margin:-24px 0 -57px 10px;
}


dl.boxWorks dd.siteTag{
	margin:0 10px 0 160px;
	background:#b8d5e0;
	color:#1f6581;
	padding:0 0 0 5px;
	width:454px;
	clear:both;
	font-size:78%;
	position:absolute;
	/*color:#4d4d4d;*/
}


dl.boxWorks dd.siteTxt{
	padding:10px 10px 10px 160px;
	/padding:20px 10px 10px 160px;
	font-size:78%;
	clear:both;
	position:relative;
}
/*プロモーション実績の場合*/
dl.boxWorks dd.siteTxtPromo{
	padding:10px 10px 10px 160px;
	font-size:78%;
	clear:both;
	position:relative;
}



/* works01～03 
--------------------- */

dl.boxWorks dt.siteName01 strong{
	background-image:url(/img/works01_title.gif);
}

dl.boxWorks dt.siteName02 strong{
	background-image:url(/img/works02_title.gif);
}

dl.boxWorks dt.siteName03 strong{
	background-image:url(/img/works03_title.gif);
}


/* 共通 */

dl.boxWorks dt strong{
	width:459px;
	height:24px;
	text-indent:-999em;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}


/* hover
--------------------- */

dl.blockhover{
	background:url(img/bg_works_bottom_on.gif) no-repeat left bottom;
}

dl.blockhover dt{
	background:url(img/bg_works_top_on.gif) no-repeat left top;
}

dl.boxWorks dt a{
	display:block;
}


/* works01～03 */

dl.blockhover dt.siteName01 strong{
	background:url(/img/works01_title_on.gif) no-repeat left top;
}

dl.blockhover dt.siteName02 strong{
	background:url(/img/works02_title_on.gif) no-repeat left top;
}

dl.blockhover dt.siteName03 strong{
	background:url(/img/works03_title_on.gif) no-repeat left top;
}


/* ////////////////////////////////////////// service,news */

div#boxTopmenu{
	width:660px;
	margin-top:45px;
	margin-bottom:20px;
}

div#boxTopmenu div#boxService{
	width:360px;
	float:left;
}

div#boxTopmenu div#boxNews{
	width:250px;
	float:right;
}

div#boxService h3{
	margin-bottom:6px;
}

/* service box
--------------------- */

div#boxService div#servicePrm h4,
div#boxService div#serviceMkt h4,
div#boxService div#serviceCsl h4{
	padding-top:3px;
}

div#boxService div#servicePrm ul li,
div#boxService div#serviceMkt ul li,
div#boxService div#serviceCsl ul li{
/*
	width:49%;
*/
	/*width:30%;*/
	display:inline;
	/*padding-left:3px;*/
	padding-right:3px;
}

/* 共通 */

div#boxService ul li{
	line-height:1.1;
}

div#boxService div.fBox{
	/*border-bottom:1px solid #000;*/
	background: url(img/bg_line01.gif) repeat-x bottom;
	padding-bottom:9px;
	padding-top:4px;
}

div#boxService div.fBox ul{
	padding-left:190px;
	margin-top:-61px;
}

/* news
--------------------- */

div#boxNews dl{
	margin-top:7px;
}

div#boxNews dl dt,
div#boxNews dl dd{
	font-size:78%;
}

div#boxNews dl dt{
	font-weight:bold;
	padding-top:5px;
}

div#boxNews dl dd{
	/*border-bottom:1px solid #000;*/
	background: url(img/bg_line01.gif) repeat-x bottom;
	padding-bottom:16px;
}



p.topBnr{
	width:660px;
	text-align:right;
}