/* CSS Document */


html {
 overflow-y: scroll;
}

h2{
	font-size	:	180%;
	line-height	:	200%;
	margin-bottom:	8px;
	font-weight:	bold;
}
h3{
	font-size	:	160%;
	line-height	:	180%;
}
h4{
	font-size	:	120%;
	line-height	:	140%;
	font-weight:	bold;
}

/*文字の太さ*/
.hutoi{
	font-weight:bold;
}

/*文字の大きさ*/
.small{
	font-size:78%
}

/*色彩*/
.white{		/*文字・白*/
	color:#cccccc;
}
.gray{		/*文字・グレー*/
	color:#2D2D2D;
}
.aka{		/*文字・赤　トップお知らせ用*/
	color:#dc0048;
}

.blue{
	color:#0066FF;
}
.red{
	color:#FF0000;
}
			/* 黄色の蛍光ペン(太) */
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
			/* 黄緑色の蛍光ペン(細) */
.marker_lime {
background: linear-gradient(transparent 60%, #66FFCC 60%);
}
			/* 水色の蛍光ペン(細) */
.marker_water {
background: linear-gradient(transparent 80%, #66ccff 80%);
}
			/* 桃色の蛍光ペン(細) */
.marker_pink {
background: linear-gradient(transparent 60%, #ff66ff 60%);
}

/*-----------------------------------------------------------------------
共通
--------------------------------------------------------------------------*/
/*.sp {
	display		:	none;
}*/

body,dev,td,caption,pre,p,textarea,select,li {
	line-height	:	160%;
	font-size	:	small;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}
body,html{
	background-color:	#1D0B07;
}

#wrap{
	width		:	960px;
	text-align	:	left;
	margin		:	0px auto;
	padding		:	0px;
}

#main{
	width:74%;
/*	width:720px;
*/	float:right;
	color: #000000;
	text-align:left;
	margin-top:10px;
	/*background-color:#fff;*/
	/*padding:10px;*/
	/*padding-bottom: 32768px;
	margin-bottom: -32768px;
*/}

.con{
	width:100%;
	background-color:#FFFFFF;
	/*margin-bottom:3px;*/
	padding:15px;
	box-sizing: border-box;
}

.con_top{
	width:100%;
	height:2000px;
	/*height:1600px;*/
	background-color:#FFFFFF;
	/*margin-bottom:3px;*/
	padding:15px;
	box-sizing: border-box;
}

.con_riyou{
	width:100%;
/*
	height:2300px;
*/
	/*height:1400px;*/
	background-color:#FFFFFF;
	/*margin-bottom:3px;*/
	padding:15px;
	box-sizing: border-box;
}

.copy{
	margin-bottom:15px;
	width:100%;
	padding:5px;
	box-sizing: border-box;
}

input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}

a:link {
	text-decoration: none;
	color: #000;
/*	color		:	#dddddd;*/
}
a:visited {
	text-decoration: none;
	color: #1D0B07;
}
a:hover {
	text-decoration: underline;
	color		:	#00CCFF;
}
a:active {
	text-decoration: none;
}
a:focus {
	outline		:	none;
}


/*#header{
	width		:	100%;
	height		:	120px;
}*/

#logo {
	width		:	60%;
	height		:	120px;
	float		:	left;
}

/*#logo h1{
	background-image : url(/image/logo_02.jpg);
	background-repeat : no-repeat;
	background-position : bottom left;
	height		:	114px;
	text-decoration: none;  
	text-indent	:	-999em;  
}
*/
#logo_sub {
	width		:	30%;
	float		:	right;
	text-align	:	right;
	margin:20px 0;
}

/*#section {
	width		:	100%;
	color		:	#cccccc;
}
*/

/*#title_area{
	width		:	100%;
	height		:	60px;
	color		:	#cccccc;
	border-bottom:	thin solid #626161;
	margin-bottom:	13px;
}
*/

.title_area{
	margin-top:	20px;
}
.title_area a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}


#title{
	width		:	353px;
	height		:	26px;
	float		:	left;
	border-bottom:	thin solid #626161;
}

#sub_title{
	float		:	right;
}

/*//////// Top インデックス画像 ////*/
#top_image{
	width:100%;
}

#top_lang01{
    position: absolute;
	width:100%;
	height:60px;
    top: 100px;
	text-align:left;
	line-height:50px;
    color: #fff;
	background: rgba(255,255,255,9);
    max-width: 960px;
    padding: 1em 0;
}
#top_lang02{
	float:right;
	margin-right:50px;
	margin-top:15px;

}

#top_lang01 img{
	width:25%;
	margin-left:20px;
	float:left;
}

#top_lang02 a{
	border:solid 2px #CCCCCC;
	padding:7px;
	
}




.relative {
    position: relative;
	width:100%;
}

.absolute {
    position: absolute;
	width:100%;
	height:60px;
    top: 100px;
	text-align:right;
	text-indent:inherit;
    color: #fff;
	background: rgba(255,255,255,9);
    max-width: 960px;
    padding: 1em 0;
}

.absolute a:hover {
	color:#660000;
}

a:active {
	text-decoration: none;
}
a:focus {
	outline		:	none;
}

.absolute02 {
    position: absolute;
    top: 100px;
}

.absolute img {
    position: absolute;
    top: 0px;
	left:10px;
}

.absolute p{
	font-size:18px;
    color: #000;
	font-weight:bold;
	right:10px;
    margin: 20px 5px 0 0 ;
}
.absolute a{
	border:solid 1px #999999;
	padding:5px;
}

.img100{
	border:solid 0.1px  #CCCCCC;
}

.gray_box {						/* グレーバック */
	background-color:	#f0f0f0;
	color			:	#2D2D2D;
	width			:	96%;
	margin			:	0px;
	padding			:	2%;
}
a.gray:link  {
	text-decoration: none;
	color		:	#2D2D2D;
	
}
a.gray:visited  {
	text-decoration: none;
	color		:	#2D2D2D;
}
a.gray:hover  {
	text-decoration: underline;
/*	color		:	#2D2D2D;
	color		:	#009FAF;*/
	color		:	#00CCFF;
	
}
a.gray:active  {
	text-decoration: none;
}

dt {
	margin	:	5px 0 0 0 ;
}
dd {
	width	:	90%;
	margin	:	0 0 0 10% ;
}

dl.list01 dt{
  clear: left;
  float: left;
  margin: 0 0 0.1em;
  width: 3em;

}
dl.list01 dd {
  margin-bottom: 0.1em;
  margin-left: 4em;
}

dl.list02 dt{
  clear: left;
  float: left;
  margin: 0 0 0.1em;
  min-width:20em;

}
dl.list02 dd {
  overflow:hidden;
  zoom:
}


dl.list03 dt{
  clear: left;
  float: left;
  margin: 0;
  min-width:20em;

}
dl.list03 dd {
  overflow:hidden;
  margin: -1px 0 30px 10em;
}


.label_mt{
  margin-top: 2em;
  margin-left: 3em;
}


.page_sub {
	float:left;
	margin-top:20px;
	margin-bottom:50px;
}

.nav_sub {
	float:right;
	font-size:20pt;
	margin-top:0px;
	margin-bottom:50px;
}

.nav_sub li{
	display: inline-block;
	padding : 0px;
	border-left : solid 3px #1D0B07;
	border-bottom : solid 1px #1D0B07;
}
.nav_sub li a {  
	text-decoration: none; 
    display:block; 
	padding: 0px 4px;
}
.nav_sub li a:hover {
	background : #00CCFF;
	color : #ffffff;
}

table#table_01	{ 
	width:320px;
	border:1px #666666 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table_01 td{ 
    padding: 5px;
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
}

table#table_02	{ 
	width:500px;
	border:1px #666666 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table_02 td{ 
    padding: 5px;
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
}

table.table_gaku_01{
background-color:#FF0000;
	border: solid 1px black;
	padding:15px; 
	}

.white_box {						/* 白バック */
	background-color:	#FFFFFF;
	color			:	#2D2D2D;
	width			:	96%;
	margin			:	0px;
	padding			:	2%;
}
.flame_box {						/* フレームつき */
	border: thin solid #2D2D2D;
	width			:	50%;
	margin			:	0px 20px 20px 0px;
	padding			:	2%;
}
.flame_box_40 {						/* フレームつき */
	border: thin solid #2D2D2D;
	width			:	40%;
	margin			:	0px 10px 20px 0px;
	padding			:	2%;
}

.flame_box_100 {						
	border: thin solid #2D2D2D;
	width			:	96%;
	margin			:	0px 0px 10px 0px;
	padding			:	2%;
}


.fleft{
	float			:	left;
}
.fright{
	float			:	right;
}
.left_box{
	width			:	48%;
	float			:	left;
	text-align		:	left;
	padding			:	1%;
	margin			:	0px;
}
.right_box{
	width			:	48%;
	float			:	right;
	padding			:	1%;
	margin			:	0px;
}
.center_box{
	width			:	80%;
	float			:	left;
	padding			:	1%;
	margin			:	0 0 10px 10px;
}

.left{
	text-align		:	left;
}
.right{
	text-align		:	right;
}
.center{
	text-align		:	center;
}
.middle{
	vertical-align	:	middle;
}
.v_top{
	vertical-align	:	top;
}
.v_bottom{
	vertical-align	:	bottom;
}

.w100 {
	width			:	90%;
}

.w85 {
	width			:	83%;
	margin			:	0px auto;
}

.w80 {
	width			:	79%;
	margin			:	0px auto;
}
.w75 {
	width			:	75%;
	margin			:	0px auto;
}

.w70 {
	width			:	70%;
	margin			:	0px auto;
}

.w66 {
	width			:	66%;
	margin			:	0px auto;
}

.w60 {
	width			:	60%;
	margin			:	0px auto;
}

.w50 {
	width			:	50%;
	margin			:	0px auto;
}
.w48 {
	width			:	48%;
	margin			:	0px auto;
}

.w45 {
	width			:	45%;
	margin			:	0px auto;
}
.w40 {
	width			:	40%;
	margin			:	0px auto;
}
.w39 {
	width			:	39%;
	margin			:	0px auto;
}

.w33 {
	width			:	33%;
	margin			:	0px auto;
}

.w25 {
	width			:	23%;
	margin			:	0px 1%;
}
.w20 {
	width			:	19%;
	margin			:	0px auto;
}
.w15 {
	width			:	14%;
	margin			:	0px auto;
}

.space_top {
	padding-top		:	15px;
}

.item {
	display			:	none;
}
.back {
	display			:	none;
}
.page_top{
	text-align		:	right;
}

.close{
	float			:	right;
	background-color:	#333333;
	/*background-color:	#000000;*/
	color			:	#cccccc;
}
.close a:link {
	color			:	#cccccc;
}
.close a:hover {
	color			:	#cccccc;
	text-decoration	:	none;
}
.close a:visited {
	color			:	#cccccc;
}

.article {
	width		:	100%;
	margin:0px;
	float:left;
}

#link_banner{	/*公益財団法人リンク*/
	margin:20px 0 0px 90px;
}

#page_top {
float:right;
}

#list_yoko li{
	display:inline-block;
	width: 24%;
	font-size:12px;
}

.back_image {
	float	:	left;
	margin	:	1px;
}
.back {
	text-align:center;
	line-height:10pt;
}


/*-----------------------------------------------------------------------
日本語ページ
--------------------------------------------------------------------------*/

/*左メニュー*/


	#navigation{
		position: fixed;
		display:block;
		width:210px;
		color: #000000;
		background-color:#ffffff;
		text-align:left;
		margin:10px 0px 0px 0px;
		padding:10px;
	}
	.menu{display:none;}
	

/*-------------- スマホ用 767以下 --------------------------*/

.menu ul{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.4;
	list-style:none
}
.menu li a{
	display:block;
	padding:10px 15px;
	color:#000;
	text-decoration:none
}
.menu li a:hover{background-color:#eee
}#news a{
	text-decoration:underline;
}

.add{
	text-align:right;
	margin-top:-10px;
	margin-bottom:5px;
	line-height:10px;
	color: #666666;
	letter-spacing:0.1em;
}
.sns{
	font-size:22px;
	text-align:right;
	margin-bottom:5px;
	line-height:10px;
	color: #666666;
	letter-spacing:0.1em;
}

.language{
	margin:0px 0px 0 0;
	text-align:left;
}
.language img{
	border:solid 0.5px #CCCCCC;
}

.moji_size{
	margin:0px 0px 0px 0;
	text-align:right;
	
}
.moji_size img{
	border:solid 0.5px #CCCCCC;
}



/******** 展示案内 *********/

#tenji_title_01{
	margin:10px 0 20px 0;
	font-size:13pt;
	font-weight:bold;
	line-height:normal;
	text-align:center;
}


/******** 最新情報 *********/
#news{
	width:60%;
	/*width:90%;*/
	height:500px;
	padding:20px;
	float:left;
	border:solid 5px #1D0B07;
	background-color:#FFFFFF;
	box-sizing: border-box;
	margin: 0 0 20px 35px;
	overflow:scroll;
	overflow-x:hidden;
	/*display: inline;*/
}

#news p{
	margin-bottom:10px;
}

#news a{
	text-decoration:underline;
}

#old_news{
	text-align:right;
}
/******** 過去のお知らせ *********/

.news_past p{
	margin-bottom:10px;
}

.news_past a{
	text-decoration:underline;
}
/******** ツイッター *********/
#twitter {
	width:30%;
	height:500px;
	float:left;
	margin-left:20px;
	overflow:scroll;
	overflow-x:hidden;
	border:solid 1px #ccc;
	font-size:9px;
	/*display: inline;*/
}


/******** 戸栗美術館について *********/

.about_01{
	float:left;
	width:25%;
	margin:15px 0 15px 10px;
}

/*.about_01 img{
	width:80%;
}
*/
.about_02{
	float:left;
	width:70%;
	margin:15px 0 0 0;
}

#aisatsu{
width:75%;
background-color:#FBFAF1;
border: ridge 1px #EDECD8;
color:#663300;
padding:25px;
margin-left:60px;
}

.shop_photo{
width:100%;
}


/******** 展覧会・過去の展覧会 *********/

.kako_01{
	width:50%;
	float:left;
	margin-bottom:20px;
	text-align:center;
}

.kako_02{
	width:50%;
	float:left;
	margin-bottom:20px;
	text-align:center;
}

.kako_03{
	width:90%;
	float:left;
	margin:0 0 20px 60px;
}
.kako h3{
	margin-left:30px;
	margin-bottom:10px;
}

.yakimono_01{
width:45%;
margin-left:20px;
margin-bottom:30px;
float:left;
text-align:center;

}

.yakimono_02{
width:50%;
margin-left:10px;
float:left;

}
.tenranakai dt{
	clear: left;
	float: left;
	width: 8em;
	margin-left:10px;
}
}
.tenranakai dd{
	float: left;
	width: 45em;
	margin:0.5em 0 1.5em 1em;
}



/******** ご利用案内 *********/

.riyou dt{
	clear: left;
	float: left;
	width: 10em;
	margin-left:10px;
}

.riyou dd{
	float: left;

	width: 50em;
	margin:0.5em 0 1.5em 1em;
}

.riyou dd{
border-bottom-color:#666666;
}

.con riyou img{
margin-left:20px;
}


#waribiki{
	text-align:left;
	margin-left:70px;
	margin-bottom:20px;

}
#waribiki table{
	width:55%;
	margin:10px 0 10px 120px;
	border:solid 1px #CCCCCC;
}

#waribiki table td{
	padding:5px;
}

.google_map{
	width:25%;
	border:solid 3px #E7E7E7;
	text-align:center;
	margin:0 0 0 310px;
	padding:3px;
}

.otoku{
	margin:10px 0 10px 0px;
	padding:20px;	
}

.otoku a{
	width:60%;
	background-color: #999999;
	color:#FFFFFF;
	text-align:center;
	margin:10px;
	padding:10px;
}
.access_map{
	margin:10px 0 10px 100px;

}

/******** 学芸の小部屋　バックナンバー *********/
#gakugei_kobeya{
	width:710px;
	margin		:	10px auto;
	box-sizing: border-box;
}
#gakugei_kobeya .con{
	padding : 8px;
}

#gakugei_footer {
	margin	:	10px auto;
	border-top : 1px solid gray;
	margin-top : 30px;
	padding-top : 20px;
	text-align : center;
}
#gakugei-right {
	color:#FFFFFF;
	text-align : center;
}

/******** アートサークル *********/

.art_circle dt{
	clear: left;
	float: left;
	width: 4em;
	margin-left:10px;
}

.art_circle dd{
	float: left;
	width: 80%;
	margin:0.5em 0 0 1em;
}

.monday{
	float:left;
	width:25%;
	text-align:left;
	margin:0 0 20px 30px;
}
.monday h4{
	text-align:left;
}
.monday p{
margin-left:1em;
}

/******** サイトマップ *********/

.sitemap dt{
	margin-left:1em;
}
.sitemap dd{
	margin-left:2em;
}

/*　スマホ用トップ　*/

#top_logo{
width:100%;
background-color:#FFFFFF;

}


/*-----------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
#footer{
	text-align:center;
	clear:both;
	padding:20px 0px 20px 0px;
	width:100%;
	color:#707070;
	margin: 0 auto;
}
#footer ul {
	text-align: center;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	font-size: 90%;
	text-decoration: underline;
	color: #774e38;
}

#footer ul li:before {
	display: inline;
	content: '｜ ';
	color: #454545;
	font-size: 90%;
}

#footer ul li:first-child:before {
    display: none;
}


#footer_sub{
	text-align:right;
}

#footer a:link {
	text-decoration: none;
	color: #666666;
}
#footer a:visited {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	text-decoration: underline;
	color		:	#00CCFF;
}




/******** ページトップに戻る *********/







/*-----------------------------------------------------------------------
カレンダー
--------------------------------------------------------------------------*/
#calendar {
	margin-top : 5px;
	padding : 10px 4px 2px 4px ;
	line-height	:	80%;
	border:solid 0.5px #CCCCCC;
}
#calendar .ym {
	font-size : 9pt;
/*	font-weight : bold;
*/	margin : 0 0px 10px 5px;
	width : 100px;
	float : left;
	text-align:left;
}
#calendar .nav {
	display: inline-block;
	font-size : 8pt;
	text-align:center;
	background-color: #F8F0E4;
	width : 35px;
	margin-left : 2px;
	padding : 2px;
	float : left;
}
#calendar .nav a {
	color: #333333;
}
#calendar .cal {
	margin-left : 4px;
}
#calendar #legend {
	font-size : 8pt;
	margin :10px 0 10px 0;
}
#calendar #legend span {
	display: inline-block;
	margin-right :2px;
	width : 16px;
	height : 10px;
}
#calendar .info {
	font-size : 8pt;
	background-color: #E7E7E7;
	color : #000000;
	padding: 2px;
}
#calendar .day {
	display: inline-block;
	margin: 1px;
	padding: 1px 0;
	font-size : 9pt;
	width : 24px;
	text-align : center;
}
#calendar .today {
	color: #000000;
}
#calendar .old {
	color: #cccccc;
}
#calendar .week {
	font-size : 8pt;
}
#calendar .sun {
	color: #FF0033;
}
#calendar .oldsun {
	color: #FF9090;
}
#calendar .msg {
	border-bottom : solid 2px gray;
}
#calendar .message {
	margin-left: 10px;
	font-size : 8pt;
	border : solid 1px gray;
	padding : 2px;
	display : none;
}


@media print {
	#navigation{
		display: none;
	}
	#main {
		width : 100%;
	}
}