@charset "Shift_JIS";

/*//　共通　/////////////////////////////////////////////////////////////////////////////////////////////*/
#contents-wrapper{ margin:0 28px; position:relative; }

h2{ margin-bottom:23px; }

p{ line-height:2.0; }
p.pos{ margin-bottom:20px; }

dl.each{ background-color:#f2eee4; border:solid 1px #b99c55; padding:8px 15px; position:absolute; top:0; right:0; }
dl.each dt , dl.each dd{ float:left; }
dl.each dt{ padding:12px 10px 0 0; }

.t-clr{ margin-top:0; }

.exp-box{ background-color:#efefef; margin:10px 15px; padding:7px 10px 5px; }
.exp-no{ background:url(../images/common/exp_no.jpg) 3px 4px no-repeat; padding-left:30px; }
.exp-print{ background:url(../images/common/exp_print.jpg) 3px 2px no-repeat; padding-left:65px; }
.exp-flash{ margin:50px 0 5px; }
.exp-plugin , .exp-reader , .exp-flash{ font-size:12px; }
.exp-reader p , .exp-flash p{ margin-right:5px; }

.sort{ margin-top:15px; }
.sort li{ float:left; }
.sort-prev{ width:383px; }
.sort-next{ width:383px; text-align:right; }
.sort-list{ width:116px; }


/*//　Flash Player プラグイン　//////////////////////////////////////////////////////////////////////////*/
#flashcontent{ text-align:center; }
.toppos{ margin:30px 0 20px; }
.flashcopy{ color:#666; font-size:10px; }
.flashbanner{ margin:0 auto 20px; width:430px; }
.flashbannertitle{ padding:7px 20px 0 0; }


/*//　立川アートとは　///////////////////////////////////////////////////////////////////////////////////*/
.about-img01{ padding:5px 0 20px 20px; }
.about-img02{ padding:5px 20px 20px 0; }
.about-title{ margin-top:25px; }


/*//　ギャラリー　///////////////////////////////////////////////////////////////////////////////////////*/
.glist-no , .glist-name , .glist-cmt , .gdet-name , .gdet-place , .snl{ font-size:12px; }
.faret-color , .faret-color a:link , .faret-color a:hover , .faret-color a:visited{ color:#227913; }
.art-color , .art-color a:link , .art-color a:hover , .art-color a:visited{ color:#bb5b1b; }
.paint-color , .paint-color a:link , .paint-color a:hover , .paint-color a:visited{ color:#2c7ca5; }
.monu-color , .monu-color a:link , .monu-color a:hover , .monu-color a:visited{ color:#5f2da6; }

.sort-no{ margin-top:10px; }
.sort-no li{ margin-right:8px; float:left; }


/* +++ トップ +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.category{ background:url(../images/common/dott_line.jpg) left bottom repeat-x; padding-bottom:25px; margin-top:25px; }
.category-img{ margin:0 26px 0 15px; }
.category-btn{ margin:6px 0 0 25px; }
.category-txt{ margin-bottom:10px; }

.about-btn{ margin:5px 0 0 0; }


/* +++ 作品一覧 +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.glist-col{ background:url(../images/common/dott_line.jpg) left bottom repeat-x; }
.glist-row{ background:url(../images/common/dott_vline.jpg) right top repeat-y; }

.glist-item{ width:428px; padding:5px 6px 10px; margin:3px 0 0; }
.glist-no{ letter-spacing:1px; margin-bottom:3px; }
.glist-img{ margin-right:5px; }
.glist-txt{ width:238px; }
.glist-txt img{ vertical-align:top; }
.glist-title{ margin-top:8px; line-height:1.3; }
.glist-name{ margin-top:5px; line-height:1.3; }
.glist-cmt{ color:#7b7b7b; line-height:1.3; margin-top:5px; }
.glist-btn{ margin-top:10px; }
.glist-mark{ margin-left:10px; }
.glist-title , .glist-name , .glist-cmt , .glist-btn{ padding-left:8px; }


/* +++ 作品詳細 +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.gdet-box{ width:650px; margin:0 auto; text-align:left; }

.gdet-head{ width:648px; margin-bottom:3px; padding-left:2px; }
.gdet-product{ width:576px; }
.gdet-product-double{ margin-right:20px; }
.gdet-product img{ vertical-align:top; }
.gdet-no{ margin-right:4px; }
.gdet-title{ margin-top:9px; padding-left:10px; }
.gdet-name{ margin-top:3px; padding-left:10px; }

.gdet-main{ background:url(../images/common/dott_line.jpg) left bottom repeat-x; padding-bottom:15px; margin-bottom:15px; }

.gdet-imgBox{ width:509px; }
.gdet-img{ width:502px; height:309px; background:url(../images/gallery/det_img_bg.jpg) no-repeat; padding:5px 0 0 7px; }
.gdet-thumb{ margin:3px 0 0 1px; }
.gdet-thumb li{ float:left; cursor:pointer; }
.gdet-thumb li.pos{ margin-right:8px; }

.gdet-img-h{ width:401px; height:504px; background:url(../images/gallery/det_img_bg_h.jpg) no-repeat; padding:5px 0 0 7px; }
.gdet-thumb-h{ margin-left:6px; }
.gdet-thumb-h li{ cursor:pointer; }
.gdet-thumb-h li.pos{ margin-bottom:8px; }

.gdet-thumb-txt li{ width:95px; font-size:10px; float:left; margin:10px 8px 0 0; }

.gdet-mapBox{ width:141px; }
.gdet-map{ margin-left:12px; }
.gdet-place{ margin:12px 0 0 12px; line-height:1.0; width:129px; }
.gdet-place dt{ background:url(../images/gallery/det_place_mark.jpg) no-repeat; padding:3px 0 0 8px; font-weight:bold; }
.gdet-place dd{ margin-top:6px; padding-left:8px; }
.gdet-slide{ margin:15px 0 0 16px; }

.gdet-info{ margin-bottom:9px; }
.gdet-use{ font-size:12px; color:#777; margin-bottom:4px; }

.gdet-sort{ margin-top:15px; }
.gdet-sort li{ float:left; }
.gdet-sort-prev{ width:266px; }
.gdet-sort-next{ width:266px; text-align:right; }
.gdet-sort-list{ width:116px; }

/*//　アートマップ　/////////////////////////////////////////////////////////////////////////////////////*/
.map-bg{ width:884px; height:567px; background:url(../images/map/main_bg.jpg) no-repeat; position:relative; }
.map-area{ padding:3px 0 0 5px; }

.map-area-navi{ position:absolute; top:220px; left:27px; }
.map-area-faret-navi{ position:absolute; top:220px; left:70px; }

.map-pop-top{ background:url(../images/map/popup_bg.png) repeat-y; margin-top:10px; }
.map-pop-bg{ background:url(../images/map/popup_top.png) left top no-repeat; }

.map-flash{ width:879px; height:564px; background:url(../images/map/main_bg.jpg) no-repeat; padding:3px 0 0 5px; }

.map-area-name01{ position:absolute; top:52px; left:385px; }
.map-area-name02{ position:absolute; top:122px; left:665px; }
.map-area-name03{ position:absolute; top:247px; left:395px; }
.map-area-name04{ position:absolute; top:305px; left:682px; }
.map-area-name05{ position:absolute; top:366px; left:559px; }
.map-area-name06{ position:absolute; top:326px; left:421px; }
.map-area-name07{ position:absolute; top:465px; left:630px; }
.map-area-name08{ position:absolute; top:475px; left:297px; }

.map-area-faret-name01{ position:absolute; top:122px; left:316px; }
.map-area-faret-name02{ position:absolute; top:398px; left:328px; }
.map-area-faret-name03{ position:absolute; top:195px; left:480px; }
.map-area-faret-name04{ position:absolute; top:195px; left:695px; }
.map-area-faret-name05{ position:absolute; top:439px; left:597px; }


/*//　サイトマップ　/////////////////////////////////////////////////////////////////////////////////////*/
.sitemap-box{ float:left; margin:-16px 20px 0 0; }

.sitemap-box h3{ margin-top:16px; }

.sitemap-navi-s li a{ width:200px; }
.sitemap-navi-l li a{ width:250px; }
.sitemap-navi-s li a , .sitemap-navi-l li a{ display:block; height:23px; margin-left:22px; padding:10px 0 2px 28px; background:url(../images/info/arrow01_off.jpg) left 13px no-repeat; line-height:1.4; }
.sitemap-navi-s li a:hover , .sitemap-navi-l li a:hover{ background:url(../images/info/arrow01_on.jpg) left 13px no-repeat; }

.sitemap-navi-s-sub li a{ width:173px; margin-left:32px; }
.sitemap-navi-s-sub2 li a{ width:146px; margin-left:59px; }
.sitemap-navi-l-sub li a{ width:223px; margin-left:32px; }
.sitemap-navi-s-sub li a , .sitemap-navi-s-sub2 li a , .sitemap-navi-l-sub li a{ display:block; height:19px; padding:6px 0 2px 45px; background:url(../images/info/arrow02_off.jpg) left 9px no-repeat; line-height:1.4; }
.sitemap-navi-s-sub li a:hover , .sitemap-navi-s-sub2 li a:hover , .sitemap-navi-l-sub li a:hover{ background:url(../images/info/arrow02_on.jpg) left 9px no-repeat; }


/*//　リンク　///////////////////////////////////////////////////////////////////////////////////////////*/
.link-col{ background:url(../images/common/dott_line.jpg) left bottom repeat-x; margin-bottom:15px; }
.link-box{ width:442px; }
.link-box dt{ padding-left:24px; background:url(../images/info/arrow01_off.jpg) left 4px no-repeat; line-height:1.4; }
.link-box dd{ padding-left:24px; margin:5px 0 15px; }


/*//　お問い合わせ　/////////////////////////////////////////////////////////////////////////////////////*/
.contact-address{ padding-left:24px; background:url(../images/info/arrow01_off.jpg) left 4px no-repeat; line-height:1.4; }
.contact-box{ background:url(../images/common/dott_line.jpg) left bottom repeat-x; margin-top:15px; padding-bottom:15px }
.contact-box dt{ color:#b99c55; font-weight:bold; width:140px; }
.contact-box dd{ width:744px; }

.contact-pos{ margin-bottom:50px; }