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

/* top
------------------------------------------------------------ */

#home {
	font-size:1.04em;
	line-height: 1.6em;
	}

#home #banner li {
	width: 440px;
	height: 260px;
	margin-bottom: 20px;
	text-indent: -9999px;
	border: 1px solid #CCC;
}


#top_leftBox {
	float: left;
	border-right: dashed #CCC 1px;
}
#top_rightBox {
	float: right;
	width: 440px;
	padding-left:15px;
	margin-bottom: 20px;
}

#home #news,
#home #event {
	float: left;
	width: 470px;
	clear: both;
	margin-bottom: 30px;
}



#home #news ul,
#home #event ul {
	margin-top: 5px;
}
#home #news li,
#home #event li {
	float: left;
	display: block;
	width: 450px;
	padding: 12px 0;
	border-bottom: 1px dashed #E9DEE5;
}
#home #news .newsDate il,
#home #event .newsDate il {
	width: 100px;
	font-weight: bold;
}

#home .ArtHistory a {
	display:block;
	width:450px;
	height: 0;
	padding-top: 76px;
	overflow: hidden;
	background: url(../img/topBnr_ArtHistory.jpg) no-repeat;
	}
#home .ArtHistory a:hover {
	background-position: 0 -76px;
	}

.eventBox {
	float: left;
	display: block;
	width: 450px;
	padding: 12px 0;
	border-bottom: 2px dashed #E9DEE5;
	margin-bottom: 10px;
}

.eventBox .topEventTtl { width: 440px; float: left; font-weight: bold; padding: 0 40px; margin-top: 10px; background-color:#E9DEE5; padding: 10px 5px; }
.eventBox .topEventTtl_ttl { width: 440px; float: left; font-weight: bold; text-align: center; margin: 10px 0 5px;}
.eventBox .topEventTtlBox_PinkBold { width: 426px; float: left; font-weight: bold; margin-bottom: 5px; padding: 10px; border: 2px solid #E9DEE5}
.eventBox .topEventTtlBox_Pink { width: 426px; float: left; margin-bottom: 5px; padding: 10px; border: 2px solid #E9DEE5}

.eventBox .topEventTtlBox_BlueBold { width: 440px; float: left; font-weight: bold; padding: 0 40px; margin-top: 10px; background-color:#DFE7EA; padding: 10px 5px; }
.eventBox .topEventTtlBox_Blue{ width: 426px; float: left; margin-bottom: 5px; padding: 10px; border: 2px solid #DFE7EA}

.eventBox .topEventImg { width: 200px; float: left; margin-top: 15px; }
.eventBox .topEventTxtInBox { width: 200px; float: right; }

.eventBox .topEventRtxt { width: 200px; float: left; margin: 15px 0 0 20px; }
.eventBox .topEventWide { width: 450px; float: left; margin-top: 15px; }

.eventTabel { padding-left: 10px;}
.cols { border-collapse:collapse;}
.eventTabel td { font-size:90%; padding: 5px; border: 1px solid #CCC;}

.TopTopicCaption { width:940px; display: block;}


#news h2 {
	text-indent: -9999px;
	width: 450px;
	height: 32px;
	padding-bottom: 10px;
	border-bottom: solid #CCC 1px;
	background:url(../img/h2_top.jpg) 0 0 no-repeat;	
}

#event h2 {
	text-indent: -9999px;
	width: 450px;
	height: 32px;
	padding-bottom: 10px;
	border-bottom: solid #CCC 1px;
	background:url(../img/h2_top.jpg) 0 -42px no-repeat;	
}

#top_rightBox .hotNews {
	width: 415px;
	border: 3px solid #CCC;
	padding: 15px;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #C00;
	font-weight: bold;
	}

.event_bkglay { background-color: #999;}
.event_textPink { color: #F36;}
.fWtB { font-weight: bold;}
.attention { font-weight: bold; color: #F69;}

.twitter { margin: 20px 0;}

#home .message {
	text-align: center;
}

#home .newyear{
	border: #BFC990 1px solid;
	text-align: center;
	font-size: 1.1em;
	padding-bottom: 15px;
}

.seeMore { font-size: 0.9em; font-weight: bold;}

#home .eventImg {
	float: left;
	margin-top:10px;}
	
#home .eventTxt{
	float: left;
	margin:10px 0 0 10px;
	width:240px;}



.fbSendButton {
	border: #CCC 2px solid;
	text-align: center;
	font-size: 0.95em;
	padding: 10px;
	margin-top: 10px;
	}
.iPhone4_top { text-align: center; border: 1px solid #CCC; padding: 10px;}
/*
#home #banner .art { background: url(../img/TopBnnr.jpg) no-repeat 0 -120px;}
#home #banner .art a:hover { background: url(../img/TopBnnr.jpg) no-repeat -220px -120px;}
#home #banner .design { background: url(../img/TopBnnr.jpg) no-repeat 0 -240px;}
*/

.InfoBox {
	padding: 30px 0;
	}

.InfoBox li {
	display:block;
	float: left;
	text-align: center;
	line-height: 300%;
	color: #666;
	margin-bottom:20px;
	}

/* add */

	
	
.topAddChristmas,
.topAddSale,
.topAddiPhone45 {
	width: 440px;
	text-indent: -9999px;}
	

.topAddChristmas a,
.topAddSale a,
.topAddiPhone45 a {
	display: block;
	width: 440px;
	height: 100%;
	text-indent: -9999px;}
	


.topAddiPhone45,
.topAddiPhone45 a:hover {
	background: url(../img/top_add.jpg) no-repeat;}


.topAddiPhone45 { background-position: 0 0; height: 500px;}
.topAddiPhone45 a:hover { background-position: -440px 0; height: 500px;}

.workshop {
	padding:0 15px 15px;
	border: 1px solid #CCC;
	margin-top:20px;
	}
	
.infoNote {
	font-weight: bold;
	line-height: 2em;
	margin-bottom: 30px;}

/* multiHero
------------------------------------------------------------ */
img{ border: 0; vertical-align: bottom; }
#multiHero {
	margin: 0 auto;
	text-align: left;
}
#multiHeroContents {
	width: 940px;
	height: 380px;
	margin: 0;
	padding: 0;
}
#multiHeroContents li{
	display: none;
}
#multiHeroControls {
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
}
#multiHeroControls li {
	float: left;
	margin-bottom: 30px;
}
#multiHeroControls li a {
	display: block;
	padding: 5px 5px;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 70%;
	font-family: Arial, sans-serif;
	text-decoration: none;
	line-height: 0.75;
}
#multiHeroControls li a:hover {
	background: #CCCCCC;
}
#multiHeroControls li.thisChild a {
	border-color: #666666;
	background: #666666;
	font-weight: bold;
	color: #FFFFFF;
}
#multiHeroControls li.next a {
	margin: 0;
}


/* contents
------------------------------------------------------------ */

#leftBox {
	width: 180px;
	margin-right: 40px;
	float: left;
	}

#rightBox {
	width: 720px;
	float: left;
	}

#fullBox{ width: 940px;}

#rightFullBox {
	width: 940px;
	float: left;
	}

.fullWide {
	width:720px;
}

.WorksBox {
	widows:900px;
	}

.WorksImg {
	width:900px;
	text-align:center
}
.WorksTxtL{
	float:left;
	width:440px:
	}
.WorksTxtR{
	float: left;
	margin-left:20px;
	width:440px;
	}

/* ------------------------------------------------------------
                             art
------------------------------------------------------------ */

/* 展示・販売可能
------------------------------------------------------------ */
#Container .mix{
	display: none;
}

#ArtsBox div { margin: 13px; text-align: center;}

.ctg { width: 940px; display: block; overflow: hidden;}

.filBtn1 { width:180px; float:left; margin-bottom: 10px;}
.filBtn2 { width:180px; float:left; margin: 0 0 10px 10px;}

#ArtsList .goTopBttm {
	width: 940px;
	padding: 90px 0 20px;
	text-align: right;
	clear: both;
}

#ArtsList .goTop
{
	width: 940px;
	padding: 90px 0 20px;
	text-align: right;
	clear: both;
	border-bottom: 1px dotted;
}



/* art_ left navi
------------------------------------------------------------ */
	
#lNavi_art li {
	width: 180px;
	text-indent: -9999px;
}
#lNavi_art li a {
	display: block;
	width: 180px;
	height: 100%;
}

.LN_painting,
.LN_paint_1,
.LN_paint_1 a:hover,
.LN_paint_2,
.LN_paint_2 a:hover,
.LN_paint_3,
.LN_paint_3 a:hover,
.LN_paint_4,
.LN_paint_4 a:hover {
	background: url(../art/img/leftNav_painting.jpg) no-repeat;}

.LN_painting { background-position: 0 0; height: 51px;}

.LN_paint_1 { background-position: 0 -51px; height: 32px;}
.LN_paint_1 a:hover { background-position: -180px -51px; height: 32px;}
#page_tripToItaly .LN_paint_1 { background-position: -360px -51px; height: 32px;}
#page_tripToItaly2 .LN_paint_1 { background-position: -360px -51px; height: 32px;}

.LN_paint_2 { background-position: 0 -83px; height: 32px;}
.LN_paint_2 a:hover { background-position: -180px -83px; height: 32px;}
#page_tripToIndia .LN_paint_2 { background-position: -360px -83px; height: 32px;}

.LN_paint_3 { background-position: 0 -115px; height: 32px;}
.LN_paint_3 a:hover { background-position: -180px -115px; height: 32px;}
#page_tripToEngland .LN_paint_3 { background-position: -360px -115px; height: 32px;}

.LN_paint_4 { background-position: 0 -147px; height: 39px;}
.LN_paint_4 a:hover { background-position: -180px -147px; height: 39px;}
#page_tripToBrazil .LN_paint_4 { background-position: -360px -147px; height: 39px;}

.LN_calligraphy { background: url(../art/img/sideNav_art.jpg) no-repeat 0 -154px; height: 45px;}
.LN_calligraphy a:hover { background: url(../art/img/sideNav_art.jpg) no-repeat -180px -154px; height: 45px;}

.LN_other { background: url(../art/img/sideNav_art.jpg) no-repeat 0 -199px; height: 45px;}
.LN_other a:hover { background: url(../art/img/sideNav_art.jpg) no-repeat -180px -199px; height: 45px;}

.LN_printMaking { background: url(../art/img/sideNav_art.jpg) no-repeat 0 -244px; height: 32px;}
.LN_printMaking a:hover { background: url(../art/img/sideNav_art.jpg) no-repeat -180px -244px; height: 32px;}

.LN_conceptual { background: url(../art/img/sideNav_art.jpg) no-repeat 0 -276px; height: 32px;}
.LN_conceptual a:hover { background: url(../art/img/sideNav_art.jpg) no-repeat -180px -276px; height: 32px;}

.LN_ceramics { background: url(../art/img/sideNav_art.jpg) no-repeat 0 -308px; height: 39px;}
.LN_ceramics a:hover { background: url(../art/img/sideNav_art.jpg) no-repeat -180px -308px; height: 39px;}

.LN_old { background: url(../art/img/sideNav_art.jpg) no-repeat 0 -347px; height: 46px;}
.LN_old a:hover { background: url(../art/img/sideNav_art.jpg) no-repeat -180px -347px; height: 46px;}

.tripTo_underGN {
	margin: 20px 0 40px 0;
}

.tripTo_underGN li {
	float: left;
	display: block;
	border: 1px solid #CCC;
	padding: 5px 10px;
	margin-right: 10px;
}

/* art h2
------------------------------------------------------------ */
#indexArt h2,
#tripToTop h2,
#page_tripToItaly h2,
#page_tripToItaly2 h2,
#page_tripToIndia h2,
#page_tripToEngland h2,
#page_tripToBrazil h2,
#page_other h2,
#calligraphy h2,
#printmaking h2,
#conceptual h2,
#conceptual h2,
#old h2
{
	background:url(../img/ttl_category.jpg) no-repeat  0 0;
	height: 41px;
	margin-top:20px;
	text-indent: -9999px;
	}


	
	
/* art h3
------------------------------------------------------------ */

#page_tripToItaly h3,
#page_tripToItaly2 h3,
#page_tripToIndia h3,
#page_tripToEngland h3,
#page_tripToBrazil h3,
#page_other h3
	{ 
	background: url(../img/h3_art.jpg) no-repeat 0 0;
	width: 720px;
	margin-top: 18px;
	padding-top: 42px;
	height: 0;
	overflow: hidden;
	}
	
#calligraphy h3,
#printmaking h3,
#conceptual h3,
#other h3,
#old h3
	{
	background: background:url(../img/h3_art.jpg) no-repeat;
	margin-top: 18px;
	width: 720px;
	height: 42px;
	text-indent: -9999px;
	}

#calligraphy h3 { background:url(../img/h3_art.jpg) no-repeat 0 -126px;}
#printmaking h3,
#conceptual h3,
#other h3 { background:url(../img/h3_art.jpg) no-repeat 0 -210px; }
#old h3 { background:url(../img/h3_art.jpg) no-repeat 0 -252px; }

/* art h4
------------------------------------------------------------ */

.paint_trip2 h4,
.paint_trip3 h4,
.paint_tripBrazil h4,
.printmakingBox h4,
.conceptualBox h4,
.old1 h4,
#TTAmerica h4
	{
		background: url(../art/img/h4_painting.jpg) no-repeat;
		margin-top: 18px;
		width: 720px;
		height: 42px;
		text-indent: -9999px;
	}
	
.paint_trip1 h4 { background-position: 0 0px;}
.paint_trip2 h4 { background-position: 0 -40px;}
.paint_trip3 h4 { background-position: 0 -80px;}
.paint_tripBrazil h4 { background-position: 0 -120px;}
#TTAmerica h4 { background-position: 0 -200px;}

.printmakingBox h4 { background:url(../art/img/h4.jpg) no-repeat 0 -120px;}
.conceptualBox h4 { background:url(../art/img/h4.jpg) no-repeat 0 -160px;}
.old1 h4 { background:url(../art/img/h4.jpg) no-repeat 0 -240px;}




/* art_ contents
------------------------------------------------------------ */
.indexBtnL {
	width:345px;
	float:left;
	margin-right: 30px;
	}
.indexBtnR {
	width:345px;
	float:left;}

.work_A {
	padding-top: 50px;
	clear: both;
}

.PaintWork {
	width: 525px;
	float: left;
	text-align: center;
}

#TTAmerica .PaintWork {
	width: 500px;
	float: left;
	text-align: center;
}

#TTAmerica .PaintCaption {
	font-size: 0.9em;
	width: 200px;
	float: right;
}

.PaintCaption {
	font-size: 0.9em;
	width: 175px;
	float: right;
}
.PaintCaption ul {
	margin-bottom: 20px;
}
.PaintCaption li {
	line-height: 2em;
	padding-top:5px;
}
.soldOut {
	color: #C00;
	font-weight: bold;
}
.selling {
	color: #87BEB9;
	font-weight: bold;
	}
.price { font-weight: bold; color:#999;}

.CptnBBdashed {
	border-bottom: 1px dashed #CCC;
	padding-bottom: 10px;}


/* trip to Index
------------------------------------------------------------ */

#tripToTop .TTIndexLi li a {
	display:block;
	float: left;
	height: 0;
	width: 350px;
	padding-top: 200px;
	overflow: hidden;
	margin-top: 20px;
}


.TTIndexLi .TT5Usa a { background: url(../art/paint/img/tripToIndex.jpg) no-repeat 0 -1000px; }
.TTIndexLi .TT5Usa a:hover { background-position: -350px -1000px;}

.TTIndexLi .TT2Ita2 a { background: url(../art/paint/img/tripToIndex.jpg) no-repeat 0 -800px; margin-left:20px; }
.TTIndexLi .TT2Ita2 a:hover { background-position: -350px -800px;}

.TTIndexLi .TT4Bra a { background: url(../art/paint/img/tripToIndex.jpg) no-repeat 0 -600px;}
.TTIndexLi .TT4Bra a:hover { background-position: -350px -600px;}

.TTIndexLi .TT3Eng a { background: url(../art/paint/img/tripToIndex.jpg) no-repeat 0 -400px; margin-left:20px;}
.TTIndexLi .TT3Eng a:hover { background-position: -350px -400px;}

.TTIndexLi .TT2Ind a { background: url(../art/paint/img/tripToIndex.jpg) no-repeat 0 -200px;}
.TTIndexLi .TT2Ind a:hover { background-position: -350px -200px;}

.TTIndexLi .TT2Ita a { background: url(../art/paint/img/tripToIndex.jpg) no-repeat 0 0; margin-left:20px;}
.TTIndexLi .TT2Ita a:hover { background-position: -350px 0;}


/* ------------------------------------------------------------
                            design
------------------------------------------------------------ */
/* design_ left navi
------------------------------------------------------------ */
.work_web {
	padding-top: 70px;
	clear: both;
}


#lNavi_design li a {
	display:block;
	float: left;
	height: 0;
	width: 180px;
	padding-top: 50px;
	overflow: hidden;
}


.LN_illustration { background: url(../design/img/leftNavi_design.jpg)  no-repeat 0 0; height: 50px;}
.LN_illustration a:hover { background: url(../design/img/leftNavi_design.jpg) no-repeat -180px 0; height: 50px;}

.LN_logo { background: url(../design/img/leftNavi_design.jpg)  no-repeat 0 -50px; height: 50px;}
.LN_logo a:hover { background: url(../design/img/leftNavi_design.jpg) no-repeat -180px -50px; height: 50px;}


.LN_graphic { background: url(../design/img/leftNavi_design.jpg)  no-repeat 0 -100px; height: 50px;}
.LN_graphic a:hover { background: url(../design/img/leftNavi_design.jpg) no-repeat -180px -100px; height: 50px;}

.LN_web{ background: url(../design/img/leftNavi_design.jpg)  no-repeat 0 -150px; height: 50px;}
.LN_web a:hover { background: url(../design/img/leftNavi_design.jpg) no-repeat -180px -150px; height: 50px;}






/* design_ contents
------------------------------------------------------------ */
.Dwork_ci {
	width: 720px;
	padding-top: 30px;
	border-bottom: 1px dotted;
	clear: both;
}

.ci_img {
	width: 560px;
	float: left;
	text-align: center;
}

.ci_caption {
	font-size: 0.9em;
	line-height: 2em;
	margin-top: 50px;
	width: 300px;
	float: left;
	clear: both;
}

.web_caption {
	font-size: 0.9em;
	line-height: 2em;
	width: 200px;
	float: left;
	margin-left: 30px;
}
.web_caption ul {
	margin-bottom: 20px;
}

	
/* design_ h2
------------------------------------------------------------ */
#design_advertising h2,
#design_web h2, 
#design_graphics h2,
#design_logo h2
	{
	height: 41px;
	margin-top:20px;
	text-indent: -9999px;
	background:url(../img/ttl_category.jpg) no-repeat  0 -41px;
	}

#design_illustration h2
	{
	background:url(../works/img/h2Works.jpg) no-repeat;	
	display:block;
	float: left;
	height: 0;
	width: 180px;
	margin-top:20px;
	padding-top: 50px;
	overflow: hidden;
	}
	

	
/* design_ h3
------------------------------------------------------------ */

#design_advertising h3,
#design_web h3,
#design_graphics h3,
#design_logo h3,
#design_illustration h3
	{
	margin-top: 18px;
	width: 720px;
	height: 42px;
	text-indent: -9999px;
	}
#design_advertising h3 { background:url(../design/img/dtl_ttl_design.jpg) 0 0;}
#design_web h3 { background:url(../design/img/dtl_ttl_design.jpg) 0 -42px;}
#design_logo h3 { background:url(../design/img/dtl_ttl_design.jpg) 0 -84px;}
#design_graphics h3 { background:url(../design/img/dtl_ttl_design.jpg) 0 0;}
#design_illustration h3 { background:url(../design/img/dtl_ttl_design.jpg) 0 -126px;}

	
/* web_design
------------------------------------------------------------ */
.WebDesignWork {
	width: 470px;
	float: left;
	text-align: center;
}

.weblink { float: left; margin-top: 20px;}


/* ------------------------------------------------------------
                            show
------------------------------------------------------------ */
/* show_ left navi
------------------------------------------------------------ */

#show h4 { margin: 50px 0 20px;}
#lNavi_show { margin-bottom: 45px;}

#lNavi_show li {
	background:url(../show/img/sideNav_show.jpg) no-repeat;
	text-indent: -9999px;
	width: 180px;
	height: 32px;
	}
#lNavi_show li a {
	display: block;
	width: 180px;
	height: 32px;
}
	
#lNavi_show .LN_ex2015 { background-position: 0 0;}
#lNavi_show .LN_ex2015 a:hover { background-position: -180px 0;}

#lNavi_show .LN_ex2014 { background-position: 0 -32px;}
#lNavi_show .LN_ex2014 a:hover { background-position: -180px -32px;}

#lNavi_show .LN_ex2013 { background-position: 0 -64px;}
#lNavi_show .LN_ex2013 a:hover { background-position: -180px -64px;}

#lNavi_show .LN_ex2012 { background-position: 0 -96px;}
#lNavi_show .LN_ex2012 a:hover { background-position: -180px -96px;}



.collabo { width: 720px; text-align: center;}
.show20120422 { font-size: 1.2em;}
.makoInfo { width: 450px; margin: 0 auto;}

#show .goTop
{
	width: 720px;
	padding: 50px 0 20px;
	text-align: right;
	clear: both;
	border-bottom: 1px dotted;
}
#show .goTopBttm {
	width: 720px;
	padding: 50px 0 20px;
	text-align: right;
	clear: both;
}

/* show_ contents
------------------------------------------------------------ */
#about table, td, tr { padding: 2px 0;}

#show h2,
#saudade2012 h2 {
	background:url(../img/ttl_category.jpg) no-repeat  0 -123px;
	height: 41px;
	margin-top:20px;
	text-indent: -9999px;
	}
	
.exhibition_imgL {
	width: 350px;
	border: 1px #CCC thin;
	float: left;
}
.exhibition_imgR {
	width: 350px;
	border: 1px #F1F1F1 thin;
	float: right;
}
.exhibition_imgL p,
.exhibition_imgR p { margin: 20px 0;
}

#show .h3_ttl_ex2012,
#show .h3_ttl_ex2013,
#saudade2012 .h3_ttl_ex2012
{
	width: 720px;
	margin-top: 20px;
	background: url(../show/img/dtl_ttl.jpg) no-repeat;
	height: 0;
	padding-top: 42px;
	overflow: hidden;
}

.h3_ttl_ex2012 { background-position: 0 0;}
.h3_ttl_ex2013 { background-position: 0 -39px;}

.showTtl {
	line-height: 1.5em;
	font-size: 1.2em;
	color: #F60;
	font-weight: bold;
	margin-bottom: 10px;
	}

#show h4 { font-size: 1.3em; }
#show h5 { font-size: 1.1em; font-weight: bold; border: 2px solid #F99; padding: 10px 25px; margin: 30px 0 10px 0; }

.infoBlock { border-bottom: 1px dotted #999; padding: 20px 0;}


	
.archiveList li {
	display: block;
	width:348px;
	float: left;
	margin-top: 15px;
}


/* show_ saudade2012
------------------------------------------------------------ */

#saudade2012 h4 {
	background: url(../show/2012/img/saudade2012/h4_saudade2012.jpg) no-repeat;
	width: 720px;
	margin: 25px 0 5px;
	height: 0;
	padding-top: 36px;
	overflow: hidden;
	}
	
#saudade2012 .h4SaudadeTtl { background-position: 0 0;}
#saudade2012 .h4SaudadeThema { background-position: 0 -36px;}
#saudade2012 .h4SaudadePlace { background-position: 0 -71px;}
#saudade2012 .h4SaudadeIori { background-position: 0 -108px;}
#saudade2012 .h4SaudadeUnsyudo { background-position: 0 -144px;}
#saudade2012 .h4SaudadeLive { background-position: 0 -180px;}
#saudade2012 .h4SaudadeUchiage { background-position: 0 -211px;}
#saudade2012 .h4SaudadeLast { background-position: 0 -246px;}

.saudadeMilMag { margin-top:45px; padding-top: 30px;}


.saudade2012Box {
	width: 720px;
	float: left;
	padding: 20px 0;
	border-bottom: 1px dashed #CCC;
}
.saudade2012Box_Bttm {
	width: 720px;
	float: left;
	padding: 20px 0;
}	
.saudade2012LeftBox {
	width:345px;
	float:left;
}
.saudade2012RightBox {
	width:345px;
	float:right;
}
.saudade2012Note {
	font-size: 0.9em;
	margin-top: 7px;
	line-height: normal;
}


/* ------------------------------------------------------------
                            about
------------------------------------------------------------ */
/* about_ left navi
------------------------------------------------------------ */

#LN_about li {
	width: 180px;
	text-indent: -9999px;
}

#LN_about li a {
	display: block;
	width: 180px;
	height: 100%;
}

.LN_about_1 { background: url(../about/img/leftNav_artHistory.jpg) no-repeat 0 0; height: 47px;}

.LN_about_2 { background: url(../about/img/leftNav_artHistory.jpg) no-repeat 0 -46px; height: 32px;}
.LN_about_2 a:hover { background: url(../about/img/leftNav_artHistory.jpg) no-repeat -180px -46px; height: 32px;}

.LN_about_3 { background: url(../about/img/leftNav_artHistory.jpg) no-repeat 0 -78px; height: 32px;}
.LN_about_3 a:hover { background: url(../about/img/leftNav_artHistory.jpg) no-repeat -180px -78px; height: 32px;}

.LN_about_4 { background: url(../about/img/leftNav_artHistory.jpg) no-repeat 0 -110px; height: 37px;}
.LN_about_4 a:hover { background: url(../about/img/leftNav_artHistory.jpg) no-repeat -180px -110px; height: 37px;}


.LN_about_art { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -115px; height: 45px;}

.LN_about_art_1 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -160px; height: 32px;}
.LN_about_art_1 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -160px; height: 32px;}

.LN_about_art_2 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -192px; height: 32px;}
.LN_about_art_2 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -192px; height: 32px;}

.LN_about_art_3 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -224px; height: 32px;}
.LN_about_art_3 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -224px; height: 32px;}

.LN_about_art_4 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -256px; height: 32px;}
.LN_about_art_4 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -256px; height: 32px;}

.LN_about_art_5 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -288px; height: 39px;}
.LN_about_art_5 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -288px; height: 39px;}

.LN_about_works { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -327px; height: 45px;}

.LN_about_works_1 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -372px; height: 32px;}
.LN_about_works_1 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -372px; height: 32px;}

.LN_about_works_2 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -404px; height: 32px;}
.LN_about_works_2 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -404px; height: 32px;}

.LN_about_works_3 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -436px; height: 32px;}
.LN_about_works_3 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -436px; height: 32px;}

.LN_about_works_4 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -468px; height: 32px;}
.LN_about_works_4 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -468px; height: 32px;}

.LN_about_works_5 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -501px; height: 32px;}
.LN_about_works_5 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -501px; height: 32px;}

.LN_about_works_6 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -533px; height: 32px;}
.LN_about_works_6 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -180px -533px; height: 32px;}

.LN_about_works_7 { background: url(../about/img/leftNav_about.jpg) no-repeat 0 -565px; height: 33px;}
.LN_about_works_7 a:hover { background: url(../about/img/leftNav_about.jpg) no-repeat -565px -404px; height: 33px;}

.profLeft {
	float:left;
	width: 300px;
}

.profRight {
	margin-left: 20px;
	width:400px;
	float: left;
}
.profTableMiddle {
	text-align:right;
	padding-right: 15px;}

/*----- */



#about h2,
#about_art h2,
#artHistory h2 {
	background:url(../img/ttl_category.jpg) no-repeat  0 -82px;
	height: 41px;
	margin-top:20px;
	text-indent: -9999px;
	}


#artHistory h3 { margin-top: 18px;}

#about h3
	{ margin-top: 18px;
	width: 720px;
	height: 42px;
	text-indent: -9999px;
	}
#about h3{ background: url(../about/img/h3_about.jpg) no-repeat 0 0; }


#about h4
	{ background:url(../about/img/h4_about.jpg) no-repeat;
		margin: 18px 0 10px;
		width: 720px;
		padding-top: 42px;
		height: 0;
		overflow: hidden;
	}
	
.h4_profile { background-position: 0 -42px;}

.introduce { margin-top:10px; }

.englishTop { margin-top: 30px; padding-top: 20px; border-top: 1px dashed #CCC;}



/* ------------------------------------------------------------
                        about history
------------------------------------------------------------ */
#artHistory h4 {
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;}

.historyImgBox {
	float: left;
	width:226px;
	margin-right: 30px;
	}

.historyTimelineBarBox {
	float: left;
	width: 1px;
	background: url(../about/img/timeline_Bar.jpg) repeat-y;
	}
.historyTimelineBox {
	float: left;
	width:68px;
	margin-right: 15px;
}
.historyExplanBox {
	float: left;
	width:380px;
	}
.timelineTtl {
	font-weight: bold;
	color: #AB9C82;
	font-size: 1.1em;
	}
.timelineTrip {
	font-weight: bold;
	color: #889BC3;
	font-size: 1.1em;
	}
	

.hist2014 {	height:260px;}
.hist2013 {	height:230px;}
.hist2012 {	height:185px;}
.hist2011 {	height:270px;}
.hist2010 {	height:330px;}
.hist2009 {	height:500px;}
.hist2008 {	height:438px;}
.hist2001 {	height:200px;}
.hist1999 {	height:380px;}
.hist1998 {	height:325px;}
.hist1997 {	height:640px;}
.hist1996 {	height:470px;}
.histEleSchool { height:200px;}
.histTrip { height: 320px;}
	
/* ------------------------------------------------------------
                           about ART
------------------------------------------------------------ */


#about_art h3
	{ margin-top: 18px;
	width: 720px;
	height: 42px;
	text-indent: -9999px;
	}
	
#about_art h3 { background: url(../about/img/h3_about.jpg) no-repeat 0 -42px; }


#about_art h4
	{ margin: 10px 0 10px;
		width: 720px;
		height: 42px;
		text-indent: -9999px;
	}
	
.h4_aboutArt_buy { background: url(../about/img/h4_aboutArt.jpg) 0 0 no-repeat;}
.h4_aboutArt_order { background: url(../about/img/h4_aboutArt.jpg) 0 -42px no-repeat;}
.h4_aboutArt_rental { background: url(../about/img/h4_aboutArt.jpg) 0 -84px no-repeat;}
.h4_aboutArt_consign { background: url(../about/img/h4_aboutArt.jpg) 0 -126px no-repeat;}
.h4_aboutArt_exhibition { background: url(../about/img/h4_aboutArt.jpg) 0 -168px no-repeat;}


.about_icon1 li {
	float: left;
	text-indent: -9999px;
	height: 27px;
	margin-top: 7px;
	margin-bottom: 10px;
	}
.about_icon1 li a { height: 27px; display: block;}

.icon_abtArt_buy1 { background: url(../about/img/icon_about_art.jpg) 0 0 no-repeat; width: 178px; }
.icon_abtArt_buy1 a:hover { background: url(../about/img/icon_about_art.jpg) 0 -27px no-repeat; width: 178px; }
.icon_abtArt_buy2 { background: url(../about/img/icon_about_art.jpg) -178px 0 no-repeat; width: 282px; }
.icon_abtArt_buy2 a:hover { background: url(../about/img/icon_about_art.jpg) -178px -27px no-repeat; width: 282px; }


.icon_abtArt_order1 { background: url(../about/img/icon_about_art.jpg) -460px 0 no-repeat; width: 115px; }
.icon_abtArt_order1 a:hover { background: url(../about/img/icon_about_art.jpg) -460px -27px no-repeat; width: 115px; }

.icon_abtArt_order2 { background: url(../about/img/icon_about_art.jpg) -575px 0 no-repeat; width: 79px; }
.icon_abtArt_order2 a:hover { background: url(../about/img/icon_about_art.jpg) -575px -27px no-repeat; width: 79px; }

.icon_abtArt_order3 { background: url(../about/img/icon_about_art.jpg) 0 -54px no-repeat; width: 153px; }
.icon_abtArt_order3 a:hover { background: url(../about/img/icon_about_art.jpg) 0 -81px no-repeat; width: 153px; }

.icon_abtArt_order4 { background: url(../about/img/icon_about_art.jpg) -153px -54px no-repeat; width: 67px; }
.icon_abtArt_order4 a:hover { background: url(../about/img/icon_about_art.jpg) -153px -81px no-repeat; width: 67px; }

.icon_abtArt_order5 { background: url(../about/img/icon_about_art.jpg) -220px -54px no-repeat; width: 153px; }
.icon_abtArt_order5 a:hover { background: url(../about/img/icon_about_art.jpg) -220px -81px no-repeat; width: 153px; }

.icon_abtArt_order7 { background: url(../about/img/icon_about_art.jpg) -551px -54px no-repeat; width: 103px; }
.icon_abtArt_order7 a:hover { background: url(../about/img/icon_about_art.jpg) -551px -81px no-repeat; width: 103px; }

.icon_abtArt_consign { background: url(../about/img/icon_about_art.jpg) -551px -54px no-repeat; width: 103px; }
.icon_abtArt_consign a:hover { background: url(../about/img/icon_about_art.jpg) -551px -81px no-repeat; width: 103px; }

.icon_abtArt_exhibition1 { background: url(../about/img/icon_about_art.jpg) 0 -108px no-repeat; width: 103px; }
.icon_abtArt_exhibition1 a:hover { background: url(../about/img/icon_about_art.jpg) 0 -135px no-repeat; width: 103px; }

.icon_abtArt_exhibition2 { background: url(../about/img/icon_about_art.jpg) -103px -108px no-repeat; width: 177px; }
.icon_abtArt_exhibition2 a:hover { background: url(../about/img/icon_about_art.jpg) -103px -135px no-repeat; width: 177px; }


.icon1_aboutArt_buy il { background: url(../about/img/icon_about_art.jpg) 0 0 no-repeat;}




/* ------------------------------------------------------------
                     Art class
------------------------------------------------------------ */
#class .noteTTl {
	text-align:center;
	font-size: 2em;
	margin: 30px 0 20px;
	}

#class .note {
	text-align:center;
	font-size: 1.2em;
	line-height: 2em;
	}
	
.classTTl {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 30px;
	}
	
.borderB{ border-bottom: #999 dotted 1px;
			padding: 30px 0;
	}

/* ------------------------------------------------------------
                      about works
------------------------------------------------------------ */
#about h4
	{ margin: 18px 0 10px;
		width: 720px;
		height: 42px;
		text-indent: -9999px;
	}
	
.h4_aboutWork_branding { background:url(../about/img/h4_aboutWorks.jpg) no-repeat 0 0; }
.h4_aboutWork_web { background:url(../about/img/h4_aboutWorks.jpg) no-repeat 0 -40px; }
.h4_aboutWork_seo { background:url(../about/img/h4_aboutWorks.jpg) no-repeat 0 -80px; }
.h4_aboutWork_illust { background:url(../about/img/h4_aboutWorks.jpg) no-repeat 0 -120px; }
.h4_aboutWork_logo { background:url(../about/img/h4_aboutWorks.jpg) no-repeat 0 -160px; }
/*
.h4_aboutWork_promotion { background:url(../about/img/h4_aboutWorks.jpg) no-repeat 0 -79px; }
*/
.h4_aboutWork_print { background:url(../about/img/h4_aboutWorks.jpg) no-repeat 0 -240px; }




/* ------------------------------------------------------------
                            about
------------------------------------------------------------ */
/* about_ left navi
------------------------------------------------------------ */

#info2012 .infoLeftBox {
	float: left;
	width: 330px;
	height: 400px;
	padding: 10px;
	border: 1px solid #CCC;
	}

#info2012 .infoRightBox {
	float: right;
	width: 330px;
	height: 400px;
	padding: 10px;
	border: 1px solid #CCC;
	}





/* ------------------------------------------------------------
                          products
------------------------------------------------------------ */
/* about_ left navi
------------------------------------------------------------ */
#products h2 {
	background:url(../img/ttl_category.jpg) no-repeat  0 -164px;
	height: 41px;
	margin-top:20px;
	text-indent: -9999px;
	}
	
#products_Tshirts h3,
#products_postCard h3,
#products_iPhone4Sale h3,
#products_iPhone45 h3,
#products_wapping h3
	{
	margin-top: 18px;
	width: 720px;
	height: 42px;
	text-indent: -9999px;
	}
	
#products_wapping h3 { background: url(../products/img/dtl_ttl.jpg) no-repeat 0 -126px;}
#products_iPhone4Sale h3 { background: url(../products/img/dtl_ttl.jpg) no-repeat 0 -42px;}
#products_iPhone45 h3 { background: url(../products/img/dtl_ttl.jpg) no-repeat 0 -42px;}
#products_Tshirts h3 { background: url(../products/img/h3.jpg) no-repeat 0 0;}
#products_postCard h3 { background: url(../products/img/h3.jpg) no-repeat 0 -42px;}


.soldBox {
	border: 3px solid #CCC;
	padding: 15px;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #C00;
	font-weight: bold;
	}
.productsBox { margin: 30px 0;}
.productsBox li { margin-top: 10px;}

.buyMail {
	background:url(../img/buy.jpg) 0 0 no-repeat;
	width: 135px;
	height: 40px;
	text-indent:-9999px;
	margin: 10px 0;
}
.buyMail a {
	display: block;
	width: 135px;
	height: 40px;
}
.buyMail a:hover {
	background:url(../img/buy.jpg) -135px 0;
	display: block;
	width: 135px;
	height: 40px;
}

.products_ChristmasLeft {
	width: 380px;
	float: left;}
	
.products_ChristmasRight {
	width: 310px;
	float: right;}
	
.products_ChristmasTtl{
	font-size: 2.5em;
	font-family: "Times New Roman", Times, serif;
	color: #F66;}

.products_ChristmasTxt {
	margin:30px 0 80px 0;
}products_ChristmasTtl


.iPhone4_productBox {
	border-bottom: 1px dashed #CCC;
	padding: 20px;
	margin-top: 20px;
}
.iPhone4Left p {
	background: url(../products/img/iPhone4case.jpg) no-repeat;
	float: left;
	width: 240px;
	height: 0;
	padding-top: 478px;
	overflow: hidden;
}

.iPhone4Right {
	float: left;
	padding-left: 30px;
	width: 400px;
}

.iPhone4_1 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_2 { width:240px; height: 478px; background-position: -250px 0;}
.iPhone4_3 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_4 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_5 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_6 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_7 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_8 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_9 { width:240px; height: 478px; background-position: 0 0;}
.iPhone4_10 { width:240px; height: 478px; background-position: 0 0;}

.iPhone4_caption {
	float:left;
	width: 200px;}

.iPhoneNew li {
	float: left;
	width:220px;
	text-align:	center; 
	border: solid 1px #CCC;
	margin-bottom: 25px;}
	
.iPhoneNewMl { margin-left: 26px;}



#lNavi_goods li {
	width: 180px;
	text-indent: -9999px;
}
#lNavi_goods li a {
	display: block;
	width: 180px;
	height: 100%;
}

.LN_goods,
.LN_goods_1,
.LN_goods_1 a:hover,
.LN_goods_2,
.LN_goods_2 a:hover,
.LN_goods_3,
.LN_goods_3 a:hover,
.LN_goods_wapping,
.LN_goods_wapping a:hover{
	background: url(../products/img/leftNav_goods.jpg) no-repeat;}

.LN_goods { background-position: 0 0; height: 51px;}

.LN_goods_1 { background-position: 0 -51px; height: 32px;}
.LN_goods_1 a:hover { background-position: -180px -51px; height: 32px;}
#products_Christmas2012 a, #products_Christmas2012 a:hover { background-position: -356px -51px; height: 32px;}

.LN_goods_2 { background-position: 0 -83px; height: 32px;}
.LN_goods_2 a:hover { background-position: -180px -83px; height: 32px;}
#products_iPhone4Sale a, #products_iPhone4Sale a:hover { background-position: -356px -83px; height: 32px;}

.LN_goods_3 { background-position: 0 -115px; height: 32px;}
.LN_goods_3 a:hover { background-position: -180px -115px; height: 32px;}
#products_iPhone45 a, #products_iPhone45 a:hover { background-position: -356px -115px; height: 32px;}

.LN_goods_wapping { background-position: 0 -147px; height: 38px;}
.LN_goods_wapping a:hover { background-position: -180px -147px; height: 38px;}

.info_ttl { font-size: 1.2em; text-align: center;}

.iphone_description1{ font-size: 1.2em}

.thanks2014SetText {
	text-align: center;
	font-size: 1.3em;
	margin-top: 30px;
	color:#F99;
}

.thanks2014SetNote {
	font-size: 0.8em;}
.thanks2014SetCard { border: 1px solid #CCC}

.iPhonePrice { font-size: 1.3em;}



/* kidsclass
------------------------------------------------------------ */

#kidsclass {
	width: 992px;
	margin-right: auto;
	margin-left : auto;
	}
	
#kidsclass h1 {
	background-image:url(../class/kids/img/top_ttl.jpg);
	width:827px; height:162px;
	text-align:center;
	margin: 60px 0;}


#kidsclass .detailbox{
	width:992px;
	float: left;
	text-align:center;
	}
#kidsclass .detail li {
	float: left;
	margin: 40px 40px;
	}

#kidsclass .where li {
	float: left;
	margin: 40px 100px 50px 100px;
	}
	

#kidsclass .where .half {
	float: left;
	width:490px;
	margin: 30px 0;
	}
	
#kidsclass .explain {
	font-size:1.4em;
	}
	
	

/*
-------------------------
 .slideShow
------------------------- */
.slideShow {
	margin: 0 auto;
    display: none;
    width: 100%;
}
 
/* .mainView
------------------------- */

.iphoneImg {
	width:300px;
	float: left;
	}
.iphoneTxt {
	width:450px;
	float: right;
	}

.slideShow .mainView {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.slideShow .mainView ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideShow .mainView ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.slideShow .mainView ul li img {
    width: 100%;
}
 
/* .thumbNail
------------------------- */
.slideShow .thumbNail {
    width: 100%;
    overflow: hidden;
}
 
.slideShow .thumbNail ul {
    width: 110%;
}
 
.slideShow .thumbNail ul li {
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer;
}
 
.slideShow .thumbNail ul li img {
    width: 100%;
}
 
.slideShow .thumbNail ul li.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    z-index: 100;
}
.slideShow .mainView .btnPrev {
    left: 0;
    background: #ccc url(../products/img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
    right: 0;
    background: #ccc url(../products/img/btnNext.png) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.slideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.slideShow ul {
    display: inline-block;
    overflow: hidden;
}






/* ------------------------------------------------------------
                            toiawase
------------------------------------------------------------ */
#toiawase h2 {
	background:url(../img/ttl_category.jpg) no-repeat  0 -246px;
	height: 41px;
	margin-top:20px;
	text-indent: -9999px;
	}

#toiawase h3 {
	background: url(../img/dtl_ttl_toiawase.jpg) 0 0 no-repeat;
	height:42px;
	width: 740px;
	text-indent: -9999px;
	margin-top: 18px;
}


#toiawase  h4 {
	font-size: 1.4em;
	margin-top: 20px;
}
#toiawase .naiyoBox {
	margin: 10px 0;
	}

/* form
------------------------------------------------------------ */
    #formmail { width: 100%; }  
      
    fieldset {  
      margin: 0 0 1em;  
      padding: 1em 2em;  
    }  
      
    #formmail dt {  
      font-weight: bold;  
      margin: 0 0 5px;  
      padding: 5px 0 5px 5px;  
    }  
      
    #formmail dt span {  
      font-weight: normal;  
      color: #ff0000;  
      padding: 0 1em;  
    }  
      
    #formmail dd {  
      margin: 0 0 1.5em 0;  
      padding: 0;  
    }  
	
/* transactions
------------------------------------------------------------ */


#transactions table {
	border-collapse: collapse;
	}

#transactions td, th, tr {
	padding: 6px;
	border: 1px solid #CCC;
	}

#transactions #transactions th {
	width: 170px;
	}
	
#transactions #DeliveryCharge th {
	width: 156px;
	}
.DeliveryArea { width: 400px;}
.DeliveryYen { width: 124px; background-color: #FFE9E4;}

#transactions #letter th { width: 100px;}
.letter2 { width: 80px;}
.letter3 { width: 500px; background-color: #FFE9E4;}

.payth { background-color: #FFE9E4;}
.payLeft { width: 60px;}
.payRight { width: 125px;}

.pay { float: left;}
.pay2 { float: left; margin-left:40px;}

#transactions h3 {
	background:url(../img/transactionsh3.jpg) no-repeat;
	padding: 6px 20px;
	}
	
#transactions h4 {
	font-size: 1.05em;
	margin: 30px 0 8px;
	}
	
.explainP { margin: 20px 0;}