/* ****************************************



*Site Name : ailus group tommy

*Description :common



**************************************** */



/* ----------------------------------------

*	default

---------------------------------------- */



*{

	margin:0;

	padding:0;

	font-size:13px;

	line-height:1.5em;

	border:0;

	color:#000000;

	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";

}



a{

	color:#03F;

	text-decoration:none;

}







/*	IE6ÍÑ

--------------------------------- */



*html {

}





/* ----------------------------------------

*	body

---------------------------------------- */



body{

	background:url(../imgs/common/body-bg.gif) repeat top center;

	background-color:#FFF;

	-webkit-text-size-adjust:none;

}





/* ----------------------------------------

*	wrapper

---------------------------------------- */



#wrapper{

	margin:0 auto;

	width:830px;

	padding:30px 0;

}





/* ----------------------------------------

*	header

---------------------------------------- */



#header{

	background:url(../imgs/common/header-bg.png) no-repeat top left;

	width:830px;

	height:240px;

	margin:0 auto;

	position:relative;

}



#header h1{

	width:440px;

	height:75px;

	position:absolute;

	top:65px;

	left:55px;

}



#header h2{

	position:absolute;

	top:155px;

	left:260px;

	width:430px;

	height:55px;

	font-weight:normal;

	font-size:13px;

}



p#header_summary{

	position:absolute;

	top:20px;

	left:40px;

	width:750px;

	text-align:center;

}



p#header_tel{

	position:absolute;

	top:169px;

	left:44px;

	width:204px;

	height:42px;

}



#header ul{

	position:absolute;

	top:46px;

	left:548px;

}



#header ul li{

	display:inline;

	width:115px;

	height:98px;

	padding:0 3px 0 0;

	list-style:none;

}







/* ----------------------------------------

*	contents

---------------------------------------- */



div#contents{

	width:800px;

	background:url(../imgs/common/middle_bg.gif) repeat-y top left;

	padding:0 15px 40px;

	overflow:hidden;

}



div#contents_left{

	float:left;

	width:170px;

}



div#contents_right{

	float:left;

	width:625px;

	padding:0 5px 0 0;

}



/* ----------------------------------------

*	global-navi

---------------------------------------- */



ul#global-navi{

	width:160px;

	padding:20px 0 0 10px;

}



ul#global-navi li{

	list-style:none;

	width:140px;

	height:40px;

	margin:0 0 10px;

}



ul#global-navi li a{

	width:140px;

	height:40px;

	background-position:top left;

	background-repeat:no-repeat;

	display:block;

	text-decoration:none;

}



ul#global-navi li a:hover{

	background-position:bottom;

}

/*

ul#global-navi li a span{

	visibility:hidden;

}



ul#global-navi #home a{

	width:140px;

	background-image:url(../imgs/common/btn_top.png);

}



ul#global-navi #car a{

	width:140px;

	background-image:url(../imgs/common/btn_car.png);

}



ul#global-navi #price a{

	width:140px;

	background-image:url(../imgs/common/btn_charge.png);

}



ul#global-navi #links a{

	width:140px;

	background-image:url(../imgs/common/btn_link.png);

}



ul#global-navi #mail a{

	width:140px;

	background-image:url(../imgs/common/btn_mail.png);

}



ul#global-navi #blog a{

	width:140px;

	background-image:url(../imgs/common/btn_blog.png);

}
*/




/* ----------------------------------------

*	footer

---------------------------------------- */



#footer{

	background:url(../imgs/common/footer-bg.png) no-repeat top left;

	width:760px;

	height:105px;

	margin:0 auto;

	padding:0 35px 0;

}



ul#page-link{

	clear:both;

	text-align:center;

	border-bottom:#ff6666 2px solid;

	padding:15px 0 5px;

}





ul#page-link ul{

	text-align:center;

	overflow:hidden;

}





ul#page-link li{

	display:inline;

	padding:5px 0;

}



ul#page-link li a{

	text-decoration:underline;

	color:#ff6666;

	font-weight:bold;

}



ul#page-link li a:hover{

	color:#22b573;

}



#footer p#group{

	font-size:12px;

	text-align:center;

	margin:5px 0 2px;

}



#footer p#group a{

	text-decoration:underline;

}





#footer p#copyright{

	font-size:12px;

	text-align:center;

}







/* ----------------------------------------

*	hobby

---------------------------------------- */



div#link_hobby{

	padding:50px 0 0 10px;

}



div#link_hobby p#one{

	width:138px;

	padding:3px 0 2px;

	background:#ffffff;

	border:#ff8b8b 1px solid;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

	text-align:center;

	font-weight:bold;

}



div#link_hobby p#two{

	width:138px;

	padding:3px 0 2px;

	background:#ffffff;

	border:#ff8b8b 1px solid;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

	text-align:center;

	font-weight:bold;

	margin-top:10px;

}





div#link_hobby p a{

	color:#ff6666;

}



div#link_hobby p a:hover{

	text-decoration:underline;

}



dl#hobby{

	padding:10px 0 0 0;

}



dl#hobby dt{

	width:130px;

	height:85px;

	background:url(../imgs/common/hobby_title_bg.gif) no-repeat top left;

	padding:45px 20px 10px;

	font-weight:bold;

}



dl#hobby dd{

	width:141px;

	height:127px;

	padding:0 0 25px 10px;

}







/* ----------------------------------------

*	lightbox

---------------------------------------- */



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:imgs/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left; background: url(../imgs/prevlabel.gif) left 15% no-repeat; }  

#nextLink { right: 0; float: right; background: url(../imgs/nextlabel.gif) right 15% no-repeat; } 



#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }