/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 16px;
        font: inherit;
        vertical-align: baseline;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
        display: block;
}


body {
  
	-webkit-text-size-adjust: 100%;
	background:#ffffff;
	font-family: "cwTeXYen", "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;
	 font-size: 16px;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}		

html, body{
    height: 100%
}

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align:bottom;/*下部空白除去*/
}

img, fieldset {
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}


a{
	text-decoration:none;
	color: #000000;
}


a:hover{
	color:#333333;
	text-decoration:underline;
}

.disN{
	display:none;
	overflow:hidden;
	width:0;
	height:0;
	border:none;
}

small{
	font-size:13px;
}

/*## START PAGE ###############*/

/*
#comingSoon{
	display: none;
	width:100%;
	height:100%;
	position: fixed;
	z-index:3000000;
	background:#333;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: “alpha( opacity=50 )”;
	
	
}

.comingSoonInf{
	margin-top:300px;
	font-size:80px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif
}

#comingSoon a{
	font-size:30px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline
}

#comingSoon a:hover{
	text-decoration: none
}

*/

/*## HEADER */
header{

	width:100%;
	padding:0 0 0 0;
	position:fixed;
	z-index:100000;

	background:#2a2a2a;
	border-bottom:1px solid #333333;
	
}

#jsc{
	
	
}

#hdTop{
	width:980px;
	margin:auto;
	
	
}

#hdTop .com{
	float:right;
	margin-top:5px;
	width:110px;
	height:50px;
	max-height:50px;

}

#hdTop .logo{
	margin:0;
	padding:15px 0 0 0;
}



/*## NAVI */

nav{
	margin-top:10px;
	max-height:70px;
}


#nv{
	display:none;
}



/*## FOOTER  */
footer{
	clear:both;
	overflow:hidden;
	background:#2a2a2a;
	width:100%;
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
	color:#eee;
}

footer span{
	font-size:16px;
	text-decoration:underline;
}


footer small{
	clear:both;
	overflow:hidden;
	color:#eee;
	width:auto;
	
}

#ftBox{
	text-align:left;
	overflow:hidden;
	max-width:980px;
	height: auto;
	margin:auto;
	
	
}

.ftImg{
	float:left;
	margin:20px 0 0 ;
}

#ftBox ul{
	float:left;
	overflow:hidden;
	margin:20px 16px 30px 0px ;
	padding:0;
	list-style:none;
	
}

#ftBox ul strong{
	font-size:13px;
	font-weight:bold;
	
}

#ftBox li{
	padding:0 0 10px 16px;
	
}

#ftBox li.tl{
	list-style:none;
}

#ftBox li a{
	font-size:13px;
	color:#ffffff;
}

.ftInf{
	/*
	border:1px solid #fff;
	padding:5px;

	 border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	*/

	overflow:hidden;
	color:#ffffff;
	float:right;
	margin:16px 0 0 0;
	padding-top:16px;
	font-size:13px;
	
}

.ftInf span{
	font-size:13px;
	color:#cccccc;
	text-decoration:none;
	line-height:150%;
}


address{
	font-size:13px;
	text-align:center;
	color:#eeeeee;
	text-align:center;


}

address img{
	margin-bottom:0;
	
}

address h6{
	margin-top:6px;
	font-size:16px;
}


/*## PAGE BASE*/

.backPageTop {
display: none;	
position: fixed;
bottom: 10px;
right: 10px;
z-index:10000;
width:60px;
height:60px;

	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";

}





#hd{
	overflow:hidden;
	width:100%;
	background:#000 url(../images/mbg.webp);
	height:80px;
	padding:120px 0 0 0;
	
}

#hd h1{
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:28px;
	float:left;
	
	margin-top:20px;
}

#hdi{
	overflow:hidden;
	max-width:980px;
	margin:0 auto 0 auto;
}

#hd h2{
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:28px;
	float:left;
	
	margin-top:20px;
}


/* contetns navi*/
#pageNav{
	overflow:hidden;
	padding:30px 5px 0 0px;
	margin:0  auto 0  auto;
	float:right;

}

#pageNav ul{
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

#pageNav li{
	float:left;
	margin-right:5px;
	font-size:13px;
	color:#cccccc;
	font-weight:bold;
}

#pageNav li a{
	font-size:13px;
	color:#cccccc;
	font-weight:bold;
}






#main{
	overflow:hidden;
	max-width:980px;
	margin:0 auto 10px auto;
	padding:10px 0 0 0;
	

}


.bdrg{
	border:1px solid #eeeeee;
}
.alt{
	display:none;
}


#cl{
	float: left;
	width:640px;
	overflow:hidden;
	padding:0 0 0 0;
	/*background:url(../images/contBar.webp) no-repeat left top;*/
	
}

#cl h1{
	font-size:24px;
	padding:0 0;
	font-weight:bold;
}


#cl .ifr{
	overflow:hidden;
	border:1px solid #aaaaaa;
		 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;	
}


#cr{
	float: left;
	padding:0px 0 0 40px;
	max-width:300px;
	width: 300px;
	overflow:hidden;

}


.rTtl{

	margin:0 auto 0 auto;
	border-bottom:1px solid #282828;
	background:#282828;
	text-align:center;
	overflow:hidden;
	padding:10px 0 7px 0;
	font-size:16px;
	font-weight:bold;
	color:#eee;

			
}

.rTtl a{
	color:#ffffff
}

.imgfrm{
	overflow:hidden;
	width: auto;
	border:1px solid #999999;
	text-align:center
}


.rLnk{
	overflow:hidden;
	
}

.rLnk ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.rLnk li{
	display:block;
	margin:0;
	border-bottom:1px dotted #999;
	font-size:13px;
	line-height:150%;
}




.rLnk ul li.tpc{

	background-image:url(../images/topicListIcon.webp) ;
	background-color:;
	background-position:left 3px top 12px;
	background-size:24px;
	background-repeat:no-repeat;
	padding: 0px 9px 0px 20px;
}

.rLnk li.tpc:hover{
	background-color:#eeeeee;

}


.rLnk ul li.exh{

	background-image:url(../images/exhibitionListIcon.webp) ;
	background-color:;
	background-position:left 3px top 12px;
	background-size:24px;
	background-repeat:no-repeat;
	padding: 0px 9px 0px 20px;
}

.rLnk li.exh:hover{
	background-color:#eeeeee;

}




#artrich{
	overflow:hidden;
	margin-bottom:16px;
	max-width:300px;
	width:auto;
	margin:0 auto 16px auto;
	padding:0;
	border-bottom:1px solid #cccccc;
}


.artrichLogo{
	text-align:center;
	overflow:hidden;
	border:1px solid #cccccc;
		 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	padding:5px;
}

.artrichLogo:hover{
		opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
	
	

#artrich .arInf{
	line-height:150%;
	font-size:14px;
	padding:6px 0 6px 0;
}


.rLnk li a{
	display:block;
	padding:12px 10px 10px 10px;
	color:#333;
	font-size:16px;
	line-height:150%;

}

.rLnk li:hover{
	background:#eeeeee;
	text-decoration:none;
	
}


.rLnk li a span.source {
	font-size:16px;
	color:#009966;

}


.rLnkttl{
	overflow:hidden;
	margin-bottom:30px;
	text-align:center;
	
}

.rLnkttl ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.rLnkttl li{
	padding:12px 10px 10px 10px;
	margin:0;
	border-bottom:1px dotted #999;


	line-height:150%;
	
}

.rLnkttl li a{
	display:block;

	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	font-weight:bold;
	text-decoration:none;

}

.rLnkttl li:hover{
	background:#eeeeee;
	
}

.rLnkttl .act{
	background:#eeeeee;
	
}


/* アコーデオンメニュー*/
.rLnkttl ul li.smli{
	padding:0;
}


.rLnkttl ul li a.smm{
	display:block;
	padding:10px 0;
	cursor:pointer;
}


.rLnkttl ul li a.smmb{
	display:block;
	padding:10px 0;
	cursor:pointer;
}



ul.smsub{
	margin:0;
	padding:0;
	display:none;
	
}

ul.smsub li{
	margin:0;
	padding:0;
}


ul.smsub li a{
	display:block;
	padding:10px 0;
	background-color:#ffffff;
	border-bottom: none;
	cursor:pointer;
}

ul.smsub li a:hover{
	background-color:#eeeeee;
}
	



ul.smsuc{
	margin:0;
	padding:0;
	display:none;
	
}

ul.smsuc li{
	margin:0;
	padding:0;
}

ul.smsuc li strong{
	display:block;
	padding:10px 0;
	font-weight:bold;
}

ul.smsuc li a{
	display:block;
	padding:10px 0;
	background-color:#ffffff;
	border-bottom: none;
	cursor:pointer;
}

ul.smsuc li a:hover{
	background-color:#eeeeee;
}
	









#infoli{
	overflow:hidden;
	
}


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

#infoli li{
	padding:3px 10px 10px 25px;
	background:url(../images/liCheckMark.webp) no-repeat left top ;
	background-position:0px 5px;
	margin:10px 0 0 0;
	border-bottom:1px dotted #999;
	font-size:16px;
	line-height:140%;
	
}



.lhp{
	line-height:150%;
}





#whatsnews{
	clear:both;
	padding:2px 2px 2px 2px;
	margin-top:10px;
	width:100%;
	overflow:hidden;
	

}

#whatsnews h2{
	margin:0;
	padding:0;

}

/*
#whatsnews ul{
	list-style:none;
	padding-top:0px;
	padding-bottom:10px;
}

#whatsnews li{
	clear:both;
	padding:0px 0 5px 0;
	border-bottom:1px  dotted #aaaaaa;
	color:#333333;
	line-height:120%;
	overflow:hidden;

	
}

*/



.more a{
	display:block;
	text-align:right;
	background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	
	padding: 10px 9px 20px 44px;
}




#aboutTop{
	margin:0 0 10px 0;
	width: auto;
	background:#f2f2f2;
	line-height:160%;
	padding:10px;


}

#aboutTop .content{
	
	overflow:hidden;
	max-width:980px;
	margin:0 auto 10px auto;
	padding:10px 0 0 0;
	color: #666666;
	line-height:190%;
	letter-spacing:1px;

	text-align:center;
}

#aboutTop h1{
	text-align:center;
	font-size:27px;
	margin:0 0 0px 0;
	padding:0;
	font-weight:bold;
	color:#333333;
}


#aboutTop h2{
	text-align:center;
	font-size:22px;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#666666;
}

#aboutTop h4{
	text-align:center;
	font-size:18px;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#333333;
}

#aboutTop div{
	text-align:center;
	font-size:16px;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#333333;
}

#aboutTop ul{
	margin:20px 0 0 0;
    width: 100%;
}

#aboutTop ul li{
	width:31%;
	float:left;
	background:#e2e2e2;
	background:#f2f2f2 url(../images/check.webp) no-repeat left top;
	text-align: left;
}

#aboutTop ul li:nth-child(3n-1) {
    margin:0 3%;

}


#aboutTop ul li div{
	padding:0 0px 0 70px;
	letter-spacing:0px;
	line-height: 130%;
	text-align:left;
	margin-bottom:3px;
}

#aboutTop li p{
	margin:0;
	padding:0 5px 5px 70px;
	font-size:13px;
	font-weight:normal;
	line-height:160%;

}

#aboutTop span{
	
	font-size:17px;
}



#ttlCnt{
	background:;
	padding:5px 0;
	margin-top:0px;
	overflow:hidden;

}

#ttlCnt h3{
	text-align:center;
	font-size:26px;
	margin:10px 0 10px 0;
	font-weight:bold;
	/*color:#c52d2f;*/
	color:#666666;
}



#ttlCnt h4{
	text-align:center;
	font-size:24px;
	margin:10px 0 0px 0;
	font-weight:bold;
	color:#666666;
}


#ttlCnt h5{
	font-size:16px;
	color:#666666;
	text-align:center;
	line-height:160%;
}

#ttlCnt .subCom{
	font-size:16px;
	color:#666666;
	text-align:center;
	line-height:160%;
}



img.rimg{
		 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}




figure {
	position: relative;
	overflow: hidden;
	display:block;
}



figure a{
	display:block;
}

figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
}



figure:hover figcaption {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 1;
}

figcaption h3{
	color:#ffffff;
	font-size:19px;
	text-align:center;
	margin-top:20px;
}

figcaption p{
	color:#ffffff;
	font-size:13px;
	padding:10px;
	text-align:center;
	line-height:150%;
}


.busiCont{
	overflow:hidden;
	margin-right:-40px;
}

.topCont{
	float:left;
	overflow:hidden;
	margin:10px 40px 10px auto;
}

.topCont h2{
	font-size:19px;
	font-weight:bold;
	margin:5px 0;
	padding:0;
	color:#666666;
	text-align:center;
	
}
.topCont ,figure{
	width:300px;
}


/*
.topCont{
	float:left;
	width:300px;
	overflow:hidden;
	margin:10px auto 10px auto;


}



.topCont a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}


.topContSpc{
	float:left;
	width:40px;
}

.topContBox{
	overflow:hidden;
}


.topCont h2{
	font-size:19px;
	font-weight:bold;
	margin:0;
	padding:0;
	border-bottom:1px dotted #cccccc;
	
}

.topCont h3{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	padding:5px 0 5px 0;
}

.topCont span{
	font-size:13px;
	color:#6666666;
	line-height:160%;
}

.topContImg{
	width:auto;
}

.topContIcsp{
	float:right;
}
*/


/* page contents */
#pCont{
	overflow:hidden;
	padding:0 10px 0 10px;
	margin-bottom:30px;
}

#pCont strong{
	font-weight:bold;
}

#pCont b{
	font-weight:bold;
}


#pCont h2{
	margin:16px 0 16px 0;
	padding:6px 0 0 20px;
	font-size:19px;
	font-weight:bold;
	background:#fff url(../images/contTtlBar.webp) no-repeat;
	background-position:left top;

	
}

#pCont h3{
	margin:16px 0 16px 0;
	padding:2px 0 0 12px;
	font-size:16px;
	font-weight:bold;
	background:#fff url(../images/contTtlBar.webp) no-repeat;
	background-position:left top;
	background-size:auto 22px;

	
}



#pCont h2 a{
	color:#0033cc;
	text-decoration:underline;
}

#pCont h2 a:hover{
	color:#d70b52;
	text-decoration: none;
}

#pCont .maxIS{
	width:300px;
}

.pContwap{
	font-size:16px;
	line-height:170%;
	padding:0 10px 0 10px;
}

.pCont1{
	overflow:hidden;
}

#pCont .imgr{
	overflow:hidden;
	border:1px solid #666;
	float:right;
	margin:0px 0px 6px 16px;
	
}

#pCont .imgl{
	overflow:hidden;
	border:1px solid #666;
	margin:0 16px 6px 0;
	float: left;
	
}



#pCont2{
	overflow:hidden;
}

#plan{
	margin:10px;
	padding:10px;
	border:1px solid #666;
	background:#fafafa;

	 border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	
	
}

#plan li{
	border-bottom:1px dotted #999;
}


/*ページワイド left*/
.pttl{
	padding:5px 0 10px 5px;
	background:;

}


.pttl h1{
 	font-size:25px;
	font-weight:bold;
	color:#333333;
}

.pttl h1 a{
 	font-size:25px;
	font-weight:bold;
	color:#ffffff;
}

.pttl h1 a:hover{
 	font-size:25px;
	font-weight:bold;
	color:#eeeeee;
	text-decoration:none;
}


.pttl h2{
 	font-size:25px;
	font-weight:bold;
	color:#333333;
}

.pttl h2 a{
 	font-size:25px;
	font-weight:bold;
	color:#ffffff;
}

.pttl h2 a:hover{
 	font-size:25px;
	font-weight:bold;
	color:#eeeeee;
	text-decoration:none;
}



.pttl ul{
	margin:0;
	padding:0;
	list-style:none;

}

.pttl ul li{
 	font-size:25px;
	font-weight:bold;
	color:#333333;
}




/*ページワイド 100%*/
.pttlcen h1{
	padding:5px 0 10px 5px;
	background:;
	text-align:center;

}

.pttlcen h1{
 	font-size:25px;
	font-weight:bold;
	color:#333333;
}
.pttlcen h2{
 	font-size:19px;
	font-weight:bold;
	color:#999999;
	text-align:center;
	line-height:150%;
	margin:0 100px 0 100px;
	
}


/*NEW　PO関係*/
#poNotes{
	margin:0 0 0 0;
	overflow:hidden;
	font-size:16px;
	line-height:190%;
	letter-spacing:1px;
	font-family: 'cwTeXYen', serif;
	
}


#poNotes .imgInf{
	font-size:13px;
	text-align:center;
	line-height:120%;
}

#poNotes a{
	text-decoration:underline;
}
#poNotes a:hover{
	text-decoration: none;
	color:#f30000;
}


#poNotes h1{
	font-size:24px;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	color:#333333;
	
}

#poNotes .dates{
	text-align:center;
	font-size:16px;
	padding:5px 0;
}


#poNotes img{
	display:block;
	
}

#poNotes img.left{
	float:left;
	margin:0 14px 10px 0;
	padding:3px;
	border:1px solid #aaaaaa;
	background:#ffffff;
	max-width:300px;

}





#poList{
	margin:30px 0 20px 0;
	overflow:hidden;
	padding:3px;
	line-height:150%;
	color:#333;
	width:96%;
	
}

.polistNm{
	margin:-50px 1px 0px 0;
	overflow:hidden;
	width:100%;

}

#poList ul{

}

#poList ul li{

	margin:0 0 0 0;
	background-image:url(../images/listMarkNew.webp);
	background-color:;
	background-position:left 3px  top 6px;
	background-repeat:no-repeat;	
	
	padding: 10px 9px 20px 44px;
	border-bottom:1px dotted #cccccc;
	overflow:hidden;
	width:100%;

}

#poList ul li a{
	display:block;
	width:100%;
	height:auto;
}

#poList ul li:hover{
	background-color:#eeeeee;
}


#poList ul li .listdate{
	float:left;
	width:90px;
	position:relative;

	
}

#poList ul li .listTtl{

	margin-left:120px;
	width:80%;
	padding-right:1px;
	overflow:hidden;

}

#poList ul li .mlnone{
	margin-left:0;
	display:block;
}




#poList ul .usr{
	background-image:url(../images/userIcon.webp);
	background-color:;
	background-position:left 3px  top 6px;
	background-repeat:no-repeat;	
	
	padding: 10px 9px 20px 44px;
}






.bp{
	margin:0;
	width: auto;
	background:#ffffff url(../images/listMarkBack.webp) no-repeat left;
	padding: 10px 0 10px 40px;
	margin-bottom:26px;
	margin-top:-30px;
	border-bottom:1px dashed #cccccc;
}

.bp a{
	font-size:19px;
	color:#333333;
}


.bp a:hover{
	font-size:19px;
	color:#c52d2f;
}




#dlList{
	margin:20px 0 20px 0;
	overflow:hidden;
	padding:3px;
	line-height:150%;
	color:#333;
	width:96%;
	
}

#dlList h3{
	background:#fff url(../images/subTitleBg.webp) no-repeat left;
	color:#ffffff;
	font-size:19px;
	font-weight:bold;
	width:270px;
	height:60px;
	padding:10px 0 0 10px
}

#dlList ul{

}

#dlList ul li{
	
	border-bottom:1px dotted #cccccc;
	margin-bottom:20px;

}

#dlList ul li a{
	margin-left:40px;
	padding: 10px 0 16px 5px;
	display:block;
}

#dlList ul li a:hover{
	background-color:#f2f2f2;
}


.pdfIcon{
	background:url(../images/pdfIcon.webp) no-repeat left;
}

.wordIcon{
	background:url(../images/wordIcon.webp) no-repeat left;
}

.jpgIcon{
	background:url(../images/jpgIcon.webp) no-repeat left;
}

/*END　PO関係*/




/*artprice*/
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: bold;
}
 











#listPri{
	width:100%;
	overflow:hidden;
	position: relative;
	
}

#listPri ul{
	list-style:none;
	
	padding:7px 0 7px 5px;
	border-bottom:1px solid #cccccc;
}

#listPri ul li {
display:block;
float:left;
line-height:150%;

}



#listPri ul a{
	font-size:16px;
}

#listPri ul:hover{
	background:#a2a2a2;
	color:#ffffff;
}

#listPri b{
	font-weight:bold;
}

#listPri span{
	border:1px solid #333333;
}


#listPri .menus{
	background:#626262;
	color:#ffffff;
	position: absolute;
	margin-top:0px;
	width: 100%;
	z-index:1;

}

.bgc{
	background:#f6f6f6;
}

#listPri .n{
	width:16%;
	text-align: left;
	font-weight:bold;
}

#listPri .b{
	width:11%;
	text-align: center;
}


#listPri .t{
	width:18%;
	text-align:center;
}


#listPri .p{
	width:21%;
	text-align: right;
}


#listPri .s{
	width:18%;
	text-align: center;
}


#listPri .d{
	width:14%;
	text-align: center;
}


/* クリアフィックス */
#listPri ul:after {
content:"";
clear:both;
display:block;
}


/* // artprice*/


/*## SEARCH FORM */

#searchform {  
    position: relative;   
}  

#keywords{
	margin:0 0 10px 0;
	padding:1px;
	height:28px;
	font-size:19px;
	border:1px solid #999999;
}

.sb{
	position:absolute;
	margin-left:3px;
}

#rCov{
	top:0;
	left:0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	z-index:1000000;
	display:none;
	overflow:hidden;
}

#rOpen{
	position:absolute;
	overflow:hidden;
	width:300px;
	
	min-width:300px;


	background:#fafafa;
	z-index:1000001;
	display:none;
	
	border:1px solid #999999;
	 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;	

	
	
	
}

.artMarketSrhList{
	clear:both;
}

.artMarketSrhList li{
	float:left;
	 width:120px; 
	 padding:5px;
	 font-size:16px;
	 font-weight:bold
}

.mli{
	cursor:pointer;
}

.listsAM{
	margin-top:10px;
	border:1px solid #aaaaaa;
	padding:2px;
	overflow: hidden;
}

#closeAM{
	background: #cc3300 url(../images/closeRoundWh.webp) no-repeat right;
	width: 100%;
	height:30px;
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	padding-top:10px;

}


.notes{
	margin:0 0 0 0;
	overflow:hidden;
	font-size:16px;
	line-height:190%;
	letter-spacing:1px;
	
}



.notes .fb{
	font-size:16px;
	padding:10px;
	line-height:220%;
	letter-spacing:1px;
	color:#333333;

	
}

.notes .ttlCom{
	background:#ffffff url(../images/aboutTitleNote.webp);
	max-width:640px;
	height:266px;
	border:1px solid #cccccc;

	
}

.notes .ttlComIn{
	margin-left:170px;
	padding:20px 10px 30px 0;
	font-size:16px;
	line-height:200%;
	color:#000000;
	font-weight:bold;
}






.about .notes h3{
	background:#ffffff url(../images/aboutLIstMark.webp) no-repeat left center;
	padding-left:30px;
	font-size:19px;
	font-weight:bold;
	margin-top:30px;
	border-top:1px solid #aaaaaa;
}

.about .notes h4{
	padding-left:0px;
	font-weight:bold;
	font-size:16px;
	padding-top:12px;
}


.about .notes{
	font-size:16px;
	line-height:190%;

}

.mainInfo{
	padding:10px 0 0 10px;
	font-size:16px;
	font-weight:bold;
	color: #303102;
	line-height:180%;
	letter-spacing:1px;
}

.mainInfo .nr{
	font-weight:normal;
	color:#333333;
}


.mainInfo hr.hrb{
	border-color:#333333;
	border-width:1px;

}


.mainInfo h2{
	font-size:26px;
	color:#666666;
}

.mainInfo h3{
	font-size:26px;
	color:#333333;
	text-align:center;
	padding:20px 0;
}

.mainInfo h4{
	font-size:20px;
	color:#333333;
	text-align:center;
	padding:16px 0;
}


.mainInfo strong{
	font-size:20px;
	color:#000000;
	border:1px solid #cc3333;
	padding:8px 3px 3px 3px;
	background:#cc3333;
	color:#ffffff;
}

.mainInfo .wBrdin{
	display:inline-block;
	font-size:20px;
	color:#000000;
	border:1px solid #cc3333;
	padding:3px 3px 3px 3px;
	background:#cc3333;
	color:#ffffff;

}

.mainInfo .wBrd{
	float:left;
	display:inline-block;
	border:1px solid #cc3333;
	overflow:hidden;
	width: auto;
	padding:2px;
	
}

.mainInfo a{
	text-decoration:underline;
}

.mainInfo a:hover{
	text-decoration:none;
}

.mainInfo .cet{
	text-align:center;
}

.mainInfo b{
	font-weight:bold;
}

.mgb3fb{
	margin-bottom:40px;
	font-size:20px;
}


.arBox{
	background-color:#000;
	color:#fff;
	padding:20px;
	line-height:200%;
	letter-spacing:1px;
	font-size:16px;
	font-weight:normal;
	margin:0;
	
}

.arBox h2{
	text-align:center;
	color:#fff;
	font-size:20px;
	padding-bottom:26px;
	padding-top:26px;
}

.arBox a:hover{
}
	



.mgb20{
	margin-bottom:20px;
	margin-top:20px;
}


.flbtnare{
	overflow:hidden;
}


.mainInfo a.btn1 {
	float:left;
	margin-left:16px;
	border:1px solid  #ff9900;
	padding:6px 5px 4px 5px;
	display: inline;
	height:30px;
	text-decoration:none;
	background: #ff9900;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;

	 border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;

}

.mainInfo a.btn1:hover {
	background: #FFA244;
	text-decoration:none;
}




.mainInfo a.btnB {
	float:left;
	margin-right:16px;
	border:1px solid  #333333;
	padding:4px 5px 6px 5px;
	display: inline;
	height:24px;
	text-decoration:none;
	background: #333333;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;

	 border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;

}

.mainInfo a.btnB:hover {
	background: #666666;
	border:1px solid  #666666;
	text-decoration:none;
}

.mainInfo a.btnR {
	margin:auto;
	border:1px solid  #cc3300;
	padding:6px 0px 4px 0px;
	display: block;
	height:30px;
	width:280px;
	text-decoration:none;
	text-align:center;
	background: #cc3300;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;

	 border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;

}

.mainInfo a.btnR:hover {
	background: #FF5B5B;
	border:1px solid  #FF5B5B;
	text-decoration:none;
}




.mainInfo a.btnCart{
	margin:auto;
	border:1px solid  #cc3300;
	padding:6px 0px 4px 20px;
	display: block;
	height:30px;
	width:140px;
	text-decoration:none;
	text-align:center;
	background-color:#cc3300;
	background-image:url(../images/cart00.webp);
	background-position:10px center;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;

	 border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;

}


.mainInfo a.btnCart:hover{
	background-color: #ff6666;
}


.mainInfo a.actbtn{
	background:#cc3300;
	border:1px solid #cc3300;
}
.mainInfo a.actbtn:hover{
	background:#cc3300;
	border:1opx solid #cc3300;
}


.mainInfo a.btnBox_b {
	float:left;
	margin-right:16px;
	border:1px solid  #333333;
	padding:2px 5px 8px 5px;
	display: inline;
	height:20px;
	text-decoration:none;
	background: #333333;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	cursor: default;
	margin-bottom:10px;

	 border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;

}

.mainInfo p{
	margin-bottom:12px;
}

.mainInfo hr{
	margin-top:12px;
	clear:both;
	display:block;
	border:1px solid #cc3333;
	border-width:1px;
}



#aboutList h3{
	font-size:20px;
	background: none;
	padding-left:0px;
	margin-bottom:10px;
}

#aboutList ul{
	margin:0 0 0 18px;
	padding:0;
	list-style: outside;
}

#aboutList ul li{
	line-height:130%;
	margin-bottom:8px;

}



.smf{
	font-size:13px;
}

.notes h2{
	font-size:21px;
	font-weight:bold;
	text-align:center;
}


.notes h3{
	font-size:19px;
	font-weight:bold;
	text-align: left;
}

.notes h4{
	font-size:16px;
	font-weight:bold;
	text-align: left;
}



.infComsTtl{
	color:#d70b52;
	margin-top:16px;
}




.notes p{
	margin-top:16px;
}

.notes strong{
	font-weight:bold;
	
}

.notes ul{
	margin:10px 0 0 28px;
	list-style:decimal;
}

.notes .point{
	font-size:22px;
	font-weight:bold;
}

.notes .l{
	text-align:left;

}



/*INSERT CONTENTS*/
.wnewCont{
	margin:0 0 0 0;
	overflow:hidden;
	font-size:16px;
}

.wnewCont p{
	padding:0 0 16px 0;
	line-height:190%;
	letter-spacing:1px;
}

ul .list1 {
	margin:0 0 0 0px;
	padding:10px;
	border:1px dotted #cccccc;
	overflow:hidden;
	display:block;
	

}

.wnewCont .list1 li{
		line-height:120%;
		letter-spacing:0px;
		list-style: circle;
		padding:10px 0;
		border-bottom:1px dotted #cccccc;
		font-size:15px;
}

.wnewCont .fsmall{
	font-size:14px;
	line-height:150%;
	letter-spacing:0;
	
}



.wnewCont .boxrel{
	position:relative
}

.fbR{
	position:absolute;
	margin-top:0px;
	right:5px;
	bottom:0;
}

.fbR img{
	width:46px;
}


/**/










#info{
	font-size:13px;
	color:#333;
}



#cInf{
	margin:0px 0 20px 0;
	overflow:hidden;
	padding:3px;
	line-height:150%;
	color:#333;
	width:96%;
	
}

.tbf{
	font-size:36px;
	font-weight:bold;
	color:#444;

}


#cInf strong{
	font-weight:bold;
	font-size:16px;
	
}


#cInf h2{
	margin:0 0 16px 0;
	padding:6px 0 5px 10px;
	font-size:19px;
	color:#fff;
	font-weight:bold;
	background:#fff url(../images/contTtlBar.webp);

}


#cInf h3{
	margin:16px 0 10px 0;
	padding:2px 0 0 12px;
	font-size:16px;
	color:#666;
	font-weight:bold;
	background:#fff url(../images/contTtlBar.webp) no-repeat;
	background-position:left top;
	background-size:5px 22px;
	border-bottom:1px dotted #999;

}

.cInfdt{
	overflow:hidden;
	font-size:16px;
	margin-left:16px;
	font-weight:bold;
}


#gLnk{
	overflow:hidden;
}

#gLnk h3{
	margin:16px 0 10px 0;
	padding:2px 0 0 12px;
	font-size:16px;
	color:#666;
	font-weight:bold;
	background:#fff url(../images/contTtlBar.webp) no-repeat;
	background-position:left top;
	background-size:5px 22px;
}


.mapCtl{
	width:90%;
	height:400px;
	margin:10px 10px;
	border:1px solid #666;

	 border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
		
}



/* li 50%*/

#pitem{
	
}

/* クリアフィックス */
#pitem ul:after {
content:"";
clear:both;
display:block;
}

#pitem ul li {

width:49%;
float:left;
}


#pitem ul li:nth-child(2n-1) {
margin:0 1%;
}


#pitem li h3{
	font-size:16px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
}

#pitem  .noAct{
	color:#cccccc;
-webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
	
}




/*form*/
#sendInf{
	padding:20px 0;
	font-size:19px;
	font-weight:bold;
	color:#333333;
	overflow: hidden;
	display:none;
	min-height:500px;
	
}

#sendInf .addr{
	margin-top:30px;
}



 #frDat {
        width:90%;
		margin:20px 0 0 0;
		border-top:1px solid #666;
    }
	
 #frDat div{
	 padding-top:4px;
	 font-size:13px;
	 font-weight:bold;
	 color:#ff0000;
 }
	
	input[type=text]{
	font-size:16px;
	padding:3px;
		
	margin:6px 0 0 0;
	
	border:#999999 1px solid;	
	
	/* 角丸 */
	 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	

	behavior: url(https://artcci.com.tw/CSSS/PIE.htc);
	position:relative;
		
		
		
	}
	
    #frDat ul {
        list-style:none;
        margin:0; 
		padding:0;
    }

    #frDat li {
        list-style:none;
        margin:5px 0 0 0; padding:0px;
        clear:both;
    }

    #frDat label {
        display:block;
        font-weight:bold;
        color:#333333;
		font-size:13px;
    }


    #frDat li span{
        color:#d70b52;
        font-weight: normal;
        font-size:11px;
    }
    
    #frDat input{
		margin:0;
		width:250px;
    }

    #frDat input#name {
        width:150px;
    }
	
    #frDat input#email {
        width:250px;
    }

    #frDat input#emailChk {
        width:250px;
    }

    #frDat input#tel {
        width:150px;
    }

    #frDat input#addr2 {
        width:280px;
    }
	
	
	
	#bookBtn{
		margin:20px 0 0 10px;
		font-weight:bold;
		padding:3px;
	}

    #frDat textarea {
        width:90%;
		height:200px;
		border:1px solid #666;
		padding:5px;
		min-width:270px;
	
	/* 角丸 */
	 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	

	behavior: url(https://artcci.com.tw/CSSS/PIE.htc);
	position:relative;
				
    }
	
    #frDat select {
        width: auto;
		border:1px solid #666;
		font-size:16px;
		padding:2px;
	
	/* 角丸 */
	 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	

	behavior: url(https://artcci.com.tw/CSSS/PIE.htc);
	position:relative;
				
    }



#frDat input#email {

    }
	
	
	#FR6{
		overflow:hidden;
		width:auto;
		padding:10px;
	}
	
	#sERR{
		overflow:hidden;
		width:auto;
		padding:10px;
		display:none;
	
	}
	
	#errButton{
		cursor:default;
	}
	
	
	#wERR{
		overflow:hidden;
		width:auto;
		padding:10px;
		display:none;
		line-height:150%;	
		
	}



.frmal{
       width: auto;
	   overflow:hidden;
		border:1px solid #999999;
		padding:10px;
		margin-bottom:16px;
	
	/* 角丸 */
	 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	

	behavior: url(https://artcci.com.tw/CSSS/PIE.htc);
	position:relative;
				
}


.rightDate{
	float:right; 

	font-size:12px; 
	line-height:160%;
	margin:10px 10px 30px 10px;
}

.t2{
	font-size:18px;
	font-weight:bold;
}


/*ニュース*/

#newListCont{
	clear:both;
	margin-top:20px;
	
}

#newListCont .nlTtl{
	background:#222222;
	color:#ffffff;
	padding:10px 5px;
}

#newListCont .nlTtl .nlNmae{

	font-size:22px;
	padding:10px 5px;
	width:auto;

}


#newListCont .nlTtl .nlNum{
	float:right;
	font-size:13px;
	margin-top:6px;
}


#mNews{
	margin-top:10px;

}

#mNews .nDate{
	font-size:13px;
	color:#666666;
	margin:10px 10px 10px 0;
	text-align:right;

}

#mNews h1{
	border-bottom:1px solid #cccccc;
}
#mNews h1 a{
	
	font-size:28px;
	font-weight:bold;
	color: #333;
	line-height:130%;
	padding:0 0 6px 0;
	font-family: Helvetica,Arial,"Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳＰゴシック","MS PGothic",sans-serif;
}

#mNews h3{
	color:#009966;
	padding:5px 0 0 30px;
	margin:0 0 16px 0;
	font-size:20px;
	font-weight:bold;
	height:24px;
	background:#ffffff url(../images/newsIconMR.webp) left center no-repeat;

}

#mNews .mnCont{
	font-size:22px;
	line-height:200%;
	letter-spacing:1px;
	font-family: Helvetica,Arial,"Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳＰゴシック","MS PGothic",sans-serif;
}

#mNews .conti a{
	display:block;
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	color:#009966;
}



#mNews .link a{
	display:block;
	margin-top:6px;
	color:#009966;
	font-size:13px;
	font-family:Arial;
}

li.actLnkList  a{
	color:#ff0000;

}


/* ### 次、前ページの番号スタイル ###*/
#NBnum{
	clear:both;
	padding-top:20px;
	text-align:center;
	margin:0 0 30px 0;
	
}

#NBnum .num ul{
	list-style:none;
	text-align:center;

}


#NBnum .num ul li{
display:inline
	

}

#NBnum .num ul li a{
	display:inline-block;
	padding:3px 5px 3px 5px;
	border:1px solid #cccccc;
	margin:0 3px 0 0;
	font-size:16px;
	font-weight:700;
	color:#333333;
	text-decoration:none;
}

#NBnum .num ul li a:hover{
	background:#cccccc;
}



#NBnum .arrow ul{
	margin-top:10px;
	list-style:none;
	text-align:center;
}


#NBnum .arrow ul li{
display:inline
}

#NBnum .arrow ul li a{
	display:inline-block;
	margin:0 8px 0 0;

}

#NBnum .arrow ul li a:hover{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}




#btnLD{
	display:none;
}

.loader span{
	display: inline-block;
	width:20px;
	height:20px;
	border-radius: 50%;
	border: 5px solid #00a9e3;
	border-top-color: #81d6f3;
	-webkit-animation: loader 0.5s infinite ease-in;
	-moz-animation: loader 0.5s infinite ease-in;
}

@-webkit-keyframes loader {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.ie8Loads{
	height:60px;
	padding-left:50px;
	background-image:url(https://artcci.com.tw/image/IE_load.gif);
	background-position:left;
	background-repeat:no-repeat;
}



.closedCov{
	position: fixed;

left:0px;
top:0px;
	width:100%;
	height:100%;
	
	background-color: #000000;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	z-index:930;
	overflow:hidden;

}

.closed{
	position:absolute;
	height:120px;
	width:300px;
	position: fixed; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */	
	margin: -58px 0 0 -150px;
	z-index:931;
	text-align:center;

	color:#ffffff;
	font-size:50px;
}

.closed a{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
}
.closed a:hover{
	text-decoration:none;
}



/*# LIST TABLE artsappraisal.html #*/
#tableBox{
	width:98%;
	overflow:hidden;
}

#tableBox h2{
	font-size:20px;
	padding:0px 0 10px 0;
	font-weight:bold;
	line-height:150%;
	color:#363636;
	text-align:center;
}

#tableBox .unit{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	padding-bottom:6px;

}


#tableBox .infnote{
	line-height:200%;
	letter-spacing:1px;
	font-size:18px;
	padding:10px 0 10px 0;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	margin-bottom:16px;
}



#tableBox table{
	width:100%;
	font-size:13px;
	line-height:150%;
}

#tableBox table tr.ttl td{
	text-align:center;
	background:#f6f6f6;
}


#tableBox table td{
	padding:8px 4px 8px 4px;
	border:1px solid #aaaaaa;
}

#tableBox table td.p{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

#tableBox table td.c{
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
}

#tableBox table td.n{
	text-align: center;
}
/*##*/




.rLnk ul li.ivs{

	background-image:url(../images/dlCludeIcon.webp) ;
	background-color:;
	background-position:left 3px top 12px;
	background-size:30px;
	background-repeat:no-repeat;
	padding: 0px 9px 0px 30px;
}



/*#############################################################*/
/*####### EDITER STYLE  #######################################*/

#source{
	display:none;
	widows:0;
	height:0;
}

.tArea{
	font-size: 16px;
	line-height: 180%;
	letter-spacing:1px;
	max-width:640px;
	height: auto;
	overflow: hidden;
	padding:10px;
	margin:auto;
	font-family: font-family: "cwTeXYen", "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;

}


.tArea h1{
	font-size:34px;
	font-weight:bold;
}


.tArea h2{
	font-size:24px;
	font-weight:bold;
}

.tArea h3{
	font-size:18px;
	font-weight:bold;
}




.tArea strong{
	font-weight:bold;
}


.tArea img{
	max-width:100%;
	height:auto;
	display:block;
}


.tArea img.right{

	float: right;
	margin-left: 15px;
	margin-bottom:10px;
	padding: 5px;
}

.tArea img.left{

	float: left;
	margin-right: 15px;
	margin-bottom:10px;
	padding: 5px;
}


/*TABLE SET*/
.tArea table,
.tArea tbody,
.tArea tr,
.tArea td{
	border-color:#cccccc;
	border-style:solid;
	font-family: font-family: "cwTeXYen", "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;
}

.tArea table{
	border-color:#cccccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
}

.tArea td{
	padding:3px;
}


.tArea strong{
	font-weight:bold;
 }

.tArea img{
	max-width:100%;
	height:auto;
	display:block;
	
}

.frm{

    width: auto;
	overflow:hidden;
	border:1px solid #999999;
	margin-bottom:16px;
	background-color:#fefefe;
	
	/* 角丸 */
	 border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	
}