@charset "UTF-8";
/* CSS Document */

/* ナビゲーション可変 */


/*-----------------------------------------------------------------------------box---*/

.boxtop {
	width: 677px;
	height: 5px;
	background:url(../shared/images/line_top.gif) top left no-repeat;
	background-color: #000;
	padding: 0;
	margin: 0;
	display:block;
	font-size: 0px;
	/*border: 1px solid #f00;*/
}



.boxmiddle2 p {
	font-size: 10px;
	color: #ffffff;
	line-height: 2;
}


.boxbottom {
	clear: both;
	float: left;
	width: 677px;
	height:5px;
	background:url(../shared/images/line_bottom.gif) bottom left no-repeat;
	background-color: #000;
	padding: 0;
	margin: 0;
	display:block;
	font-size: 0px;	
	/*border: 1px solid #f00;*/
}



/*-----------------------------------------------------------------------------works_menu---*/

#sidebar2 {
	clear: both;
	float:left;
	text-align: left;
	width: 174px;
	margin: 0;
	padding: 0;
	font-size: 0px;
}


#sidebar2 ul.menu {
	display:block; 
	margin: 0;
	padding: 0;
}

#sidebar2 ul.menu li {
	width: 174px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 18px 0px;
	line-height:0;
	/*border: 1px solid #f0f;*/
}


#sidebar2 ul.menu li.isetan {
	width: 174px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #fff;*/
}

#sidebar2 ul.menu li.sub {
	width: 174px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #fff;*/
}


#sidebar2 ul.menu li.b11 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 46px 0px;
}


#sidebar2 li a {
 	display: block;
	line-height:normal;
	padding:0;
	margin:0;
	/*border: 1px solid #fff;*/
}



/*-----------------------------------------------------------------------------roll0ver---*/
#sidebar2 ul.menu li.b01 {
	width: 50px;
	background:url(../works/images/b01_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02 {
	width: 60px;
	background:url(../works/images/b02_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b03 {
	width: 120px;
	background:url(../works/images/b03_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b04 {
	width: 50px;
	background:url(../works/images/b04_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b05 {
	width: 60px;
	background:url(../works/images/b05_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b06 {
	width: 90px;
	background:url(../works/images/b06_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b07 {
	width: 100px;
	background:url(../works/images/b07_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b08 {
	width: 70px;
	background:url(../works/images/b08_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b09 {
	width: 130px;
	background:url(../works/images/b09_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b10 {
	width: 150px;
	background:url(../works/images/b10_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b11 {
	width: 90px;
	background:url(../works/images/b11_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b12 {
	width: 80px;
	background:url(../works/images/b12_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b13 {
	width: 80px;
	background:url(../works/images/b13_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b14 {
	width: 140px;
	background:url(../works/images/b14_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b15 {
	width: 140px;
	background:url(../works/images/b15_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b16 {
	width: 80px;
	background:url(../works/images/b16_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b17 {
	width: 80px;
	background:url(../works/images/b17_r.gif) no-repeat;
}


#sidebar2 ul.menu li a:hover {
	background-color:transparent;
}

#sidebar2 ul.menu li a:hover img{
	visibility:hidden;
}



/*-----------------------------------------------------------------------------isetan---*/
#sidebar2 ul.menu li.b01_1 {
	width: 150px;
	background:url(../works/images/b01_01_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_2 {
	width: 150px;
	background:url(../works/images/b01_02_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_3 {
	width: 150px;
	background:url(../works/images/b01_03_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_4 {
	width: 150px;
	background:url(../works/images/b01_04_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_5 {
	width: 150px;
	background:url(../works/images/b01_05_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_6 {
	width: 150px;
	background:url(../works/images/b01_06_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_7 {
	width: 150px;
	background:url(../works/images/b01_07_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_8 {
	width: 150px;
	background:url(../works/images/b01_08_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b01_9 {
	width: 150px;
	background:url(../works/images/b01_09_r.gif) no-repeat;
}


/*-----------------------------------------------------------------------------anna sui---*/
#sidebar2 ul.menu li.b02_1 {
	width: 150px;
	background:url(../works/images/b02_01_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_2 {
	width: 150px;
	background:url(../works/images/b02_02_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_3 {
	width: 150px;
	background:url(../works/images/b02_03_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_4 {
	width: 150px;
	background:url(../works/images/b02_04_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_5 {
	width: 150px;
	background:url(../works/images/b02_05_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_6 {
	width: 150px;
	background:url(../works/images/b02_06_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_7 {
	width: 150px;
	background:url(../works/images/b02_07_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_8 {
	width: 150px;
	background:url(../works/images/b02_08_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b02_9 {
	width: 150px;
	background:url(../works/images/b02_09_r.gif) no-repeat;
}


/*-----------------------------------------------------------------------------opaque---*/
#sidebar2 ul.menu li.b04_1 {
	width: 150px;
	background:url(../works/images/b04_01_r.gif) no-repeat;
}

#sidebar2 ul.menu li.b04_2 {
	width: 150px;
	background:url(../works/images/b04_02_r.gif) no-repeat;
}



/*-----------------------------------------------------------------------------sidebar_sub---*/


#sidebar2 ul.submenu {
	display:block; 
	width: 174px;
	margin: 0;
	padding: 7px 0px 10px 0px;
	/*border: 1px solid #f0f;*/
}

#sidebar2 ul.submenu li {
	width: 174px;
	height: 10px;
	margin: 0;
	padding: 0px 0px 8px 0px;
	font-size: 0px;
	/*border: 1px solid #f00;*/
}



/*-----------------------------------------------------------------------------works_main---*/
.content {
	clear: both;
	margin: 0px 0px 54px 0px;
	padding: 0;
}

.box_works {
	float: left;
	width:675px;
	height: 800px;
	border-left: 1px #2c2a2b solid;
	border-right: 1px #2c2a2b solid;
	background-color: #000;
	text-align: left;
	/*border: 1px solid #fcc;*/
}

.title {
	width:600px;
	background-color: #000;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 30px;
}


.pic01 { 
	width: 650px;
	text-align: center;
	background-color: #000;
	margin: 0px auto;
	padding: 36px 0px 76px 0px;
}


.pic02 { 
	width: 650px;
	text-align: center;
	background-color: #000;
	margin: 0px auto;
	padding: 104px 0px 195px 0px;
}

.pic03 { 
	width: 675px;
	height:723px;
	text-align: center;
	background-color: #000;
	margin: 0;
	padding: 36px 0px 0px 0px;
	/* border: 1px solid #fff; */
}

.pic0４ { 
	width: 675px;
	text-align: center;
	background-color: #000;
	margin: 0;
	padding: 36px 0px 76px 0px;
}

/*-----------------------------------------------------------------------------works_main_white---*/

.box_works_w { 
	float: left;
	width:675px;
	border-left: 1px #d3d4d4 solid;
	border-right: 1px #d3d4d4 solid;
	background-color: #fff;
	text-align: left;
}

.title_w {
	width:600px;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 30px;
}


.pic01_w { 
	width: 650px;
	text-align: center;
	background-color: #fff;
	margin: 0px auto;
	padding: 36px 0px 76px 0px;
}


.pic02_w { 
	width: 650px;
	text-align: center;
	background-color: #fff;
	margin: 0px auto;
	padding: 104px 0px 195px 0px;
}


.boxtop_w {
	width: 677px;
	height: 5px;
	background:url(../shared/images/line_top_w.gif) top left no-repeat;
	background-color: #fff;
	padding: 0;
	margin: 0;
	display:block;
	font-size: 0px;	
}


.boxbottom_w {
	clear: both;
	background:url(../shared/images/line_bottom_w.gif) bottom left no-repeat;
	width: 677px;
	height:5px;
	background-color: #fff;
	padding: 0;
	margin: 0;
	/*border: 1px solid #fff;*/
}



/*-----------------------------------------------------------------------------navi---*/
#navi {
	clear: both;
	float:right;
	text-align: right;
	width: 138px;
	margin: 0px  0px 18px 0px;
	pading: 0px 34px 0px 0px;
}

#navi ul {
	margin: 0;
	padding: 0;
}

#navi ul li {
	float: left;
	list-style-type:none;
	height:24px;
	margin:0;
	padding: 0;
}

li.backBtn{
	width: 52px;
	background:url(../shared/images/bt_back_r.gif) no-repeat;
}

li.nextBtn{
	width: 52px;
	background:url(../shared/images/bt_next_r.gif) no-repeat;
}

li.backBtn_w{
	width: 52px;
	background:url(../shared/images/bt_back_w_r.gif) no-repeat;
}

li.nextBtn_w{
	width: 52px;
	background:url(../shared/images/bt_next_w_r.gif) no-repeat;
}

#navi li a{
	display:block;
	width:52px;
	height:24px;
}

#navi li a:hover {
	background-color:transparent;
}

#navi li a:hover img{
	visibility:hidden;
}