@charset "UTF-8";
/* ### reset.scss ### */
/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

figcaption { font-size: 90%; margin-top: 5px; }

#yui3-css-stamp.cssreset { display: none; }

/* ### setting.scss ### */
#layout .cf, .globalNavBox .globalNavBoxWrap, .pageBox .pageBoxWrap1 .pageBoxWrap2, .footerBottom .footerBottomWrap, .btnHorizontal, .listHorizontal, .entry, .entry .bottom, .entryVisual .cover, .entryVisual .cover .bottom, .bnrList, .social .columnTwitter, .social .columnRss, .backnumber ul, .linkList ul, .twoColumn, .tab .tabBtnBox, .entryListThreeColumn, .entryTableTwoColumn, .entryTableThreeColumn, .TopNews { *zoom: 1; }
#layout .cf:after, .globalNavBox .globalNavBoxWrap:after, .pageBox .pageBoxWrap1 .pageBoxWrap2:after, .footerBottom .footerBottomWrap:after, .btnHorizontal:after, .listHorizontal:after, .entry:after, .entry .bottom:after, .entryVisual .cover:after, .entryVisual .cover .bottom:after, .bnrList:after, .social .columnTwitter:after, .social .columnRss:after, .backnumber ul:after, .linkList ul:after, .twoColumn:after, .tab .tabBtnBox:after, .entryListThreeColumn:after, .entryTableTwoColumn:after, .entryTableThreeColumn:after, .TopNews:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.headerTop .headerTopWrap, .logoBox .logoBoxWrap, .globalNavBox .globalNavBoxWrap, .footerTop .footerTopWrap1 .footerTopWrap2, .footerBottom .footerBottomWrap, .logoBox1column .logoBoxWrap { width: 1000px; margin: 0 auto; padding: 0 4px; }

/* ### mixin.scss ### */
/* ### adjust.scss ### */
/* font-size 8 - 20 */
#layout .size8 { font-size: 8px; }
#layout .size9 { font-size: 9px; }
#layout .size10 { font-size: 10px; }
#layout .size11 { font-size: 11px; }
#layout .size12 { font-size: 12px; }
#layout .size13 { font-size: 13px; }
#layout .size14 { font-size: 14px; }
#layout .size15 { font-size: 15px; }
#layout .size16 { font-size: 16px; }
#layout .size17 { font-size: 17px; }
#layout .size18 { font-size: 18px; }
#layout .size19 { font-size: 19px; }
#layout .size20 { font-size: 20px; }

/* color */
#layout .color000 { color: #000; }
#layout .color333 { color: #333; }
#layout .linkColor { color: #cc6600; }

/* weight */
#layout .bold { font-weight: bold; }
#layout .normal { font-weight: normal; }

/* line-height */
#layout .lh120 { line-height: 1.2; }
#layout .lh200 { line-height: 2.0; }/*addtown*/

/* margin padding 0 - 10 */
#layout .m0 { margin: 0px; }
#layout .mt0 { margin-top: 0px; }
#layout .mr0 { margin-right: 0px; }
#layout .mb0 { margin-bottom: 0px; }
#layout .ml0 { margin-left: 0px; }
#layout .p0 { padding: 0px; }
#layout .pt0 { padding-top: 0px; }
#layout .pr0 { padding-right: 0px; }
#layout .pb0 { padding-bottom: 0px; }
#layout .pl0 { padding-left: 0px; }
#layout .m1 { margin: 1px; }
#layout .mt1 { margin-top: 1px; }
#layout .mr1 { margin-right: 1px; }
#layout .mb1 { margin-bottom: 1px; }
#layout .ml1 { margin-left: 1px; }
#layout .p1 { padding: 1px; }
#layout .pt1 { padding-top: 1px; }
#layout .pr1 { padding-right: 1px; }
#layout .pb1 { padding-bottom: 1px; }
#layout .pl1 { padding-left: 1px; }
#layout .m2 { margin: 2px; }
#layout .mt2 { margin-top: 2px; }
#layout .mr2 { margin-right: 2px; }
#layout .mb2 { margin-bottom: 2px; }
#layout .ml2 { margin-left: 2px; }
#layout .p2 { padding: 2px; }
#layout .pt2 { padding-top: 2px; }
#layout .pr2 { padding-right: 2px; }
#layout .pb2 { padding-bottom: 2px; }
#layout .pl2 { padding-left: 2px; }
#layout .m3 { margin: 3px; }
#layout .mt3 { margin-top: 3px; }
#layout .mr3 { margin-right: 3px; }
#layout .mb3 { margin-bottom: 3px; }
#layout .ml3 { margin-left: 3px; }
#layout .p3 { padding: 3px; }
#layout .pt3 { padding-top: 3px; }
#layout .pr3 { padding-right: 3px; }
#layout .pb3 { padding-bottom: 3px; }
#layout .pl3 { padding-left: 3px; }
#layout .m4 { margin: 4px; }
#layout .mt4 { margin-top: 4px; }
#layout .mr4 { margin-right: 4px; }
#layout .mb4 { margin-bottom: 4px; }
#layout .ml4 { margin-left: 4px; }
#layout .p4 { padding: 4px; }
#layout .pt4 { padding-top: 4px; }
#layout .pr4 { padding-right: 4px; }
#layout .pb4 { padding-bottom: 4px; }
#layout .pl4 { padding-left: 4px; }
#layout .m5 { margin: 5px; }
#layout .mt5 { margin-top: 5px; }
#layout .mr5 { margin-right: 5px; }
#layout .mb5 { margin-bottom: 5px; }
#layout .ml5 { margin-left: 5px; }
#layout .p5 { padding: 5px; }
#layout .pt5 { padding-top: 5px; }
#layout .pr5 { padding-right: 5px; }
#layout .pb5 { padding-bottom: 5px; }
#layout .pl5 { padding-left: 5px; }
#layout .m6 { margin: 6px; }
#layout .mt6 { margin-top: 6px; }
#layout .mr6 { margin-right: 6px; }
#layout .mb6 { margin-bottom: 6px; }
#layout .ml6 { margin-left: 6px; }
#layout .p6 { padding: 6px; }
#layout .pt6 { padding-top: 6px; }
#layout .pr6 { padding-right: 6px; }
#layout .pb6 { padding-bottom: 6px; }
#layout .pl6 { padding-left: 6px; }
#layout .m7 { margin: 7px; }
#layout .mt7 { margin-top: 7px; }
#layout .mr7 { margin-right: 7px; }
#layout .mb7 { margin-bottom: 7px; }
#layout .ml7 { margin-left: 7px; }
#layout .p7 { padding: 7px; }
#layout .pt7 { padding-top: 7px; }
#layout .pr7 { padding-right: 7px; }
#layout .pb7 { padding-bottom: 7px; }
#layout .pl7 { padding-left: 7px; }
#layout .m8 { margin: 8px; }
#layout .mt8 { margin-top: 8px; }
#layout .mr8 { margin-right: 8px; }
#layout .mb8 { margin-bottom: 8px; }
#layout .ml8 { margin-left: 8px; }
#layout .p8 { padding: 8px; }
#layout .pt8 { padding-top: 8px; }
#layout .pr8 { padding-right: 8px; }
#layout .pb8 { padding-bottom: 8px; }
#layout .pl8 { padding-left: 8px; }
#layout .m9 { margin: 9px; }
#layout .mt9 { margin-top: 9px; }
#layout .mr9 { margin-right: 9px; }
#layout .mb9 { margin-bottom: 9px; }
#layout .ml9 { margin-left: 9px; }
#layout .p9 { padding: 9px; }
#layout .pt9 { padding-top: 9px; }
#layout .pr9 { padding-right: 9px; }
#layout .pb9 { padding-bottom: 9px; }
#layout .pl9 { padding-left: 9px; }
#layout .m10 { margin: 10px; }
#layout .mt10 { margin-top: 10px; }
#layout .mr10 { margin-right: 10px; }
#layout .mb10 { margin-bottom: 10px; }
#layout .ml10 { margin-left: 10px; }
#layout .p10 { padding: 10px; }
#layout .pt10 { padding-top: 10px; }
#layout .pr10 { padding-right: 10px; }
#layout .pb10 { padding-bottom: 10px; }
#layout .pl10 { padding-left: 10px; }

/* margin-bottom 15 - 50 */
#layout .mb15 { margin-bottom: 15px; }
#layout .ml15 { margin-left: 15px; }
#layout .m20 { margin: 20px; }
#layout .mb20 { margin-bottom: 20px; }
#layout .ml20 { margin-left: 20px; }
#layout .mb25 { margin-bottom: 25px; }
#layout .ml25 { margin-left: 25px; }
#layout .mt30 { margin-top: 30px; }
#layout .mb30 { margin-bottom: 30px; }
#layout .mb35 { margin-bottom: 35px; }
#layout .mb40 { margin-bottom: 40px; }
#layout .mb45 { margin-bottom: 45px; }
#layout .ml45 { margin-left: 45px; }
#layout .mb50 { margin-bottom: 50px; }
#layout .mb100 { margin-bottom: 100px; }
#layout .m30 { margin: 30px 0px; }/*addtown*/
#layout .m1020 { margin: 15px 20px; }/*addtown*/
#layout .m302015 { margin: 30px 20px 15px; }/*addtown*/

/* margin 0 auto */
#layout .m0Auto { margin: 0px auto; }

/* float clear */
#layout .fl { float: left; }
#layout .fr { float: right; }
#layout .cb { clear: both; }

/* align */
#layout .tl { text-align: left; }
#layout .tr { text-align: right; }
#layout .tc { text-align: center; }
#layout .vt { vertical-align: top; }
#layout .vm { vertical-align: middle; }
#layout .vb { vertical-align: bottom; }

/* clearfix */
/* display */
#layout .db { display: block; }
#layout .dn { display: none; }

/* border */
#layout .br1fff { border-right: 1px solid #fff; }

/* ### layout.scss ### */
/* Layout */
body { font: 16px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif; color: #333; text-align: center; line-height: 1.6; }

a, .paging li span, .paging li a:hover { color: #cc6600; text-decoration: none; }
a:hover, .paging li span:hover, .paging li a:hover { text-decoration: underline; }

/* header */
/* headerTop */
/*.headerTop { border-bottom: #e6e6e6 1px solid; }*//*2018708*/
.headerTop .headerTopWrap { position: relative; height: 38px;/*40px;*/ }/*201708*/
.headerTop .headerTopWrap p.cc{ display: inline-block; float: left; font-size: 13px; padding: 18px 0 0 19px; color: #000; }/*201708*/
.headerTop .snsList .btnFollow { position: absolute; left: 4px; top: 9px; }
.headerTop .snsList .btnTweet { position: absolute; left: 202px; top: 9px; }
.headerTop .snsList .btnLike { position: absolute; left: 280px; top: 9px; z-index: 150; }
.headerTop .snsList .btnRss { position: absolute; left: 410px; top: 9px; }
.headerTop .headNav { position: absolute; right: 305px; /*204px;*/ top: 11px; display: inline; }/*201708*/
.headerTop .headNav li { float: left; }
.headerTop .headNav li a, .headerTop .headNav .paging li span, .paging .headerTop .headNav li span { display: block; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; font-size: 12px; color: #333; }
.headerTop .headNav li a:hover, .headerTop .headNav .paging li span:hover, .paging .headerTop .headNav li span:hover { color: #cc6600; text-decoration: none; }
.headerTop .headSearch .text { position: absolute; right: 165px;/*85px;*/ top: 7px; width: 140px; height: 22px; padding: 0 5px; border: #CCCCCC 1px solid; border-right: none; background: #fff; -webkit-appearance: none; outline: none; padding-top: 4px\9; height: 18px\9; }/*201708*/
.headerTop .headSearch .submit { position: absolute; right: 147px; /*0px;*/ top: 7px; outline: none; }/*201708*/

/* logoBox */
.logoBox .logoBoxWrap { position: relative; height: 88px; }
.logoBox .logo { position: absolute; left: 4px; top: 11px; }
.logoBox .bnr { position: absolute; right: 4px; top: 14px; }

/* logoBox追記 */
.logoBox .btnGlobalNav a, .logoBox .btnGlobalNav .paging li span, .paging li .logoBox .btnGlobalNav span {
    background: url("../img/common/btnGlobalNav.gif") no-repeat scroll 0 0 / 50px 60px rgba(0, 0, 0, 0); display: block; height: 60px;
    text-indent: -9999px; width: 50px;
}

.logoBox .current a, .logoBox .current .paging li span, .paging li .logoBox .current span { background: url("../img/common/btnGlobalNav_current.gif") no-repeat scroll 0 0 / 50px 60px rgba(0, 0, 0, 0);
}

.logoBox { border-bottom: 3px solid #F67e04;}
                              
/*logobox1colum**addtown*/
.logoBox1column { border-bottom: 3px solid #F67e04;}
.logoBox1column .logoBoxWrap {position: relative; height: 88px;}
.logoBox1column .logo { position: absolute; left: 4px; top: 11px; }
.logoBox1column .bnr { position: absolute; right: 4px; top: 14px; }

/* globalNav */
.globalNavBox .overlay { position: absolute; left: 0; top: 60px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; display: none; display: none; z-index: 50; width: 100%; background: #fff; }

.globalNav { position: absolute; left: 0; top: 60px; display: none; z-index: 60; width: 100%; border-top: #ddd 1px solid; }
.globalNav .navList .nav span { display: block; height: 44px; padding: 0px 20px 0px 6px; border-top: #fff 1px solid; border-bottom: #ddd 1px solid; background: #F0F0F0; font-size: 15px; font-weight: bold; line-height: 44px; }
.globalNav .subNav { overflow: hidden; }
.globalNav .subNav a, .globalNav .subNav .paging li span, .paging li .globalNav .subNav span { position: relative; display: block; margin-top: -1px; padding: 8px 20px 7px 6px; border-top: #ddd 1px solid; background: #fff; font-size: 14px; color: #333; }
.globalNav .subNav a:after, .globalNav .subNav .paging li span:after, .paging li .globalNav .subNav span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 5px; height: 10px; margin-top: -5px; background: url("../img/base/arrowGray.png") no-repeat; -moz-background-size: 5px 10px; -o-background-size: 5px 10px; -webkit-background-size: 5px 10px; background-size: 5px 10px; }

.globalNav .navOrange .nav span { color: #f67e04; }
.globalNav .navBlue .nav span { position: relative; color: #166fda; }
.globalNav .navBlue .nav span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowBlue.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }
.globalNav .navBlue .current span { position: relative; }
.globalNav .navBlue .current span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 8px; height: 5px; margin-top: -2px; background: url("../img/base/arrowBlueBottom.png") no-repeat; -moz-background-size: 8px 5px; -o-background-size: 8px 5px; -webkit-background-size: 8px 5px; background-size: 8px 5px; }
.globalNav .navYellow .nav span { position: relative; color: #ecac02; }
.globalNav .navYellow .nav span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowYellow.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }
.globalNav .navYellow .current span { position: relative; }
.globalNav .navYellow .current span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 8px; height: 5px; margin-top: -2px; background: url("../img/base/arrowYellowBottom.png") no-repeat; -moz-background-size: 8px 5px; -o-background-size: 8px 5px; -webkit-background-size: 8px 5px; background-size: 8px 5px; }
.globalNav .navGreen .nav span { position: relative; color: #32a032; }
.globalNav .navGreen .nav span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowGreen.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }
.globalNav .navGreen .current span { position: relative; }
.globalNav .navGreen .current span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 8px; height: 5px; margin-top: -2px; background: url("../img/base/arrowGreenBottom.png") no-repeat; -moz-background-size: 8px 5px; -o-background-size: 8px 5px; -webkit-background-size: 8px 5px; background-size: 8px 5px; }
.globalNav .navRed .nav span { position: relative; color: #df1f08; }
.globalNav .navRed .nav span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowRed.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }
.globalNav .navRed .current span { position: relative; }
.globalNav .navRed .current span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 8px; height: 5px; margin-top: -2px; background: url("../img/base/arrowRedBottom.png") no-repeat; -moz-background-size: 8px 5px; -o-background-size: 8px 5px; -webkit-background-size: 8px 5px; background-size: 8px 5px; }
.globalNav .navPurple .nav span { position: relative; color: #9955dd; }
.globalNav .navPurple .nav span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowPurple.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }
.globalNav .navPurple .current span { position: relative; }
.globalNav .navPurple .current span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 8px; height: 5px; margin-top: -2px; background: url("../img/base/arrowPurpleBottom.png") no-repeat; -moz-background-size: 8px 5px; -o-background-size: 8px 5px; -webkit-background-size: 8px 5px; background-size: 8px 5px; }
.globalNav .navAqua .nav span { position: relative; color: #00a8d2; }
.globalNav .navAqua .nav span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url("../img/base/arrowAqua.png") no-repeat; -moz-background-size: 5px 8px; -o-background-size: 5px 8px; -webkit-background-size: 5px 8px; background-size: 5px 8px; }
.globalNav .navAqua .nav span .current span { position: relative; }
.globalNav .navAqua .nav span .current span:after { content: ""; display: block; position: absolute; right: 9px; top: 50%; width: 8px; height: 5px; margin-top: -2px; background: url("../img/base/arrowAquaBottom.png") no-repeat; -moz-background-size: 8px 5px; -o-background-size: 8px 5px; -webkit-background-size: 8px 5px; background-size: 8px 5px; }

/* page */
.page { padding: 14px 0 30px; }

.pageBox { width: 1000px; margin: 0 auto; /*background: url(../img/base/bgPage.gif) repeat-y;*/ }
.pageBox .pageBoxWrap1 { /*background: url(../img/base/bgPageTop.gif) no-repeat;*/ }
.pageBox .pageBoxWrap1 .pageBoxWrap2 { width: 1000px; padding: 4px; /*background: url(../img/base/bgPageBottom.gif) 0 100% no-repeat;*/ text-align: left; }

/* main */
.main { float: left; /*width: 660px;*/ }
.main1column { float: left; font-size:16px; line-height:1.6; width: 1000px;}/*addtown*/
.main1columnWrap { padding:40px 70px;}/*addtown*/

/* side */
.side { float: right; width: 320px; }
.side .event { padding: 13px 0 0; }
.side .event .btn { width: 158px; margin: 0 auto 3px; }
.side .event .calendar { margin: 0 auto 10px; }
.side .event .entryList { border-top: 1px solid #ccc; }
.side .event .entry { padding-left: 10px; }
.side .entry .imageBox, .side .entry .imageBoxRight { width: 62px; height: 62px; }

/* footer */
.footer { clear: both; }

/* footer */
.footerTop { border-top: #f67e04 5px solid; border-bottom: #ccc 1px solid; padding: 1px 0; }
.footerTop .footerTopWrap1 { background: #EEE; padding: 15px 0 10px; text-align: left; }
.footerTop .footerHeadline { position: relative; margin-bottom: 15px; padding: 0 0 8px 12px; border-bottom: 3px solid #CCCCCC; background: url(/img/base/footerHeadline.gif) no-repeat; font-size: 16px; font-weight: bold; color: #000; }
.footerTop .footerHeadline .btn { position: absolute; right: 0; top: -7px; }
                            
.footerAreaNav { overflow: hidden; width: 1000px;/*1029px;*/ margin: 0 0 10px 0;/*0 -29px 0 0;*/ padding: 0; list-style: none; _zoom: 1; /*margin-bottom: 10px;*/ }
/*.footerAreaNav div { float: left; margin-right: 29px; margin-bottom: 0px; }*//*201708*/
.footerAreaNav .footerAreaNavBlock { float: left; width: 310px;/*314px;*/ margin-right:33px; margin-bottom: 0px; }/*201708*/
.footerAreaNav .footerAreaNavBlockLast { float: left; width: 310px; margin-right: 0px; margin-bottom: 0px; }/*201708*/
.footerAreaNav .footerAreaNavHeadline { clear: both; margin-bottom: 8px; padding: 5px 0 8px; border-bottom: 3px solid #CCCCCC; font-size: 16px; font-weight: bold; color: #000; }
.footerAreaNav .footerAreaNavList { margin-bottom: 5px; }
.footerAreaNav .footerAreaNavList li { float: left; margin: 0 15px 10px 0;/*0 25px 10px 0;*/ font-size: 15px; }

.footerNav { border-top: #ccc 1px solid; }
.footerNav .footerNavWrap { padding-top: 20px; border-top: #fff 1px solid; }

.footerNavList { text-align: center; padding-left: 5px; }
.footerNavList li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.footerNavList li a, .footerNavList .paging li span, .paging .footerNavList li span, .footerNavList .paging li a:hover, .paging .footerNavList li a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 5px 10px; padding-right: 10px; border-right: #ccc 1px solid; font-size: 15px; font-weight: bold; color: #cc6600; }
.footerNavList li:last-child a, .footerNavList .paging li:last-child span, .paging .footerNavList li:last-child span { border-right: 0; }
.footerNavList li.last a, .footerNavList .paging li.last span, .paging .footerNavList li.last span { border-right: 0; }

/* footerBottom */
.footerBottom .footerBottomWrap { padding: 20px 4px; }
.footerBottom .footerBottomWrap .left { float: left; width: 400px; }
.footerBottom .footerBottomWrap .right { float: right; width: 500px; }
.footerBottom .footerBottomWrap .right { line-height: 2; text-align: right; font-size:13px;}
.footerBottom .footerBottomWrap .bnrList { margin: 0; padding: 0; border-top: 0; }

/* ### parts.scss ### */
/* headline */
.headline { position: relative; padding: 6px 8px 5px 18px; border-bottom: #999 1px solid; background: #b9b9b9 url(/img/base/headline.png) 7px 9px no-repeat; font-size: 18px; font-weight: bold; color: #FFF; }
.headline .btn { position: absolute; right: 10px; top: 10px; padding: 1px 25px 1px 28px; }
           
.headlineH2 { position: relative; padding: 6px 8px 5px 18px; border-bottom: #999 1px solid; background: #b9b9b9 url(img/base/headline.png) 7px 9px no-repeat; font-size: 18px; font-weight: bold; color: #FFF; }
.headlineH2 i { display: block; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 10px; background: #339933; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.headlineH3 { clear: both; /*margin-bottom: 15px;*/ margin: 35px 0; padding: 8px 8px 9px 8px; border-bottom: #cc6600 2px solid; font-size: 18px; font-weight: bold; color: #cc6600; text-align: center; line-height: 1.2; }

.headlineH4 { clear: both; position: relative; margin-bottom: 15px; padding: 2px 8px 2px 20px; font-size: 18px; font-weight: bold; line-height: 1.2; color: #666; }
.headlineH4 i { display: block; position: absolute; left: 0; top: 2px; bottom: 2px; width: 8px; background: #FFCC00; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* headlineColor */
.headlineOrange, .headlineBlue, .headlineYellow, .headlineGreen, .headlineRed, .headlinePurple, .headlineAqua { position: relative; }
.headlineOrange .headlineWrap, .headlineBlue .headlineWrap, .headlineYellow .headlineWrap, .headlineGreen .headlineWrap, .headlineRed .headlineWrap, .headlinePurple .headlineWrap, .headlineAqua .headlineWrap { display: block; height: 37px; padding: 0 10px; font-size: 16px; font-weight: bold; color: #fff; line-height: 37px; }
.headlineOrange .headlineWrap .area, .headlineBlue .headlineWrap .area, .headlineYellow .headlineWrap .area, .headlineGreen .headlineWrap .area, .headlineRed .headlineWrap .area, .headlinePurple .headlineWrap .area, .headlineAqua .headlineWrap .area { font-size: 20px; }
.headlineOrange .headlineWrap .right, .headlineBlue .headlineWrap .right, .headlineYellow .headlineWrap .right, .headlineGreen .headlineWrap .right, .headlineRed .headlineWrap .right, .headlinePurple .headlineWrap .right, .headlineAqua .headlineWrap .right { position: absolute; right: 8px; top: 2px; line-height: inherit; }

.headlineOrange { border: #D16A03 1px solid; }
.headlineOrange .headlineWrap { border-top: #ecbc7e 1px solid; background: #ec8615; }

.headlineBlue { border: #166fda 1px solid; }
.headlineBlue .headlineWrap { border-top: #bfd9f9 1px solid; background: #5097ed; }

.headlineYellow { border: #e3980b 1px solid; }
.headlineYellow .headlineWrap { border-top: #fcf0cc 1px solid; background: #f4ca4c; }

.headlineGreen { border: #32a032 1px solid; }
.headlineGreen .headlineWrap { border-top: #d6ecd6 1px solid; background: #6fbc6f; }

.headlineRed { border: #df1f08 1px solid; }
.headlineRed .headlineWrap { border-top: #f9d2ce 1px solid; background: #e96252; }

.headlinePurple { border: #9933ff 1px solid; }
.headlinePurple .headlineWrap { border-top: #ebd6ff 1px solid; background: #b770ff; }

.headlineAqua { border: #00a8d2 1px solid; }
.headlineAqua .headlineWrap { border-top: #cceef6 1px solid; background: #4cc2df; }

/* localNewsTitle */
.localNewsTitle { border-right: #fff 1px solid; }
.localNewsTitle .localNewsTitleWrap1 { display: block; border-top: #CCC 4px solid; }
.localNewsTitle .localNewsTitleWrap1 .localNewsTitleWrap2 { display: block; position: relative; padding: 5px 8px 5px 18px; border-top: #fff 1px solid; background: #F0F0F0; font-size: 16px; font-weight: bold; color: #000; }
.localNewsTitle .btn { position: absolute; right: 5px; top: 6px; padding: 1px 25px 1px 28px; }

/* sideHeadline */
.sideHeadline { position: relative; padding: 8px; border-bottom: #ddd 1px solid; background: #f0f0f0; font-size: 16px; font-weight: bold; }
.sideHeadline .link { position: absolute; right: 4px; top: 11px; padding: 0px 8px 0px 12px; background: url(../img/base/arrowOrange.png) 0 7px no-repeat; font-size: 13px; color: #333; }
.sideHeadline .right { position: absolute; right: 4px; top: 11px; padding: 0px 8px 0px 12px; font-size: 13px; font-weight: normal; }

/* btn */
.btn, .btnBlack, .btnGray, .btnHorizontal li a, .btnHorizontal .paging li span, .paging .btnHorizontal li span, .btnHorizontal .paging li a:hover, .paging .btnHorizontal li a:hover, .btnBlackLarge { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 15px 6px 18px; background: white url(/img/base/arrowYellow.png) 8px 50% no-repeat; font-size: 13px; font-weight: bold; color: #333; }

.btnBlack { background-color: #333; color: #FFF; }

.btnGray, .btnHorizontal li a, .btnHorizontal .paging li span, .paging .btnHorizontal li span, .btnHorizontal .paging li a:hover, .paging .btnHorizontal li a:hover { background-color: #F0F0F0; }

.btnBlackLarge { display: block; background: #333333 url(../img/base/arrowYellowBig.png) 12px 50% no-repeat; font-size: 16px; color: #FFF; text-align: center; }

/* btnBox */
.btnBox { overflow: hidden; width: 630px; margin: 0 -15px 0 0; padding: 0; list-style: none; _zoom: 1; margin-bottom: 15px; margin-left: 20px; }
.btnBox li { float: left; margin-right: 15px; margin-bottom: 10px; }
.btnBox li { width: 300px; }
.btnBox .btn, .btnBox .btnBlack, .btnBox .btnGray, .btnBox .btnHorizontal li a, .btnHorizontal li .btnBox a, .btnBox .btnHorizontal .paging li span, .btnHorizontal .paging li .btnBox span, .btnBox .paging .btnHorizontal li span, .paging .btnHorizontal li .btnBox span, .btnBox .btnBlackLarge { display: block; }

/* btnHorizontal */
.btnHorizontal { padding: 15px 0; text-align: center; }
.btnHorizontal li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 8px; }

/* breadcrumbs */
.breadcrumbs { padding: 10px 0 40px; }/*addtown*/
.breadcrumbs li { float: left; font-size: 13px; color: #999; }
.breadcrumbs li a { margin-right: 8px; padding-right: 17px; background: url(../img/base/arrowBreadcrumbs.gif) 100% 4px no-repeat; }


/* arrowLink */
.arrowLink a, .arrowLinkRight a, .weblioPertain ul li a, .arrowLink .paging li span, .paging li .arrowLink span, .arrowLinkRight .paging li span, .paging li .arrowLinkRight span, .weblioPertain ul .paging li span, .paging .weblioPertain ul li span, .arrowLink .paging li a:hover, .paging li .arrowLink a:hover, .arrowLinkRight .paging li a:hover, .paging li .arrowLinkRight a:hover, .weblioPertain ul .paging li a:hover, .paging .weblioPertain ul li a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-left: 8px; background: url(../img/base/arrowYellow.png) 0 7px no-repeat; font-weight: bold; color: #333; }

.arrowLinkRight { padding: 6px 8px 8px; text-align: right; font-size: 13px; }

/* areaColor */
.areaOrange a, .areaOrange .paging li span, .paging li .areaOrange span, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover, .areaBlue a, .areaBlue .paging li span, .paging li .areaBlue span, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover, .areaYellow a, .areaYellow .paging li span, .paging li .areaYellow span, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover, .areaGreen a, .areaGreen .paging li span, .paging li .areaGreen span, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover, .areaRed a, .areaRed .paging li span, .paging li .areaRed span, .areaRed .paging li a:hover, .paging li .areaRed a:hover, .areaPurple a, .areaPurple .paging li span, .paging li .areaPurple span, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover, .areaAqua a, .areaAqua .paging li span, .paging li .areaAqua span, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 60px; padding: 2px 25px; font-weight: bold; color: #fff; text-align: center; }
.areaOrange a:hover, .areaOrange .paging li span:hover, .paging li .areaOrange span:hover, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover, .areaBlue a:hover, .areaBlue .paging li span:hover, .paging li .areaBlue span:hover, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover, .areaYellow a:hover, .areaYellow .paging li span:hover, .paging li .areaYellow span:hover, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover, .areaGreen a:hover, .areaGreen .paging li span:hover, .paging li .areaGreen span:hover, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover, .areaRed a:hover, .areaRed .paging li span:hover, .paging li .areaRed span:hover, .areaRed .paging li a:hover, .paging li .areaRed a:hover, .areaPurple a:hover, .areaPurple .paging li span:hover, .paging li .areaPurple span:hover, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover, .areaAqua a:hover, .areaAqua .paging li span:hover, .paging li .areaAqua span:hover, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { text-decoration: none; }

.areaOrange a, .areaOrange .paging li span, .paging li .areaOrange span, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover { background: #f67e04; }
.areaOrange a:hover, .areaOrange .paging li span:hover, .paging li .areaOrange span:hover, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover { background: #ec9741; }

.areaBlue a, .areaBlue .paging li span, .paging li .areaBlue span, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover { background: #166fda; }
.areaBlue a:hover, .areaBlue .paging li span:hover, .paging li .areaBlue span:hover, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover { background: #488bdb; }

.areaYellow a, .areaYellow .paging li span, .paging li .areaYellow span, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover { background: #ecac02; }
.areaYellow a:hover, .areaYellow .paging li span:hover, .paging li .areaYellow span:hover, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover { background: #edba34; }

.areaGreen a, .areaGreen .paging li span, .paging li .areaGreen span, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover { background: #32a032; }
.areaGreen a:hover, .areaGreen .paging li span:hover, .paging li .areaGreen span:hover, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover { background: #54b154; }

.areaRed a, .areaRed .paging li span, .paging li .areaRed span, .areaRed .paging li a:hover, .paging li .areaRed a:hover { background: #df1f08; }
.areaRed a:hover, .areaRed .paging li span:hover, .paging li .areaRed span:hover, .areaRed .paging li a:hover, .paging li .areaRed a:hover { background: #e64734; }

.areaPurple a, .areaPurple .paging li span, .paging li .areaPurple span, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover { background: #9955dd; }
.areaPurple a:hover, .areaPurple .paging li span:hover, .paging li .areaPurple span:hover, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover { background: #a678d4; }

.areaAqua a, .areaAqua .paging li span, .paging li .areaAqua span, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { background: #00a8d2; }
.areaAqua a:hover, .areaAqua .paging li span:hover, .paging li .areaAqua span:hover, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { background: #13bde8; }

/* list */
.list { padding: 10px 0; }
.list li a, .list .paging li span, .paging .list li span, .list .paging li a:hover, .paging .list li a:hover,.listLeft li a, .listRight li a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 5px 10px 5px 30px; background: url(/img/base/arrowYellow.png) 20px 50% no-repeat; text-align: left; }
.listLeft { width:225px; padding: 10px 0; float: left;}
.listRight { width:225px; padding: 10px 0; float:right;}
                                                                                                                                                 
/* listHorizontal */
.listHorizontal { padding: 10px 0; }
.listHorizontal li { float: left; margin-right: 10px; }
.listHorizontal li a, .listHorizontal .paging li span, .paging .listHorizontal li span, .listHorizontal .paging li a:hover, .paging .listHorizontal li a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 5px 10px 5px 30px; background: url(../img/base/arrowYellow.png) 20px 50% no-repeat; text-align: left; }

/* entryMain */
.entryMain { padding: 20px; font-size: 18px; line-height: 1.8; }
.entryMain p { margin-bottom: 30px; }
.entryMain h3 { font-weight: bold; }

/* entry */
.entry { padding: 10px; line-height: 1.2; }
.entry .imageBox, .entry .imageBoxRight { float: left; width: 80px; height: 80px; margin-right: 10px; background: #f0f0f0; text-align: center; }
.entry .imageBox img, .entry .imageBoxRight img { max-width: 80px; max-height: 80px; }
.entry .imageBoxRight { float: right; margin: 0 0 0 10px; }
.entry .text { word-break: break-all; word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; overflow: hidden; }
.entry .eventData { margin-bottom: 10px; padding: 10px; background: #FFF6E4; font-size: 15px; font-weight: bold; }
.entry .mainHeadline { padding: 3px 0; font-size: 15px; font-weight: bold; }
.entry .mainHeadline a, .entry .mainHeadline .paging li span, .paging li .entry .mainHeadline span, .entry .mainHeadline .paging li a:hover, .paging li .entry .mainHeadline a:hover { vertical-align: top; line-height: 1.3; }
.entry .outline { color: #999999; }
.entry .description { margin-bottom: 5px; padding-top: 10px; line-height: 1.6; }
.entry .bottom { clear: both; padding-top: 5px; }
.entry .bottom .data { float: left; color: #666; }
.entry .bottom .area { text-align: right; }

/* thumbnail */
.thumbnail { float: right; max-width: 220px; margin: 0 0 20px 20px; padding: 9px; border: #E4E4E4 1px solid; background: #F6F6F6; line-height: 1.4; }
.thumbnail a, .thumbnail .paging li span, .paging li .thumbnail span, .thumbnail .paging li a:hover, .paging li .thumbnail a:hover { display: block; margin-bottom: 10px; }
.thumbnail .caption { font-size: 13px; }

/* thumbnailBox */
.thumbnailBox { margin: 0 auto 10px; }
.thumbnailBox td { width: 180px; padding: 10px; vertical-align: top; }
.thumbnailBox .space { width: 10px; padding: 0; }
.thumbnailBox .thumbnail { float: inherit; max-width: inherit; margin: 0; padding: 9px; text-align: center; }
.thumbnailBox .modal { display: block; text-align: center; }
.thumbnailBox .caption { text-align: left; }

/* entryVisual */
.entryVisual { display: block; position: relative; overflow: hidden; width: 329px; height: 329px; background: #f0f0f0; }
.entryVisual .image { text-align: center; }
.entryVisual .cover { position: absolute; left: 0; bottom: 0; width: 309px; padding: 10px; background: url(../img/base/bgCover.png) repeat-x; color: #fff; }
.entryVisual .cover .text { overflow: hidden; }
.entryVisual .cover .mainHeadline { font-size: 15px; font-weight: bold; }
.entryVisual .cover .mainHeadline a, .entryVisual .cover .mainHeadline .paging li span, .paging li .entryVisual .cover .mainHeadline span { color: #FFF; }
.entryVisual .cover .mainHeadline a.genre, .entryVisual .cover .mainHeadline .paging li span.genre, .paging li .entryVisual .cover .mainHeadline span.genre { color: #999; vertical-align: text-top; vertical-align: bottom\9; }
.entryVisual .cover .mainHeadline a.genre:not(:target), .entryVisual .cover .mainHeadline .paging li span.genre:not(:target), .paging li .entryVisual .cover .mainHeadline span.genre:not(:target) { line-height: 1.4\9; padding-top: 0\9; vertical-align: baseline\9; }
.entryVisual .cover .bottom { clear: both; padding-top: 5px; text-align: right; }
.entryVisual .cover .bottom .data { float: left; padding-top: 3px; }
.entryVisual .cover .bottom .area { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 0 0 auto; }

/* search */
.search { position: relative; height: 60px; }
.search .text { position: absolute; right: 240px; top: 17px; width: 250px; height: 22px; padding: 0 5px; border: #CCCCCC 1px solid; border-right: none; background: #fff; -webkit-appearance: none; outline: none; padding-top: 4px\9; height: 18px\9; }
.search .submit { position: absolute; right: 155px; top: 17px; outline: none; }

/* bnrList */
.bnrList { margin-bottom: 16px; padding: 10px 0 0 10px; border-top: #CCC 1px solid; }
.bnrList li { float: left; margin-right: 10px; }

/* sideContents */
.social .columnTwitter { padding: 10px; border-bottom: #CCC 1px solid; }
.social .columnRss { padding: 10px; border-top: #fff 1px solid; }
.social .columnTwitterWiget { margin: 0 10px; }
.social .icon { float: left; margin-right: 10px; }
.social a, .social .paging li span, .paging li .social span, .social .paging li a:hover, .paging li .social a:hover { font-size: 15px; font-weight: bold; }

.sideBnr { padding: 10px 10px 0 10px; }

.googleAdSense { padding: 0 10px 10px 10px; }

.catList { margin-bottom: 10px; }
.catList a, .catList .paging li span, .paging li .catList span, .catList .paging li a:hover, .paging li .catList a:hover { display: block; padding: 8px 10px 8px 15px; border-top: #FFF 1px solid; border-bottom: #ccc 1px solid; background: url(../img/base/arrowOrange.png) 7px 17px no-repeat; font-size: 16px; font-weight: bold; color: #333; }

.selectMap { padding: 10px 0 20px; text-align: center; }

.qr { font-size: 11px; }
.qr a, .qr .paging li span, .paging li .qr span, .qr .paging li a:hover, .paging li .qr a:hover { color: #333; }
.qr .qrWrap1 { padding: 10px; }
.qr .qrWrap2 { padding: 8px; background: #FFF; }
.qr .qrWrap2 .qrCode { float: right; margin-left: 10px; }
.qr .qrWrap2 h2 { margin-bottom: 8px; }

.backnumber ul, .linkList ul { overflow: hidden; *zoom: 1; }
.backnumber ul li a, .linkList ul li a, .backnumber ul .paging li span, .paging .backnumber ul li span, .linkList ul .paging li span, .paging .linkList ul li span, .backnumber ul .paging li a:hover, .paging .backnumber ul li a:hover, .linkList ul .paging li a:hover, .paging .linkList ul li a:hover { display: block; margin-top: -1px; padding: 5px 10px 5px 30px; border-top: 1px dotted #ccc; background: url(../img/base/arrowYellow.png) 20px 50% no-repeat; text-align: left; }
.backnumber .backnumberMore, .linkList .backnumberMore { display: none; }
.backnumber .backnumberMore a, .linkList .backnumberMore a, .backnumber .backnumberMore .paging li span, .paging li .backnumber .backnumberMore span, .linkList .backnumberMore .paging li span, .paging li .linkList .backnumberMore span, .backnumber .backnumberMore .paging li a:hover, .paging li .backnumber .backnumberMore a:hover, .linkList .backnumberMore .paging li a:hover, .paging li .linkList .backnumberMore a:hover { margin-top: 0; }
.backnumber .moreBtn a, .linkList .moreBtn a, .backnumber .closeBtn a, .linkList .closeBtn a, .backnumber .moreBtn .paging li span, .paging li .backnumber .moreBtn span, .linkList .moreBtn .paging li span, .paging li .linkList .moreBtn span, .backnumber .closeBtn .paging li span, .paging li .backnumber .closeBtn span, .linkList .closeBtn .paging li span, .paging li .linkList .closeBtn span, .backnumber .moreBtn .paging li a:hover, .paging li .backnumber .moreBtn a:hover, .linkList .moreBtn .paging li a:hover, .paging li .linkList .moreBtn a:hover, .backnumber .closeBtn .paging li a:hover, .paging li .backnumber .closeBtn a:hover, .linkList .closeBtn .paging li a:hover, .paging li .linkList .closeBtn a:hover { display: block; padding: 10px; border-top: 1px solid #ccc; text-align: center; }
.backnumber .closeBtn, .linkList .closeBtn { display: none; }

.linkList li a, .linkList .paging li span, .paging .linkList li span, .linkList .paging li a:hover, .paging .linkList li a:hover { margin-top: 0; border-top: none; border-bottom: 1px dotted #ccc; }

.sideContact { padding: 10px 20px; font-weight: bold; }

/* ### contents.scss ### */
/* twoColumn */
.twoColumn { background: url(../img/base/border.gif) repeat-y; }
.twoColumn .left { float: left; width: 330px; }
.twoColumn .right { float: right; width: 330px; }
.twoColumn .left .headline { border-right: 1px solid #fff; }
.twoColumn .left .entryList { padding-right: 1px; }

/* twoColumnfull **addtown */
.twoColumnfull { background: url(../img/base/border.gif) repeat-y; margin:20px 0;}
.twoColumnfull .left { float: left; width: 470px; margin-right:10px; }
.twoColumnfull .right { float: right; width: 480px; }
.twoColumnfull .left .headline { border-right: 1px solid #fff; }
.twoColumnfull .left .entryList { padding-right: 1px; }
                                
/* boxOneColumn */
.boxOneColumn { width: 288px; background: url(../img/base/boxOneColumn.gif) repeat-y; }
.boxOneColumn .boxOneColumnWrap1 { background: url(../img/base/boxOneColumnTop.gif) no-repeat; }
.boxOneColumn .boxOneColumnWrap1 .boxOneColumnWrap2 { background: url(../img/base/boxOneColumnBottom.gif) 0 100% no-repeat; padding: 3px; }

.boxOneColumn { margin: 0 auto; }
.boxOneColumn .entry { padding-bottom: 10px; }
.boxOneColumn .entry .imageBox, .boxOneColumn .entry .imageBoxRight { float: inherit; width: 248px; height: 190px; margin-bottom: 10px; background: inherit; }
.boxOneColumn .entry .imageBox img, .boxOneColumn .entry .imageBoxRight img { max-width: 248px; max-height: 190px; }
.boxOneColumn .entry .text { padding: 0 5px; }
.boxOneColumn .entry .text .data { margin-bottom: 5px; }
.boxOneColumn .entry .text .areaOrange a, .areaOrange .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaOrange .paging li span, .areaOrange .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaOrange span, .paging li .areaOrange .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaBlue a, .areaBlue .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaBlue .paging li span, .areaBlue .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaBlue span, .paging li .areaBlue .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaYellow a, .areaYellow .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaYellow .paging li span, .areaYellow .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaYellow span, .paging li .areaYellow .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaGreen a, .areaGreen .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaGreen .paging li span, .areaGreen .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaGreen span, .paging li .areaGreen .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaRed a, .areaRed .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaRed .paging li span, .areaRed .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaRed span, .paging li .areaRed .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaPurple a, .areaPurple .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaPurple .paging li span, .areaPurple .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaPurple span, .paging li .areaPurple .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaAqua a, .areaAqua .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaAqua .paging li span, .areaAqua .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaAqua span, .paging li .areaAqua .boxOneColumn .entry .text span { float: right; padding: 3px 10px; }

/* boxThreeColumn */
.boxThreeColumn { width: 635px; background: url(../img/base/boxThreeColumn.gif) repeat-y; }
.boxThreeColumn .boxThreeColumnWrap1 { background: url(../img/base/boxThreeColumnTop.gif) no-repeat; }
.boxThreeColumn .boxThreeColumnWrap1 .boxThreeColumnWrap2 { background: url(../img/base/boxThreeColumnBottom.gif) 0 100% no-repeat; padding: 0; }

.boxThreeColumn { margin: 0 auto; }
.boxThreeColumn .entry .bottom .data { float: inherit; }

/* tab */
.tab .tabBtnBox { padding-left: 10px; border-bottom: 3px solid #B9B9B9; }
.tab .tabBtn span { display: block; float: left; width: 287px; height: 36px; margin-right: 10px; padding-left: 28px; border-top: 3px solid #CCCCCC; background: #f0f0f0 url(../img/base/tabArrow.gif) 13px 13px no-repeat; font-size: 18px; font-weight: bold; line-height: 36px; cursor: pointer; }
.tab .active span { border-top: 3px solid #FFCC66; background: #b9b9b9 url(../img/base/tabArrow_f2.gif) 11px 15px no-repeat; color: #FFF; }
.tab .arrowLink, .tab .arrowLinkRight, .tab .weblioPertain ul li, .weblioPertain ul .tab li { text-align: right; }
.tab .arrowLink a, .tab .arrowLinkRight a, .tab .weblioPertain ul li a, .weblioPertain ul .tab li a, .tab .arrowLink .paging li span, .paging li .tab .arrowLink span, .tab .arrowLinkRight .paging li span, .paging li .tab .arrowLinkRight span, .tab .weblioPertain ul .paging li span, .paging .tab .weblioPertain ul li span, .weblioPertain ul .tab .paging li span, .paging .weblioPertain ul .tab li span, .tab .arrowLink .paging li a:hover, .paging li .tab .arrowLink a:hover, .tab .arrowLinkRight .paging li a:hover, .paging li .tab .arrowLinkRight a:hover { padding-right: 10px; padding-bottom: 10px; }

/* single */
.single { padding: 20px 20px 0; }
.single .entry { padding: 0; }
.single .entry .text { margin-bottom: 20px; }
.single .entry .text .subHeadline { font-size: 16px; font-weight: bold; }
.single .entry .text .mainHeadline { padding: 5px 0; font-size: 24px; }
.single .entry .text .outline { font-size: 16px; font-weight: bold; }
.single .entry .text .genre { vertical-align: middle; }
.single .entry .bar { position: relative; padding: 10px 0; border-top: #ccc 1px dotted; border-bottom: #ccc 1px solid; }
.single .entry .bar .data { height: 20px; line-height: 20px; font-size: 15px; font-weight: bold; color: #999; }
.single .entry .bar .btnTweet { position: absolute; right: 293px; top: 10px; }
.single .entry .bar .btnTweet iframe { width: 90px !important; }
.single .entry .bar .btnLike { position: absolute; right: 192px; top: 10px; }
.single .entry .bar .btnGoogle { position: absolute; right: 122px; top: 10px; width: 60px; height: 20px; }
.single .entry .bar .btnHatena { position: absolute; right: 0; top: 10px; width: 115px; }


/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; }
#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: hidden !important; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { display: block; float: left; max-width: none; margin: auto; border: 0; -ms-interpolation-mode: bicubic; }
.cboxIframe { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#cboxOverlay { background: #fff; }
#colorbox { outline: 0; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxContent { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: #333333 0px 0px 15px; -webkit-box-shadow: #333333 0px 0px 15px; box-shadow: #333333 0px 0px 15px; overflow: visible; margin-top: 32px; padding: 15px 15px 15px; border: 2px solid #999999 \9; background: #fff; *border: 2px solid #999; }
#cboxContent img { border: 1px solid #efefef; }
#cboxLoadingGraphic { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 20px 12px 12px 20px; background: white url(/img/base/loading.gif) 20px 20px no-repeat; }
#cboxTitle { display: none !important; position: absolute; right: 10px; bottom: 5px; left: 10px; overflow: hidden; height: 20px; font-size: 14px; color: #000; display: none; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }
#cboxClose { display: none; position: absolute; top: -22px; right: -22px; width: 40px; height: 40px; margin: 0; padding: 0; border: #000; background: url(/img/base/modalClose.png) no-repeat; text-indent: -9999px; }

/*# sourceMappingURL=base.css.map */

/* ### layout.scss ### */
/* Layout */
/* layoutWrap */
/* page */
.page { text-align: left; }
.page .pageWrap { padding: 0px 70px 40px; }

/* companyページ **addtown*/
ul.privacy { padding-left:25px; }
ul.privacy li { font-size: 15px; padding-bottom:15px; line-height:1.5; list-style-type:disc; font-weight:bold;}
ul.privacy li:last-child { font-size: 15px; padding-bottom:15px; line-height:1.5; }

ul.privacySecond { padding:20px 0 0 25px; }
ul.privacySecond li { font-size: 15px; padding-bottom:5px; line-height:1.3; list-style-type: decimal;  font-weight:normal;}
ul.privacySecond li:last-child { font-size: 15px; padding:10px 0; line-height:1.3; font-weight:normal;}

ul.privacyThird { padding:10px 0 0 15px; }
ul.privacyThird li { font-size: 15px; padding:5px 0; line-height:1.3; list-style-type: square; font-weight:normal;}
ul.privacyThird li:first-child { font-size: 15px; padding:5px 0; line-height:1.3;  font-weight:normal; }

ul.privacyother { padding:10px 0 0 15px; }
ul.privacyother li { font-size: 15px !important; padding:5px 0; line-height:1.3; list-style-type: none; font-weight:normal;}


/* IRページ **addtown*/
.irMiddle { float: left; width: 570px; padding: 0 20px 60px 0; } 
.irMiddleFr { float: right; }
.irMiddleFr img { margin-bottom: 10px; }
.companyContentsPartsCommentImg { float: right; margin: 0; padding-left: 20px; padding-right: 30px; }
.irmessage  { border-bottom: 1px solid #cccccc; margin-bottom: 30px; } 
.irmessage img {margin-bottom:30px;} 

.graph1 {float:left; }
.graph2 {float:right; }

/* adページ **addtown*/

.ad1 { background:#ffffd2; border-radius: 6px; padding: 20px 0; }
.ad2 { background:#6dc2b1; padding: 10px 0; }
.ad3 { background:#dff2ee; border-radius: 6px; padding: 20px 0; }
.ad4 { background:#dcedff; border-radius: 6px; padding: 20px 0; position:relative; height: 970px; top: 80px; margin-bottom:100px;}
.ad4Koe { position:relative; top:-92px; }
.ad5 { background:#fff; border:2px solid #d9cf81; border-radius: 6px; padding: 20px 0 0; margin-bottom: 30px;}
.graph { float:left; }
.graph img {vertical-align: text-top; margin-right: 3px;}
      
/*.overwhite {background: url("/ad/images/23_1000.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); margin: 0 auto; width: 1000px; height: 742px;}*/
/*.overwhite img{ margin: 0 auto; width: 1000px; height: 742px;	}*/      

      
/* recruitページ **addtown*/
.employeePagination { position: relative; margin: 0 auto; width: 860px; }
.employeePagination ul li { display: inline; list-style-type: none; margin: 0px 20px; }
.EmployeeImage {float:right; padding-left: 35px; margin-bottom: 20px; }
.employeeComment { border:1px solid #999999; height: 400px; padding: 30px 20px; margin-bottom: 130px;}

/* guideページ **addtown*/
.guide img {margin-bottom:0px;} 

ul#employee { width: 860px; margin: 0 auto; text-align: center; }
/*未使用 #btn-bd { margin-left: 116px ; top: 85px; left: 0px; position: absolute; }*/

/* caption **addtown*/
.cap01 { width:270px; margin: 5px 0px; text-align: center; font-weight: bold; }
.cap02 { font-size:80%;  vertical-align: bottom; padding-top:20px;}

/
/* ### parts.scss ### */

/* breadcrumbs */
.breadcrumbs { padding: 25px 0; }/*addtown*/
.breadcrumbs li { float: left; font-size: 13px; color: #999; }
.breadcrumbs li a { margin-right: 8px; padding-right: 17px; background: url(../img/base/arrowBreadcrumbs.gif) 100% 4px no-repeat; }

/* link */
.pdf, .yahoo, .blank { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-height: 20px; }

.arrow { background: url(../img/base/arrowSecond.png) 0 5px no-repeat; padding-left: 10px; }

.pdf .pdfIcon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background: url(../img/base/pdf.png) 100% 5px no-repeat; padding-top: 5px; padding-right: 23px; }
.pdf .filesize { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-top: 3px; padding-left: 5px; color: #999; }
.pdf:hover .pdfIcon { text-decoration: underline; }

.yahoo { background: url(../img/base/yahoo.png) 100% 4px no-repeat; padding-right: 25px; }

.blank { background: url(../img/base/blank.png) 100% 3px no-repeat; padding-top: 1px; padding-right: 22px; }
.blank_fb { background: url(../img/base/blank_fb.png) 100% 3px no-repeat; padding-top: 1px; padding-right: 30px !important; }

/* link **addtown */
.footholdPdf { display: inline-block; vertical-align: bottom; *vertical-align: auto; *zoom: 1; *display: inline; background: url(../img/base/pdf.png) 100% 4px no-repeat; padding-right: 23px; }

.footholdYahoo { background: url(../img/base/yahoo.png) 100% 7px no-repeat; padding-right: 25px; padding-top: 5px; vertical-align: bottom; *vertical-align: auto; *zoom: 1; *display: inline;}

/* strong */
.black16 { font-weight: bold; font-size: 16px; }
.black18 { font-weight: bold; font-size: 18px; }
.black20 { font-weight: bold; font-size: 20px; }
.black26 { font-weight: bold; font-size: 26px; }/*addtown*/
.orange16 { font-weight: bold; font-size: 16px; color: #f67e04; }
.orange18 { font-weight: bold; font-size: 18px; color: #f67e04; }
.orange20 { font-weight: bold; font-size: 20px; color: #f67e04; }/*タウン追記*/
.white26 { font-weight: bold; font-size: 26px; color: #fff; }
.white30 { font-weight: bold; font-size: 30px; color: #fff; }

/* notes */
.notes { font-size: 14px; color: #999; line-height: 1.4; }

/* table */
.table, .tableLarge { width: 100%; margin-bottom: 20px; }
.tableLarge { width: 940px; }

.tableMiddle { width: 100%; margin-bottom: 20px; margin-left: 12px; }/*addtown*/
.tableMiddle{ width: 848px; }/*addtown*/

.table th, .tableLarge th, .tableMiddle th, .table td, .tableLarge td, .tableMiddle td { padding: 10px; border-bottom: #ccc 1px solid; }
.table th, .tableLarge th, .tableMiddle th  { font-weight: bold; }
.tableMiddle th.p20, .tableMiddle td.p20 { padding: 20px 0; border-bottom: #ccc 1px solid; }
.tableMiddle td.vaTop { vertical-align: top;  padding: 20px 0 20px 10px;}
table th.vaTop { vertical-align: top;}
table td.vaTop { vertical-align: top;}

/* table **addtown*/
table td.centerStart  { vertical-align: top; width: 560px;}
table td.rightStart  { border-left: 1px solid #cccccc;  text-align: right; vertical-align: middle; width: 80px; padding: 0 10px;}

table th.leftStartTop { padding: 10px; border-top: #ccc 1px solid; }
table td.centerStartTop { vertical-align: top; width: 560px; border-top: #ccc 1px solid; }
table td.rightStartTop { border-left: 1px solid #cccccc; border-top: #ccc 1px solid;  text-align: right; vertical-align: middle; width: 80px; padding: 0 10px;}

table td.footleft { font-weight: bold; vertical-align: top; line-height: 2;}
table td.footright { vertical-align: top; padding-top:12px;}
table th.footholdLeft  { vertical-align: top; width: 150px;}

table dl.footsecond {font-weight: normal; padding-left:15px; vertical-align:top; line-height: 1.6;}

/* newsList */
.newsList { margin-bottom: 30px; border-top: 1px dotted #ccc; }
.newsList li { position: relative; padding: 10px 0; border-bottom: 1px dotted #ccc; line-height: 1.2; }
.newsList li .data { position: absolute; left: 10px; top: 10px; color: #999; }
.newsList li .text { padding-left: 170px; }
.newsList li .text .pdfIcon { background-position: 100% 1px; }

/* box */
.box { margin-bottom: 20px; padding: 15px; border: #EBEBEB 3px solid; }
.box .sslBtn { float: left; margin-right: 10px; overflow: hidden; zoom: 1; }/*タウン追記*/

/* ssl */
.ssl { margin: 0 auto; padding: 30px 0;width:860px; background-image:url(image);}
.ssl .sslBtn { float: left; margin-right: 10px; overflow: hidden; zoom: 1; }
.ssl .notes { overflow: hidden; zoom: 1; }

/* contactBox */
.contactBox, .contactBoxLarge { border: #F67E04 6px solid; padding-bottom: 20px; }
.contactBox .title, .contactBoxLarge .title { margin-bottom: 15px; padding-top: 24px; text-align: center; }
.contactBox .text, .contactBoxLarge .text { margin-bottom: 15px; font-size: 14px; font-weight: bold; text-align: center; }
.contactBox .btnBox, .contactBoxLarge .btnBox { overflow: hidden; width: 600px; margin: 0 -20px 0 0; padding: 0; list-style: none; _zoom: 1; margin-left: 29px; }
.contactBox .btnBox li, .contactBoxLarge .btnBox li { float: left; margin-right: 20px; margin-bottom: 10px; }
.contactBox .btnBox li, .contactBoxLarge .btnBox li { width: 280px; }

.contactBoxLarge .btnBox { overflow: hidden; width: 900px; margin: 0 -20px 0 0; padding: 0; list-style: none; _zoom: 1; margin-left: 29px; }
.contactBoxLarge .btnBox li { float: left; margin-right: 20px; margin-bottom: 10px; }
.contactBoxLarge .btnBox li { width: 425px; }


/* materials**addtown*/

.mainmaterials { }
.materials { float: left;  width: 400px;  padding: 10px 30px 30px 0;}
.materials img { float: left; margin:5px 20px 30px 0; }
.materialsPdf { background: url(../img/base/pdf.png) 95% 0px no-repeat; padding-right: 25px; padding-top: 5px; vertical-align: auto; *vertical-align: auto; *zoom: 1; *display: inline;}
                               
/* ### contents.scss ### */

/*# sourceMappingURL=base.css.map */
                               
/* ▼▼▼ ad price list **addtown ▼▼▼*/

#mybook { position: relative; }
.overwhite1 { background: url("/images/1_1000.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);  margin: 0 auto; width: 500px; height: 762px; }
.overwhite2 { background: url("/images/2_1000.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);  margin: 0 auto; width: 500px; height: 762px; }
.overwhite3 { background: url("/images/3_1000.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);  margin: 0 auto; width: 500px; height: 762px; }
.overwhite4 { background: url("/images/4_1000.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);  margin: 0 auto; width: 500px; height: 762px; }
.coverbody { width: 460px; height: 722px; padding: 20px; }
.cover { border:2px solid #cc6600; /*#8ab73f;*/ background:#fffff1; border-radius:10px; margin: 0; padding: 20px; position:relative; top: 100px;}
.cover p { width:415px; margin: 0 auto; font-size: 14px; text-align: justify; text-justify: distribute; line-height: 1.8; }

/* ad price list Booklet **addtown */
	.booklet         {width:100%; height:752px; position:relative; margin:0 auto; overflow:visible !important;}
	.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);}
	
	.booklet .b-pN  {}
	.booklet .b-p0  {}
	.booklet .b-p1  {}
	.booklet .b-p2  {}    
	.booklet .b-p3  {}
	.booklet .b-p4  {}
	.booklet .b-p4  {}
	   
   	/* Page Wrappers */
    .booklet .b-wrap       {top:0; position:absolute;}
	.booklet .b-wrap-left  {}
	.booklet .b-wrap-right {}
	
	.booklet .b-pN .b-wrap,
	.booklet .b-p1 .b-wrap,
	.booklet .b-p2 .b-wrap,
	.booklet .b-p3 .b-wrap,
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}
   
   	/* Page Numbers */
	/*.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}*/
	.booklet .b-wrap-left  .b-counter  {left:10px;}
	.booklet .b-wrap-right .b-counter {right:10px;}
   
   	/* Page Shadows */
	.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("../images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
	.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("../images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}

	.booklet .b-p0 {background-image:url("/images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
	.booklet .b-p3 {background-image:url("/images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
	
   	/* Overlay Controls */
	.booklet .b-grab     {cursor: url("images/openhand.cur"), default;}
	.booklet .b-grabbing {cursor: url("images/closedhand.cur"), default;}
	
   	/* Overlay Controls */
	.booklet .b-overlay      {position:absolute; height:100%; width:50%;}
    .booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* Tab Controls */
    .booklet .b-tab        {background:#cc6600; width:100%;  margin-bottom: 5px; text-align:center; color:#fff; position:absolute; font-size:13px; font-weight:bold; border:1px solid #cc6600; border-radius:18px;}/*追記*/
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
   /*.booklet .b-tab:hover  {border:1px solid #8ab73f; border-radius:5px; background:#fff; color:#8ab73f;}*/
	
	   	/* Arrow Controls */
    .booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:21px;/*width:13px;*/}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:200px; width:20px; position:absolute; left:0; top:40%;}
	.booklet .b-arrow-next     {right:-20px;}
	.booklet .b-arrow-prev     {left:-20px;}
	.booklet .b-arrow-next div {background:url("/images/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("/images/arrow-prev.png") no-repeat left top;}
	
	
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

    body              {z-index:0;}
    .b-menu           {z-index:100;}
    .b-selector       {z-index:100;}
    .booklet          {z-index:10;}
    .b-pN             {z-index:10;}
    .b-p0             {z-index:30;}
    .b-p1             {z-index:20;}
    .b-p2             {z-index:20;}
    .b-p3             {z-index:30;}
    .b-p4             {z-index:10;}
    .b-prev           {z-index:40;}
    .b-next           {z-index:40;}
    .b-counter        {z-index:40;}
    
/* ▲▲▲ ad price list **addtown ▲▲▲*/
                            
                            
/* ▼▼▼ sample **addtown ▼▼▼*/
                            
#loading { position:absolute; left:50%; top:50%; margin-left:-30px; z-index:50;}

#contents { margin: 0 auto; margin-top:32px; width: 1000px; height: 743px;/*752px;650px;*/ overflow: hidden; position: relative; background-color:#fff; border: 1px solid #f1f1f1; box-sizing: border-box; }

.scalebutton{ height: 70px; width: 1000px; margin: 0 auto; position: relative; top: 5px;}

#sample { top:0; /*27px;*/ /*left: 100px;*/ margin: 0 auto; position: absolute; overflow: hidden; display:none;}

.coverbodySample { width: 460px; height: 703px; padding: 20px; position:absolute;}

.coverbodySampleLeft { width: 460px; height: 703px; padding:20px; position:relative;}

.coverSample { border:2px solid #8ab73f; background:#fffff1; border-radius:10px; margin: 0; padding: 20px; position:relative; top:167px;}

.coverSampleleft { border:2px solid #8ab73f; background:#fffff1; border-radius:10px; margin: 0; padding: 20px; position:relative; top:167px;}

#bigbutton { position: absolute; left: 310px; }

#smallbutton { position: absolute; left: 440px; }

#reloadbutton { position: absolute; left: 560px; }

#controller { margin:0 auto; position: relative; width:1000px;/*1080px;*/ z-index: 101; }

#iconCap { text-align: center;}

#custom-prev-one { display: block; }
#custom-next { display: none; }
#custom-next-one { display: none; }

/*上の次へcss*/
.toptabnext { background: #8ab73f;/*#333333;*/ width:180px; height:13px; padding:0 0 7px; text-align:center; color:#fff; position:absolute; font-size:13px; font-weight:bold; left:0;/*40px;*/ border: 1px solid #8ab73f; border-radius:18px;}

/*上の戻るcss*/
.toptabprev { background: #8ab73f;/*#333333;*/ width:180px; height:13px; padding:0 0 7px; text-align:center; color:#fff; position:absolute; font-size:13px; font-weight:bold; right:0;/*40px;*/ border: 1px solid #8ab73f; border-radius:18px;}

/*下の次へcss*/
.bottomtabnext { background:#333333; width:180px; height:20px; padding:5px 0px 0px 0px; text-align:center; color:#fff; position:absolute; font-size:10px; color:#CCCCCC; font-weight:bold; left:40px; top:690px; }

/*下の戻るcss*/
.bottomtabprev { background:#333333; width:180px; height:20px; padding:5px 0px 0px 0px; text-align:center; color:#fff; position:absolute; font-size:10px; color:#CCCCCC; font-weight:bold; right:40px; top:690px; }

.b-wrap-left img { width: 100%;}
.b-wrap-right img { width: 100%;}

/*横の戻る*/
.arrowprev { height: 775px; width: 26px; position:absolute; right: -26px;/*15px;*/ }
.arrowprev img { position:absolute; top: 330px; right:0px; }

/*横の次*/
.arrownext { height: 775px; width: 26px; position:absolute; left: -26px;/*15px;*/ }
.arrownext img { position:absolute; top: 330px;  }

.clBtn { width: 100px; height: 50px; background-color: #333; text-align: center; color: #fff; font-weight: bold; margin: 0 auto; line-height: 2.2em; cursor: pointer; } 

#centershikaku{ position:relative; top:470px; z-index:999; background-color: aqua; width:10px; height:10px; margin: 0 auto;}

/*▼add 201708 header*/
.snsList { display: inline; position: absolute; top: 7px; right: 0px; }
.snsList li { float: left; }
.snsList img { display: inline-block; margin-right: 10px; height: 24px; width: 24px; }
.snsList a:hover img { opacity: 0.6;  filter: alpha(opacity=60);  -ms-filter: "alpha(opacity=60)"; }

.snsListHeader { display: inline; position: absolute; top: 7px; right: 0px; }
.snsListHeader li { float: left; }
.snsListHeader img { display: inline-block; margin-right: 10px; height: 24px; width: 24px; }
.snsListHeader a:hover img { opacity: 0.6;  filter: alpha(opacity=60);  -ms-filter: "alpha(opacity=60)"; }

.snsListFotter { float: right; margin-right: 0; }
.snsListFotter ul.snsList  { display :flex; display: -webkit-flex; margin-top:30px; position: static; }
.snsListFotter li.snsList  { margin-left: 10px; }

/*▲header*/

/*▼.net search*/
.mt-site-search-container .mt-site-search-form__query { position: absolute; right: 165px;/*85px;*/ top: 7px; width: 152px; height: 24px; padding: 0 5px; border: #CCCCCC 1px solid; border-right: none; background: #fff; -webkit-appearance: none; outline: none; padding-top: 4px\9; height: 18px\9; box-sizing: border-box; font-size: 13px; }
.mt-site-search-container .mt-site-search-form__button  { 
display: inline-block;
position: absolute;
right: 147px; /*0px;*/
top: 7px;
width: 24px;
height: 24px;
margin-left: 0 !important;
outline: none;
background: url(/img/common/search.gif) no-repeat;
border: none;
text-indent: -99999px;
}


.search-result {
padding-top: 20px;
}

.mt-site-search-result-item {
display: flex;
flex-wrap: wrap;
padding: 20px 0 !important;
margin: 0 !important;
border-bottom: #CCC 1px dotted;
}

.mt-site-search-result-item__link {
width: 100%;
margin-bottom: 10px;
order: 1;
}

.mt-site-search-result-item__thumbnail {
width: 120px;
float: none !important;
margin-left: 20px;
order: 3;
}

.mt-site-search-result-item__thumbnail img {
width: 100%;
height: auto;
max-width: inherit;
max-height: inherit;
}

.mt-site-search-result-item__excerpt {
flex: 1;
order: 2;
}

.mt-site-search-result-item__label {
font-size: 18px;
font-weight: bold;
}

.mt-site-search-result-item__url {
marign-bottom: 10px;
font-size: 11px;
color: #999;
}

.mt-site-search__pagination {
margin-top: 20px !important;
text-align:  center;
}

.mt-site-search-pagination-item__link {
display: inline-block;
min-width: 18px;
height: 28px;
padding: 0 5px;
border: #CCCCCC 1px solid;
color: #CC6600;
text-align: center;
line-height: 28px;
}

.mt-site-search-pagination-item__link:hover {
border: #CC6600 1px solid;
background: #FF9900;
color: #fff;
text-decoration: none;
}

.mt-site-search-pagination-item--current .mt-site-search-pagination-item__link {
border: #CC6600 1px solid;
background: #FF9900;
color: #fff;
text-decoration: none;
}

.searchHead .mt-site-search-container .mt-site-search-form__query {
position: static;
}

.searchHead .mt-site-search-container .mt-site-search-form__button {
position: static;
}

.searchHead {
padding: 20px;
}

.searchHead .mt-site-search-filter-directories {
display: none;
padding: 15px;
background: #f1f1f1;
}

.searchHead .mt-site-search-form {
text-align: center;
}

.searchHead .mt-site-search-container .mt-site-search-form__query {
width: 300px;
}

.directoriesButtonWrap {
margin-top: 10px;
text-align: center;
}

#directoriesButton {
padding: 5px 15px;
background: #e9e9e9;
border: none;
cursor: pointer;
}

#directoriesButton:hover {
background: #cdcdcd;
}

#directoriesButton.is-active {
background: #e1e1e1;
}

.headSearch .mt-site-search-filter-directories {
display: none;
}

/*▲.net search*/