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

#mainContents .main .inner .wp-post-image,
#indexBanner li { box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2);}

#mainVisual { position: relative; width: 960px; height: 360px; margin: 0 auto 40px; padding: 0 0 30px; overflow: hidden; background: #4f4f4f;}
#mainVisual .slider { position: absolute; height: 360px; margin: 0 -10px;}
#mainVisual .slider li { position: relative; float: left; height: 340px; width: 940px; padding: 10px;}
#mainVisual .slider li div { position: absolute; left: 10px; right: 10px; bottom: 10px;}
#mainVisual .slider li div p { padding: 10px; text-align: right; color: #fff;}
#mainVisual .slider li div .tx { margin: 0; background: rgba(0,0,0,0.5);}
#mainVisual .slider li div a { display: inline-block; margin: 0 0 0 15px; background: #fff;}
#mainVisual .slider li div a:hover { background: #FFCE49;}

#mainVisual .marker { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; text-align: center;}
#mainVisual .marker li { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 12px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.35);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.35);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.35);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.35);}

#mainContents { padding: 0 0 40px;}
#mainContents .main h2 { margin: 0 0 20px; padding: 0 0 10px; border-bottom: 2px solid #019DDD;}
#mainContents .main .inner h3 { margin: 0 0 15px; padding: 0 0 5px 13px; border-bottom: 1px dashed #019DDD;
background: url(../img_new/common/icon_arrow_info.png) left 4px no-repeat;}
#mainContents .main .inner { margin: 0 0 60px;}
#mainContents .main .inner .cat { margin: 0 0 20px;}
#mainContents .main .inner .cat strong { display: inline-block; margin: 0 10px 0 0; padding: 5px 2em; line-height: 1; color: #fff;
background: #a7a7a7;}
#mainContents .main .inner .wp-post-image { float: right; margin: 0 0 10px 10px;}
#mainContents .main .inner p { margin: 0 0 5px;}

#indexBanner {}
#indexBanner li { margin: 0 0 15px; border-radius: 6px;}
#indexBanner li a img { border-radius: 6px;}
#indexBanner li a:hover img { opacity: 0.75;}

.modalPopup { opacity: 0; position: fixed; z-index: 9999; width: 640px; height: 360px; border:10px solid #000; text-align: center;}
.modalPopup:after { position: absolute; z-index: 10000; content: " "; top: -20px; right: -20px; width: 40px; height: 40px; background: url(../img_new/index/btn_close.png) no-repeat;}
.hider { position: fixed; z-index: 9998; top: 0; bottom: 0; left: 0; right: 0; background: #4f4f4f; background: rgba(0,0,0,0.75);}