@charset "UTF-8";

/* グローバルナビ　スタイル
----------------------------------------------------------------------------- */
ul#gnavi li a#gnavi_top {
	background:url(../common/images/gnavi_top.gif) 0 -39px no-repeat;
}


/* トップイメージ（フラッシュ用）
------------------------------------------------------------------------------*/
div#main div#movie {
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:1px;
	width:846px;
	height:276px;
	margin:15px 0 25px 0;
}

* html body div#main div#movie {
	width:850px;
	height:280px;
}




/* トップイメージ（静止画像用）
------------------------------------------------------------------------------*/
div#main div#top_img {
	margin:15px 0 25px 0;
}




/* レフトサイド部分
------------------------------------------------------------------------------*/
div#main div#left_block {
	float:left;
	width:175px;
}


/* お問い合せボタン部分 */

div#main div#left_block div#btn_inquiry {
	margin: 0 0 15px 0;
}

div#main div#left_block div#btn_inquiry a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* ピックアップ部分 */

div#main div#left_block div#pickup {
	background:url(../images/picup_bg.gif) 0 100% no-repeat;
	padding:0 0 15px 0;
}

div#main div#left_block div#pickup h2 {
	width:175px;
	height:210px;
	text-indent:-999em;
	background:url(../images/pickup_title.png) 0 0 no-repeat;
	margin:0 0 5px 0;
}

div#main div#left_block div#pickup p {
	padding:0 12px;
	font-size:90%;
	line-height:140%;
	margin:0 0 5px 0;
}

div#main div#left_block div#pickup p a {
	background:url(../images/pickup_arrow.gif) 0 0 no-repeat;
	padding:0 0 0 15px;
}


/* バナー部分
------------------------------------------------------------------------------*/
div#main div#banner {
	float:right;
	width:156px;
	background:url(../images/banner_area_bg.gif) 0 100% no-repeat;
	padding:0 7px;
}

* html body div#main div#banner {
	float:right;
	width:170px;
	background:url(../images/banner_area_bg.gif) 0 100% no-repeat;
	padding:0 7px;
}

div#main div#banner ul {
	background:url(../images/banner_area_bg_top.gif) 0 0 no-repeat;
	list-style-type:none;
}

div#main div#banner ul li {
	padding:7px 0;
	border-bottom:1px solid #BBBBBB;
}

div#main div#banner ul li a {
	width:156px;
	height:76px;
	text-indent:-999em;
	display:block;
}

div#main div#banner ul li a#fsc {
	background:url(../images/banner_fsc.jpg) 0 0 no-repeat;
}

div#main div#banner ul li a#design {
	background:url(../images/banner_challenge2.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#alber {
	background:url(../images/banner_alber.jpg) 0 0 no-repeat;
}

div#main div#banner ul li a#essay {
	background:url(../images/banner_essay.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#uv {
	background:url(../images/banner_uv.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#ran {
	background:url(../images/banner_ran.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#digital {
	background:url(../images/banner_digitalbook.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#greeting {
	background:url(../images/banner_greeting.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#gatta {
	background:url(../images/banner_gatta.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#isms {
	background:url(../images/banner_isms.gif) 0 0 no-repeat;
}

div#main div#banner ul li a#nenga {
	background:url(../images/banner_nenga.gif) 0 0 no-repeat;
}



div#main div#banner ul li a#fsc:hover {
	background:url(../images/banner_fsc.jpg) 0 -76px no-repeat;
}

div#main div#banner ul li a#design:hover {
	background:url(../images/banner_challenge2.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#alber:hover {
	background:url(../images/banner_alber.jpg) 0 -76px no-repeat;
}

div#main div#banner ul li a#essay:hover {
	background:url(../images/banner_essay.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#uv:hover {
	background:url(../images/banner_uv.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#isms:hover {
	background:url(../images/banner_isms.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#ran:hover {
	background:url(../images/banner_ran.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#digital:hover {
	background:url(../images/banner_digitalbook.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#greeting:hover {
	background:url(../images/banner_greeting.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#gatta:hover {
	background:url(../images/banner_gatta.gif) 0 -76px no-repeat;
}

div#main div#banner ul li a#nenga:hover {
	background:url(../images/banner_nenga.gif) 0 -76px no-repeat;
}


/* ニュース部分
------------------------------------------------------------------------------*/
div#main div#news {
	position:relative;
	width:475px;
	margin:0 0 0 190px;
	padding:2px 0 0 0;
}

div#main div#news h2 {
	width:475px;
	height:20px;
	background:url(../images/news_title.gif) 0 0 no-repeat;
	text-indent:-999em;
	font-size:10%;
	margin:0 0 10px 0;
}

div#main div#news a#rss {
	position:absolute;
	top:6px;
	right:7px;
	height:12px;
	width:12px;
	font-size:10%;
	text-indent:-999em;
	background:url(../images/news_rss_icon.gif) 0 0 no-repeat;
}

div#main div#news dl {
	padding:0 3px;
}

div#main div#news dl dt {
	color:#888888;
	margin:0 0 0 0;
	font-size:90%;
}

div#main div#news dl dd {
	border-bottom:1px solid #BBBBBB;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	letter-spacing:1px;
	color:#5F9800;
}

div#main div#news dl dd a {
	background:url(../images/news_icon.gif) 0 1px no-repeat;
	padding:0 0 0 18px;
}

div#main div#news dl dd span {
	background:url(../images/news_icon.gif) 0 1px no-repeat;
	padding:0 0 0 18px;
}

div#main div#news p#history {
	font-size: 90%;
	text-align: right;
}