@charset "utf-8";
*{margin:0;padding:0}
html {  
	height:100%;
	overflow-y:scroll;  
	}  
body{
	font-family:Verdana,sans-serif;
	font-size:12px; 	
	color:#333;
	line-height: 240%;
	margin:0;
	padding:0;
	background:#eee url(common/bg.jpg) no-repeat top center;
	text-align:center;
}
a { outline: none; }
a img{border:0;}
li {list-style-type:none;}
p{margin:5px;}
/*FLOAT関係*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{display:block;}
.inline{display:inline;}
.text_left{text-align:left;}
	
	
/*見出し関係*/

h1{
	font-size:12px;
	}

h2{
	font-size:12px;
	}

h3{
	font-size:12px;
	}
h4{
	font-size:12px;
	}

			
/*マージン関係*/
.mp0{
	margin:0;
	padding:0;
	}
.m0{margin-top:0px}
.m3{margin-top:3px}
.m5{margin-top:5px}
.m10{margin-top:10px}
.m15{margin-top:15px}
.m20{margin-top:20px}
.m25{margin-top:25px}
.m30{margin-top:30px}
.m35{margin-top:35px}
.m40{margin-top:40px}
.m45{margin-top:45px}
.m50{margin-top:50px}
.m55{margin-top:55px}
.m60{margin-top:60px}
.m65{margin-top:65px}
.m75{margin-top:75px}
.m85{margin-top:85px}
.m95{margin-top:95px}
.m105{margin-top:105px}
.m115{margin-top:115px}
.m125{margin-top:125px}
.m135{margin-top:135px}
.m145{margin-top:145px}
.m155{margin-top:155px}
.m165{margin-top:165px}
.m175{margin-top:175px}
.m185{margin-top:185px}
.m195{margin-top:195px}
.m205{margin-top:205px}

.m_left3{margin-left:3px}
.m_left5{margin-left:5px}
.m_left9{margin-left:9px}
.m_left10{margin-left:10px}
.m_left15{margin-left:15px}
.m_left20{margin-left:20px}
.m_left25{margin-left:25px}
.m_left30{margin-left:30px}
.m_left35{margin-left:35px}
.m_left40{margin-left:40px}
.m_left45{margin-left:45px}
.m_left50{margin-left:50px}
.m_left70{margin-left:70px}

.m_right3{margin-right:3px}
.m_right5{margin-right:5px}
.m_right9{margin-right:9px}
.m_right10{margin-right:10px}
.m_right15{margin-right:15px}
.m_right20{margin-right:20px}
.m_right25{margin-right:25px}
.m_right30{margin-right:30px}
.m_right33{margin-right:33px}
.m_right35{margin-right:35px}
.m_right40{margin-right:40px}
.m_right45{margin-right:45px}
.m_right50{margin-right:50px}

.m_bottom3{margin-bottom:3px}
.m_bottom5{margin-bottom:5px}
.m_bottom10{margin-bottom:10px}
.m_bottom15{margin-bottom:15px}
.m_bottom20{margin-bottom:20px}
.m_bottom25{margin-bottom:25px}
.m_bottom30{margin-bottom:30px}
.m_bottom35{margin-bottom:35px}
.m_bottom40{margin-bottom:40px}
.m_bottom45{margin-bottom:45px}
.m_bottom50{margin-bottom:50px}


.mm5{
	margin:5px 0;
	}
.mm10{
	margin:10px 0;
	}
.mm15{
	margin:15px 0;
	}
.mm20{
	margin:20px 0;
	}
.mm25{
	margin:25px 0;
	}
.mm30{
	margin:30px 0;
	}
.m_side30{
	margin-left:30px;
	margin-right:30px;
	}
.m_side20{
	margin-left:20px;
	margin-right:20px;
	}
.m_side25{
	margin-left:25px;
	margin-right:25px;
	}
.m_side10{
	margin-left:10px;
	margin-right:10px;
	}


.m_center{
	margin-left:auto;
	margin-right:auto;
	}
	
.pppp10{
	padding:10px;
	}
	
/*ボーダー関係*/
.dashed{
	border-bottom:dashed 1px #ccc;
	margin-bottom:1px;
	}

/*リンク関係*/
a:link {
	color:#666666;
}
a:visited {	
	color:#666666;
}
a:hover {
	color:#666666;
	text-decoration:none;
}
a:active {
	color:#666666;
	text-decoration:none;
}

.height100{height:100%;}
.height150{height:150px;}
.height250{height:250px;}

.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w145{width:145px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w215{width:216px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w325{width:325px;}
.w340{width:340px;}
.w360{width:360px;}
.w370{width:370px;}
.w375{width:375px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w440{width:440px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w570{width:570px;}
.w580{width:580px;}
.w600{width:600px;}
.w620{width:620px;}
.w630{width:630px;}
.w640{width:640px;}
.w650{width:650px;}
.w730{width:730px;}
.w740{width:740px;}
.w750{width:750px;}
.w760{width:760px;}
.w770{width:770px;}
.w780{width:780px;}
.w790{width:790px;}
.w800{width:800px;}
.w810{width:810px;}
.w820{width:820px;}
.w830{width:830px;}
.w840{width:840px;}
.w850{width:850px;}
.w860{width:860px;}
.w870{width:870px;}
.w880{width:880px;}
.w890{width:890px;}
.w900{width:900px;}
.w910{width:910px;}
.w920{width:920px;}
.w930{width:930px;}
.w940{width:940px;}
.w950{width:950px;}
.w960{width:960px;}
.w970{width:970px;}
.w980{width:980px;}
.w990{width:990px;}
.w1000{width:1000px;}


.h5{height:5px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h110{height:110px;}
.h120{height:120px;}
.h130{height:130px;}
.h140{height:140px;}
.h150{height:150px;}
.h160{height:160px;}
.h170{height:170px;}
.h180{height:180px;}
.h190{height:190px;}
.h200{height:200px;}
.h210{height:210px;}
.h220{height:220px;}
.h230{height:230px;}
.h240{height:240px;}
.h250{height:250px;}
.h260{height:260px;}
.h270{height:270px;}
.h280{height:280px;}
.h290{height:290px;}
.h300{height:300px;}



/*フォント関係*/
.font9{
	font-size:9px;
	}
.font10{
	font-size:10px;
	}
.font11{
	font-size:11px;
	}
.font12{
	font-size:12px;
	}
.font13{
	font-size:13px;
	}
.font14{
	font-size:14px;
	}
.font15{
	font-size:15px;
	}
.font16{
	font-size:16px;
	}
.font17{
	font-size:17px;
	}
.font18{
	font-size:18px;
	}
.font19{
	font-size:19px;
	}
.font20{
	font-size:20px;
	}
.font22{
	font-size:22px;
	}
.font24{
	font-size:24px;
	}
	
	
	
.strong{
	font-weight:bold;
	}
/*フォントカラー関係*/
.red{color:#FF0000;}
.yellow{color:#FFFF00;}
.orange{color:#FF6600;}
.white{color:#FFFFFF;}
.blue{color:#0000CC;}
.green{color:#00CC33}
.brown{color:#663300}
.gray_ccc{color:#CCCCCC;}
.gray_999{color:#999999;}
.gray_666{color:#666666;}
.gray_333{color:#333333;}
.black{color:#000000;}




#wrapper{
	border-top:#CC9933 5px solid;
	width:100%;
	text-align:left;
	height:inherit;
	background:#eee url(common/bg_bottom.jpg) no-repeat center bottom;
	}





#top_menu{
	width:700px;
	margin:150px auto 0 auto;
	text-align:left;
	}
#sub_menu{
	width:150px;
	margin:20px 0 0 125px;
	text-align:left;
	}
.logo{
	margin:33px 0 0 17px;
	}
	
	
#top_menu img{padding:0;}
#sub_menu img{padding:0;}
	
.menu01 span{display:none}
.menu02 span{display:none}
.menu03 span{display:none}
.menu04 span{display:none}
.menu05 span{display:none}
.menu06 span{display:none}
.menu07 span{display:none}
.menu08 span{display:none}
.menu09 span{display:none}
.menu10 span{display:none}
.menu11 span{display:none}
.menu12 span{display:none}
.menu01 a{display:block;width:140px;height:26px;background:url(common/menu.gif) no-repeat}
.menu02 a{display:block;width:140px;height:25px;background:url(common/menu.gif) no-repeat 0 -33px}
.menu03 a{display:block;width:140px;height:35px;background:url(common/menu.gif) no-repeat 0 -66px}
.menu04 a{display:block;width:140px;height:30px;background:url(common/menu.gif) no-repeat 0 -104px}
.menu05 a{display:block;width:140px;height:36px;background:url(common/menu.gif) no-repeat 0 -137px}
.menu06 a{display:block;width:140px;height:36px;background:url(common/menu.gif) no-repeat 0 -177px}
.menu07 a{display:block;width:140px;height:32px;background:url(common/menu.gif) no-repeat 0 -217px}
.menu08 a{display:block;width:140px;height:32px;background:url(common/menu.gif) no-repeat 0 -252px}
.menu09 a{display:block;width:140px;height:32px;background:url(common/menu.gif) no-repeat 0 -287px}
.menu10 a{display:block;width:140px;height:26px;background:url(common/menu.gif) no-repeat 0 -320px}
.menu11 a{display:block;width:140px;height:28px;background:url(common/menu.gif) no-repeat 0 -356px}
.menu12 a{display:block;width:140px;height:37px;background:url(common/menu.gif) no-repeat 0 -386px}


.menu01 a:hover{display:block;width:140px;height:26px;background:url(common/menu.gif) no-repeat -150px 0}
.menu02 a:hover{display:block;width:140px;height:25px;background:url(common/menu.gif) no-repeat -150px -33px}
.menu03 a:hover{display:block;width:140px;height:35px;background:url(common/menu.gif) no-repeat -150px -66px}
.menu04 a:hover{display:block;width:140px;height:30px;background:url(common/menu.gif) no-repeat -150px -104px}
.menu05 a:hover{display:block;width:140px;height:36px;background:url(common/menu.gif) no-repeat -150px -137px}
.menu06 a:hover{display:block;width:140px;height:36px;background:url(common/menu.gif) no-repeat -150px -177px}
.menu07 a:hover{display:block;width:140px;height:32px;background:url(common/menu.gif) no-repeat -150px -217px}
.menu08 a:hover{display:block;width:140px;height:32px;background:url(common/menu.gif) no-repeat -150px -252px}
.menu09 a:hover{display:block;width:140px;height:32px;background:url(common/menu.gif) no-repeat -150px -287px}
.menu10 a:hover{display:block;width:140px;height:26px;background:url(common/menu.gif) no-repeat -150px -320px}
.menu11 a:hover{display:block;width:140px;height:28px;background:url(common/menu.gif) no-repeat -150px -356px}
.menu12 a:hover{display:block;width:140px;height:37px;background:url(common/menu.gif) no-repeat -150px -386px}

	
	
	
.menu2_01{float:left;margin-left:0px;} 
.menu2_02{float:left;margin-left:20px;} 
.menu2_03{float:left;margin-left:20px;} 
.menu2_04{float:left;margin-left:20px;} 
.menu2_05{float:left;margin-left:20px;} 
	
.menu2_01 span{display:none}
.menu2_02 span{display:none}
.menu2_03 span{display:none}
.menu2_04 span{display:none}
.menu2_05 span{display:none}
.menu2_01 a{display:block;width:55px;height:39px;background:url(common/menu_menu.gif) no-repeat 0px 0}
.menu2_02 a{display:block;width:135px;height:39px;background:url(common/menu_menu.gif) no-repeat -55px 0}
.menu2_03 a{display:block;width:75px;height:39px;background:url(common/menu_menu.gif) no-repeat -190px 0}
.menu2_04 a{display:block;width:60px;height:39px;background:url(common/menu_menu.gif) no-repeat -265px 0}
.menu2_05 a{display:block;width:125px;height:39px;background:url(common/menu_menu.gif) no-repeat -325px 0}
.menu2_01 a:hover{display:block;width:55px;height:39px;background:url(common/menu_menu.gif) no-repeat 0px -39px}
.menu2_02 a:hover{display:block;width:135px;height:39px;background:url(common/menu_menu.gif) no-repeat -55px -39px}
.menu2_03 a:hover{display:block;width:75px;height:39px;background:url(common/menu_menu.gif) no-repeat -190px -39px}
.menu2_04 a:hover{display:block;width:60px;height:39px;background:url(common/menu_menu.gif) no-repeat -265px -39px}
.menu2_05 a:hover{display:block;width:125px;height:39px;background:url(common/menu_menu.gif) no-repeat -325px -39px}
	
	
#info01{
	margin:20px 0 0 5px;
	}
	
#info01 dt{
	margin:5px 0;
	float:left;
	width:100px;
	font-weight:bold;
	border-top:1px dotted #AA8328;
	}
#info01 dd{
	margin:5px 0;
	float:left;
	width:520px;
	border-top:1px dotted #AA8328;
	}
	
	
#mail td{
	padding:10px;
	}


.info02{
	border-bottom:1px dotted #AA8328;
	}
	

.menu_table {
	font-size:11px;
	line-height:150%;
	}

.menu_table td{
	margin:0;
	padding:10px;
	}

.menu_table01{
	background:url(img/menu01.jpg) ;
	width:617px;	
	}
.menu_table02{
	background:url(img/menu02.jpg) ;
	width:617px;	
	}
	
.totop{
	margin:40px 12px 0px 0;
	}
	
.staff01{
	background:url(img/staff01.jpg) ;
	margin-top:40px;
	width:627px;
	padding-bottom:20px;
	}	

.staff01 img{
	margin:20px;
	}
	
.staff02{
	background:url(img/staff02.jpg) ;
	margin-top:40px;
	width:627px;
	padding-bottom:20px;
	}
.staff02 img{
	margin:20px;
	}
.staff_line{
	border-bottom:1px solid #997426;
	font-size:15px;
	font-weight:bold;
	letter-spacing:3px;
	padding:2px 2px;
	color:#997426;
	}
	
	
.gallery_tate{
	width:150px;
	float:left;
	height:200px;
	}
	
.gallery_yoko{
	width:202px;
	float:left;
	height:152px;
	}
/*	
.gallery_tate a:hover img.g_img{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
.gallery_yoko a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
*/	
.absolute{
	position:absolute;
	margin:0;
	display:block;
	}
	
#gallery{
	background:url(img/gallery_tit01.gif) no-repeat top left;
	padding-top:80px;
	margin-top:40px;
	}
.hack01{
	_margin-left:40px;
}
.hack02{
	_margin-left:50px;
}

/*ここからライトボックス*/	
#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:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/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; }





/*ここからFORM*/

#form01 table{
	background:#ccc;
	}
#mail td{
	/*background:#fff;*/
	padding:18px 8px;
	border-bottom:1px dotted #666600;
	}
#mail .td_top{
	/*background:#fff;*/
	border-top:1px dotted #666600;
	}

#mail .frame{
	padding: 2px;
	border:solid 1px #bbb;
	height:20px;
	}
	

#mail textarea{
	padding: 2px;
	border:solid 1px #bbb;
	}
	
	
#btn01{
	width:172px;
	border:none;
	height:27px;
	cursor:pointer;
	background:url(img/submit_check_off.gif) no-repeat left top;
	}
#btn01:hover{
	width:172px;
	border:none;
	height:27px;
	cursor:pointer;
	background:url(img/submit_check_on.gif) no-repeat left top;
	}
#btn02{
	width:172px;
	border:none;
	height:27px;
	cursor:pointer;
	background:url(img/submit_check2_off.gif) no-repeat left top;
	}
#btn02:hover{
	width:172px;
	border:none;
	height:27px;
	cursor:pointer;
	background:url(img/submit_check2_on.gif) no-repeat left top;
	}
#btn03{
	width:172px;
	border:none;
	height:27px;
	cursor:pointer;
	background:url(img/submit_check3_off.gif) no-repeat left top;
	}
#btn03:hover{
	width:172px;
	border:none;
	height:27px;
	cursor:pointer;
	background:url(img/submit_check3_on.gif) no-repeat left top;
	}
	
.d_agent span{
	display:none;
	}
.d_agent a{
	display:block;
	width:3px;
	height:3px;
	}
.bg01{
	background:url(img/bg01.gif) no-repeat top center;
	padding-top:25px;
	height:230px;
}
.m_left100{
	margin-left:100px;
}
.m_left80{
	margin-left:80px;
}


.iframe_border{
	border:3px #660 solid;
}



