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

/* 下層ページの基本スタイル
-------------------------------------------------------------------------------------*/
/* html
------------------------------*/
html{
	overflow:auto;
	overflow-y:scroll;
	overflow: -moz-scrollbars-vertical;
	height:100%;
}

/* body
------------------------------*/

body{
	width:100%;
	height:100%;	
	font:9pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:url(../img/bc_body.jpg) top left repeat;
	color:#404040;
	behavior:url("../common/css/csshover.htc");
}

/* 見出し
------------------------------*/
h2{
	background:url(../img/h2_underline.gif) left bottom no-repeat;
	padding-bottom:20px;
	font:16pt "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:0.2em;
	margin-bottom:17px;
	color:#E63013;
}
h2 span.esub{
	font-size:11pt;
	letter-spacing:0.2em;
	color:#727272;
	display:inline-block;
	margin-left: 20px;
}
h3{
	background:url(../img/int_h3.gif) left 2px no-repeat;
	padding-bottom:8px;
	padding-left:25px;
	font:12pt "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	border-bottom:1px solid #D9D9D9;
	margin-bottom:20px;
	font-weight:bold;
}
h3.profile{
	background:none;
	padding-left:0;
	padding-bottom:25px;
	font:16pt "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:1em;
	border-bottom:1px solid #D9D9D9;
	margin-bottom:22px;
	color:#333333;
	font-weight:100;
}
h3.profile span.esub{
	font-size:11pt;
	letter-spacing:0.2em;
	display:inline-block;
	/margin-left: 20px;
}
h4{
	color:#333333;
	font-size:10pt;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #CCCCCC;
}
h4.contact{
	color:#333333;
	font-size:10pt;
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:11px;
	border-bottom:none;
}

/* テキストリンク
------------------------------*/

a{
	outline: none;
}

a:link{
	text-decoration:underline;
	color:#E83015;
}

a:visited{
	text-decoration:underline;
	color:#E83015;
}

a:hover{
	text-decoration:none;
	color:#E86448;
}

a:active{
	text-decoration:none;
	color:#E86448;
}
a.nored:link{
	text-decoration:none;
	color:#404040;
}

a.nored:visited{
	text-decoration:none;
	color:#404040;
}

a.nored:hover{
	text-decoration:none;
	color:#929292;
}

a.nored:active{
	text-decoration:none;
	color:#929292;
}

/* 画像リンク
------------------------------*/
a:hover img{
	opacity:0.65;
	filter: alpha(opacity=65);
	-ms-filter: "alpha(opacity=65)";
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	zoom:1;
	background: #fff;
}

/* レイアウト
------------------------------*/
#wrapper{
	background:url(../img/bc_top.jpg) top left repeat-y;
	width:920px;
	margin:0 auto;	
	padding:0 28px 0 28px;
	position:relative;
	min-height:100%;
	height: auto !important;/* IE6対策 */
	height: 100%; /* IE6対策 */
}

#contentswrap{
	padding-bottom:71px;
}

#header{
	height:134px;
	padding-top:20px;
	margin-bottom:30px;
}
#header #title{
	height:70px;
}
#header #gnavi{
	height:64px;
}

#header #gnavi ul.menu li{
	float:left;
}
#header #gnavi ul.menu li span.text{
	text-indent: -9999px;
	height:64px;
	cursor:pointer;
	display:block;
	overflow : hidden;
}

#header #gnavi ul.menu li.home{
	width:131px;
	background: url(../img/gnavi_home.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.home:hover{
	background: url(../img/gnavi_home_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.homenow{
	width:131px;
	background: url(../img/gnavi_home_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.profile{
	width:131px;
	background: url(../img/gnavi_profile.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.profile:hover{
	background: url(../img/gnavi_profile_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.profilenow{
	width:131px;
	background: url(../img/gnavi_profile_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.works{
	width:131px;
	background: url(../img/gnavi_works.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.works:hover{
	background: url(../img/gnavi_works_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.worksnow{
	width:131px;
	background: url(../img/gnavi_works_on.jpg) left top no-repeat;
}

#header #gnavi ul.menu li.event{
	width:131px;
	background: url(../img/gnavi_event.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.event:hover{
	background: url(../img/gnavi_event_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.eventnow{
	width:131px;
	background: url(../img/gnavi_event_on.jpg) left top no-repeat;
}

#header #gnavi ul.menu li.exhibition{
	width:132px;
	background: url(../img/gnavi_exhibition.jpg?1) left top no-repeat;
}
#header #gnavi ul.menu li.exhibition:hover{
	background: url(../img/gnavi_exhibition_on.jpg?1) left top no-repeat;
}
#header #gnavi ul.menu li.exhibitionnow{
	width:132px;
	background: url(../img/gnavi_exhibition_on.jpg?1) left top no-repeat;
}
#header #gnavi ul.menu li.school{
	width:132px;
	background: url(../img/gnavi_school.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.school:hover{
	background: url(../img/gnavi_school_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.schoolnow{
	width:132px;
	background: url(../img/gnavi_school_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.contact{
	width:132px;
	background: url(../img/gnavi_contact.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.contact:hover{
	background: url(../img/gnavi_contact_on.jpg) left top no-repeat;
}
#header #gnavi ul.menu li.contactnow{
	width:132px;
	background: url(../img/gnavi_contact_on.jpg) left top no-repeat;
}

#header #mv{
	height:400px;
	background: url(../../img/mv.jpg) left top no-repeat;	
}

#article{
	margin-bottom:67px;
}

#article #contents{
	width:900px;
	padding:0 10px 0 10px;
}
#article #contents740{
	width:740px;
	padding:0 90px 0 90px;
}
#article #contents740 dl.profile{
	line-height:2em;
	display:inline-block;
}

#article #contents740 dl.profile dt{
	clear:both;
	float:left;
	width:50px;
}
#article #contents740 dl.profile dt.long{
	clear:both;
	float:left;
	width:450px;
}
#article #contents740 dl.profile dd{
	float:left;
	width:434px;
}
#article #contents740 dl.profile dd.long{
	float:left;
	width:34px;
}
#article #contents740 div.section_works{
	float:left;
	width:370px;
	padding-bottom:30px;
}
#article #contents740 div.section_works dt{
	float:left;
	width:170px;
}
#article #contents740 div.section_works dd{
	float:left;
	padding-left:30px;
	width:130px;
	padding-right:40px;
}
#article #contents740 div.section_exhition{
	width:740px;
	margin-bottom:40px;
}
#article #contents740 div.section_exhition dt{
	float:left;
	width:220px;
}
#article #contents740 div.section_exhition dd{
	float:left;
	padding-left:20px;
	width:480px;
}
#article #contents740 div.section_exhition dd ul{
	float:left;
	width:50px;
}
#article #contents740 div.section_exhition dd li{
	float:left;
	width:430px;
}
#article #contents740 div.section_contanct{
	width:740px;
	margin-bottom:60px;
}
#article #contents740 div.section_contanct dt{
	float:left;
	width:220px;
}
#article #contents740 div.section_contanct dd{
	float:left;
	padding-left:40px;
	width:450px;
	padding-right:30px;
}
#article #contents740 div.section_school{
	width:740px;
	margin-bottom:40px;
}
#article #contents740 div.section_school dt{
	float:left;
	width:220px;
}
#article #contents740 div.section_school dd{
	float:left;
	padding-left:40px;
	width:480px;
}
#article #contents740 div.section_school2{
	float:left;
	width:150px;
	margin-bottom:23px;
	margin-right:46px;
}
#article #contents740 div.section_school2last{
	float:left;
	width:150px;
	margin-bottom:23px;
	margin-right:0;
}
#article #contents740 div.section_school2 dt,#article #contents740 div.section_school2last dt{
	width:150px;
	margin-bottom:17px;
	font-weight:bold;
	font-size:10pt;
}
#article #contents740 div.section_school2 dd,#article #contents740 div.section_school2last dd{
	width:150px;
}

#footer{
	position:absolute;
	bottom:0px;
	border-top:1px solid #D9D9D9;
	width:920px;
	height:70px;
	zoom: 1;
}

#footer #copyright{
	padding-top:15px;
	height:19px;
	color:#404040;
}
#footer #copyright span.tobig{
	font-family:'Times New Roman', 'Times';
	vertical-align:baseline;
}
#footer #totop{
	position:fixed;
	bottom:0px;
	right:20px;
	height:23px;
	vertical-align:bottom;
}

html.ie6 #footer #totop{
	padding-top:13px;
	height:23px;
	margin-left:853px;
	color:#404040;
	vertical-align:bottom;
}


/* shop
------------------------------*/
.shop .section_works dl dd h4 {
	font-size: 12px;
	font-weight: normal;
}
.shop .section_works dl dd h4 b {
	font-size: 14px;
	font-weight: bold;
}
.shop .section_works dl dd h4 span {
	font-size: 10px;
}
.shop .section_works dl dd p {
	font-size: 10px;
}

.shop .shop-item {
	font-size: 0;
	margin-bottom: 30px;
}
.shop .shop-item .section_works {
	float: none !important;
	display: inline-block;
	vertical-align: top;
}

.shop .shop-info {
	margin: 0 0 30px;
	padding: 20px;
	background-color: #f2f2f2;
}
.shop .shop-info p {
	font-size: 14px;
	text-align: center;
}
.shop .shop-info p.shop-email {
	font-size: 20px;
	font-weight: bold;
}
.shop .shop-info >*:last-child {
	margin-bottom: 0;
}
.shop p b {
	font-size: 14px;
	font-weight: bold;
}
.shop .shop-item .remake-item .section_works h4 {
	width: 340px;
	padding-bottom: 5px;
}
.shop .shop-item .remake-item .section_works .before {
	position: relative;
	display: block;
	float: left;
	border: 0.5px solid #ccc;
	margin-right: -0.5px;
}
.shop .shop-item .remake-item .section_works .before::before {
	content: "Before";
	color: #fff;
	position: absolute;
	left: 5px;
	top: 5px;
	font: 9pt "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	padding: 0 5px;
	background-color: rgba(0,0,0,0.5);
}
.shop .shop-item .remake-item .section_works .after {
	position: relative;
	display: block;
	float: left;
	border: 0.5px solid #ccc;
}
.shop .shop-item .remake-item .section_works .after::before {
	content: "After";
	color: #fff;
	position: absolute;
	left: 5px;
	top: 5px;
	font: 9pt "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	padding: 0 5px;
	background-color: rgba(232,48,21,0.75);
}

table.shop-table {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	width: 100%;
}
table.shop-table th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.shop-table td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}