@charset "utf-8";
@import url(common.css);

/* ===== Header ========================================= */
#Header{height:100px;}

/* ===== Main Contents(Container) =========================== */
#Container{margin:40px auto 0 auto;}
#Container .left{width:740px; margin-right:5px; float:left; text-align:left;}
#Wrapper{width:730px; margin-bottom:25px;  background:url(../img/line.gif) bottom no-repeat;}
#Wrapper dl{width:730px; margin:0 auto 20px auto; padding-bottom:5px; border-bottom:1px dotted #cacaca;}
#Wrapper dd{margin:0; padding-bottom:8px;}

/*各ページタイトル*/
.left h2#Tourist{width:740px; height:100px; background:url(../img/title_tourist.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#Famous{width:740px; height:100px; background:url(../img/title_famous.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#History{width:740px; height:100px; background:url(../img/title_history.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#Event{width:740px; height:100px; background:url(../img/title_event.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#Access{width:740px; height:100px; background:url(../img/title_access.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#About{width:740px; height:100px; background:url(../img/title_about.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#Members{width:740px; height:100px; background:url(../img/title_members.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#Privacy{width:740px; height:100px; background:url(../img/title_privacy.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}
.left h2#Info{width:740px; height:100px; background:url(../img/title_info.jpg) top left no-repeat; margin-bottom:50px; text-indent:-9999px;}

/*見出し*/
.left h3.catch{margin:2px 0 10px 0;}
.left p.caption{margin-bottom:20px; padding-bottom:25px; line-height:150%; background:url(../img/line.gif) bottom no-repeat;}

/*小見出し*/
#Wrapper dt.title{margin:15px 0 10px 0; font-size:115%; font-weight:bold;}
#Wrapper span{color:#4e9f22; font-size:85%;}



/* ===== Access ================================= */
#Wrapper h3.airline{width:730px; height:35px; margin:20px 0 12px 0; background:url(../access/img/air.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.train{width:730px; height:35px; margin:20px 0 12px 0; background:url(../access/img/train.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.car{width:730px; height:35px; margin:20px 0 12px 0; background:url(../access/img/car.gif) top left no-repeat; text-indent:-9999px;}


/* ===== History ================================= */
#Wrapper h3.ancient{width:730px; height:35px; margin:20px 0 12px 0; background:url(../history/img/ancient.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.medieval{width:730px; height:35px; margin:20px 0 12px 0; background:url(../history/img/medieval.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.modern{width:730px; height:35px; margin:20px 0 12px 0; background:url(../history/img/modern.gif) top left no-repeat; text-indent:-9999px;}


/* ===== Event ================================== */
#Monthly-Wrapper{width:730px; margin-bottom:20px; background:url(../event/img/welcome.jpg) bottom right no-repeat; border-bottom:1px dotted #cacaca;}
#Monthly-Wrapper h3.monthly{width:730px; height:35px; margin:20px 0 5px 0; padding:2px 0; background:url(../event/img/monthly.gif) top left no-repeat; text-indent:-9999px;}
#Monthly-Wrapper img{width:275px; height:165px; float:left; margin:0 6px 10px 0;}

#Wrapper h3.eventlist{width:730px; height:35px; margin:20px 0 5px 0; padding:2px 0; background:url(../event/img/eventlist.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper dt.thumbnail{margin:0 10px 3px 0; float:left;}
#Wrapper dt.date{margin-bottom:3px; color:#4e711b;}
#Wrapper dt.thumbnail img{width:120px; height:90px;}
#Wrapper small{color:#CC0000;}
#Wrapper img{border:1px solid #ffffff;}

#Detail-Wrapper{width:730px; margin:12px 8px;}
#Detail-Wrapper .left{width:250px; float:left;}
#Detail-Wrapper .right{width:480px; float:right; text-align:left;}
#Detail-Wrapper h3{margin:5px 0; font-size:130%; font-weight:bold;}
#Detail-Wrapper dl{width:480px;}
#Detail-Wrapper dt{width:480px; font-weight:bold;}
#Detail-Wrapper dd{margin-bottom:5px; padding-bottom:5px; font-size:110%; border-bottom:1px dotted #c1c1c1;}
#Detail-Wrapper span{color:#4e9f22; font-size:85%;}
#Detail-Wrapper img{width:228px; margin-bottom:8px; border:6px solid #fff;}
#Detail-Wrapper small{line-height:100%;}
#Detail-Wrapper small.end{color:#CC0000; font-weight:bold;}
#Detail-Wrapper p.caution{margin-bottom:5px; font-size:85%; line-height:140%;}
#Detail-Wrapper hr{border:none; border-bottom:1px solid #c1c1c1;}

/* ===== Members ================================= */
#Wrapper h3.kana-a{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/a.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-ka{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/ka.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-sa{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/sa.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-ta{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/ta.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-na{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/na.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-ha{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/ha.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-ma{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/ma.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-ya{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/ya.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-ra{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/ra.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.kana-wa{width:730px; height:35px; margin:20px 0 12px 0; background:url(../members/img/wa.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper dt.add{margin-bottom:3px; font-size:110%; font-weight:normal;}
#Wrapper dd.members{margin:0; padding-bottom:8px; font-size:90%; line-height:140%;}

#Entry-Wrapper{width:730px; margin-bottom:20px; background:url(../members/img/love.jpg) bottom right no-repeat;}
#Entry-Wrapper h3.entry{width:730px; height:35px; margin:20px 0 5px 0; padding:2px 0; background:url(../members/img/entry.gif) top left no-repeat; text-indent:-9999px;}
#Entry-Wrapper p{width:600px;margin-bottom:20px; padding-bottom:25px; line-height:150%;}
#Entry-Wrapper h4{margin:0; padding:0; font-size:125%;}
#Entry-Wrapper address{margin-top:5px; padding-bottom:25px; background:url(../img/line.gif) bottom no-repeat;}


/* ===== Famous ================================== */
#List-Wrapper{width:730px; margin-bottom:25px;  background:url(../img/line.gif) bottom no-repeat;}
#List-Wrapper dl#box3{width:235px; margin:0 4px 20px 4px; padding-bottom:5px; float:left; border:none;}
#List-Wrapper dl#box4{width:174px; margin:0 4px 20px 4px; padding-bottom:5px; float:left; border:none;}
#List-Wrapper dt{margin:0 1px 15px 1px; font-size:110%; font-weight:bold;}
#List-Wrapper dd.link{margin:10px 1px 0 1px; text-align:right;}
#List-Wrapper dt img{margin-bottom:15px; border:1px solid #ffffff;}

#Store-Wrapper{width:730px; margin-bottom:25px; border-bottom:1px dotted #cacaca;}
#Store-Wrapper h3.store{width:730px; height:35px; margin:20px 0 5px 0; padding:2px 0; background:url(../famous/img/store.gif) top left no-repeat; text-indent:-9999px;}
#Store-Wrapper h3.post{width:730px; height:35px; margin:20px 0 5px 0; padding:2px 0; background:url(../famous/img/post.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.ping-store{width:730px; height:35px; margin:20px 0 12px 0; background:url(../famous/img/ping.gif) top left no-repeat; text-indent:-9999px;}


/* ===== About =================================== */
#List-Wrapper h3.activity{width:730px; height:35px; margin:20px 0 5px 0; background:url(../about/img/activity.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h3.contact{width:730px; height:35px; margin:20px 0 5px 0; background:url(../about/img/contact.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper h4{margin:20px 0 4px 0; padding:0; font-size:125%;}
/*事業内容一覧のCSSはList-Wrapper参照*/


/* ===== Tourist ================================== */
#Wrapper h3.guide{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/guide.gif) top right no-repeat; text-indent:-9999px;}
#List-Wrapper h3.recommend{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/recommend.gif) top left no-repeat; text-indent:-9999px;}
#List-Wrapper h3.hirakata8{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/hirakata8.gif) top left no-repeat; text-indent:-9999px;}
#List-Wrapper h3.category{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/category.gif) top left no-repeat; text-indent:-9999px;}
/*観光一覧のCSSはList-Wrapper参照*/

/*観光ボランティア*/
#Wrapper h3.guide{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/guide.gif) top right no-repeat; text-indent:-9999px;}
#Wrapper h3.ping-guide{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/ping.gif) top left no-repeat; text-indent:-9999px;}
#Apply-Wrapper{width:730px; margin-bottom:20px; background:url(../tourist/img/wait.gif) top right no-repeat;}
#Apply-Wrapper h3.apply{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/apply.gif) top left no-repeat; text-indent:-9999px;}
#Apply-Wrapper p{padding-bottom:25px; background:url(../img/line.gif) bottom no-repeat;}

/*詳細*/
#Map-Wrapper{width:730px; margin-top:20px; padding-top:15px; background:url(../img/line.gif) top no-repeat;}
#Map-Wrapper h3.access{width:730px; height:35px; margin:20px 0 12px 0; background:url(../tourist/img/access.gif) top left no-repeat; text-indent:-9999px;}
#Wrapper p.detail{margin-top:25px; padding-bottom:25px;}

/*モデルコース*/
#Spot-Wrapper{width:730px; margin-top:10px; padding-top:15px; background:url(../img/line.gif) bottom no-repeat; border-top:1px dotted #cacaca;}
#Spot-Wrapper dl{width:400px; margin:5px 0 20px 0; padding-bottom:5px; float:left; border:none;}
#Spot-Wrapper dt{height:35px; padding:8px 0 0 50px; font-size:110%; font-weight:bold; background:url(../tourist/img/push_ico.gif) top left no-repeat;}
#Spot-Wrapper dd{margin-bottom:5px; font-size:90%; line-height:140%;}
#Spot-Wrapper img{border:6px solid #fff;}
#Spot-Wrapper h3{margin:15px 0 10px 0; font-size:115%; font-weight:bold;}
#Spot-Wrapper span{color:#4e9f22; font-size:85%;}


/* ===== information ============================== */
#Info-Wrapper{width:450px; margin:15px; text-align:left;}
#Info-Wrapper h3{margin:5px 0; font-size:115%; font-weight:bold;}
#Info-Wrapper span{color:#4e9f22; font-size:85%;}
#Info-Wrapper hr{border:none; border-bottom:1px solid #c1c1c1;}



/* EOC */