@charset "Shift_JIS";
@import "sitenavi.css";

/*

方針
#00a0e9
#bde6f9（ページ四角の非選択ページの色）

実績
#f11690
#fbbade（ページ四角の非選択ページの色）

採用
#83d63f
#daf3c6（ページ四角の非選択ページの色）

会社情報
＃ffa302
＃ffe4b4（ページ四角の非選択ページの色）

*/
body{_text-align:center;}

body#typeA,
body#typeB,
body#typeC,
body#typeD,
body#typeE{
	background:url("/common/image/background.gif") repeat-x 50% 0 #000;
}

.sectionH1{
	width:945px;
	_width:990px;
	_text-align:left;
	margin:0 auto;
	padding:0 0 90px 44px;
	background:url("/common/image/background.gif") repeat 44px 0 #FFF;
}

#rap{
	text-align:left;
	width:900px;
	_width:901px;
	border-right:solid 1px #EDEDED;
	height:336px;
	margin:0 0 0 0;
	background:#FFF;
	position:relative;
}


/* ---------------------------------- header and footer ---------------------------------- */
#header{
	position:relative;
	text-align:left;
}




/* address */
address{
	display:block;
	position:relative;
	background:#000;
	color:#fff;
	min-height:150px;
	padding:0;
	z-index:10;
}

address span#campanyName{
	display:block;
	position:absolute;
	bottom:15px;
	left:20px;
}

address span#copyRight{
	display:block;
	position:absolute;
	_position:static;
	bottom:15px;
	right:20px;
	
	_padding-top:15px;
	_text-align:left;
}

address span#message{
	display:block;
	position:absolute;
	_position:static;
	bottom:35px;
	right:0;
	border:solid thin #000;
	_text-align:right;
}

#wp{
	position:absolute;
	top:330px;
	right:0px;
}


#wp a{
	margin:0 10px 0 0;
}


/* end address */

/* ---------------------------------- end header and footer ---------------------------------- */

/* ----------------------------------------- content ---------------------------------------- */
#content{
	overflow:hidden;
	overflow-x:hidden;
	width:719px;
	height:336px;

	position:relative;
	float:right;
	margin:0;
	padding:0;
}
.section{
	clear:both;
	height:336px;
	width:2880px;
	position:relative;
	padding:0;
	margin:0;
/*background:#EEF;*/
}

.section div.categoryList{
	position:absolute;
	bottom:40px;
	left:58px;
	z-index:19;
	font-size:12px;
}


.section div.sub{
	position:relative;
	float:left;
	width:719px;
	height:336px;
}

/* 内容に関するスタイル */
.section h2{
	padding:10px 30px 15px 53px;
	font-size:18pt;
	font-family:"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	Osaka,
	"メイリオ",
	Meiryo,
	"ＭＳ Ｐゴシック",
	MS-PGothic,sans-serif;
}
/*Safari hack*/
html[xmlns*=""] .section h2 {font-size:18pt;}

.section div.sub .thumbnail{
	float:right;
	border:solid 1px #999;
	margin-left:15px;
}

.section div.sub .thumbnail-image{
	border:solid 1px #999;
	margin-right:15px;
}

.section div.sub ul{
	margin:1em 0 0 0;
	padding:0 55px 0.5em 70px;
}
.section div.sub ul li{
	padding:0 0 0.5em 0;
}

.section div.sub p{
	padding:0 55px 0.7em 55px;
}

.section div.sub p.URI{
	position:absolute;
	top:200px;
	left:0;
}

.section div.sub p.URI a{
	background:url("/common/image/markerURI.gif") no-repeat 0 0.2em;
	padding:0 0 0 10px;
	border-bottom:dotted 1px #000;
	_border-bottom:solid 1px #000;
	font-size:78%;
}

.section div.sub table{
	margin:0 60px 0 55px;
	border-collapse:collapse;
}

.section div.sub table th,
.section div.sub table td{
	padding:5px;
}

.section div.sub table th{
	font-weight:bold;
	white-space:nowrap;
	text-align:right;
}

/* 「実績」のカテゴリーリスト（Web,Paper,Videoなど） */
.section div.categoryList a{
	border-bottom:dotted 1px #000;
	_border-bottom:solid 1px #000;
}

/* 内容に関するスタイル　ココまで */


.section .next{
	position:absolute;
	top:75px;
	right:8px;
	height:32px;
	width:34px;
	border:none;
}
.section .prev{
	position:absolute;
	top:75px;
	left:8px;
	height:32px;
	width:34px;
	border:none;
}


p.credit{
	clear:both;
}

.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;
}
#second{
	top:503px !important;
	top:517px;
}
/* ------------------------------------- end content ---------------------------------------- */


/* ---------------------------------------- side navi -------------------------------------- */
#navigation{
	width:181px;
	height:336px;
	overflow:hidden;
	position:relative;
	background:url("/common/image/backgroundSideNavi.gif") no-repeat #FFF;
	
	font-size:14px;
	_font-size:13px;
	
	_position:absolute;
	_top:0;
	_left:0;
}

#navigation ul{
	width:180px;
	position:absolute;
	top:0;
	left:0;
}

#navigation ul li{
	height:50px;
	_height:47px;
	padding:0 0 0 19px;
	margin:0;
}


#navigation ul li table{
	width:160px;
	border-collapse:collapse;

}

#navigation ul li td{
	background:url("/common/image/backgroundCurentNaviOFF.gif") no-repeat;
	padding:0 10px 0 20px !important;
}

#navigation ul li.current td{
	background:url("/common/image/backgroundCurentNaviON.gif") no-repeat;
}

#typeA #navigation ul li.current td{background-color:#00a0e9;}
#typeB #navigation ul li.current td{background-color:#f11690;}
#typeC #navigation ul li.current td{background-color:#83d63f;}
#typeD #navigation ul li.current td{background-color:#ffa302;}
#typeE #navigation ul li.current td{background-color:#999;}



body.cat3 #navigation ul li.current td{
	background-color:#09F !important;
}


body.cat4 #navigation ul li.current td{
	background-color:#F11690 !important;
}


body.cat5 #navigation ul li.current td{
	background-color:#3F3 !important;
}


body.cat6 #navigation ul li.current td{
	background-color:#666 !important;
}

#navigation ul li a{
	color:#FFF;
	border-bottom:dotted 1px #FFF;
	_border-bottom:solid 1px #FFF;
}

#navigation ul li.current a{
	color:#000;
	border-bottom:dotted 1px #000;
	_border-bottom:solid 1px #000;
}


#navigation ul li table{
	height:44px;
	border-collapse: collapse;
	padding:0;
	margin:0;
}
/*Safari hack*/
html[xmlns*=""] body:last-child #navigation ul li table { margin: -10px 0 0 0;}

#navigation ul li table td{
	vertical-align:middle;
	margin:0;
	padding:0;
	line-height:150%;
	_line-height:180%;
}
/*Safari hack*/
html[xmlns*=""] body:last-child #navigation ul li table td {line-height:180%;}

/* 左メニューのスライドアップとスライドダウン */
#navigation div.down{
	position:absolute;
	bottom:0;
	left:91px;
	z-index:20;
}

#navigation div.up{
	position:absolute;
	bottom:0;
	left:0px;
	z-index:21;
}

#navigation div.down img,
#navigation div.up img{
	display:block;
}

/* ------------------------------------ end side navi ----------------------------------- */


/* ---------------------------------------- typeB -------------------------------------- */
body#typeB #subCotegory{
	width:90px;
	float:left;
	
}

body#typeB #subCotegory a img{
	display:block;
}

body#typeB #content{
	width:629px;
}

body#typeB #navigation{
	_position:absolute;
	_top:0;
	_left:90px;
}

body#typeB .section div.sub{
	width:629px;
}

.section div.sub{
	background-position:650px 210px;
	background-repeat:no-repeat;
}

body#typeB .section div.sub{
	background-position:560px 210px;
	background-repeat:no-repeat;
}
/* ------------------------------------ end typeB -------------------------------------- */



/* ------------------------------ content background --------------------------------- */

body#typeA .section.max1{
	background:url("/common/image/backgroundSub3-1.gif") no-repeat 0 307px;
}

body#typeA .section.max2{
	background:url("/common/image/backgroundSub3-2.gif") no-repeat 0 307px;
}

body#typeA .section.max3{
	background:url("/common/image/backgroundSub3-3.gif") no-repeat 0 307px;
}

body#typeA .section.max4{
	background:url("/common/image/backgroundSub3-4.gif") no-repeat 0 307px;
}


body#typeB .section.max1{
	background:url("/common/image/backgroundSub4-1.gif") no-repeat 0 307px;
}

body#typeB .section.max2{
	background:url("/common/image/backgroundSub4-2.gif") no-repeat 0 307px;
}

body#typeB .section.max3{
	background:url("/common/image/backgroundSub4-3.gif") no-repeat 0 307px;
}

body#typeB .section.max4{
	background:url("/common/image/backgroundSub4-4.gif") no-repeat 0 307px;
}


body#typeC .section.max1{
	background:url("/common/image/backgroundSub5-1.gif") no-repeat 0 307px;
}

body#typeC .section.max2{
	background:url("/common/image/backgroundSub5-2.gif") no-repeat 0 307px;
}

body#typeC .section.max3{
	background:url("/common/image/backgroundSub5-3.gif") no-repeat 0 307px;
}

body#typeC .section.max4{
	background:url("/common/image/backgroundSub5-4.gif") no-repeat 0 307px;
}

body#typeD .section.max1{
	background:url("/common/image/backgroundSub6-1.gif") no-repeat 0 307px;
}

body#typeD .section.max2{
	background:url("/common/image/backgroundSub6-2.gif") no-repeat 0 307px;
}

body#typeD .section.max3{
	background:url("/common/image/backgroundSub6-3.gif") no-repeat 0 307px;
}

body#typeD .section.max4{
	background:url("/common/image/backgroundSub6-4.gif") no-repeat 0 307px;
}

body#typeE .section.max1{
	background:url("/common/image/backgroundSub0-1.gif") no-repeat 0 307px;
}

body#typeE .section.max2{
	background:url("/common/image/backgroundSub0-2.gif") no-repeat 0 307px;
}

body#typeE .section.max3{
	background:url("/common/image/backgroundSub0-3.gif") no-repeat 0 307px;
}

body#typeE .section.max4{
	background:url("/common/image/backgroundSub0-4.gif") no-repeat 0 307px;
}