@charset "utf-8";
/* CSS Document */




/* body要素のスタイル */

body{
margin: 0 0 0 0;
padding: 0;
color: #666666;
background: #ffffff;
background-image:url(../common/im_bg.jpg);
background-repeat:repeat-x;
text-align:center;
}

/* インライン要素のスタイル */

a:link{
color:#666666; text-decoration:underline;
}
a:visited{
color:#666666; text-decoration:underline;
}
a:hover, a:active{
color:#5BC8C7; text-decoration:none;
}

img,object{
margin: 0;
padding: 0;
border:0;
vertical-align: bottom;
}

input{
color:#666666;
}

form{
margin:0px;
padding:0px;
border:0px;
}

ul{
margin:0px 0px 0px 1.2em;
padding:0px;
}

li{
margin:0px;
padding:0px;
}


/* テーブル
---------------------------------------------------- */
.table{
background-color:#E5E5E5;
margin:0px 10px 0px 10px;
}

.table td{
padding:5px;
background-color:#ffffff;
}

.bt_center{
text-align:center;
}


/* コンテナ
---------------------------------------------------- */

#container{
width:800px;
margin:0px auto;
padding:0px;
background-color:#ffffff;
text-align:center;
border:1px solid #E5E5E5;
border-top:none;
border-bottom:none;
}


/* ヘッダー
---------------------------------------------------- */

#header{
width:760px;
padding:0px ;
margin:0px 20px 0px 20px;
height:60px;
text-align:left;
}

#logo{
width:144px;
height:40px;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
float:left;
}

#header_nav{
width:289px;
margin:0px 0px 19px 0px;
padding:0px;
float:right;
}


#lang{
width:289px;
height:31px;
float:right;
}

#actstyle{
width:164px;
height:17px;
float:right;
margin:10px 0px 0px 0px;
}









/* トップフラッシュ
---------------------------------------------------- */

#top_flash{
width:800px;
clear:both;
padding:0px;
margin:0px 0px 0px 0px;
height:270px;
text-align:left;
background-color:#5BC8C7;
}


/* メインタイトル
---------------------------------------------------- */

#main_ttl{
width:800px;
height:170px;
padding:20px 0px 0px 0px;
_padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
}



/* トピックパス
---------------------------------------------------- */

#topicpath{
clear:both;
width:760px;
height:25px;
padding:0px;
margin:0px 0px 0px 0px;
}

#topicpath p{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:right;
}





/* メインコンテンツ
---------------------------------------------------- */

#wrapper{
width:760px;
padding:0px;
margin:0px 20px 40px 20px;
text-align:left;
}

#top_sub_nav{
width:180px;
padding:0px;
margin:0px 0px 40px 20px;
float:left;
}

#sub_nav{
width:180px;
padding:0px;
margin:0px 20px 40px 0px;
_margin:0px 20px 0px 0px;
float:left;
}

#content{
width:560px;
padding:0px;
margin:0px 0px 40px 0px;
_margin:0px 0px 0px 0px;
float:left;
}


/* 平山タブ */

#year{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../hirayama/images/im_hirayama_bg.jpg);
background-repeat:repeat-x;
}

#year p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* 佐藤タブ */

#year_sato{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../sato/images/im_sato_bg.jpg);
background-repeat:repeat-x;
}

#year_sato p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* 楽タブ */

#year_raku{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../raku/images/im_raku_bg.jpg);
background-repeat:repeat-x;
}

#year_raku p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* 企画タブ */

#year_plan{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../plan/images/im_kikaku_bg.jpg);
background-repeat:repeat-x;
}

#year_plan p{
padding:20px 20px 0px 0px;
text-align:right;
}


/* 全ての展覧会タブ */

#year_all{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../all/images/im_all_bg.jpg);
background-repeat:repeat-x;
}

#year_all p{
padding:20px 20px 0px 0px;
text-align:right;
}


/* アートコラムタブ */

#year_art{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../column/images/im_art_bg.jpg);
background-repeat:repeat-x;
}

#year_art p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* 過去の活動タブ */

#year_past{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../past/images/im_past_bg.jpg);
background-repeat:repeat-x;
}

#year_past p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* ニュースタブ */

#year_news{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../news/images/im_news_bg.jpg);
background-repeat:repeat-x;
}

#year_news p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* トピックスタブ */

#year_topics{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../topics/images/im_topics_bg.jpg);
background-repeat:repeat-x;
}

#year_topics p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* イベントタブ */

#year_event{
clear:both;
width:760px;
height:50px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(../event/images/im_event_bg.jpg);
background-repeat:repeat-x;
}

#year_event p{
padding:20px 20px 0px 0px;
text-align:right;
}

/* 友の会タブ */

#year_friend{
clear:both;
width:760px;
height:50px;
margin:0px 0px 20px 0px;
padding:0px;
background-image:url(../friend/images/im_friend_bg.jpg);
background-repeat:repeat-x;
}

#year_friend p{
padding:20px 20px 0px 0px;
text-align:right;
}


/* リンクタブ
---------------------------------------------------- */

#year_link{
clear:both;
width:760px;
height:50px;
margin:0px 0px 0px 0px;
padding:0px;
background-image:url(../link/images/im_link_bg.jpg);
background-repeat:repeat-x;
}

#year_link p{
padding:20px 20px 0px 0px;
text-align:right;
}


#content_list{
width:720px;
padding:0px;
margin:0px 0px 40px 20px;
float:left;
display:inline;
}

#content_detail{
width:700px;
padding:0px;
margin:20px 0px 10px 10px;
}

#now_detail{
width:700px;
padding:0px;
margin:20px 0px 10px 10px;
}

#now_detail p{
margin-left:10px;
}

#detail{
width:370px;
padding:0px;
margin:0px 0px 0px 0px;
float:left;
}

#detail p{
width:370px;
}

#detail_photo{
width:310px;
padding:0px;
margin:0px 0px 10px 20px;
float:left;
}

#detail_photo_left{
width:310px;
padding:0px;
margin:0px 20px 0px 0px;
float:left;
}

#detail_photo img{
width:300px;
margin:0px 0px 0px 0px;
padding:4px;
float:right;
display:block;
border:solid 1px #E5E5E5;
background-color:#FFFFFF;
}

#detail_photo_left img{
width:300px;
margin:0px 0px 0px 0px;
padding:4px;
float:right;
display:block;
border:solid 1px #E5E5E5;
background-color:#FFFFFF;
}

h2{
clear:both;
font-weight:normal;
text-decoration:none;
margin:0px 0px 10px 0px;
padding:0px;
}

h3{
font-weight:normal;
text-decoration:none;
margin:0px 0px 20px 0px;
padding:0px;
}

.caption{
margin:5px 0px 20px 0px;
padding:0px;
}


#list{
clear:both;
width:560px;
margin:0px 0px 0px 0px;
padding:0px 0px 4px 0px;
border-bottom:dashed 1px #E5E5E5;
}

#list:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #list {
	height: 1em;
}

#list {
	display: block;
}
/**/

#list p{
width:500px;
margin:8px 0px 0px 10px;
float:left;
line-height:140%;
}

#list_l{
clear:both;
width:720px;
margin:0px 0px 0px 0px;
padding:0px 0px 4px 0px;
border-bottom:dashed 1px #E5E5E5;
}

#list_l:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #list_l {
	height: 1em;
}

#list_l {
	display: block;
}
/**/

#list_l p{
width:680px;
margin:8px 0px 0px 10px;
float:left;
line-height:140%;
}

#day{
display:none;
margin:8px 20px 0px 0px;
_margin:8px 10px 0px 0px;
float:right;
line-height:150%;
}



#top_info{
width:560px;
height:110px;
margin:0px 0px 10px 0px;
_margin:0px;
display:block;
}

#top_info p{
width:380px;
margin:0px 0px 0px 10px;
float:left;
display:inline;
}

#qr{
width:158px;
margin:0px 0px 0px 0px;
border-left:solid 1px #E5E5E5;
border-right:solid 1px #E5E5E5;
float:left;
text-align:center;
}

#qr img{
margin:10px 0px 10px 0px;
}



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

#bt{
height:20px;
margin:10px 0px 0px 10px;
float:left;
display:inline;
font-size:0;
}

#bt a{
border:solid 2px #B2B2B2;
float:left;
display:inline;
}

#bt a:hover{
border:solid 2px #5BC8C7;
float:left;
display:inline;
}



/* フッター
---------------------------------------------------- */

#footer{
clear:both;
width:800px;
margin:0px 0px 0px 0px;
_margin:-30px 0px 0px 0px;
}

#footer_top{
clear:both;
width:800px;
margin:0px 0px 0px 0px;
}


#footer_upper{
clear:both;
width:760px;
margin:0px 20px 0px 20px;
}

#footer_upper_l{
width:500px;
float:left;
margin:0px 0px 0px 0px;
text-align:left;
}

#footer_upper_l p{
margin:10px 0px 0px 0px;
}


#footer_upper_r{
width:110px;
float:right;
display: inline; /* for IE6,7 */
margin:0px 0px 10px 0px;
}


#footer_under{
clear:both;
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 20px 10px 0px;
background-color:#F2F2F2;
}

#footer_under p{
margin:0px 0px 0px 0px;
line-height:140%;
}


/* 各カテゴリーの色指定
---------------------------------------------------- */

.default{
background-color:#5BC8C7;
}

.info{
background-color:#C0C834;
}

.hirayama{
background-color:#39928F;
}

.sato{
background-color:#B74855;
}

.raku{
background-color:#D0931D;
}

.plan{
background-color:#585D71;
}

.column{
background-color:#9986AE;
}

.news{
background-color:#C0C834;
}

.topics{
background-color:#FF9933;
}

.event{
background-color:#9986AE;
}

.friend{
background-color:#9986AE;
}

.art{
background-color:#9986AE;
}

.link01{
background-color:#f2c70e;
}

.link02{
background-color:#7ecc7e;
}

.link03{
background-color:#fea034;
}

.link04{
background-color:#fbc0df;
}

.link05{
background-color:#ffff40;
}

.link06{
background-color:#80cfe3;
}

.link07{
background-color:#bfe47f;
}



/* マージン
---------------------------------------------------- */

.mgn_t_20{
margin:20px 0px 0px 0px;
}

.mgn_b_20{
margin:0px 0px 20px 0px;
}

.mgn_b_10{
margin:0px 0px 10px 0px;
}


/* 注釈
---------------------------------------------------- */

.cation{
color:#ff0000;
}



/* フロートのクリア
---------------------------------------------------- */

.clr{
clear:both;
}


/* テーブルの修飾
---------------------------------------------------- */

th,td{
padding:5px
}

.line_t_b{
border-top:dashed 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}

.pdg_l_10{
padding:5px 15px 5px 15px;
}

table.chart{
margin:0px 0px 0px 10px;
border-collapse : collapse ;
}

table.chart td{
border:solid 1px #E5E5E5;
}

table.chart_p{
margin:0px 0px 20px 10px;
border-collapse : collapse ;
}

table.chart_p td{
border:solid 1px #E5E5E5;
}

table.chart_tea{
margin:0px 0px 10px 10px;
border-collapse : collapse ;
}

table.chart_tea td{
border:solid 1px #E5E5E5;
}


table.chart_access{
margin:0px 0px 0px 10px;
border-collapse : collapse ;
}

table.chart_access th,td{
padding:10px
}

table.chart_access td{
background-color:#F2F2F2;
border:solid 1px #E5E5E5;
}

table.chart_access ul{
margin:10px 0px 0px 0px;
}



/* インフォメーション
---------------------------------------------------- */

.info_box{
width:560px;
margin:0px 0px 30px 0px;
}

.info_box_tx{
width:560px;
margin:0px 0px 20px 0px;
}

.info_box_tx p{
width:540px;
margin:0px 10px 10px 10px;
}


.info_box p{
width:540px;
margin:0px 10px 10px 10px;
}

.info_box .last{
margin:10px 10px 0px 10px;
}

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

.info_box .check_box{
margin:10px 10px 0px 10px;
vertical-align:middle;
line-height:2.5em;
layout-grid-line:2.5em;  /* ie */
}

.check_box input{
margin:0px 10px 0px 0px;
}

.info_box .info_submit{
margin:10px 10px 0px 10px;
}


.info_list{
clear:both;
width:560px;
margin:8px 0px 8px 0px;
border-top:dashed 1px #E5E5E5;
}

.info_list p{
float:left;
line-height:140%;
margin:8px 0px 8px 10px;
}

.info_list_top{
clear:both;
width:560px;
margin:8px 0px 8px 0px;
border-top:none;
}

.info_list_top p{
float:left;
line-height:140%;
margin:8px 0px 8px 10px;
}

*html body div.info_listline{
clear:both;
width:560px;
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:dashed 1px #E5E5E5;
}

.info_listline{
clear:both;
width:560px;
margin:8px 0px 0px 0px;
padding:0px 0px 10px 0px;
border-top:dashed 1px #E5E5E5;
}


/* コレクション
---------------------------------------------------- */


.info_btin{
width:560px;
margin:0px 0px 0px 0px;
}


.info_btin p{
width:540px;
margin:0px 10px 10px 10px;
}

.info_btin .last{
margin:10px 10px 0px 10px;
}

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

.colection_img{
width:260px;
margin:0px 0px 20px 10px;
_margin:0px 0px 20px 5px;
float:left;
}

.colection_img img{
margin:0px 0px 5px 0px;
}

.colection_cap{
width:260px;
margin:0px 0px 0px 0px;
}

.colection_cap p{
width:260px;
margin:0px 0px 0px 0px;
line-height:140%
}

.bt_adobe{
margin:20px 0px 0px 10px;
}

.bt_adobe img{
margin:0px 0px 0px 0px;
}

.bt_adobe p{
margin:5px 0px 0px 0px;
}


/* アクセス
---------------------------------------------------- */


.info_map{
width:560px;
margin:0px 0px 0px 0px;
}


.info_map p{
width:540px;
margin:0px 10px 10px 10px;
}

.info_map .last{
margin:10px 10px 0px 10px;
}

.info_map img{
margin:0px 0px 0px 0px;
}

.map_left{
clear:both;
width:220px;
float:left;
margin:10px 10px 0px 0px;
}

.map_left p{
width:200px;
}


.map_right{
width:310px;
float:right;
height:241px;
margin:10px 0px 0px 0px;
padding:0px 10px 0px 0px;
}

.map_right img{
padding:0px 0px 0px 0px;
}



/* 年間スケジュール
---------------------------------------------------- */
	

.scedule_center{
width:540px;
margin:0px 0px 0px 10px;
}

.scedule_center img{
width:540px;
margin:0px 0px 0px 0px;
}


.scedule_center p{
width:540px;
margin:10px 0px 0px 0px;
}



/* 展示館
---------------------------------------------------- */

.pavilion_tl{
}

.pavilion_box{
width:560px;
margin:0px 0px 30px 0px;
}

.pavilion_box #side_bn_t{
width:180px;
padding:0px ;
margin:0px 0px 20px 10px;
display:inline;
float:left;
}


.pavilion_box p{
width:540px;
margin:0px 10px 10px 10px;
}

.pavilion_box .last{
margin:10px 10px 0px 10px;
}

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

.pavilion_img{
margin:10px 0px 0px 10px;
}


.pavilion_left{
clear:both;
width:300px;
float:left;
margin:10px 10px 0px 0px;
}

.pavilion_left p{
width:300px;
}


.pavilion_right{
width:210px;
float:right;
height:270px;
margin:10px 0px 20px 0px;
padding:0px 10px 0px 0px;
}

.pavilion_right img{
padding:0px 0px 0px 0px;
}

.annotation{
}



/* 年譜テーブル
---------------------------------------------------- */


table.annals td{
line-height:120%;
}

table.annals{
margin:0px 0px 20px 10px;
border-collapse : collapse ;
}


/* 主要作品
---------------------------------------------------- */

.main_work{
width:170px;
float:left;
margin:10px 0px 0px 15px;
}

.main_work img{
margin:0px 0px 5px 0px;
}

.main_work p{
width:170px;
margin:0px 0px 0px 0px;
}

.main_work_f{
width:170px;
float:left;
margin:10px 0px 0px 10px;
_margin:10px 0px 0px 5px;
}

.main_work_f img{
margin:0px 0px 5px 0px;
}

.main_work_f p{
width:170px;
margin:0px 0px 0px 0px;
}


.work_list{
clear:both;
width:560px;
margin:8px 0px 8px 0px;
border-top:dashed 1px #E5E5E5;
}

.work_list p{
float:left;
line-height:140%;
margin:8px 0px 8px 10px;
}

.work_list_top{
clear:both;
width:560px;
margin:8px 0px 8px 0px;
border-top:none;
}

.work_list_top p{
float:left;
line-height:140%;
margin:8px 0px 8px 10px;
}


/* 平山ガード
---------------------------------------------------- */
.guard_img{
clear:both;
width:720px;
}


.guard_img p{
padding:5px 0px 0px 10px;
line-height:120%;
}



/* お茶室見学会カレンダー
---------------------------------------------------- */
.cal_td{
	padding:0;
}


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

#content_sitemap{
width:700px;
padding:0px;
margin:20px 0px 0px 10px;
}

#sitemap{
width:340px;
margin:0px 20px 0px 0px;
float:left;
}

#sitemap_right{
width:340px;
margin:0px 0px 0px 0px;
float:left;
}

#content_sitemap img{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

#content_sitemap ul{
list-style:none;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
}

#content_sitemap li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
line-height:220%;
border-bottom:dashed 1px #CCCCCC;
}


/* お茶室カレンダー
---------------------------------------------------- */
#tea_box{
clear:both;
width:540px;
margin:0px 0px 0px 10px;
}

#tea_left{
clear:both;
width:260px;
float:left;
margin:0px 20px 20px 0px;
}

#tea_left p{
width:250px;
margin:0px;
font-weight:bold;
}

#tea_right{
width:260px;
float:right;
margin:0px 0px 20px 0px;
}


#tea_right p{
width:250px;
margin:0px;
}

.tea_month{
font-weight:bold;
}


table.tea{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
}

table.tea td{
padding:0px 0px 0px 0px;
border:solid 1px #b4b4b4;
}

table.tea_p{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
}

table.tea_p td{
border:solid 1px #b4b4b4;
}

.tea_col_b{
color:#5bc8c7;
}

.tea_col_r{
color:#e66c7b;
}

.tea_col_y{
color:#e1ae44;
}

.tea_map{
clear:both;
width:540px;
margin:0px 0px 0px 10px;
}

.tea_map_l{
width:170px;
margin:0px 15px 0px 0px;
float:left;
}

.tea_map_r{
width:170px;
margin:0px 0px 0px 0px;
float:left;
}

.tea_map_tl{
margin-bottom:0px;
}

.tea_map_img{
margin-bottom:0px;
}

#tea_map_tx{
width:170px;
margin:0px 0px 20px 0px;
}



/* リンク
---------------------------------------------------- */

.link_left{
clear:both;
width:270px;
float:left;
margin:0px 20px 0px 0px;
}

.link_left p{
line-height:140%;
margin:0px 0px 0px 10px;
}


.link_right{
width:270px;
float:right;
margin:0px 0px 0px 0px;
}

.link_right p{
line-height:140%;
margin:0px 0px 0px 10px;
}


.link_list{
clear:both;
width:270px;
margin:0px 0px 8px 0px;
border-top:dashed 1px #E5E5E5;
}

.link_list p{
float:left;
line-height:140%;
margin:8px 0px 8px 10px;
}

.link_list_top{
clear:both;
width:270px;
margin:8px 0px 8px 0px;
border-top:none;
}

.link_list_top p{
float:left;
line-height:140%;
margin:8px 0px 8px 10px;
}

.link_box{
width:560px;
margin:0px 0px 0px 0px;
}


.link_box p{
width:540px;
margin:0px 10px 10px 10px;
}


.link_col01{
color:#f2c70e;
}

.link_col02{
color:#7ecc7e;
}

.link_col03{
color:#fea034;
}

.link_col04{
color:#fbc0df;
}

.link_col05{
color:#ffff40;
}

.link_col06{
color:#80cfe3;
}

.link_col07{
color:#bfe47f;
}

.img_0mgn{
font-size:0;
}