@charset "utf-8";
/*
*
*
*
*/

body{
	background:url(../../images/top/back_image.jpg) no-repeat fixed center center;
	font-family: verdana, sans-serif;
	color:#878787;
	margin:0px;
	padding:0px;
}

/*大枠*/
#wrapper{
	width:894px;
	height:645px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-447px;
	margin-top:-322px;
	background:url(../../images/top/box_bg.png) no-repeat;
}

/*上のbox*/
#box_top{
	display:block;
	width:870px;
	height:423px;
	margin:12px 12px 0px;
	padding:0px;
}

/*下のbox*/
#box_bottom{
	display:block;
	width:870px;
	height:195px;
	margin:3px 12px 12px;
	padding:0px;
}

/*link*/
a{
		color:#7A1000;
}

a:hover:{
	color:#666666;
}

/**************************************/
/*上のブロック　島製作所メニュー*/
/**************************************/

/*titleブロック-------------------------*/
#shima_title{
	display:block;
	float:left;
	width:54px;
	height:353px;
	margin:35px 0px 35px 35px;
	padding:0px;
}

*html #shima_title{
	display:block;
	float:left;
	width:54px;
	height:353px;
	margin:35px 0px 35px 17px;
	padding:0px;
}

#shima_title h1{
	display:block;
	width:54px;
	height:353px;
	background:url(../../images/top/h1_shima.gif) no-repeat;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}

/*menuブロック-------------------------*/
#shima_menu{
	display:block;
	float:left;
	width:120px;
	margin:35px 30px 35px 0px;
	padding:0px;
}

/*ボタン*/
#shima_menu ul{
	width:120px;
	height:;
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:0;
	font-size:0px;/*IE対策用*/
}

#shima_menu li{
	display:block;
	width:120px;
	height:11px;
	text-indent:-9999px;
	padding:0px;
	margin-bottom:23px;
	line-height:0;
}

#shima_menu li.b10{
	margin-bottom:0px;
}

#shima_menu a{
	display:block;
	width:120px;
	height:11px;
	padding:0px;
}

#shima_menu a.b00{
	background:url(../../images/top/b_message.gif) no-repeat;
}

#shima_menu a.b01{
	background:url(../../images/top/b_profile.gif) no-repeat;
}

#shima_menu a.b02{
	background:url(../../images/top/b_information.gif) no-repeat;
}

#shima_menu a.b03{
	background:url(../../images/top/b_designworks.gif) no-repeat;
}

#shima_menu a.b04{
	background:url(../../images/top/b_photoworks.gif) no-repeat;
}

#shima_menu a.b05{
	background:url(../../images/top/b_studio.gif) no-repeat;
}

#shima_menu a.b06{
	background:url(../../images/top/b_wallpaper.gif) no-repeat;
}

#shima_menu a.b07{
	background:url(../../images/top/b_access.gif) no-repeat;
}

#shima_menu a.b08{
	background:url(../../images/top/b_contact.gif) no-repeat;
}

#shima_menu a.b09{
	background:url(../../images/top/b_twitter.gif) no-repeat;
}

#shima_menu a.b10{
	background:url(../../images/top/b_link.gif) no-repeat;
}

/*mainimage-----------------------------------*/
#mainimage{
	display:block;
	float:left;
	width:353px;
	margin:35px 18px 35px 0px;
	padding:0px;
}

/*What's NEW--------------------------------*/
#news{
	display:block;
	float:left;
	width:225px;
	margin:35px 35px 35px 0px;
	height: 353px;
	overflow: hidden;
}

#news h5{
	display:block;
	width:225px;
	height:11px;
	margin:0px 0px 10px 0px;
	padding:2px 0px;
	font-size:10px;
	text-align:center;
	border-top:#878787 solid 1px;
	border-bottom:#878787 solid 1px;
}

#news dl{
	margin:0px 0px 0px 0px;
	padding:0px;
}

#news dt{
	float:left;
	width:6em;
	font-size:10px;
	margin:0px 0px 5px 0px;
}

#news dd{
	font-size:10px;
	margin:0px 0px 5px 6em;
}

/**************************************/
/*下のブロック　島製作所メニュー*/
/**************************************/

/*SABism-----------------------------------*/
#sabism{
	display:block;
	width:250px;
	height:125px;
	float:left;
	margin:35px 25px 20px 35px;
	padding:0px;
	background-color:#878787;
}

*html #sabism{
	display:block;
	width:250px;
	height:125px;
	float:left;
	margin:35px 25px 20px 17px;
	padding:0px;
	background-color:#9ea0a2;
}

#sabism_l{
	display:block;
	width:123px;
	height:123px;
	float:left;
	border:#878787 solid 1px;
}

#sabism_r{
	display:block;
	width:125px;
	height:125px;
	float:left;
}

#sabism_r h2{
	display:block;
	width:125px;
	height:125px;
	margin:0px;
	padding:0px;
	background:url(../../images/top/h2_sabism.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px;
}

/*ひきだし-----------------------------------*/
#hikidashi{
	display:block;
	width:250px;
	height:125px;
	float:left;
	margin:35px 25px 20px 0px;
	padding:0px;
	background-color:#878787;
}

#hikidashi_l{
	display:block;
	width:123px;
	height:123px;
	float:left;
	border:#878787 solid 1px;
}

#hikidashi_r{
	display:block;
	width:125px;
	height:125px;
	float:left;
}

#hikidashi_r h2{
	display:block;
	width:125px;
	height:125px;
	margin:0px;
	padding:0px;
	background:url(../../images/top/h2_hikidashi.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px;
}

/*ウラ-----------------------------------*/
#ura{
	display:block;
	width:250px;
	height:125px;
	float:left;
	margin:35px 35px 20px 0px;
	padding:0px;
	background-color:#878787;
}

#ura_l{
	display:block;
	width:123px;
	height:123px;
	float:left;
	border:#878787 solid 1px;
}

#ura_r{
	display:block;
	width:125px;
	height:125px;
	float:left;
}

#ura_r h2{
	display:block;
	width:125px;
	height:125px;
	margin:0px;
	padding:0px;
	background:url(../../images/top/h2_ura.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px;
}


/*フッタ------------------------*/
div#footer{
	clear:both;
	width:860px;
	height:auto;
	margin:0px;
	padding:2px 5px 0px;
	font-size:8px;
	text-align:right;
}

/*バグ対策-----------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */