@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	font-size:13px;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#494949;
	line-height:160%;
	background:#efeee8 url(../images/bg.gif) repeat-x; 
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

input,textarea{
	padding:2px;
	font-size:100%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:160%;
}
select option{padding:1px 5px 0px 2px;}


h2{font-size:120%;padding:0 0 16px 0;}
h3{font-size:120%}
h4{font-size:14px;}
/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
/*	color:#8986FF;*/
text-decoration:none;
}

a:link {
}

a:visited {
}

a:hover {
text-decoration:underline;
}

a:active {
}


.clr{clear:both;}
.clr_r{clear:right;}





.txtR{text-align:right}

input.error,select.error{ border-color: #C00; background-color: #FEF; }

/*-----------------------------------------------
 __header
-----------------------------------------------*/
#header {height:48px;}
#header_in{width:730px;margin:0 auto;padding:0;}
#header_in h1{padding:0;margin:0;font-size:15px;width:280px;height:85px;
float:left;
background:transparent url(../images/head_logo.jpg) no-repeat;text-indent:-3000px;}

#menu ul{list-style-type:none;padding:0;margin:0;}
#menu ul li{float:left;padding:0;margin:0;display:block;height:48px;}
#menu ul li a{
height:48px;
background-image:url(../images/arton_head.gif);
background-repeat:no-repeat;
display:block;
text-indent:-3000px;
padding:0;margin:0;
}
/*
#menu ul li a:hover{
	background-position:0px -85px;
}
*/
#h_home a{background-position:0px 0px;width:126px;margin:0;padding:0}
#h_gallery a{background-position:-126px 0px;width:120px;}
#h_events a{background-position:-246px 0px;width:120px;}
#h_shop a{background-position:-366px 0px;width:120px;}
#h_access a{background-position:-486px 0px;width:120px;}
#h_contact a{background-position:-606px 0px;width:124px;}


#h_home a:hover{background-position:0px -48px;width:126px;}
#h_gallery a:hover{background-position:-126px -48px;width:120px;}
#h_events a:hover{background-position:-246px -48px;width:120px;}
#h_shop a:hover{background-position:-366px -48px;width:120px;}
#h_access a:hover{background-position:-486px -48px;width:120px;}
#h_contact a:hover{background-position:-606px -48px;width:124px;}



/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	width:700px;
	padding:0 15px;
	margin:0 auto;
background:#FFF url(../images/arton_foot.gif) no-repeat;
	height:42px;
}

#footer_in{width:700px;margin:0 auto;}

#copyright {
	text-align:center;
	margin-bottom:0;
	font-size:12px;
	font-family:"arial";
	color:#666;
}


/*-----------------------------------------------
 __contents
-----------------------------------------------*/
#index_contents {
	width:718px;
	padding:0 6px;
	margin:0 auto;
	background:#EEE url(../images/arton_bg1.gif) no-repeat;
	height:110px;
}

#contents {
	width:690px;
	padding:20px 20px;
	margin:0 auto;
	background:#EEE url(../images/arton_bg2.gif) repeat-y;
	overflow:hidden;
}


/* __main
------------------------------------------*/

.way1{
	padding:0;
	font-size:14px;
	margin:0px 6px 10px 6px;
	line-height:160%;
}
.way1 p{padding:2px 5px;}

#way3 {margin-top:-10px;}
#way3 td{
	padding:0;
	font-size:13px;
	background-color:#FAFAF3;
	border:solid 1px #d8cec0;
}

#way3 td{
	vertical-align:top;
	width:216px;
}

#way3 td p{padding:5px 15px;}


#main {
	float:left;
	width:440px;
	padding:0px 20px;
	color:#666;
}

#main a {
	color:#004080;
}


#main_inner{padding:0px 2px;}


/* __sub
------------------------------------------*/

#sub {
	float:right;
	width:200px;
	padding:0;
	margin-right:5px;
	background:#FFFFFF;
}

#sub h3 {
	border-bottom:1px solid #333;
	margin-bottom:5px;
	font-size:100%;
}

#sub p{	color:#444;}


#sub ul li {
	padding:0px;
	margin:0px;
}

#cartBox ul {
	margin:10px 0 20px;
	padding:5px;
	background:#333;
	border:1px solid #EFEFEF;
	color:#FFF;
}




.pagger ul li{float:left;margin:5px 0;display:block;padding:2px;}
.pagger ul li a{display:block;padding:2px 5px;margin:3px;border:solid 1px #CCC;background-color:#EEE;}
.pagger ul li a:hover{background-color:#FFFFCC;}
.pagger ul li a.active{background-color:#8AB40C;font-weight:bold;color:#FFF;}

/* ----------------
       TOP
---------------- */
#toptxt{
margin:0px 10px;
padding-bottom:12px;
}
#toptxt p{padding:5px;margin:0px;}
.top_tb{width:100%;margin-top:5px;}
.top_tb thead th{text-align:left;font-weight:normal;background-color:#F3F3EB;padding:5px;}
.top_tb tr td{border-bottom:solid 1px #F4F4F4;padding:5px;}

.topContents_photo{padding:10px 5px 0 5px;vertical-align:top;}

/* ----------------
       Garelly
---------------- */

#gPhotoDiv{width:206px;float:right;background-color:#FAFAF3;border:solid 1px #d8cec0;padding:10px 5px;margin-right:10px}

.gPhoto{width:90px;height:120px;text-align:center;float:left;margin:5px;border:solid 1px #d8cec0;}


.gall h3 , .eve h3{font-size:14px;margin:5px 0;border-bottom:solid 2px #800000}
.gall h4{font-size:14px;}
.gall h4 span{font-weight:normal;font-size:12px;}


.itemTB{font-size:12px;}
.itemTB td a{text-decoration:none;color:#808080}
.itemTB td a:hover{text-decoration:none;color:#006DA2}
.itemDB td{width:160px;height:120px; padding:0 5px;}
.itemHover{background-color:#FFFFCC;}

.item_div{width:340px;float:left;margin-right:5px;}
a.item_s{border:solid 1px #EEE;padding:10px;margin:0 2px 6px 2px;display:block;}
.item_m{}
.item_ss img{margin:1px;}
.item_s img,.item_ss img,.item_m img{border:solid 1px #DDD;}
.item_s_name{margin:3px 0 2px 0;text-align:center;}

.item_detail {width:220px;float:left;}
#main .item_detail h2{padding:2px 0 0 0;margin-bottom:4px;border-bottom:solid 1px #CCC;}

.artistDiv tr{margin-top:5px;}
.artistDiv td{padding:20px;border:solid 1px #CCC;}
.artistDiv td h4{font-size:14px;margin-bottom:10px;}

.item_artist_img_l{float:left;margin:5px 10px 5px 0px;border:solid 1px #CCC;}


/* ----------------
       about
---------------- */
.sub_about p img {padding:3px 0;}


/* ----------------
       Event
---------------- */
.events{border:solid 1px #F4F4F4;margin:8px 0;padding:10px 15px;}
.events h3{border-bottom:solid 2px #800000;padding:2px 0;margin-bottom:5px;}
.events h3 span{font-size:74.5%;font-weight:normal;}
.events div{margin-bottom:5px;}
.events p{background-color:#FAFAFA;padding:5px 10px;}

#event_photos{margin:10px 0;}
#event_photos a img{margin:10px 5px;}
.sub_events{line-height:140%;margin:5px 0 15px 0;}
.sub_events h4{font-size:12px;padding:0;margin:0;border-bottom:solid 1px #333}
.sub_events h4 a{text-decoration:none;color:#004080}
.sub_events span{font-size:10px;}

.eve_date{text-align:right;font-size:10px;}

/* ----------------
       Links
---------------- */
.links{border:solid 1px #F4F4F4;margin:8px 0;padding:10px;}
.links h3{padding:2px 0;margin-bottom:5px;background:url(../images/href.gif) no-repeat;background-position:left center;text-indent:12px;}
.links h3 span{font-size:74.5%;font-weight:normal;}


/* ----------------
       Contact
---------------- */
#contact{margin:5px;padding:15px 20px;background-color:#FAFAFA;border:solid 1px #CCC}
.line_tb thead{background-color:#EEE}
.line_tb tr td,.line_tb thead th{border-bottom:solid 1px #CCC;padding:5px;}



/* ----------------
       shop
---------------- */
#shopText{font-size:12px;background-color:#FAFAF3;border:1px solid #D8CEC0;padding:5px;margin-bottom:15px;}
#shopText p{margin-bottom:0;}

.shop_artist{margin:5px 0 20px 0;}
.shop_artist h4{border-bottom:dotted 1px #CCC;padding:2px 0;}
.shop_artist h4 span{font-size:12px;font-weight:normal;padding-left:15px;}

.shop_item a{display:block;float:left;width:110px;margin:4px;border:solid 1px #CCC;padding:5px;}
.shop_item a:hover{background-color:#FFFFCC;}

#item_artist{width:196px;float:right;background-color:#FAFAF3;border:solid 1px #d8cec0;padding:10px 10px;margin:20px 10px 0 0;}

.item_artist_img{float:right;margin:0px 0px 3px 2px;border:solid 1px #CCC;}

#item_artist_w{background-color:#FAFAF3;border:solid 1px #d8cec0;padding:10px 10px;margin:20px 10px 0 5px;;width:620px;}

#present{margin:10px 0}
#present table{border:solid 1px #CCC;border-collapse:collapse}

/*----------------------------------------------------
	Clearfix 回り込み解除
----------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */