@charset "utf-8";

/*-----------------------------------
極小美術館　--　基本スタイル CSS　--

last modified --2013-11-3--
-----------------------------------*/

.bg000{ background: #000;}

@media screen and  (max-width: 599px) {
/* 599px以下の幅の場合に適応される */

.pc_img{ display: none!important; }

}

@media screen and (min-width: 600px){
/* 600px以上の幅の場合に適応される */

.sp_img{ display: none!important; }

}

/********** PCのみ BGN **********/

@media screen and (min-width: 724px){
/* 724px以上の幅の場合に適応される */

#spFooter,.next,.top_marquee,.main_inImg { display: none!important; }
#pcFooter { display: block!important; }

#kikaku,#Wrap,.cl_Wrap { width: 600px; }

#main {
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}

.commentKiji.Name span { margin-left: 100px; }

}


@media screen and (min-width: 501px){
/* 501px以上の幅の場合に適応される */

#spFooter,.navigation,.top_navi  
{ display: none!important; }

.aisatsu { width: 500px; }

#profile { margin: 30px auto 100px 100px;width: 337px; }

#WrapW500,.cl_WrapW500 {
    margin: 30px auto 30px auto;
    width: 500px;
    padding: 30px 0 0 0;
    border: 1px solid #bdbebf;
    position: relative;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}

}


body {
margin: 0;
padding: 0;
line-height:1.4;
color:#000;
//font-family:Arial, sans-serif;
font-size:0.8em;
background-image:url("img/00.jpg");
background-attachment:fixed;
text-align:center;

font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
letter-spacing: 0;
}

#mainTitle { letter-spacing: 0.3em;padding-left: 5px; }

h1 {
color: #000;
font-size: 1.6em;
font-weight: bold;
}

h2 {
text-align:center;
color:#000;
font-size:1.0em;
font-weight: bold;
}

img {
margin: 0;
padding: 0;
border: 0;
}

p {
font-weight: normal;
text-align:center;
color:#000;
}

#main {
position:relative;
background: #fff;
margin:30px auto 30px auto;
padding: 0;
text-align:center;
border: 4px solid #998a00; 
width: 700px;
}

/* ------------- 画像2カラム配置 ------------- */
@media screen and (min-width: 600px){
/* 600px以上の幅の場合に適応される */

div.sakuhin_2column { width:600px;clear: both; } 

img.sakuhin_2column { max-width:280px; } 

span.sakuhin_2column_L { width:300px;margin: 0;padding: 0;float: left; margin-bottom: 20px; } 

span.sakuhin_2column_R { width:300px;margin: 0;padding: 0;float: right; margin-bottom: 20px; } 

}

/********** PCのみ END **********/

@media screen and (min-width: 501px) and (max-width: 723px) {
/* 501px - 723px用（タブレット用）の記述 */

/********** #mainのみ BGN **********/

img,.kijichuImg ,#title{ max-width: 95%!important;margin: 10px 2.5%!important; }

#button,#image1 { display: block!important; }

/********** #mainのみ END **********/

}



.section {
margin:30px auto 30px auto;
text-align:left;
width: 500px;
}

.sectionLarge {
position:relative;
text-align:left;
width: 700px;
margin:0;
}

.date {
margin:50px auto 50px auto;
width: 500px;
height:70px;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.date p {
font-weight: normal;
font-size:1.1em;
text-align:center;
color:#000;
margin-top: 25px;
}

.notes {
text-align:center;
color:#000;
font-size:0.8em;
font-weight:normal;
}

#stuff h3 {
font-weight: bold;
margin-top: 35px;
}

.class_box_shadow {
position:relative;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}

.time {
margin-top: 0;
color:#777;
font-size:0.9em;
float: right;
} 

.pr17 { padding-right: 17px; } /*timeが年月のみの場合に付加 */

.title_S {
color: #000;
font-size: 1.1em;
font-weight: bolder;
padding-top: 12px;
margin-bottom: 15px;
}

marquee {
color: #fff;
font-weight: bold; 
background: #998a00;
width: 100%;
height: 25px; 
padding-top: 10px;
}

marquee a { color: #fff;font-weight: bold; }
marquee a:hover { color: red;font-weight: bold; }

iframe { margin: 0;padding: 0;}

p a:hover { color: red!important;font-weight: bold; }

.bold { font-weight: bold!important; }

.txt_L { text-align:left !important; }
.txt_C { text-align:center !important; }
.txt_R { text-align:right !important; }

.txtC_W { color: white!important; }
.txtC_R { color: red!important; }
.txtC_B { color: Blue!important; }

.TAcenter { text-align: center!important;margin: auto!important;font-size: 13px; }

.spImg { display: none; }

.w500keimaki { border: 1px solid #000; width: 498px !important; }

.borderN { border: none!important; }

.dspN,.kao_P_sp { display:none; }

.bgN { background:none; }

.w200 { width: 20%!important; }

.m0 {margin:0 !important;}
.m5 {margin:5px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}

.p0 {padding:0px !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}

//t
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}

//r
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}

//b
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}

//l
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}

//tb
.mtb5 {margin-top:5px !important;margin-bottom:5px !important;}
.mtb10 {margin-top:10px !important;margin-bottom:10px !important;}
.mtb15 {margin-top:15px !important;margin-bottom:15px !important;}
.mtb20 {margin-top:20px !important;margin-bottom:20px !important;}

.ptb5 {padding-top:5px !important;padding-bottom:5px !important;}
.ptb10 {padding-top:10px !important;padding-bottom:10px !important;}
.ptb15 {padding-top:15px !important;padding-bottom:15px !important;}
.ptb20 {padding-top:20px !important;padding-bottom:20px !important;}

//lr
.mlr5 {margin-left:5px !important;margin-right:5px !important;}
.mlr10 {margin-left:10px !important;margin-right:10px !important;}
.mlr15 {margin-left:15px !important;margin-right:15px !important;}
.mlr20 {margin-left:20px !important;margin-right:20px !important;}

.plr5 {padding-left:5px !important;padding-right:5px !important;}
.plr10 {padding-left:10px !important;padding-right:10px !important;}
.plr15 {padding-left:15px !important;padding-right:15px !important;}
.plr20 {padding-left:20px !important;padding-right:20px !important;}

/********** 作家紹介ページ_ミニリスト **********/

div.min_List {
text-align: center;
max-width: 500px;
margin:50px auto 50px auto;
padding: 0;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.min_List p {
padding-left: 10px; 
padding-right: 10px;
font-weight: normal;
font-size:1.1em;
text-align:left;
color:#000;
line-height: 180%;
margin: 20px 0;
}

.min_List a { text-align: center!important;color: blue;font-weight: bold; }

.min_List a:hover { color: red;font-weight: bold;}

ul.min_List li {
	collor: #000;
	font-weight: normal;
	display: inline;
	border-left: solid #000 1px;
	padding: 0 10px;
}

ul.min_List { padding: 0; }

ul.min_List li a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

ul.min_List li a:hover  {
	color: red;
	font-weight: normal;
	text-decoration: none;
}

ul.min_List li.start { border-left: none; }

/********** 共通&Topページ_リスト一覧 **********/

/* --- ナビゲーションバー --- */
div.List {
max-width: 500px; /* ナビゲーションの幅 */
margin:30px auto 10px auto;
}

div.List_top {
width: 400px; /* ナビゲーションの幅 */
margin:30px auto 10px 30px;
}

/* --- メニューエリア --- */
div.List ul.nl , div.List_top ul.nl  {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の境界線 */
list-style-type: none;
text-align: left;
line-height: 1.1;
}

.short295 { width: 295px; }

.short350 { width: 350px; }

.max { width: 640px; }

/* --- メニュー項目 --- */
div.List ul.nl li , div.List_top ul.nl li {
border-bottom: 1px #cccccc solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.List ul.nl li a , div.List_top ul.nl li a {
background: none; /* 項目の背景 */
color:#000;
display: block;
position: relative; /* IE6用 */
padding: 11px 10px 9px 16px; /* リンクエリアのパディング（上右下左） */
background: url(img/list_off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.List ul.nl li a:hover , div.List_top ul.nl li a:hover {
color:#e3253a;
background: #eee url(img/list_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}

ul.List_min li a,ul.List_min li a:hover  { padding-top: 6px!important;padding-bottom: 4px!important; }

/********** 共通メニューバー **********/

#menu {
background: #fff;
text-align:center;
margin:0 100px 10px 100px;
//width: 500px;
z-index: 1000;
}

/********** 共通メニューバー（メニューボタン） **********/

/*a { color: #333; }*/

#navi {
width: 498px;
height: 30px;
margin: 0;
padding: 5px 1px 5px 1px;
background: #7d7d7d url(img/gradient.png) repeat-x 0 -110px;
line-height: 100%;

/*border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;*/

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#navi li {
margin: 0 0 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}


/* main level link */
#navi a {
font-weight: bold;
color: #e7e5e5;
text-decoration: none;
display: block;
padding:  8px 15px;
margin: 0;

/*-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;*/
    
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#navi a:hover {
background: #000;
color: #fff;
}

/* main level link hover */
#navi .current a {
width: 70px;
background: #666 url(img/gradient.png) repeat-x 0 -40px;
color: #444;
border-top: solid 1px #f8f8f8;

-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

#navi .current a:hover {
width: 70px;
background: #000 url(img/gradient.png) repeat-x 0 -40px;
color: #d82337;
border-top: solid 1px #f8f8f8;

-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

#navi .current a marquee.tenmetsu {
width: 70px;
background: none;
color: red;
height: auto;
padding-top: 0px;
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

#navi .current a:hover marquee.tenmetsu {
width: 70px;
background: none;
color: #000;
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

#navi .current4btn a {
width: 88px;
background: #666 url(img/gradient.png) repeat-x 0 -40px;
color: #444;
border-top: solid 1px #f8f8f8;

-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

#navi .current4btn a:hover {
width: 88px;
background: #000 url(img/gradient.png) repeat-x 0 -40px;
color: #d82337;
border-top: solid 1px #f8f8f8;

-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

#navi .next4btn a {
width: 88px;
font-weight: bold;
background: #444;
color: #fff;
text-decoration: none;
display: block;
padding:  8px 15px;
margin: 0;

/*-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;*/
    
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#navi .next4btn a:hover {
width: 88px;
background: #000;
color: red;
}

/* sub levels link hover */
#navi ul li:hover a, #navi li:hover li a {
background: none;
border: none;
color: #666;

-webkit-box-shadow: none;
-moz-box-shadow: none;
}

#navi ul a:hover {
background: #0078ff url(img/gradient.png) repeat-x 0 -100px !important;
color: #fff !important;
width: 180px !important;

/*-webkit-border-radius: 0;
-moz-border-radius: 0;*/

text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#navi li:hover > ul {
display: block;
}

/* level 2 list */
#navi ul {
display: none;

margin: 0;
padding: 0;
width: 180px !important;
position: absolute;
top: 35px;
left: 0;
background: #ddd url(img/gradient.png) repeat-x 0 0;
border: solid 1px #b4b4b4;

/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}

#navi ul li {
float: none;
margin: 0;
padding: 0;
text-indent:10px;
}

#navi ul a {
font-weight: normal;
text-shadow: 0 1px 0 #fff;
width: 180px !important;
padding:  8px 0;
text-align:left;
}

/* level 3+ list */
#navi ul ul {
left: 180px;
top: -1px;
}

/* rounded corners of first and last link */
#navi ul li:first-child > a {
/*-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;

-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;*/
}

#navi ul li:last-child > a {
/*-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;

-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;*/
}

/* clearfix */
#navi:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

#navi {
display: inline-block;
} 

html[xmlns] #navi {
display: block;
}
 
* html #navi {
height: 1%;
}

/********** 共通ページタイトル **********/

#title {
background: #fff;
background-image: url(img/Page_title.gif);
background-repeat: no-repeat;
text-align:center;
margin:40px auto 30px auto;
width: 506px;
height:85px;
}

/********** 共通ページフッター **********/

#footer {
background: #EFEAE8;
background-image: url(img/f_map.gif);
background-repeat: no-repeat;
text-align:center;
margin:40px auto 0 auto;
width: 700px;
height: 420px;
position:relative;
}

#tel {
//width: 162px;
    width: 180px;
height:45px;
position : absolute;
top : 33px;
//left: 510px;
right: 15px;
color:#E7503A;
//font-size: 1.75em;
    font-size: 1.62em;
font-weight: bold;
}

#tel p {
margin-top: 0;
margin-bottom: 2px;
color:#000;
font-size:0.45em;
}

#address {
width: 341px;
position : absolute;
top : 90px;
left: 330px;
color:#000;
font-size: 1.0em;
text-align:left;
}

#access {
width: 346px;
position : absolute;
top : 135px;
left: 325px;
}

#access h3 {
color:#000;
font-size: 1.0em;
font-weight: bold;
text-align:left;
list-style-type : disc;
margin-bottom: 0;
}

#access ul {
color:#726963;
font-size: 0.9em;
text-align:left;
list-style-type : disc;
padding-left: 5px;
margin-top: 5px;
}

#copyright {
position : absolute;
top : 270px;
text-align:center;
font-size:0.7em;
margin:40px auto 30px auto;
 position:relative;
}

#counter { margin:20px auto 0 auto; }

/********** Topページ_極小美術館 展覧会一覧 **********/

#tenjiList {width: 640px;margin: 0 auto;}
#tenjiList div.tenjiTitle {
	width: 99%;
	background-color: #eee;
	border: none;
	text-align: center!important;
	margin: 10px 0!important;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
}
#tenjiList div.tenjiLink_S {width: 200px;float: left;}
#tenjiList div.tenjiLink_L {width: 240px;float: left;}
#tenjiList div.tenjiLink_S ul {width: 195px;}
#tenjiList div.tenjiLink_L ul {width: 235px;}
#tenjiList .tenjiImg {width: 233px;border: 1px #ccc solid;margin-top: -5px;}
#tenjiList li a p.time {font-size: 11px;}
.H24 {height: 24px;}
.tenjiImg {height: 324px; margin-top: 20px!important;}

/********** Topページ_紹介サイト一覧 **********/

//#SS1 { margin-top: 130px;}

#MiyagawaPage1 {
position: relative;
top: -30px;
background-image: url(img/MiyagawaPage1_bg.jpg);
background-repeat: no-repeat; 
min-height:1000px; /* 最低の高さ */
height:auto !important;
height:850px; /* 背景画像の高さ */
}

#MiyagawaPage2 {
position: relative;
top: -30px;
background-image: url(img/MiyagawaPage2_bg.jpg);
background-repeat: no-repeat; 
min-height:1000px; /* 最低の高さ */
height:auto !important;
height:850px; /* 背景画像の高さ */
}

#others {
position: relative;
top: -30px;
background-image: url(img/LinkPage_bg.jpg);
background-repeat: no-repeat; 
min-height:1000px; /* 最低の高さ */
height:auto !important;
height:850px; /* 背景画像の高さ */
}

#FixList { position: relative; }

#MiyagawaPage1 span a img,#MiyagawaPage2 span a img,#others span a img,.LinkGazo a img { border: 2px solid #fff; }

#MiyagawaPage1 span a:hover img,#MiyagawaPage2 span a:hover img,#others span a:hover img,.LinkGazo a:hover img { border: 2px solid red!important; }

#MiyagawaPage1 .List_top,#MiyagawaPage2 .List_top,#others .List_top { padding-top: 5px; }

#MiyagawaPage1 h2,#MiyagawaPage2 h2,#others h2 { padding-top: 10px; }

/********** Topページ_紹介サイト一覧（リンク画像） **********/

#MiyagawaPage1 img { position: absolute; left: 30px; }
//#MiyagawaPage1 img { position: absolute; right: 30px; bottom: 0px; } /*リストの高さが1000px以上の時*/

#MiyagawaPage2 img { position: absolute; left: 30px; }
//#MiyagawaPage2 img { position: absolute; right: 30px; bottom: 0px; } /*リストの高さが1000px以上の時*/

#others img { position: absolute; left: 30px; }
//#others img { position: absolute; right: 30px; bottom: 0px; } /*リストの高さが1000px以上の時*/

/* --- ナビゲーションバー --- */
div.navBtn {
width: 100%; /* ナビゲーションの幅 */
background-color: #f9f9f9; /* ナビゲーションの背景色 */
//border-top: 1px #000 solid; /* 上境界線 */
//border-bottom: 1px #000 solid; /* 下境界線 */
border: none; /* メニューの境界線 */
}

/* --- メニューエリア --- */
div.navBtn ul.nl {
width: 700px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #555; /* メニューの背景色 */
//border-right: 1px #000 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
border: none; /* メニューの境界線 */
}

/* --- メニュー項目 --- */

/*div.navBtn  {
position: relative;
top: 30px;
}*/

div.navBtn ul.nl li {
*height: 45px;
width: 25%; /* 項目の幅 */
float: left;
color: #fff;
border: none; /* メニューの境界線 */
}

/* --- リンク --- */
div.navBtn ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 2px; /* リンクエリアのパディング（上下、左右） */
//border-left: 1px #000 solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
color: #fff;
font-weight: bold;
border: none; /* メニューの境界線 */
}
/* --- ポイント時の設定 --- */
div.navBtn ul.nl li a:hover {
background-color: #ccc; /* ポイント時の背景色 */
text-decoration: none; /* テキストの下線（なし） */
color: red;
font-weight: bold;
border: none; /* メニューの境界線 */
}

.noLink { padding: 8px 0px; } /* リンクエリアのパディング（上下、左右） */

.select { padding: 8px 0px; /* リンクエリアのパディング（上下、左右） */
background-color: red; /* 背景色 */
text-decoration: none; /* テキストの下線（なし） */
color: #fff;
font-weight: bold;
border: none; /* メニューの境界線 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix { min-height: 1px; }

/********** Openingページ_あいさつ **********/

.aisatsu {
margin:50px auto 50px auto;
padding:30px 0;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}

.aisatsu p {
padding-left: 10px; 
padding-right: 10px;
font-weight: normal;
font-size:1.1em;
text-align:left;
color:#000;
line-height: 180%;
margin: 25px 0;
}

.aisatsu a { color: blue;font-weight: bold; }

.aisatsu a:hover { color: red;font-weight: bold;}

.sakusei {
text-align:center;
color:#000;
font-size:1.2em;
font-weight:normal;
}

/********** Openingページ_アニメーションGIF **********/

#image1 {
 height: 399px;
 width: 479px;
}

/********** 展覧会ページ **********/

.kiji {
margin:60px auto 60px auto;

padding:0;
width: 500px;
border: none;
}

.kiji h2 {
padding: 0 0 0 10px;
margin: 0;
font-weight: bold;
font-size:1.5em;
text-align:center;
color:#000;
}

.kiji h2.paperTitle {
padding: 50px 0 5px  3px;
margin: 0;
font-weight: bold;
font-size:1.5em;
text-align:left;
color:#000;
border-bottom: 2px solid #000;
}

.kijiTitle img { float: right; }

.kijichuImg {
float: left;
margin-right: 20px;
margin-bottom: 0!important;
}

.kijichuImg p { padding-bottom: 0!important; }

.kijichuSubTitle { font-size: 1.5em!important;font-weight: bold!important;padding-bottom: 0px !important; }

.commentKiji{
	padding: 8px 8px 50px 3px;
	color:#000;
	font-weight: bold;
	font-size:1.0em;
	text-align:left;
}

.commentKiji span {
	color:#000;
	font-weight: normal;
	font-size:0.9em;
}

.subTitle { font-size: 0.8em!important; }

.kiji p {
padding-bottom: 10px;
font-weight: normal;
font-size:1.12em;
text-align:left;
color:#000;
line-height: 170%;
}

#kikaku {
	border-bottom: 6px solid #000;
	margin:30px auto 30px auto;
//	width: 600px;
	padding: 0;
	position: relative;
}

#kikaku.espoir { border-bottom: 6px solid #5db372; }

#kikaku h2 { 
	color: #000;
	font-weight: bold;
	font-size:2.8em; 
	line-height: 1.1em;
	margin-top: 10px;
	margin-bottom: 10px;
}

#kikaku h3 { 
	color: #666;
	font-size:1.6em;
	font-weight:bold; 
	margin: 0 0 10px 0;
}

#kikaku .Num { 
	color: #000;
	text-align:left;
	font-weight: bold;
//	font-size:1.8em; 
	font-size:1.3em; 
	margin: 0;
}

#kikaku.espoir .Num { color: #5db372; }

#moshikomi { 
	float: right;
	margin: 0;
	padding: 0;
	color: #8e8e8f;
	font-size:0.8em;
	font-weight:normal; 
	text-align: right;
	position: absolute;
	bottom: 2px;
	right: 0;
}

#kikaku ul {
	display:table;
	table-layout: fixed;
	width:100%;
	margin: 0;
	padding: 0;
}

#kikaku li {
	display:table-cell;
	padding: 0 10px;
}

.ListBlockCol3 dl {
	text-align:left;
	display: inline;
	float: left;
	height: 150px;
	width: 190px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 7px;
	border-top: none;
	border-left: 6px solid #e0d4a4;
}

.ListBlockCol3 dl.newLin { border-left: 6px solid #7ABF88; }

.ListBlockCol3 dt { 
	margin-left: 0px;
	margin-right: 10px;
	padding: 3px 10px;
	text-align:left; 
	font-weight: bold;
	background: #ddd;
}

.ListBlockCol3 dd { 
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	text-align:left; 
	font-weight: normal;
//	font-size:0.9em;
	font-size:0.95em;
}

#ListBlock ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 0;
	padding-top: 10px;
}

#ListBlock dl.Lst { margin-bottom: 30px; }

#ListBlock {
	margin: 30px 40px 30px 50px;
	width: 610px;
}

#ListBlock h2 { font-size:1.5em; }

#ListBlock span {
	font-weight: normal;
	font-size:0.8em;
}

.ListBlockCol3 .partsTitle span{ font-weight:normal; }

#ryakureki,#espoirRyakureki,#infoBlock {
	margin:30px auto 30px auto;
	width: 500px;
	position: relative;
}

#infoBlock .ListBlock dt { 
	margin: 0;
	padding: 2px 10px;
	text-align:left; 
	font-weight: bold;
	background: #ddd;
}

#infoBlock ul { padding-left: 0px !important; }

#infoBlock .ListBlock dd { 
	margin: 0;
	padding: 1px 10px 5px 10px;
	text-align:left; 
	font-weight: normal;
	font-size:1.0em;
}

#ryakureki .kikaku dt,#espoirRyakureki .kikaku dt, dd{ 
	padding-bottom: .3em; 
	border-top: 4px solid #fff;
}

#ryakureki .kikaku dt,#espoirRyakureki .kikaku dt{
	float: left;
	padding-top: 4px;
	//padding-right: 1em;
	width: 60px;
	//text-align: right;
	font-weight: bold;
	background: #ebe3be;
	text-align:center; 
}

#ryakureki .kikaku dd,#espoirRyakureki .kikaku dd{
	//margin-bottom: 4px;
	margin-left: 0;
	border-left: 3px solid #fff;
	//padding-left: 1.5em;
	//padding-top: 5px;
	padding: 5px 10px;
	text-align:left;
	font-weight:normal; 
	background: #f4f1e0;
	overflow: auto ;
}

#ryakureki .kikaku .partsTitle,#espoirRyakureki .kikaku .partsTitle,.ListBlockCol3 .partsTitle{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	text-align:left;
	font-weight:bold; 
	background: #fff;
	overflow: auto ;
	clear: both;
}

#ryakureki  dd.gedan{
	margin-left: 0;
	border: none;
	padding: 5px 10px;
	text-align:left;
	font-weight:normal; 
	background: #f4f1e0;
	overflow: auto ;
}

#ryakureki dd.partsTitle_gedan{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	text-align:left;
	font-weight:bold; 
	background: #ebe3be;
	overflow: auto ;
	clear: both;
	border-left: 3px solid #ebe3be;
	border-top: 3px solid #ebe3be;
}

#ryakureki .kikaku .Lst,#espoirRyakureki .kikaku .Lst{
	margin: 0;
	padding-left: 1.5em;
	padding: 5px 0 30px 0;
	text-align:right;
	font-weight:normal; 
	background: #fff;
	overflow: auto ;
	clear: both;
}

.partsTitle { overflow: hidden!important; }

#espoirRyakureki .kikaku { background: #bee1c3; }

#espoirRyakureki .kikaku dt{ background: #bee1c3; }

#espoirRyakureki .kikaku dd{ background: #f4f9f4; }

.bb1PX{ border-bottom: 1px solid #777; }

.wrap { background: #fff; }

#kikaku .S1 h2,#kikaku .S1 p { text-align:right; }

#kikaku .S2 h2,#kikaku .S2 p { text-align:left; }

.photoLink,.photoLink_anime { text-align: right;margin: 5px 0; }

.photoLink a  {
	margin-right: 100px;
	text-decoration:none;
	color: #0000ff;
}

.photoLink_anime  a  {
	margin-right: 50px;
	text-decoration:none;
	color: #0000ff;
}

.photoLink a:hover,.photoLink_anime a:hover  {
	color:#ff0000;
	font-weight: bold;
	text-decoration:underline;
}

.commentLink {
	margin:30px auto 30px auto;
	padding: 0;
	width: 600px;
	text-align:center;
	color: #000;
	font-weight: bold;
	font-size:1.2em;
	line-height: 1.0;
}

.commentLink a {
	text-decoration:none;
	color: #0000ff;
	font-weight: bold;
}

.commentLink a:hover {
	color:#ff0000;
	font-weight: bold;
	text-decoration:underline;
}

.commentLink span {
	color:#000;
	font-weight: normal;
	font-size:0.9em;
}

.Img { margin-bottom: 40px; }

.Img p { margin: 15px; text-align: center!important;}

#Wrap,.cl_Wrap { 
	margin:30px auto 30px auto;
//	width: 600px;
//	padding: 50px 0 0 0;
	padding: 0;
	border: 1px solid #bdbebf;
position:relative;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}

.WrapImg { 
	margin:30px auto 30px auto;
	width: 600px;
	border: 1px solid #bdbebf;
position:relative;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}

.espoir_BG { background: #e6f2e6; }

/*#espoirWrap { 
	background: #e6f2e6;
	margin:30px auto 30px auto;
	width: 600px;
	padding: 50px 0 0 0;
	border: 1px solid #bdbebf;
position:relative;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}*/

/********** パララックスページ **********/

#header h1, #pixels{
	color: #555;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
	padding-top: 30px;
	background: #fff;
}

.center{
	font-size: 2.5em;
	padding: 80px 0;
	text-align: center;
}

#scrollNav{
	list-style: none;
	position: fixed;
//	right: 20px;
	margin-left: 700px;
	*margin-left: 0px;
	*left: 830px;
	padding-left: 0px;
	z-index: 300;
}

#scrollNav li{
	margin: 0 0 15px 0;
	width: 105px;
	height: 20px;	
	background: #998a00;
	padding-top: 5px;
}

#scrollNav li a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#header, #intro, #second{
	width: 100%;
}

#scrollNav li a:hover{ color: red; }

#header{
	background: white;
//	height: 130px;
	height: 106px;
	*height: 113px;	
}

#intro{
	background:url(img/firstBG.jpg) 50% 0 no-repeat fixed;
//	color: white;
//	height: 1200px;
	height: 1260px;
	margin: 0;
	padding: 0;
}

#second{
	background: url(img/secondBG.jpg) 50% 0 no-repeat fixed;
//	color: white;
//	height: 1200px;
	height: 1260px;
//	margin: 0 auto;
//	overflow: hidden;
	padding: 0;
}

#third{
	background: url(img/thirdBG.jpg) 50% 0 no-repeat fixed;
//	color: white;
//	height: 1200px;
	height: 1260px;
	padding: 0;	
}
 
#fourth{
	background: url(img/fourthBG.jpg) 50% 0 no-repeat fixed;
//	color: white;
//	height: 1200px;
	height: 1260px;
	padding: 0;
}

#fourth .bg{
	background: url(img/bg.gif) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto;
	*left: 0px;
	padding: 0;
	position: absolute;
	width: 700px;
	z-index: 120;
}

#fourth .bg2{
	background: url(img/bg2.gif) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto;
	*left: 0px;
	padding: 0;
	position: absolute;
	width: 700px;
	z-index: 130;
}

.fourthLink{
	z-index: 110;
}

#fifth{
	background: url(img/fifthBG.jpg) 50% 0 no-repeat fixed;
	height: 900px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	width: 700px;
}

.story h2{ 
	font-size:2.8em; 
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 10px;
}

.story h3{ 
	font-size:1.6em; 
	margin-top: 0;
}

.story h3.sizeS { font-size:1.5em;  }

.story p{ 
	font-size:1.2em;
	text-align:left !important;
	margin-bottom: 15px;
}

.story span a{
	color: #ffa2be;
	font-weight: bold;
}

.story span a:hover{
	color: red;
	font-weight: bold;
}

#intro .story h2, #intro .story h2 a, #intro .story h3, #intro .story p{ color: white; }
#second .story h2, #second .story h2 a, #second .story h3, #second .story p{ color: white; }
#third .story h2, #third .story h2 a, #third .story h3, #third .story p{ color: white; }
#fourth .story h2, #fourth .story h2 a, #fourth .story h3, #fourth .story p{ color: white; }
#fifth .story h2, #fifth .story h2 a, #fifth .story h3, #fifth .story p{ color: white; }

#intro .story h2 a:hover,
#second .story h2 a:hover,
#third .story h2 a:hover,
#fourth .story h2 a:hover,
#fifth .story h2 a:hover { color: red !important; }

.story .float-left, .story .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 350px;	
}

.float-left{
float: left;	
margin: 0 0 0 20px;
z-index: 140;
}

.float-right{
float: right;
margin: 0 20px 0 0;
z-index: 150;
}

.float-left img{
width: 350px;
margin-top: 15px;
margin-bottom: 15px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}

.float-right img{
width: 350px;
margin-top: 15px;
margin-bottom: 15px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
}

.paper{
position: relative;
width: 290px;
left: 380px;
top: -560px;
}

.paper a:hover { color: red; }

.pos_rT0{
position: relative;
top: 0;
}

.newspaper01 { width: 670px!important;padding: 10px 0 10px 0!important; }

/********** 人物紹介ページ **********/

#profile {
	//margin: 30px auto 100px 100px;
	//width: 337px;
	padding-top: 35px;
	border-bottom: 3px solid #000;
	position: relative;
}

#profile p.Name { text-align: left;margin: 0; }

#profile span.Name_JP {
	text-align: left;
	color: #000;
	font-weight: bold;
	font-size: 2.5em;
	margin: 0;
}

#profile span.Name_EN {
	position: absolute;
	top: 20px;
	right: 0;
	padding: 30px 5px 0 0;
	color: #000;
	font-weight: bold;
	font-size: 1.3em;s
}

.commentKiji.Name span {
	color: #000;
	font-weight: normal;
	font-size: 1.2em;
//	margin-left: 100px;
	position: absolute;
	bottom: 25px;
}

#profileTitle { position: relative;height: 140px; }

#profileTitle img.gazo { position: absolute;top: 0;right: 100px; }

.sinsain { margin: 30px 30px0 30px;font-size: 1.25em;font-weight: bold; }

#toyamaT h2 { font-size: 1.6em; }

/********** フライヤー 一覧ページ **********/

/* ------------- * reset css ------------- */

ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/* ------------- * wrap ------------- */

.wrap { width:680px; height:875px; background:#eee; margin: 0 auto; padding:10px; }
.wrap p { height:842px; }
.wrap img { 
height:842px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.70);}

/* ------------- * thumb ------------- */

.thumb_wrap { width: 97px; background: #998a00; margin-right: -98px; margin-left: auto; padding-top: 5px; padding-bottom: 10px; float: right; }
.thumb { width: 97px; height:665px; overflow: auto; scrollbar-base-color:#998a00; }
.thumb ul { margin:0; padding:0; }
.thumb li { display:block; margin:5px; }
.thumb li img { height: 102px; width: 72px; cursor:pointer; }
.thumb li img:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; zoom:1; }

/********** 共通フッター **********/

.txtCent { text-align: center; }
.w700 { width: 700px; }
.w500 { width: 500px; }
.bgImgNon { background-image: none; }

/********** ボタン **********/

#button {
  width:320px;
  color:#e4eef8;
  background:#337fcc;
  font-size:28px;
  font-weight:bold;
  //text-shadow:0 -1px 1px #143352;
  text-shadow:0 -1px 1px #000;
  text-align:center;
  display:block;
  text-decoration:none;
  //border:1px solid #225588;
  border:1px solid #000;
  padding:12px 0 8px 0;
  border-radius:12px;
  /background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.5)), to(rgba(34,85,136,1)));
  background:-ms-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
  background:-o-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
  background:linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));*/
  
  background:-moz-linear-gradient(rgba(119,119,119,0.5), rgba(119,119,119,1));
  background:-ms-linear-gradient(rgba(119,119,119,0.5), rgba(119,119,119,1));
  background:-o-linear-gradient(rgba(119,119,119,0.5), rgba(119,119,119,1));
  background:linear-gradient(rgba(119,119,119,0.5), rgba(119,119,119,1));
  
  -pie-background: linear-gradient(#77aadd, #225588);
  /*box-shadow:0px 1px 0px #1b446d,
             0px 2px 0px #1b446d,
			 0px 3px 0px #1b446d,
			 0px 4px 0px #1b446d,
			 0px 5px 0px #1b446d,
			 0px 6px 0px #1b446d,
			 0px 7px 0px #1b446d,
			 2px 7px 3px rgba(0,0,0,0.3),
			 0px 1px 0px rgba(255,255,255,0.5) inset,
			 0px -1px 0px rgba(255,255,255,0.2) inset;*/
  behavior: url(PIE.htc);
}