@charset "utf-8";
/*--------------------------------------------------
サイト名：Kyoto Artwords
公開日：2009/12/08
----------------------------------------------------*/
/* INDEX--------------------------------------------------
00ギャラリー並び順
01リセット
02初期
03大枠
04ヘッダー
05ナビ
06フッター
07記事
08イベント情報
09Map
10アーティスト紹介
11美術館情報
12コピーガード
----------------------------------------------------*/

/* color--------------------------------------------------
紺　　#213056
薄紺　#5C72AB
薄紺　#7181AB
赤　　#CC3C18
----------------------------------------------------*/


/*--------------------------------------------------
00ギャラリー並び順
----------------------------------------------------*/
.f-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

< !--並び順は日英ともHTMLファイルのhead内で設定する-->

/*--------------------------------------------------
01リセット
----------------------------------------------------*/
html {
	overflow-y: scroll;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
hr,
form {
	margin: 0;
	padding: 0;
}

address,
caption,
cite,
code,
dfn,
strong,
th,
var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
	vertical-align: top;
}

q:before,
q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

legend {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

img,
abbr,
acronym,
fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

textarea {
	font-size: 100%;
}

a {
	outline: 0;
}

/*--------------------------------------------------
02初期
----------------------------------------------------*/
body {
	font-size: 12px;
	color: #333333;
	line-height: 1.6;
	text-align: center;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background-color: #DADEE9;
}

.clear {
	clear: both;
}

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

.clearfix {
	zoom: 1;
	/*IE*/
}

a {
	overflow: hidden;
	color: #444F6D;
}

a:hover {
	color: #CC3C19;
}

.fs10 {
	font-size: 10px;
}

.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs14 {
	font-size: 14px;
}

.fs15 {
	font-size: 15px;
}

.fs16 {
	font-size: 16px;
}

.fs17 {
	font-size: 17px;
}

.fs18 {
	font-size: 18px;
}

.fs19 {
	font-size: 19px;
}

.fs20 {
	font-size: 20px;
}

.bold {
	font-weight: bold;
}

.nmb {
	margin-bottom: 0;
}

.red {
	color: #FF0000;
}

.red-b {
	color: #FF0000;
	font-weight: bold;
}

p.bl {
	margin: 0 15px 0px 15px;
}

img.left {
	float: left;
	margin: 0 10px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 10px;
}

#main ul,
#main ol {
	margin-left: 30px;
}

li.disc {
	list-style: disc;
}

.normal {
	font-weight: normal;
}

h3.event {
	color: #FFFFFF;
	background-color: #5C72AB;
	padding: 0px 3px;
	display: inline;
}

/*--------------------------------------------------
03大枠
----------------------------------------------------*/
#page {
	width: 964px;
	margin: 0 auto;
	background-image: url(../common/page-line.gif);
	background-repeat: repeat-y;
}

#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
}

/*#contents{
	width:740px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../common/navi-bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-bottom:10px;
}*/
#main {
	width: 600px;
	float: left;
	margin: 0 10px 10px 10px;
	display: inline;
	background-color: #FFFFFF;
	padding-right: 20px;
	border-right: 1px solid #CCC;
}

/*--------------------------------------------------
04ヘッダー
----------------------------------------------------*/
#header {
	width: 950px;
	margin-bottom: 20px;
	border-bottom: 3px solid #7181AB;
	position: relative;
}

p.catch {
	font-weight: bold;
	font-family: Verdana;
	margin-top: 15px;
	margin-bottom: 5px;
}

p.lang {
	position: absolute;
	top: 155px;
	right: 150px;
}

/*--------------------------------------------------
05ナビ
----------------------------------------------------*/
#side {
	float: left;
	width: 160px;
	margin: 0 0 20px 10px;
	display: inline;
}

/*#side{
  height:100%;         サイドメニューの高さを記事と同じ高さにする
  position: sticky;    サイドメニューを固定する    
  top: 10px;
}*/
#navi {
	background-color: #EFEFEF;
	font-size: 11px;
	background-image: url(../common/bg-navi-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 20px;
}

#navi ul {
	padding-top: 12px;
	padding-bottom: 5px;
}

#navi ul li {
	background-image: url(../img-top/parts/lm-navi.jpg);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 1.4;
}

#navi ul li.new:after {
	content: url(../img-top/parts/new-ani.gif);
}

/*#navi ul li.new{
	display: inline;
	background-image:
        url(../img-top/parts/lm-navi.jpg),
        url(../img-top/parts/new-ani.gif);
    background-position:
        5px 6px,
        right center;
    background-repeat:
        no-repeat,
        no-repeat;
	padding-right:
	    30px;	
}*/
p.mail {
	background-image: url(../common/mail.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

#pickup {
	background-color: #EFEFEF;
	font-size: 11px;
	background-image: url(../common/bg-navi-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 20px;
}

#pickup ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

#pickup ul li {
	background-image: url(../img-top/parts/lm-navi.jpg);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 1.4;
}

/*--------------------------------------------------
06フッター
----------------------------------------------------*/
#footer {
	width: 950px;
	clear: both;
}

#footer p {
	margin: 0;
	padding: 3px;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	background-color: #003082;
	background-image: url(../img-top/parts/bg-footer.jpg);
	background-repeat: no-repeat;
}

/*--------------------------------------------------
07記事
----------------------------------------------------*/
/*記事*/
div.article {
	width: 596px;
	background-color: #FFF;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	/*_zoom: 1;*/
	/*overflow: hidden;*/
	position: relative;
	border: 1px solid #CCC;
	/*float:left;*/
}

table {
	margin-bottom: 25px;
}

/*ギャラリー名*/
div.article h2 {
	height: 36px;
	background-image: url(../img-top/parts/bg-h2.jpg);
	background-repeat: repeat-x;
	font-size: 18px;
	font-weight: bold;
	color: #213056;
	margin: 5px;
	padding-left: 10px;
	padding-top: 5px;
}

div.article h2.new:after {
	content: url(../img-top/parts/new-anih2.gif);
	margin-left: 10px;
}

/*ギャラリー名英文*/
div.article h2 span {
	font-size: 14px;
	font-family: Verdana;
}

div.article h2 span.voice {
	font-size: 11px;
	font-family: Verdana;
}

/*ギャラリーサイトへのリンク*/
/* div.article img.link {
	position: absolute;
	top: 12px;
	right: 10px;
} */

/*ギャラリーサイトへのリンク*/
div.article a.nocg {
	position: absolute;
	top: 12px;
	right: 10px;
}

/*リンクボタン　ロールオーバー*/
div.article a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*見出し３*/
div.article h3 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}

/*見出し４*/
div.article h4 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

/*見出し４　下マージン*/
div.article h4.mb {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 12px;
}

/*テーブル*/
div.article table td {
	vertical-align: top;
}

/*画像*/
div.article table td img {
	margin: 5px;
}

img.kakomi {
	border: 1px solid #CCC;
}

/*段落*/
p {
	margin: 0 10px 15px 10px;
}

/*キャプション*/
p.cap {
	font-size: 11px;
	margin: 0 0 10px 5px;
	line-height: 1.4;
}

table.cap {
	font-size: 11px;
	margin: 0 0 10px 5px;
	line-height: 1.4;
}

/*場所*/
p.place {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	color: #5C72AB;
}

.room {
	color: #5C72AB;
	font-weight: bold;
}

/*期間*/
p.date {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

/*コメント者が下にくる場合*/
p.mb0 {
	margin-bottom: 0;
}

/*コメント者の名前を右寄せ*/
p.mb0+p {
	text-align: right
}

/*その他右寄せ*/
p.migi {
	text-align: right;
}

/*イタリック*/
.ital {
	font-style: italic;
}

.ital-jp {
	font-style: italic;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS PGothic"
}

/*表*/
table.hyo {
	margin: 0 10px 15px 10px;
	font-weight: bold;
}

table.hyo-n {
	margin: 0 10px 15px 10px;
	font-weight: normal;
}

table.hyo-n-kei {
	margin: 0 10px 15px 10px;
	font-weight: normal;
}

table.hyo-n-kei th,
table.hyo-n-kei td {
	border-bottom: 1px solid #CCC;
}

/*定義リスト*/
dl {
	margin: 0 10px 15px 10px;
}

dd {
	margin-left: 1em;
}

/*住所*/
p.ad {
	color: #213056;
	font-size: 11px;
	border-top: 1px dashed #CCC;
	padding-top: 3px;
	margin-bottom: 0;
}

/*引用*/
blockquote {
	margin: 0 20px 15px 20px;
	padding: 10px;
	background-color: #DDD;
}

/*pickup exhibition*/
div.article h2.pickup {
	height: 36px;
	background-image: url(../img-top/parts/bg-h2-pickup.jpg);
	background-repeat: repeat-x;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin: 5px;
	padding-left: 10px;
	padding-top: 5px;
}

/*同時代アワード*/
#award {
	background-color: #DDD;
	padding: 3px;
}

#award ul {
	margin-left: 30px;
}

#award ul li {
	list-style: disc;
}

/*--------------------------------------------------
08イベント情報
----------------------------------------------------*/
#event .box {
	width: 580px;
	padding: 10px;
}

#event #main h2 {
	font-size: 18px;
	font-weight: bold;
	color: #213056;
	margin-bottom: 5px;
	padding-left: 10px;
}

#event #main h3 {
	font-size: 14px;
	font-weight: bold;
	color: #213056;
}

/*--------------------------------------------------
09Map
----------------------------------------------------*/
#map #header {
	width: 950px;
	margin-bottom: 20px;
	border-bottom: 3px solid #7181AB;
	position: relative;
}

#map #header p.lang {
	position: absolute;
	top: 20px;
	right: 150px;
}

img.title {
	margin: 10px 0 0 10px;
}

img.map {
	margin: 0 0 20px 25px;

}

/*--------------------------------------------------
10アーティスト紹介
----------------------------------------------------*/
/*TOP*/
#artworks h2 {
	margin-bottom: 10px;
}

.artist p {
	font-size: 14px;
	margin: 0 5px 5px 5px;
}

/*一覧*/
li.item {
	width: 438px;
	height: 102px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
	-moz-border-radius: 6px;
	/* 古いFirefox */
	-webkit-border-radius: 6px;
	/* 古いSafari,Chrome */
	border-radius: 6px;
	/* CSS3 */
	border: 1px solid #CCC;
	/* 枠線の装飾 */
	ｘbackground-color: #ccffcc;
	/* 背景色 */
}

li.item h2 {
	font-size: 16px;
}

li.item p {
	overflow: hidden;
}

/*個別*/
table.works {
	float: left;
	margin: 0 20px 20px 10px;
}

#honbun {
	overflow: auto;
	margin-right: 5px;
}

h1.artist {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 370px;
	text-shadow:
		-1px -1px 1px rgba(0, 0, 0, 0.4),
		1px 1px 1px rgba(255, 255, 255, 0.5);
	background-image: url(../artist/hl.jpg);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

h2.artist {
	font-size: 18px;
	font-weight: bold;
	color: #213056;
	margin-bottom: 10px;
}

h3.artist {
	font-size: 16px;
	font-weight: bold;
	color: #213056;
}

img.face {
	border: 1px solid #CCC;
	box-shadow: 2px 2px #999;
	padding: 5px;
}

hr.dot {
	/*display: none;*/
	border: 1px dashed #5C72AB;
	width: 90%;
	color: #FFF;
	margin: 20px auto;
	_margin: 10px auto;
}

hr.dot1 {
	border: none;
	background-color: #FFF;
	border-width: 1px 0 0 0;
	border-top: dotted;
	border-color: #CCC;
}

#keireki {
	overflow: hidden;
	background-color: #CED8F0;
	margin-right: 10px;
	padding: 5px;
	-moz-border-radius: 6px;
	/* 古いFirefox */
	-webkit-border-radius: 6px;
	/* 古いSafari,Chrome */
	border-radius: 6px;
	/* CSS3 */
	border: 1px solid #CCC;
	/* 枠線の装飾 */
}

/*--------------------------------------------------
11美術館情報
----------------------------------------------------*/


#museum p {
	margin-bottom: 0;
}

#museum hr {
	margin: 10px 5px;
}

hr.dot1 {
	border: none;
	background-color: #FFF;
	border-width: 1px 0 0 0;
	border-top: dotted;
	border-color: #CCC;
}

#museum {
	overflow-wrap: break-word;
}

/*--------------------------------------------------
12コピーガード
----------------------------------------------------*/
img {
	user-drag: none;
	/* ドラッグ禁止 */
	user-select: none;
	/* 選択禁止 */
	-webkit-user-drag: none;
	/* Webkitブラウザ（ChromeやSafari）向け */
	-webkit-user-select: none;
	-moz-user-select: none;
	/* Firefox向け */
	-ms-user-select: none;
	/* IE向け */
	pointer-events: none;
	/* 右クリックや長押し禁止 */
}

.nocg {
	display: inline-block;
	/* pointer-events: none;によって、ギャラリーサイトへの画像リンクが無効になるのを回避 */
}