/**  

ƒgƒLƒi�[�ì—ዤ’ÊCSS

Updated:2011.3.09
Author: Akihiko Kobayashi

**/




/* Initial Setting */




*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%;font-size:100%;}

a {color:#0066FF; text-decoration:none;overflow:hidden;}
a:hover {color:#CC0000}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:80%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.line {
	height: 10px;
	background-image: url(../images/line.gif);
	background-repeat:repeat-x;
	margin:10px 20px 0 20px;
	line-height:10px
}

.alpha a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

	

.cursor{cursor:pointer; cursor:hand}


/* Common styles */




body{
	text-align:center;
	color:#fff;
	font-size:80%;
	font-family:Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	border-top:solid 2px #CC0000;
	background-color: #000;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}


#wrapper{
	width:780px;
	height:auto;
	text-align:left;
	margin:0 auto;
}









#hd{position:relative; height:53px}
*html #hd{height:55px}
#hd, x:-moz-any-link{height:52px}


#logo a{
	position:absolute;
	left: 0px;
	top: 4px;
	background-image: url(../images/logo_new.jpg);
	height: 37px;
	width: 180px;
	text-indent:-9999px;
	display:block
}


#bt_back a{
	position:absolute;
	right: 160px;
	top: 10px;
	background-image: url(../images/bt_back.jpg);
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 150px;
}



#bt_contact a{
	position:absolute;
	right: 10px;
	top: 10px;
	background-image: url(../images/bt_contact.jpg);
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 132px;
}

#bt_contact a:hover{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}




#hd_img{
	background-image: url(../images/main_new.jpg);
	background-position: center;
	text-indent: -9999px;
	display: block;
	height: 271px;
	width: 780px;
}








/** Global Menu **/






#gb_menu{margin:20px 4px ;}

#gb_menu li{float:left; font-size:11px; line-height:100%!important}

#gb_menu li a{
	color:#FFFFFF;
	background-image: url(../images/menu_bt.jpg);
	height: 24px;
	width: 146px;
	display:block;
	 line-height:100%!important;
	 text-align:center;
	 padding:12px 4px 0 4px
}

*html #gb_menu li a{
	height: 36px;
	width: 154px;
}

#gb_menu li a:hover, #gb_menu li a.on{
	background-image: url(../images/menu_bt_h.jpg);
}






/**  Container **/





#container{
	height: auto;
	background-repeat: repeat-y;
	position:relative;
	border:solid 1px #333
}


#container .in{
	margin:10px
}

#container .in li{
	margin-bottom:10px
}



#container .left{
	float:left;
	width:370px
}

#container .right{
	float:right;
	width:370px;
}

#container .alpha{
	position:relative
}

#container .alpha span{
	position:absolute;
	top:0;
	right:0;
	background-color:#CC0000;
	font-size:10px;
	padding:0 5px;
	color:#FFFF00
}


.title{
	color:#CC0000;
	border-bottom:1px solid #333333;
	font-size:16px;
	padding-bottom:4px;
	margin:20px 0 10px 0;
	font-weight:bold
}
.title span{

	border-left:3px solid #CC0000;
	padding-left:10px

}

.social{margin-bottom:20px;}

#container #update{
	margin:14px 0 24px 0;
}

#container #update li {
	font-size:12px;
}
#container #update li span{
	font-size:10px;
	margin-right:16px;
	vertical-align:top;
}


#container #update .alpha{
	margin-top:14px
}



#notice{
	color:#fff;
	margin:20px 0;
	font-size:10px;
	background-color:#990000;
	padding:14px
}


#footer{
	border-top:solid 1px #333333;
	padding:10px 0;
	text-align:center;
	font-size:10px;
	color:#666666;
}


#pagetop{
	text-align:right;
}


#bread {
    font-size:10px;
	color:#FFFFFF;;
	margin-left:10px
}
#bread a{
	color:#999
}
#bread a:hover{
    text-decoration:underline
}



/* Special */


#special{margin:0 20px; }

#ac{text-align:center; margin-bottom:50px; margin-top:20px}

#special p{margin:14px 100px; line-height:160%!important}

#special .wrap_img_ver{text-align:center; margin:10px auto 60px auto; position:relative; width:402px}

#special img{border:solid 1px #FFFFFF}

#special .wrap_img_ver span{position:absolute; right:1px; bottom:1px; font-size:10px; text-align:left; background-color:#000000;  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;padding:4px}


#special .wrap_img_hor{text-align:center; margin:10px auto 60px auto; position:relative; width:602px}

#special .wrap_img_hor span{position:absolute; right:1px; bottom:1px; font-size:10px; text-align:left; background-color:#000000;  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;padding:4px}



#pager {width:120px; margin:0 auto}

#pager li.on{padding:5px 10px; background-color:#999; color:#000;}

#pager li{float:left; padding:0;margin-right:8px;}


#pager li a{display:block; background-color:#1a1a1a; color:#FFFFFF;padding:5px 10px;} 

#pager li a:hover{ background-color:#999; color:#000;} 



/* Below is old styles */









#title_p {
	margin:10px 10px 0 10px;
}

#p_p {
	margin:0px 10px 0 14px;
}

#p_01{
	margin:10px 10px 10px 14px
}

#p_01 p{
	margin:0 16px 20px 0;
}

.line_01{
	margin:30px 0 30px 0;
	border-top:1px #333333 solid;
	text-indent:-9999px;
	height:1px
	
}

.ex{
	margin:0 0 0 20px;
	font-size:12px;
	border-left:3px solid #FFFFFF;
	padding-left:10px
}

.t_ex{
	margin:10px 20px
}

.t_ex {
	margin:10px 20px
}

.t_ex h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:14px
}

.right_td{
	padding:0 14px 0 30px
}

.enlarge{
	margin-top:10px
}


#pagetop{
	text-align:right;
	margin-right:20px
}


#mid h1{
	background-image: url(../images/arrow_02.gif);
	background-position: left center;
	padding-left: 26px;
	font-size:26px;
	font-weight:bold;
	font-family:verdana
}


.ImgLine{
	border:3px solid #FFFFFF
}


#matome{padding:20px}



.title_ex{
	color:#ccc;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	margin:15px 0 15px 0;
	border-left:3px solid #990000;
	padding-left:10px
}

.title_ex span{
	margin-left:12px
}



.btn a{
	background-image: url(../images/bt_enlarge.jpg);
	height: 32px;
	width: 150px;
	text-indent:-9999px;
	display:block;
	margin-top:10px
}
.btn a:hover{
	background-image: url(../images/bt_enlarge_h.jpg);
}



/** works **/


.works{
	position:relative;
}


/** 116 **/


#ex116-03{
	width:720px;
	height:478px;
}
#ex116-03:hover{
	background-image: url(../images/116/_DSC6149s_h.jpg);
	text-indent:-9999px
}
#ex116-03 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex116-03 .work_a a{
	top:58px;
	left:0px;
}


#ex116-04{
	width:720px;
	height:478px;
}
#ex116-04:hover{
	background-image: url(../images/116/_DSC6140s_h.jpg);
	text-indent:-9999px
}
#ex116-04 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex116-04 .work_a a{
	top:42px;
	right:132px;
}




/** 165 **/


#ex165-01{
	width:478px;
	height:720px;
}
#ex165-01:hover{
	background-image: url(../images/165/_DSC1253_s_h.jpg);
	text-indent:-9999px
}
#ex165-01 li a{
	position:absolute;
	width:54px;
	height:54px;
}
#ex165-01 .work_a a{
	top:235px;
	left:326px;
	
}
#ex165-01 .work_b a{
	top:293px;
	left:235px;
	
}
#ex165-01 .work_c a{
	bottom:114px;
	left:185px;

}
#ex165-01 .work_d a{
	bottom:19px;
	left:298px;

}




#ex165-06{
	width:720px;
	height:478px;
}
#ex165-06:hover{
	background-image: url(../images/165/_DSC7066s_h.jpg);
	text-indent:-9999px
}
#ex165-06 li a{
	position:absolute;
	width:38px;
	height:38px;
}
#ex165-06 .work_a a{
	top:250px;
	left:328px
}
#ex165-06 .work_b a{
	top:356px;
	left:250px;
}
#ex165-06 .work_c a{
	top:370px;
	left:370px;

}
#ex165-06 .work_d a{
	bottom:0;
	left:480px;

}


#ex165-08{
	width:720px;
	height:478px;
}
#ex165-08:hover{
	background-image: url(../images/165/_DSC7417s_h.jpg);
	text-indent:-9999px
}
#ex165-08 li a{
	position:absolute;
	width:54px;
	height:54px;
}
#ex165-08 .work_a a{
	bottom:0px;
	left:103px;
}


#ex165-12{
	width:720px;
	height:478px;
}
#ex165-12:hover{
	background-image: url(../images/165/_DSC8479s_h.jpg);
	text-indent:-9999px
}
#ex165-12 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex165-12 .work_a a{
	bottom:112px;
	left:410px;
}
#ex165-12 .work_b a{
	bottom:70px;
	left:130px;
}


/** 535 **/


#ex535-01{
	width:720px;
	height:478px;
}
#ex535-01:hover{
	background-image: url(../images/535/_DSC4566s_h.jpg);
	text-indent:-9999px
}
#ex535-01 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex535-01 .work_a a{
	bottom:14px;
	left:408px;
}


#ex535-02{
	width:720px;
	height:478px;
}
#ex535-02:hover{
	background-image: url(../images/535/_DSC4529s_h.jpg);
	text-indent:-9999px
}
#ex535-02 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex535-02 .work_a a{
	bottom:50px;
	right:4px;
}


#ex535-03{
	width:720px;
	height:478px;
}
#ex535-03:hover{
	background-image: url(../images/535/_DSC4607s_h.jpg);
	text-indent:-9999px
}
#ex535-03 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex535-03 .work_a a{
	bottom:24px;
	right:30px;
}


#ex535-04{
	width:720px;
	height:478px;
}
#ex535-04:hover{
	background-image: url(../images/535/_DSC5507s_h.jpg);
	text-indent:-9999px
}
#ex535-04 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex535-04 .work_a a{
	top:184px;
	right:204px;
}


#ex535-05{
	width:478px;
	height:720px;
}
#ex535-05:hover{
	background-image: url(../images/535/_DSC5754s_h.jpg);
	text-indent:-9999px
}
#ex535-05 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex535-05 .work_a a{
	top:248px;
	right:90px;
}



#ex535-06{
	width:720px;
	height:478px;
}
#ex535-06:hover{
	background-image: url(../images/535/_DSC5791s_h.jpg);
	text-indent:-9999px
}
#ex535-06 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex535-06 .work_a a{
	top:60px;
	left:250px;
}


#ex535-07{
	width:720px;
	height:478px;
}
#ex535-07:hover{
	background-image: url(../images/535/_DSC6258s_h.jpg);
	text-indent:-9999px
}
#ex535-07 li a{
	position:absolute;
	width:54px;
	height:54px;
}
#ex535-07 .work_a a{
	top:190px;
	left:390px;
}

/** M100**/




#ex110-01{
	width:720px;
	height:478px;
}
#ex110-01:hover{
	background-image: url(../images/m100/_DSC7638s_h.jpg);
	text-indent:-9999px
}
#ex110-01 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex110-01 .work_a a{
	top:128px;
	left:320px;
}




#ex110-03{
	width:720px;
	height:478px;
}
#ex110-03:hover{
	background-image: url(../images/m100/_DSC6616s_h.jpg);
	text-indent:-9999px
}
#ex110-03 li a{
	position:absolute;
	width:110px;
	height:110px;
}
#ex110-03 .work_a a{
	top:112px;
	left:214px;
}













#tooltip { position:absolute; border:solid 2px #FFFFFF; display:none;}


.btn{float:left; width:150px}
.detail{float:left; padding-left:10px; font-size:10px; width:560px; padding-top:10px}
.about, .retouch{margin-top:20px; margin-bottom:10px}
.fl{float:left; padding-right:12px; text-align:center; margin-top:20px}



#index{margin-left:14px}

#index li {margin-bottom:6px!important;}
#index li a{color:#ccc}
#index li a:hover{color:#CC0000}

#index li span{margin-left:12px; text-decoration:underline}