@charset "utf-8";
/* 20151214(更新) */
/* CSS(class) */
.cntimage{margin:0;padding:0;}
.preface, .article{font-size:100%;-ms-text-size-adjust:100%;}
.preface img, .article img, .cntimage img{width:65%; height:auto; overflow: hidden;}
.preface iframe, .article iframe, .preface object, .article object, .preface embed, .article embed {max-width:65%; height:auto; overflow: hidden;}
.preface small, .article small{display:inline-block; padding:10px 0 0 0;}
h3.date{font-size:10pt;}
h1.title{font-size:14pt;}

/* #pagewidth */
#pagewidth,#compagewidth,#schpagewidth{min-width:320px;max-width:100%;width:100%;margin:0;padding:0;background:#f9f9e5;text-align:left;border-right:none;border-right-width:0;}
#pagewidth #maincol .content{width:auto; margin:0; background:#f9f9e5;}

/* #header */
#header #headertop {width:100%;margin:0;padding:0;overflow:hidden;}
#header #headertop #logo, #header #headertop #headbn{width:100%; height:auto; margin:0;padding:0;float:none;}
#logo img{width:50%; height:auto; margin:0;padding:0; overflow:hidden;}
@media only screen and (min-width:850px) {#logo img{width:425px; height:auto; margin:0;padding:0; overflow:hidden;}}
#headbn img{width:100%; height:auto; margin:0;padding:0; overflow:hidden;}
@media only screen and (min-width:728px) {#headbn img {width:728px; height:auto; margin:0;padding:0; overflow:hidden;}}

#header #headerbtm {clear:both;width:100%;height:auto;margin:0;padding:0;overflow:hidden;}
#header #headerbtm ul#icon{width:100%;height:40px;float:left;margin:0;padding:0; display:block;text-align:right;background:#fff;}
#header #headerbtm span.ttad {clear:both;width:100%;height:auto;display:block;margin:0;padding:0;overflow:hidden;}
#header #headerbtm span.ttad iframe{margin:0;padding:0;overflow:hidden;}
#header #headerbtm span.ttad span.textad{width:100%;height:auto;display:inline-block;margin:0;padding:4px 2px 5px 2px;}


ul#icon li.ocmenu{clear:left;width:133px;height:34px;position:absolute;left:0; top:2px;list-style-type:none;padding:0;margin:0;overflow:hidden; font-size:8.5pt;}
ul#icon li.tw{clear:left;display:block;width:100%;position:absolute;left:135px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.yt{clear:left;display:block;width:100%;position:absolute;left:172px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.fb{clear:left;display:block;width:100%;position:absolute;left:209px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.gl{clear:left;display:block;width:100%;position:absolute;left:246px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.rss{clear:left;display:block;width:100%;position:absolute;left:283px; top:2px;list-style-type:none;padding:0;margin:0;}
/*
ul#icon li.ocmenu{clear:left;width:133px;height:34px;position:absolute;left:0; top:2px;list-style-type:none;padding:0;margin:0;overflow:hidden; font-size:8.5pt;}
ul#icon li.tw{clear:left;display:block;width:100%;position:absolute;left:135px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.fb{clear:left;display:block;width:100%;position:absolute;left:172px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.gl{clear:left;display:block;width:100%;position:absolute;left:209px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.rss{clear:left;display:block;width:100%;position:absolute;left:246px; top:2px;list-style-type:none;padding:0;margin:0;}
ul#icon li.yt{clear:left;display:block;width:100%;position:absolute;left:283px; top:2px;list-style-type:none;padding:0;margin:0;}
*/
dl.iacdn,dl.eniacdn {width:35px;height:34px;display:block;position:relative;margin:0;padding:0;}
dl.iacdn dd {clear:left;display:block;position:absolute;left:-235px; top:0;background:#000;margin:0;padding:0;width:230px;height:36px;text-align:left;vertical-align:top;overflow:hidden;}
dl.iacdn dd p b,dl.eniacdn dd p b {background-color:#f90;font-size:7pt;padding:1px 1px 1px 1px;}
dl.iacdn dd p a.iconlink,dl.eniacdn dd p a.iconlink {font-size:7.5pt;font-weight:bold;list-style-type:none;color:#fff;padding:1px 1px 0 0;}
dl.iacdn dd p a.iconlink:hover,dl.eniacdn dd p a.iconlink:hover {font-size:7.5pt;font-weight:bold;background-color:#ffdd00;color:#333;padding:1px 1px 0 0;}




/* 20151214
dl.iacdn,dl.eniacdn {width:35px;height:34px;display:block;position:relative;margin:0;padding:0;}
dl.iacdn dd {width:260px;height:36px;}
dl.iacdn dd p b,dl.eniacdn dd p b {background-color:#f90;font-size:7pt;padding:1px 1px 1px 1px;}
dl.iacdn dd p a.iconlink,dl.eniacdn dd p a.iconlink {font-size:7.5pt;font-weight:bold;list-style-type:none;color:#fff;padding:1px 1px 0 0;}
dl.iacdn dd p a.iconlink:hover,dl.eniacdn dd p a.iconlink:hover {font-size:7.5pt;font-weight:bold;background-color:#ffdd00;color:#333;padding:1px 1px 0 0;}
*/

.row {overflow:hidden;}
.row .row {overflow:visible;}
[role="main"]:before {content:" "; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%;}
[role="complementary"] {width:20%; padding:0; display:block; position:relative; z-index:1; -webkit-transition:0.25s all ease-in; -moz-transition:0.25s all ease-in; -o-transition:0.25s all ease-in; transition:0.25s all ease-in;}
[role="main"] {width:100%; padding:0; display:block; position:relative; z-index:1; -webkit-transition:0.25s all ease-in; -moz-transition:0.25s all ease-in; -o-transition:0.25s all ease-in; transition:0.25s all ease-in;}
.hide-extras [role="complementary"] {display:block; background:#ff3300;}
[role="complementary"] {margin-right:0; width:20%; z-index:1; display:none;}
[role="main"] {margin-left:0; float:left; z-index:2; position:relative;}
.active [role="complementary"] {margin-right:0;display:block;z-index:2;width:100px; background:#0033ff; font-size:5pt;}
.active [role="main"] {margin-left:0; z-index:1;width:100%; background:#ff3300;}
.active [role="complementary"] #newslist{position:relative; width:100%; font-size:10pt;}

/* #outer */
#outer{clear:both;width:100%;border:solid white 0px;border-left-width:0;border-left-color:#f9f9ff;border-left-style:solid;border-right-width:0;border-right-color:#f9f9ff;border-right-style:solid;background:#f9f9e5;margin:0;padding:0;}
#inner{margin:0;padding:0;background:#f9f9e5;}

/* #leftcol */
#leftcol {width:100%; max-width:100%; background:#f9f9ff; float:right;position:relative; border-bottom:2px solid #000;}
#leftcol:after {content:''; clear:both;}
#leftcol .content, #maincol .content, #rightcol .content {font-size:100%;}
#leftcol .content .left {width:200px; float:left;text-align:left;}
#leftcol .content .right {width:200px; float:left;text-align:right;}
#leftcol .content .right {text-align:left; padding-bottom:10px;}
#leftcol .content .button-nocursor {width:99%;}
#newslist {width:640px; float:right; margin:0 0 0 4px;text-align:left;}
#newslist ul{margin-left:10px;}
#newslist ul li{font-size:110%;padding:2px 2px 2px 5px;background:#f9f9ff;}

/* #maincol */
#maincol{min-width:300px;width:100%;float:none;position:relative;margin:0;background:#f9f9e5;}
#maincol .content {padding:0 10px 0 10px; overflow:hidden;}
div.date{font-size:7pt;margin:0;padding:0 0 1px 0;height:7pt;}
h2.title{font-size:10pt; line-height:1.2em;}
.fb-post iframe { width: 320px !important; height: 100% !important; margin: 0 -6.4px;}
.sbn {width:100%; height:auto; padding:0;font-size:100%;background:#f9f9e5;overflow:hidden;}
.sbn img {width:100%; height:auto; margin:0;padding:0; overflow:hidden;}
@media only screen and (min-width:728px) { .sbn img {width:728px; height:auto; margin:0;padding:0; overflow:hidden;} }

/* #grid-content */
/* コンテンツ部分320(300)pxの場合 (width:140, height:79) iPhone5(s) */
#grid-content {position:relative;width:100%; margin:0 auto 0 auto; padding-top:8px;}
#grid-content .box {width:142px; height:140px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.catab, .date a{font-size:7pt;}
.catab {position:absolute;top:7.5pt;right:0; z-index:5;}
.boxgrid {width: 140px; height: 79px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg {position: relative;}
.wideimg iframe, .wideimg img {width: 140px; height: 79px; background:#d4d0c8;position:absolute;top:0;left:0;}
#grid-content .box h2 {position:relative;margin:0 0 10px 0;padding:0;}
#grid-content .box h2.title{width:100%; height:24.5pt; overflow:hidden;display:block;position:relative;}
.mytitle{font-size:9.5pt;line-height:13pt;}

/* コンテンツ部分360(340)pxの場合 (width:150, height:84) */
@media only screen and (min-width:340px) {
#grid-content .box {width:152px; height:145px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 150px; height: 84px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 150px; height: 84px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分380(360)pxの場合 (width:160, height:90) iPhone6 */
@media only screen and (min-width:360px) {
#grid-content .box {width:162px; height:150px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 160px; height: 90px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 160px; height: 90px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分400(380)pxの場合 (width:170, height:96) iPhone6 Plus */
@media only screen and (min-width:380px) {
#grid-content .box {width:172px; height:155px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 170px; height: 96px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 170px; height: 96px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分420(400)pxの場合 (width:180, height:101) iPhone6 Plus */
@media only screen and (min-width:400px) {
#grid-content .box {width:182px; height:160px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 180px; height: 101px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 180px; height: 101px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分440(420)pxの場合 (width:190, height:107) */
@media only screen and (min-width:420px) {
#grid-content .box {width:192px; height:165px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 190px; height: 107px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 190px; height: 107px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分460(440)pxの場合 (width:200, height:113) */
@media only screen and (min-width:440px) {
#grid-content .box {width:202px; height:170px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 200px; height: 113px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 200px; height: 113px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分480(460)pxの場合 (width:210, height:118) */
@media only screen and (min-width:460px) {
#grid-content .box {width:212px; height:175px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 210px; height: 118px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 210px; height: 118px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分500(480)pxの場合 (width:220, height:124) */
@media only screen and (min-width:480px) {
.catab, .date a{font-size:8.5pt;}
#grid-content .box {width:222px; height:185px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 220px; height: 124px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 220px; height: 124px; background:#d4d0c8;position:absolute;top:0;left:0;}
#grid-content .box h2.title{width:100%; height:26.5pt; overflow:hidden;display:block;position:relative;}
.mytitle{font-size:11pt;line-height:14pt;}
}

/* コンテンツ部分520(500)pxの場合 (width:230, height:129) */
@media only screen and (min-width:500px) {
#grid-content .box {width:232px; height:190px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 230px; height: 129px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 230px; height: 129px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分540(520)pxの場合 (width:240, height:135) */
@media only screen and (min-width:520px) {
#grid-content .box {width:242px; height:195px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 240px; height: 135px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 240px; height: 135px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

/* コンテンツ部分560(540)pxの場合 (width:250, height:141) */
@media only screen and (min-width:540px) {
#grid-content .box {width:252px; height:200px;overflow:hidden; float:left; margin:0 4px 0 4px;padding:0; position:relative;}
.boxgrid {width: 250px; height: 141px; margin:0;overflow:hidden;position:relative;z-index:1;}
.wideimg iframe, .wideimg img {width: 250px; height: 141px; background:#d4d0c8;position:absolute;top:0;left:0;}
}

#paginate {width:98%; margin:0;padding:10px 0 10px 0; font-size:8pt;text-align:center;}

/* #inq */
#inq, #inq dl, #inq dl dt, #inq dl dd{width:100%; margin:0; padding:0;}
#inq dl dt {font-weight:bold;}
.description,.comment {font-size:95%; color:#666; background:#f9f9e5;}
#inq .qmail, #inq .q1, #inq .q2 {padding:4px 2px; border:solid 1px #aacfe4; width:80%; margin:2px 0 20px 0; font-size:100%;}
#inq .keystring {font-size:120%; padding:2px 0 2px 0; border:solid 1px #aacfe4; width:148px; margin:2px 0 30px 0;}
.req {padding-left:10px; color:#ff3300;}
.errormsg {color:#ff3300;}
#commit1 {font-size:120%; padding:5px 2px; width:80%; margin:2px 0 2px 0;}
#recaptcha_challenge_image{width:75%; height:auto;}

.sbook {display:block; position:relative; height:80px;}.sbook .tw {width:135px; display:block; position:absolute; top:0; left:0;}.sbook .fb {display:block; position:absolute; top:0; left:120px;}.sbook .gl {display:block; position:absolute; top:30px; left:0;}.sbook .at {display:block; position:absolute; top:30px; left:120px;}.sbook .mixi {display:block; position:absolute; top:30px; left:230px;}.sbook .pocket {display:block; position:absolute; top:60px; left:0;}.sbook .line {display:block; position:absolute; top:58px; left:120px;}
.line{width:88px;height:20px;position:absolute;left:0; top:0;display:block;list-style-type:none;padding:0;margin:0;}
.line a, .line a:hover{margin:0;padding:0;text-decoration:none;position:relative;cursor:pointer;background-color:#fff;background:url(http://i.gzn.jp/images/linebutton.png);background-repeat:no-repeat;background-position:0 0;display:block;width:88px;height:20px;overflow:hidden;}
.line a span{display:none;}
/* 20150310 */
#topsy-tweet-search-results {margin:0 0 10px 0;padding:0;}
.topsy-tweet-image {float:left;width:30px;height:30px;margin-top:4px;margin-right:8px;background:#f1f2f4;}
.topsy-tweet-image img {width:30px;height:30px;background:#f1f2f4;}
.topsy-tweet-text {float:left;width:85%;padding:0;background:#f1f2f4;font-size:100%; font-family:sans-serif, Verdana, Geneva, Tahoma, Trebuchet MS, Arial;}
.topsy-tweet-text p {font-size:85%;background:#f1f2f4;}

#pagenavi, #pagenavi .prev, #pagenavi .next {height: 250px; font-size:100%;}
#nextpage {clear:both;background:#fd0 url(http://i.gzn.jp/images/overlay.png) repeat-x;color:#333;display:inline-block;width:100%; font-size:14pt;font-weight:bold;margin:0;padding:10px 0 10px 0;text-align:center;vertical-align:middle;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;}

/* 20150311 */
#Google_UT_mb{margin:10px auto 10px auto;padding:5px 0 5px 0;width:300px;}

/* #rightcol */
#rightcol{width:100%; float:none; margin-right:0;background:#f9f9ff;border-top:2px solid #000;}

#cse-search-form{margin:1px 0 1px 0; padding:1px 0 1px 0;}
input.gsc-input {height:30px; font-size:85%;}
.cse input.gsc-search-button, input.gsc-search-button {width:30%;height:30px; font-size:85%;}

/* 20150512↓ */
ul#rticon {width:100%;height:50px;position:relative;margin:0;padding:0;display:block;text-align:right;}
ul#rticon li.tw{width:35px;height:34px;position:absolute;right:196px; top:10px;display:block;list-style-type:none;padding:0;margin:0;}
ul#rticon li.yt{width:35px;height:34px;position:absolute;right:150px; top:10px;display:block;list-style-type:none;padding:0;margin:0;}
ul#rticon li.fb{width:35px;height:34px;position:absolute;right:104px; top:10px;display:block;list-style-type:none;padding:0;margin:0;}
ul#rticon li.gl{width:35px;height:34px;position:absolute;right:58px; top:10px;display:block;list-style-type:none;padding:0;margin:0;}
ul#rticon li.rss{width:35px;height:34px;position:absolute;right:12px; top:10px;display:block;list-style-type:none;padding:0;margin:0;}
/* 20150512↑ */

#rightcol .content {padding:10px 10px 10px 10px; overflow:hidden; text-align:center;}
#rightcol ul li{font-size:110%;padding:2px 2px 2px 10px;background:#f9f9ff;}

dl.schacdn,dl.acdn {width:99%;}
.schacdn .csssprite,.acdn .csssprite {width:99%; text-align:left;}
dl.schacdn dt.active,dl.acdn dt.active,dl.schacdn dt.ov,dl.acdn dt.ov,dl.schacdn dd,dl.acdn dd {width:99%; text-align:left;}
dl.schacdn dt,dl.acdn dt {background-position:right -470px;}
dl.schacdn dt.active,dl.acdn dt.active {background-position:right -570px;}
dl.schacdn dt.ov,dl.acdn dt.ov {background-position:right -470px;}
dl.schacdn dt span,dl.acdn dt span{padding:10px 0 10px 15px;}
.schacdn dd input.input {width:50%;height:60px; font-size:110%;}
.schacdn dd input.submit {width:25%;height:60px; font-size:110%;}
.calendarBG{width:100%;}
.calendarBG .calendarHeader th, .calendarMonthLinks a{font-size:120%;padding:15px 0 15px 0;}
.calendarBG td{font-size:120%;padding:15px 0 15px 0;}
select.selmonth {height:60px; font-size:110%;}
#otherad {width:100%; margin:0; padding:0;}
#otherad .rsb {margin:0 auto 0 auto; padding:10px 10px 10px 10px; text-align:center; max-width: initial; max-width: auto; max-height: initial; max-height: auto; clear: both;}
#otherad .sptag, #otherad .rsb4{display:none;}

/* #footer */
#footer,footer{position:relative;height:auto;width:100%;background:#ffdd00;text-align:center;border-top:1px solid #000;font-size:100%;}
#footer ul,footer ul{width:100%;margin:0;padding:20px 0 20px 0;text-align:center;}
#footer ul li,footer ul li{display:block;list-style-type:none;font-size:90%;-ms-text-size-adjust:100%;margin:0;padding:0;}
#footer iframe,footer iframe{margin:0;padding:20px 0 20px 0;}
.msnav{width:100%; background:#ffdd00; display:block}
.msnav li {margin:0;width:100%;}
.m-btn{width:100%;display:block;overflow:visible;margin:0;padding:10px 0 14px 0;cursor:pointer;outline:0;border-bottom:1px solid #ccc;background-color:#eee;background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#eee));background-repeat:repeat-x;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;z-index:1;font-size:100%;line-height:14px;color:#333;text-shadow:#fff 0 1px 0;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:inherit}
#ufad {width:320px; height:280px; margin:0 auto 0 auto; padding:0;background:#ffdd00; overflow:hidden;position:relative;}
#ufad img {width:100%; height:auto; margin:0;padding:0; overflow:hidden;}