@charset "utf-8";
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	position: relative;
}
div#wrapper {
	background: url(../images/back.png) no-repeat;
	width: 1000px;
	height: 706px;
	position: relative;
	margin:0 auto;
}
#header {
	width: 275px;
	float: left;
}
#header a h1 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat 20px 20px;
	width: 132px;
	height: 76px;
}
nav , nav#menu  {
	width: 275px;
	float: left;
	position: absolute;
	top: 280px;
	left:5px;
}
nav#menu li {
	margin-left: 0;
	height: 45px;
	width: 275px;
	display: block;
}
nav#menu li#c1:hover {
	background: url(../images/menu_f2.png) no-repeat 0 0!important;
}
nav#menu li#c2:hover {
	background: url(../images/menu2_f2.png) no-repeat 0 0!important;
}
nav#menu li#c3:hover {
	background: url(../images/menu3_f2.png) no-repeat 0 0!important;
}
nav#menu li#c4:hover {
	background: url(../images/menu4_f2.png) no-repeat 0 0!important;
}
nav#menu li#c5:hover {
	background: url(../images/menu5_f2.png) no-repeat 0 0!important;
}
nav#menu li#c6:hover {
	background: url(../images/menu6_f2.png) no-repeat 0 0!important;
}
nav#menu li#c7:hover {
	background: url(../images/menu7_f2.png) no-repeat 0 0!important;
}
nav#menu li#c8:hover {
	background: url(../images/menu8_f2.png) no-repeat 1px 0!important;
}
nav#menu li#c9:hover {
	background: url(../images/menu9_f2.png) no-repeat 0 0!important;
	z-index:1000;
}
nav#menu li#c1 {
	background: url(../images/bt_menu01b.png) no-repeat 0 0;
}
nav#menu li#c2 {
	background: url(../images/bt_menu02b.png) no-repeat 0 0;
}
nav#menu li#c3 {
	background: url(../images/bt_menu03b.png) no-repeat 0 0;
}
nav#menu li#c4 {
	background: url(../images/bt_menu04b.png) no-repeat 0 0;
}
nav#menu li#c5 {
	background: url(../images/bt_menu05b.png) no-repeat 0 0;
}
nav#menu li#c6 {
	background: url(../images/bt_menu06b.png) no-repeat 0 0;
}
nav#menu li#c7 {
	background: url(../images/bt_menu07b.png) no-repeat 0 0;
}
nav#menu li#c8 {
	background: url(../images/bt_menu08.png) no-repeat 0 0;
}
nav#menu li#c9 {
	background: url(../images/bt_menu09b.png) no-repeat 0 0;
}
nav#menu li.active1 {
	background: url(../images/bt_menu01.png) no-repeat 0 0!important;
}
nav#menu li.active2 {
	background: url(../images/bt_menu02.png) no-repeat 0 0!important;
}
nav#menu li.active3 {
	background: url(../images/bt_menu03.png) no-repeat 0 0!important;
}
nav#menu li.active4 {
	background: url(../images/bt_menu04.png) no-repeat 0 0!important;
}
nav#menu li.active5 {
	background: url(../images/bt_menu05.png) no-repeat 0 0!important;
}
nav#menu li.active6 {
	background: url(../images/bt_menu06.png) no-repeat 0 0!important;
}
nav#menu li.active7 {
	background: url(../images/bt_menu07.png) no-repeat 0 0!important;
}
/*nav#menu li.active8 {
	background: url(../images/bt_menu08.png) no-repeat 0 0!important;
}*/
nav#menu li.active9 {
	background: url(../images/bt_menu09.png) no-repeat 0 0!important;
}
#home nav a:hover #c1 {
	background: url(../images/menu_f2.png) no-repeat 0 0;
}
#home nav a canvas#c1 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home nav a:hover #c2 {
	background: url(../images/menu2_f2.png) no-repeat 0 0;
}
#home nav a canvas#c2 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
/*nav a:hover #c3 {
	background:url(../images/menu3_f2.png) no-repeat 0 0;
}
*/
#home nav a canvas#c3 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home nav a:hover #c4 {
	background: url(../images/menu4_f2.png) no-repeat 0 0;
}
#home nav a canvas#c4 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home nav a:hover #c5 {
	background: url(../images/menu5_f2.png) no-repeat 0 0;
}
#home nav a canvas#c5 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home nav a:hover #c6 {
	background: url(../images/menu6_f2.png) no-repeat 0 0;
}
#home nav a canvas#c6 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home nav a:hover #c7 {
	background: url(../images/menu7_f2.png) no-repeat 0 0;
}
#home nav a canvas#c7 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home nav a:hover #c8 {
	background: url(../images/menu8_f2.png) no-repeat 0 0;
}
#home nav a canvas#c8 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home nav a:hover #c5 {
	background: url(../images/menu9_f2.png) no-repeat 0 0;
}
#home nav a canvas#c5 {
	background: url(../images/dummy.png) no-repeat 0 0;
}
#home div#figure {
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}
#footer {
	margin-left: 20px;
	float: left;
	height: 15px;
	position: absolute;
	bottom: 25px;
}
#footer img {
/*margin-top:35px;*/
}
canvas {
	margin: 0 0 0 10px;
}
/*-------------------------------------------------------
collection
-------------------------------------------------------*/
div#gallery {
	display: none;
	position: relative;
	margin-top: 120px;
}
div#gallery figure img {
	margin: 0 auto;
}
div#collection {
	/*width:660px;*/
	position: relative;
}
div#top {
	width: 670px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 30px;
	display: block;
	overflow: hidden;
}
div#top ul li:hover {
	cursor: pointer;
}
div#top ul li.n1 {
	background: url(../images/collection/bt_ar01.png) no-repeat 0 0;
}
div#top ul li.n1:hover {
	background: url(../images/collection/bt_ar01_f2.png) no-repeat 0 0;
}
div#top ul li.n2 {
	background: url(../images/collection/bt_ar02.png) no-repeat 0 0;
}
div#top ul li.n2:hover {
	background: url(../images/collection/bt_ar02_f2.png) no-repeat 0 0;
}
div#top ul li.n3 {
	background: url(../images/collection/bt_ar03.png) no-repeat 0 0;
}
div#top ul li.n3:hover {
	background: url(../images/collection/bt_ar03_f2.png) no-repeat 0 0;
}
div#top ul li.n4 {
	background: url(../images/collection/bt_ar04.png) no-repeat 0 0;
}
div#top ul li.n4:hover {
	background: url(../images/collection/bt_ar04_f2.png) no-repeat 25px 0;
}
div#collection {
	margin: 60px 10px 0 10px;
	width: 660px;
	height: 500px;
	float:right;
	float: right;
}
div#collection ul {
	width: 650px;
}
ul#button {
	margin-top: 80px;/*display:none;*/
}
ul#button li img:hover {
	cursor: pointer;
}
div#collection ul li {
	float: left;
	margin: 0 5px 5px 0;
	/*background-color:#333;*/
	display: table-cell;
	height: 75px;
	text-align: center;
	vertical-align: middle;
	width: 75px;
}
div#collection ul li img {
	vertical-align: middle;
	width: 34px;
	height: 34px;
}
div#collection div#top ul {
/*position:absolute;*/
}
div#collection div#top ul li {
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 142px;
	height: 30px;
}
div#collection div#top ul li.n4 {
	width: 146px
}
#figure {
	display: none;
	text-align: center;
}
#bottom {
	display: none;
	clear: both;
	bottom: 10px;
	/*overflow:hidden;*/
	top: 450px;
	position: absolute;
}
#bottom ul.b1 {
	width: 250px;
	float: left;
	height: 20px;
}
#bottom ul.b1 li {
	width: 12px;
	height: 12px;
	float: left;
	margin: 0 1px 0 0;
	list-style-type: none;
}
#bottom ul.b1 li.bo01 {
	background-image: url(../images/collection/bt_ball_off.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto;
	z-index: 1000;
}
#bottom ul.b1 li.active {
	background-image: url(../images/collection/bt_ball_on.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	z-index: 1000;
	margin-top: -2px;
	margin-left: 1px;
}
#bottom ul.b1 li.bo02 {
	background-image: url(../images/collection/bt_ball2_off.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto;
	z-index: 1000;
}
#bottom ul.b1 li.active2 {
	background-image: url(../images/collection/bt_ball2_on.png)!important;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	z-index: 1000;
	margin-top: -2px;
	margin-left: 1px;
}
#bottom ul.b1 li.bo03 {
	background-image: url(../images/collection/bt_ball3_off.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto;
	z-index: 1000;
}
#bottom ul.b1 li.active3 {
	background-image: url(../images/collection/bt_ball3_on.png)!important;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	z-index: 1000;
	margin-top: -2px;
	margin-left: 1px;
}
#bottom ul.b1 li.bo04 {
	background-image: url(../images/collection/bt_ball4_off.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto;
	z-index: 1000;
}
#bottom ul.b1 li.active4 {
	background-image: url(../images/collection/bt_ball4_on.png)!important;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	z-index: 1000;
	margin-top: -2px;
	margin-left: 1px;
}
#bottom ul.b2 {
	width: 280px;
	float: right;
	height: 20px;
}
#bottom ul li {
	float: left;
}
#bottom ul li.r_b1 {
	background: url(../images/collection/bt_prof.png) no-repeat 0 0;
}
#bottom ul li.r_b1:hover {
	cursor: pointer;
}
#bottom ul li.r_b2 {
	background: url(../images/collection/bt_back.png) no-repeat 0 0;
}
#bottom ul li.r_b3 {
	background: url(../images/collection/bt_next.png) no-repeat 0 0;
}
#prof {
	display: none;
	position: absolute;
	top: 30%;
	left: 24%;
}
/*-------------------------------------------------------
about
-------------------------------------------------------*/
div#about2 {
	height: 680px;
	width: 700px;
	overflow: hidden;
	margin-top: 25px;
	float:right;
	margin-right:20px;
}
#about #about2 li {
	list-style-type: none;
	position: relative;
	width: 500px;
	margin-left: 125px;
	height: 650px;
	display: block;
}
#about #about2 li#sc2 {
	width: 550px;
}
#about #about2 li p {
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 20px;
	width: 485px;
}
#about #about2 li h1 {
	margin:10px 0 30px 0;
	display:block;
}
#about #about2 li#sc1 h1 {
	margin-top: 60px!important;
}
#about #about2 li#sc2 h1 {
	margin-top: -0px!important;
}
#about #about2 dl {
	width: 540px;
	font-size: 12px;
}
#about #about2 dl dt {
	float: left;
	clear: left;
	width: 60px;
	margin: 0 0 14px 0;
	font-size: 100%;
}
#about #about2 dl dt span {
	display: block;
	font-size: 80%;
}
#about #about2 dl dd {
	width: 450px;
	margin: 0 0 14px 10px;
	float: left;
	line-height: 1.4em;
}

#btn1 img {
	position: absolute;
	bottom: 65px;
	right: -15px;
}
#btn2 img {
	position: absolute;
	bottom: 25px;
	right: 25px;
}
#btn1 img:hover {
	cursor: pointer;
}
#btn2 img:hover {
	cursor: pointer;
}
/*-------------------------------------------------------
link
-------------------------------------------------------*/

#link ul li {
	margin: 5px 0 20px 0;
	list-style-type: none;
	font-size: 13px;
	color: #000;
	background: url(../images/link/link_icon.png) no-repeat 0 -1px;
	padding-left: 18px;
}
#link ul li.no_mark {
	background: none;
}
#link ul li a {
	color: #000;
	text-decoration: none;
}
nav#menu li {
	margin: 0;
}
#link ul li a:hover, #link ul li a:hover img {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: “alpha( opacity=40 )”;
}
#link #link2 {
	margin: 260px 0 0 15px;
	width: 650px;
	float:right;
}
/*--------------------------------------------------------
contact
---------------------------------------------------------*/
div#contact {
	margin: 120px 0 0 70px;
	width: 600px;
	height: 500px;
	position: absolute;
	left: 300px;
	float:right;
}
div#contact h3 {
	font-size: 18px;
	margin: 0 0 40px 0;
}
div#contact p {
	font-size: 13px;
	margin-bottom: 15px;
}
div#contact dl dt {
	font-size: 13px;
	margin-bottom: 2px;
}
div#contact dl dd {
	font-size: 13px;
	margin-bottom: 15px;
}
input[type=text], select {
	border: #ccc 1px solid;
	width: 200px;
	height: 25px;
	padding: 0 3px;
}
input[type=text]:focus {
	border: solid 1px #20b2aa;
}
input[type=text], select {
	outline: none;
}
div#contact textarea {
	border: #ccc 1px solid;
	padding: 0 3px;
	height:200px;
	width:450px;
}
input[type=submit], input[type=button] , input[type=reset] {
	border: #ccc 1px solid;
	width: 180px;
	height: 35px;
	padding: 0 3px;
}
input[type=submit]:hover, input[type=button]:hover , input[type=reset]:hover {
	border: #333 1px solid;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: “alpha( opacity=40 )”;
}

div#contact table#kakunin{
	width:680px;
	font-size:13px;
}
div#contact table#kakunin td {
	padding:10px 0;
	line-height:2em;
}
div#contact table#kakunin td.l_Cel {
	width:150px;
}
#form_btn {
	margin:15px auto;
}
/*--------------------------------------------
kiyaku
---------------------------------------------*/

div#modal hr {
	height: 1px;
	background-color: #222;
	border: none;
	color: #222;
}
div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1600;
}
div#modal div.modalBK {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	margin: 0;
	z-index: -2;
	top: -10px;
	bottom: -10px;
}
div#modal div.modalBody {
	position: relative;
	width: 500px;
	height: 620px;
	background-color: #ffffff;
	padding: 20px;
}
div#modal div.modalBody h1 {
	margin-bottom: 10px;
}
div#modal div.modalBody h2 {
	font-size: 90%;
	margin-bottom: 7px;
}
div#modal div.modalBody P {
	font-size: 90%;
	line-height: 1.5em;
}
div#modal div.modalBody P.shomei {
	text-align: right;
	margin-top: 50px;
}
#close {
	text-align: right;
	cursor: pointer;
}
#close a {
	color: #000;
	text-decoration: none;
}
/*--------------------------------------------
gallary
---------------------------------------------*/
div#gallary {
	margin-top: 65px;
}
#pic {
	/*width:560px;
	height:600px;*/
	width: 630px;
	height: 625px;
	/*background:#666;*/
	/*margin-right:30px;*/
	position: relative;
	float:right;
	margin-top:65px;
	margin-right:10px;
}
#pic canvas:hover {
	cursor: pointer;
}
#moda {
	display: none;
	position: relative;
	height: 600px;
}
#big {
	position: absolute;
	z-index: 1300;
}
#big img {
	width:100%;
	height:auto;
}
#bg {
	width: 640px;
	height: 630px;
	background-color: #fff;
	position: absolute;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	margin: 0;
	z-index: 999;
}
#cap img {
	position: absolute;
	top: 600px;
	left: 20px;
	z-index: 1200;
}
#remocon {
	float: right;
	position: absolute;
	right: 0;
	z-index: 1900;
}
#remocon li {
	float: left;
	list-style-type: none;
}
#g1 {
	top: 0;
	left: 0;
	position: absolute;
	display:block;
}
#g2 {
	top: 0;
	left: 98px;
	position: absolute;
	display:block;
}
#g3 {
	top: 0;
	left: 305px;
	position: absolute;
}
#g4 {
	top: 6px;
	left: 410px;
	position: absolute;
}
#g5 {
	top: 0;
	left: 496px;
	position: absolute;
}
#g6 {
	top: 135px;
	left: 0;
	position: absolute;
}
#g7 {
	top: 192px;
	left: 0;
	position: absolute;
}
#g8 {
	top: 147px;
	left: 68px;
	position: absolute;
}
#g9 {
	top: 147px;
	left: 222px;
	position: absolute;
}
#g10 {
	top: 147px;
	left: 350px;
	position: absolute;
}
#g11 {
	top: 147px;
	left: 475px;
	position: absolute;
}
#g12 {
	top: 269px;
	left: 0px;
	position: absolute;
}
#g13 {
	top: 369px;
	left: 0px;
	position: absolute;
}
#g14 {
	top: 269px;
	left: 125px;
	position: absolute;
}
#g15 {
	top: 294px;
	left: 267px;
	position: absolute;
}
#g16 {
	top: 407px;
	left: 267px;
	position: absolute;
}
#g17 {
	top: 407px;
	left: 340px;
	position: absolute;
}
#g18 {
	top: 299px;
	left: 440px;
	position: absolute;
}
#g19 {
	top: 500px;
	left: 0px;
	position: absolute;
}
#g20 {
	top: 469px;
	left: 132px;
	position: absolute;
}
#g21 {
	top: 503px;
	left: 262px;
	position: absolute;
}
#g22 {
	top: 489px;
	left: 445px;
	position: absolute;
}
#g1:hover, #g2:hover, #g3:hover, #g4:hover, #g5:hover, #g6:hover, #g7:hover, #g8:hover, #g9:hover, #g10:hover, #g11:hover, #g12:hover, #g12:hover, #g13:hover, #g14:hover, #g15:hover, #g16:hover, #g17:hover, #g18:hover, #g19:hover, #g20:hover, #g21:hover, #g22:hover {
	-moz-transform: rotate(5deg);  /* FireFox */
	-o-transform: rotate(5deg);  /* Opera */
	-webkit-transform: rotate(5deg);  /* webkit */
	-ms-transform: rotate(5deg);  /* IE9 */
	transform: rotate(5deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE5.5+ */
}
#arrow_c {
	position: absolute;
	top: 69px;
	left: 270px;/*background:#ccc;*/
}
#arrow_s {
	/*position: absolute;*/
	margin-top: 185px;
	margin-left: 120px;/*background:#ccc;*/
}
#arrow_a {
	position: absolute;
	top: 95px;
	left: 270px;/*background:#ccc;*/
}
#arrow_m {
	position: absolute;
	top: 345px;
	left: 210px;/*background:#ccc;*/
}
#arrow_l {
	z-index:9999;
	position: absolute;
	top: 345px;
	left: 120px;
	/*background:#ccc;*/
}