/*-----------------------
ウェブサイト全体
-----------------------*/

body {
	border-top: solid 10px #323232;
	background-color:#f0f0f0;
	margin: 0;
	padding: 0;
}

a {
	background: transparent;
	color: #000080;
	font-weight:normal;
	text-decoration: none;
}

span a:visited {
	background: transparent;
	color: #ababab;
	font-weight:normal;
	text-decoration: none;
}

a:hover {
	color: #dc143c;
	text-decoration: underline;
}

.outline {
	background: #ffffff;
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	border-right: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
}

/*　リンク画像の枠線を消す（win IE）　*/
a img {border:none;
}



/*-----------------------
各ページの設定
-----------------------*/

.main {
	padding:15px;
}

.main_business {
	padding:15px;
}

.contents_works {
	width:510px;
	padding:10px 0 10px 10px;
	margin:10px 0;
	background-color:#f0f0f0;
}

.footer {
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}

.tohome {
	padding : 5px;
}



/*-----------------------
全体を通しての書体設定
-----------------------*/

.apa_normal {
	color :  black;
	font-size : 12px;
	font-family : Helvetica, Arial, sans-serif;
	line-height : 150%;
}

.apa_title {
	color :  black;
	font : normal bold 20px / 130%;
	font-weight : bold;
	font-family : Helvetica, Arial, sans-serif;
}



/*-----------------------
HTMLタグの各種クラス指定
-----------------------*/


table.apa_normal {
	table-layout : fixed;
	empty-cells : show;
	border-collapse : collapse;
}

td.apa_normal {
	border : dotted 1px #323232;
	background-color : #f0f0f0;
}
	
ul.info {
	list-style-image : url(images/basic/direct_right.gif);
}

ul.map {
	list-style : none;
}

img.business_title{
	padding : 5px 15px 5px 10px;
}

img.works_title{
	padding : 5px 15px 5px 0px;
}

img.contents_photo {
	border : solid 1px #ababab;
}




/*-----------------------
ロールオーバーの設定
-----------------------*/

#mainmenu {
	width:760px; 
}

/*-------メニュー01---------*/
.rollover_01 {
	float:left;
	width:190px;
	display:block;
	background-image : url(images/basic/menu_overview.gif);
	background-repeat : no-repeat ;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
A:HOVER.rollover_01 {
	background-image : url(images/basic/menu_overview_over.gif);
	background-repeat : no-repeat ;
}

/*-------メニュー02---------*/
.rollover_02 {
	float:left;
	width:190px;
	display:block;
	background-image : url(images/basic/menu_business.gif);
	background-repeat : no-repeat ;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
A:HOVER.rollover_02 {
	background-image : url(images/basic/menu_business_over.gif);
	background-repeat : no-repeat ;
}

/*-------メニュー03---------*/
.rollover_03 {
	float:left;
	width:190px;
	display:block;
	background-image : url(images/basic/menu_works.gif);
	background-repeat : no-repeat ;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
A:HOVER.rollover_03 {
	background-image : url(images/basic/menu_works_over.gif);
	background-repeat : no-repeat ;
}

/*-------メニュー04---------*/
.rollover_04 {
	float:left;
	width:187px;
	display:block;
	background-image : url(images/basic/menu_access.gif);
	background-repeat : no-repeat ;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
A:HOVER.rollover_04 {
	background-image : url(images/basic/menu_access_over.gif);
	background-repeat : no-repeat ;
}






/*-------worksメニュー商環境---------*/
.works_rollover_shop {
	width:450px;
	display:block;
	background-image : url(images/works/menu_shop.jpg);
	background-repeat : no-repeat ;
	border:non;
}
A:HOVER.works_rollover_shop {
	background-image : url(images/works/menu_shop_over.jpg);
	background-repeat : no-repeat ;
}
/*-------worksメニュー文化施設---------*/
.works_rollover_cultural {
	width:450px;
	display:block;
	background-image : url(images/works/menu_cultural.jpg);
	background-repeat : no-repeat ;
	border:non;
}
A:HOVER.works_rollover_cultural {
	background-image : url(images/works/menu_cultural_over.jpg);
	background-repeat : no-repeat ;
}
/*-------worksメニューグラフィックデザイン---------*/
.works_rollover_graphic {
	width:450px;
	display:block;
	background-image : url(images/works/menu_graphic.jpg);
	background-repeat : no-repeat ;
	border:non;
}
A:HOVER.works_rollover_graphic {
	background-image : url(images/works/menu_graphic_over.jpg);
	background-repeat : no-repeat ;
}
/*-------worksメニューCG映像---------*/
.works_rollover_movie {
	width:450px;
	display:block;
	background-image : url(images/works/menu_movie.jpg);
	background-repeat : no-repeat ;
	border:non;
}
A:HOVER.works_rollover_movie {
	background-image : url(images/works/menu_movie_over.jpg);
	background-repeat : no-repeat ;
}










/*-------businessメニュー空間---------*/
.business_rollover_spatial {
	width:735px;
	display:block;
	background-image : url(images/business/business_menu_spatial.jpg);
	background-repeat : no-repeat ;
	border:non;
}
A:HOVER.business_rollover_spatial {
	background-image : url(images/business/business_menu_spatial_over.jpg);
	background-repeat : no-repeat ;
}
/*-------businessメニューグラフィック---------*/
.business_rollover_graphic {
	width:735px;
	display:block;
	background-image : url(images/business/business_menu_graphic.jpg);
	background-repeat : no-repeat ;
	border:non;
}
A:HOVER.business_rollover_graphic {
	background-image : url(images/business/business_menu_graphic_over.jpg);
	background-repeat : no-repeat ;
}
/*-------businessメニューデジタル画像処理・出力---------*/
.business_rollover_print {
	width:735px;
	display:block;
	background-image : url(images/business/business_menu_print.jpg);
	background-repeat : no-repeat ;
	border:non;
}
A:HOVER.business_rollover_print {
	background-image : url(images/business/business_menu_print_over.jpg);
	background-repeat : no-repeat ;
}