@charset "UTF-8";

/* ==================================================================
CSS information
style info :「newarea」 用
================================================================== */



#container { background: url(../_img/newarea/bg_r.png) top center repeat;}

/* --------------------------------------------------------
#ttl-block
-------------------------------------------------------- */
#ttl-block { background: url(../_img/newarea/ttl_bg.png) top center repeat-x; }
#ttl-block .inner-cont { padding-bottom: 13px; }


#ttl-block #tf { top: -8px; left: 50%; margin-left: -255px; }
#ttl-block #category { margin-bottom: 12px;}
#ttl-block #ttl { margin-bottom: 13px;}




/* --------------------------------------------------------
#c0
-------------------------------------------------------- */
#c0 { padding-bottom: 29px; width: 100%; text-align: center; }
#c0 #hl { margin-bottom: 10px; }
#c0 #readtext { }






/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { padding-bottom: 40px; background: url(../_img/newarea/c1_bg_r.png) 0 0;}

#c1 .ttl { background: url(../_img/newarea/c1_line.png) bottom center repeat-x; text-align: center; padding-top: 25px; padding-bottom: 19px; margin-bottom: 29px;}

#mapbox { width: 720px; height: 485px; margin: 0 auto 47px; position: relative;}
#mapbox img { position: relative;}
#mapbox .cloud , #mapbox .icon_circle , #mapbox .icon_makutsu{ position: absolute; top: 0; left: 0;}
#mapbox .cloud { top: 5px; left: 5px; overflow: hidden; width: 200px; height: 170px; display: block;}
#mapbox .icon_circle { top: 10px; left: -13px; display: block;}
#mapbox .icon_circle img { opacity: 0; }
#mapbox .icon_makutsu { top: -19px; left: 8px; display: block; }
#mapbox .icon_makutsu img { opacity: 0; }


#c1 .box { margin: 0 auto; text-align: center;}

#c1 .text { margin-bottom: 20px;}

#c1 .pic-list { letter-spacing: -.45em; text-align: center; margin: 0 auto; vertical-align: top; }
#c1 .pic-list li { letter-spacing: normal; display: inline-block; vertical-align: top; margin: 0 18px 0px; }





/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { clear: both; padding-bottom: 40px; background: url(../_img/newarea/c2_bg_r.png) 0 0;}

#c2 .ttl { background: url(../_img/newarea/c2_line.png) bottom center repeat-x; text-align: center; padding-top: 24px; padding-bottom: 26px; margin-bottom: 21px;}

#c2 .text { margin-bottom: 24px; text-align: center;}


#c2 .list-block { letter-spacing: -.45em; text-align: center; margin: 0 auto; }
#c2 .list-block li { letter-spacing: normal; display: inline-block; vertical-align: top; margin: 0 39px 0px; }





/* --------------------------------------------------------
#c3
-------------------------------------------------------- */
#c3 { clear: both; padding-top: 30px; padding-bottom: 0px; }

#c3 .btn { text-align: center;}