@charset "utf-8";

body {
margin: 0; padding: 0;
font-family: Verdana, "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 80%;
background-color: #000;
color: #fff;
line-height: 140%;
text-align:center;
word-wrap:break-word;
behavior: url(/PIE.htc);
}

a { text-decoration : none; }
a:link { color: #83a6e3; } a:visited { color: #638dcc; } a:hover { color: #d8f2ff; } a:active { color: #ff0000; }
strong ,b { font-weight: bold; }
hr { border-top: 1px #666f72 dashed; margin: 0.6em 0; }
input { border : 1px solid #31383f; -webkit-border-radius: 0; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
input[type="submit"] , input[type="reset"] {color: #ffffff; background-color: #000000; }
input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }

@media screen and (min-width: 561px){.kaipc{ display:block; } .pcnone{ display: none; }}
@media screen and (max-width: 560px){.kaisp{ display:block; } .spnone{ display: none; } img { max-width : 100%; height: auto; } }
@media screen and (max-width: 400px){ #inframebox{ margin: 0 1em; }}
@media screen and (max-width: 340px){.mimk{ display:block; }}

#wrap{ position:relative; max-width:880px; margin:0px auto; text-align:left; }

.under { height: 0px; width: 1px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;
text-align: right ;position: absolute; left: 0; visibility: hidden; display: inline-block; z-index: 0; bottom:0; overflow: hidden; }
.under img { height: 0px; width: 1px; text-align: right; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
.under a { cursor: default; }
.under_hidden { position: absolute; right: 0; }

.toumei { width: 0; height: 0; font-size: 0%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; display: inline-block; color:#111 }


/*** header ***/
#headin { margin: 4px; }
#head{ text-align: center;
height:105px; width: 100%;
left: 0; top: 0; z-index: 99;
margin: 0; padding: 0;
position: fixed; _position: absolute;
background: -moz-linear-gradient(top,  rgba(30,35,40,0.85) 0%, rgba(38,43,48,0.85) 78%, rgba(39,44,49,0.73) 84%, rgba(39,44,49,0.5) 91%, rgba(40,45,50,0) 100%);
background: -webkit-linear-gradient(top,  rgba(30,35,40,0.85) 0%,rgba(38,43,48,0.85) 78%,rgba(39,44,49,0.73) 84%,rgba(39,44,49,0.5) 91%,rgba(40,45,50,0) 100%);
background: linear-gradient(to bottom,  rgba(30,35,40,0.85) 0%,rgba(38,43,48,0.85) 78%,rgba(39,44,49,0.73) 84%,rgba(39,44,49,0.5) 91%,rgba(40,45,50,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91e2328', endColorstr='#d91e2328',GradientType=0 ); }


@media screen and (max-width: 560px){ #head { height: 115px; }}

#sitetitle{ padding:5px; font-size:30px; font-weight: bold; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
@media screen and (max-width:560px){ #sitetitle { padding:2px; font-size:18px; font-weight: bold; }}
#habout { color:#afb2b8; padding:3px 0 0 0; }
.nowframe { margin: 4px 0 0 0 ; }
.onlinec { height: 1.3em; width: 18em; overflow: hidden;  border: none; }
.menuchatnow  { height: 1.3em; width: 8em; overflow: hidden;  border: none; }

#counter { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; vertical-align: 2px; margin-left: 1em; }
#counter img { vertical-align: -1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }

/*** header menu ***/
#hmenu{ max-width: 960px; text-align: center; margin: 0 auto; padding: 0; }
#hmenu li{ display: -moz-inline-box; display: inline-block; /display: inline; width:12.5%; list-style:none; white-space: pre; }
#hmenu li a{ display: block; position: relative; padding:6px 2px 5px 2px; }
#hmenu li a:hover{ background-color: #31383f; }
@media screen and (max-width: 560px){#hmenu li{ width: 32%; }#hmenu li a{ padding:4px 2px 3px 2px; }}

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix { min-height: 1px; }

/*** footer ***/
#foot { margin: 2em 0 4em 0; text-align: center; }

/*** footer menu ***/
#footnav { max-width: 768px; text-align: center; margin: 5px auto; }
#footnav li { list-style:none; margin: 0 8px; white-space: pre; display: -moz-inline-box; display: inline-block; /display: inline; }
/*** for top scroll ***/
#topsc { margin: 4px; padding:8px; font-size: 16px; vertical-align: middle; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1;
 font-weight: bold; transition: all 0.3s; cursor: pointer; text-align: center; background-color: #222931; }
#topsc:hover { background-color: #444951; }

/*** main contents ***/
#main { text-align:left;  margin: 110px 0px 20px 0px; padding:0 3px; _overflow: auto; padding: 0; }
@media screen and (max-width: 560px){#main {margin: 125px 1px 20px 1px; padding:0 1px;}}

/*** common ***/
.bc { margin: 5px 0; }
.inbc { margin: 5px 1px 1em 1em; }
.inbc2 { margin: 2px 1px 2px 1em; }
.pagetitle {font-size: 20px; font-weight :bold; margin: 0.7em 0; }
.midasi { font-size: 16px; font-weight: bold; margin: 4px 0; }
.sky-c { color: #88ccee; }
.con1 { margin: 3px 0 1em 3px; }
.conti { margin: 8px 1px; font-size: 120%; font-weight: bold; background-color: #000; letter-spacing : 1px; }
.conti a{ padding: 5px; border:1px #666f72 solid; }
.conti a:hover { background-color: #444951; }
.breadcrumb { list-style-type: none; margin: 0 0 8px 5px; }
.breadcrumb li { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; color:#afb2b8; }
.breadcrumb li a { margin-right: 6px; }
.vam img { margin: 2px; vertical-align: middle; }
.center { text-align: center; }
.textsmall { font-size: 90%; }
.hutozi { font-weight: bold; }
.space1px { letter-spacing : 1px; }
.pinktext { color: #ffaaee; }
.redtext { color: #cc2211; }
.graytext { color: #7d839b; }
.bluetext { color: #00c7ff; }
.greentext { color: #b2ff6b; }
.c_lime { color: #a7ff23; }

.linkmidasi { font-weight: bold; margin: 10px 5px; white-space: pre; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.linkmidasi a{ padding: 10px 5px; }
.linkmidasi a:hover { background-color: #444951; }

/*** index ***/
#topwrap{ margin: 0 auto; text-align: center; padding:0 1px; }

#info1 {text-align: center; margin:3px; color: #00cbff; }
#info1 a{ color: #ff66aa; background-color: #aaffcc; padding:1px; font-weight: bold; } #info1 a:hover { color: #d8f2ff; background-color: #ff66aa; }
#infotitle {text-align: center; margin:8px 0 5px 0; padding:2px; font-size:16px; color:#cc2211; background-color: #4f091f; font-weight: bold; }
#infotitle a{ color: #cc2211; background-color: #4f091f; font-weight: bold; } #infotitle a:hover { color: #d8f2ff; }
#info2 {text-align: center; margin:3px 0 0.5em 0; }
#adminblog { margin: 0.5em auto; max-width:40em; }
.rss-box { margin: 3px; background-color: #222931; }
.rss-box li { list-style:none; }
a.rss-item { margin-right:8px; }
#counters { position: relative; min-height: 16px; margin:0 auto ; }

#rireki { font-size: small; text-align: left; margin:3px 2px; padding:0; line-height: 120%; }
#boxrireki { width: 100%; max-width: 420px; height: 150px; border: 1px #31383f solid; margin: 5px;
display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#boxrireki iframe { width: 100%; max-width: 420px; height: 150px; border:none; }

#boxkiri { width: 100%; max-width: 420px; height: 150px; border: 1px #31383f solid; margin: 5px;
display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#boxkiri iframe { width: 100%; max-width: 420px; height: 150px; border:none; }

#boxmchat { width: 100%; max-width: 840px; height: 200px; border: 1px #31383f solid;
display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; margin: 5px; }
#boxmchat iframe { width: 100%; max-width: 840px; height: 200px; border:none; }
#illustsite{ margin: 1em 0; }

#r-b-title { padding-bottom: 0.3em; margin-bottom: 0.3em; border-bottom: 1px #7e8089 dashed; }


/*** sitemap ***/
#sitemap { list-style:none; margin:1em 0; }
.slit { margin: 4px 0 3px 1em; list-style:none;}
.slt { font-weight :bold; letter-spacing : 1px; margin: 8px 0 0 0;  white-space: pre; list-style:none;}
.inst{ margin: 1em 0 3px 1.5em ;  list-style:none;}
.sldesc { border-left:1px #666f72 solid; border-bottom:1px #666f72 solid; padding:3px 0 2px 3px; margin: 5px 0 1em 1em; list-style:none;}

/*** gallery ***/
.t-midasim { width: 152px; font-weight: bold; margin: 10px 5px; white-space: pre; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.t-midasim img { vertical-align: -2px; }
.t-midasim a{ padding: 10px 5px; }
.t-midasim a:hover { background-color: #444951; }
.t-midasi { width: 256px; font-weight: bold; margin: 10px 5px; white-space: pre; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.t-midasi img { vertical-align: -2px; }
.t-midasi a{ padding: 10px 5px; }
.t-midasi a:hover { background-color: #444951; }
.pastgallery { margin-left:1.5em; }
#Exhibition_room { margin-top:-105px; padding-top:105px; }
@media screen and (max-width: 560px){ #Exhibition_room { margin-top:-115px; padding-top:115px; } }


/*** gopoke pictorial book ***/
#gpbrireki { width: 100%; max-width: 700px; height: 152px; border: 1px #31383f solid; margin: 5px 1px;
display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#gpbrireki iframe { width: 100%; max-width: 700px; height: 152px; border:none; }
#gpbmidasim {font-weight: bold; margin: 10px 5px; white-space: pre; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#gpbmidasim a{ padding: 10px 5px; }
#gpbmidasim a:hover { background-color: #444951; }
#gpbabout-table { margin-left: 1em; }
#gpbabout-table li { margin-bottom: 1em; vertical-align: middle; }
.pokef a { color: #ee2222; }  .pokef a:hover { color: #d8f2ff; }
.gpbatype { margin:4px 2px; width:200px; white-space: pre; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.gpbatype img { vertical-align: -4px; }
.gpbtemple { padding-top: 0.5em; -webkit-appearance: none; border-radius: 0; height: 7em; width: 8em; color: #fff; background-color: #000; ; border: 1px #31383f solid; resize: none; overflow: hidden; }
#typelink { margin-top:-105px; padding-top:105px; }
@media screen and (max-width: 560px){ #typelink { margin-top:-105px; padding-top:105px; } }

.gpbmargin { margin: 1.5em 0; }
.gpbwrap { height: auto; max-width: 880px; text-align: left; display:inline; }
.gpbleft , .gpbright , .gpbwritings { vertical-align: top; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.gpbleft { width: 200px; height: auto; text-align: center; }
.gpbimg { text-align: center; vertical-align: middle; width: 200px; height: auto; padding-top: 3px; }
.gpbright { width: 172px; }
.gpbno , .gpbclass , .gpbname , .gpbtype , .gpbauthor { padding: 4px 0 0 3px; border-bottom: 1px #666f72 dashed; margin-right: 0.5em; text-align: left; width: 160px; height: 20px; }
.gpbtype { padding: 3px 0 2px 3px; } .gpbtype img { padding: 0 1px; }
.gpbno { border-top: 1px #666f72 dashed; }
.gpbwritings { width: 500px; }
.gpbproperty , .gpbdesc { text-align: left; }
@media (max-width: 490px){ .gpbwritings { width: auto; max-width: 488px; } }
.gpbproperty , .gpbdesc { margin: 0.5em 3px; }

#gpbleft { margin-left: 2em; text-align: left; font-weight: bold; letter-spacing: 1px; }
.gpbnav { margin: 1em 0; }
.gpbstar { color: #ff6699; margin-left: -2px ;padding-right: 1px; }

/*** contest ***/
.ttsec { text-align: center; margin-bottom: 2em; }
.ttno { font-size: 16px; font-weight: bold; margin: 3px 0; }
.ttsaku { margin : 3px; width: 240px; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.zyun1 { font-weight: bold; padding: 3px; background-color: #FFD700; color: #000000; }
.zyun2 { font-weight: bold; padding: 3px; background-color: #C0C2C4; color: #000000; }
.zyun3 { font-weight: bold; padding: 3px; background-color: #B87333; color: #000000; }
.zyun4 { font-weight: bold; padding: 3px; background-color: #727475; color: #000000; }
.ttgaz { display: table-cell; width: 240px; height: 152px; vertical-align: middle; border: 1px #666f72 solid; border-top: none; }
.tsname , .tssaku { padding:2px; border: 1px #666f72 solid; border-top: none; }

/*** gallery ***/
.twrap { margin: 1em 0; }
.t-img { min-width: 200px; vertical-align: top; text-align: center; padding: 2px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.t-text { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.t-iname { font-size: 120%; font-weight: bold; letter-spacing: 1px; white-space: pre; }
.t-setu , .t-adminc { max-width:480px; margin: 0 0 0 0.5em; }
.sct { color: #88eecc; white-space: pre; }
.date{ padding-left:1em; color: #666f72; font-size:80%; vertical-align:top; letter-spacing: 1px; white-space: pre; }
.act { color: #88ccee; white-space: pre; }

/*** lecture ***/
.imgborder { margin: 2px; }
.imgborder img{ border: 1px #666f72 dashed; }

.filetype {width: 25em; margin: 4px; white-space: pre; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; text-align: center; }
.filetype img { vertical-align: top; }

/*** sprite ***/
#sprite { margin-top:-105px; padding-top:105px; margin-bottom: 0.7em; }
@media screen and (max-width: 560px){ #sprite { margin-top:-115px; padding-top:115px; } }
.s-k-l { width: 14em; margin:10px 10px; white-space: pre; letter-spacing: 1px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.s-k-l a{ padding: 10px 2em; }
.s-k-l a:hover { background-color: #444951; }
#sprite_desc_wrap { padding: 4px 0; }
#sprite_desc_img { width: 240px; text-align: center; vertical-align: top; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#sprite_desc { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#sprite_desc_table td { padding: 1px 2px 1px 0; }
.spritenav { margin: 1em 0; }


/*** link ***/
#tolink td{ padding: 5px 10px 5px 0; }
.myurl { -webkit-appearance: none; border-radius: 0; max-width: 130px; padding: 1px;
color: #fff; background-color: #000; overflow: hidden; border:1px #666f72 solid; }
#mybanner{ margin: 5px 0; padding:5px;}
input.ccs01{border:1px #666f72 solid; background-color:#ffffff; width: 20px; height: 20px; margin: 1px; }
input.ccs02{border:1px #666f72 solid; background-color:#808080; width: 20px; height: 20px; margin: 1px; }
input.ccs03{border:1px #666f72 solid; background-color:#000000; width: 20px; height: 20px; margin: 1px; }

/*** admin , mail form ***/
#adminimg { width: 100px; text-align: center; vertical-align: top; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#admindesc { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
.adminlink { width: 280px; margin: 1em 3px; padding: 2px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; }
#admintwit { height: 250px; margin-bottom: 1em; }
#admin-omake { margin-top: -105px; padding-top: 105px; }
@media screen and (max-width: 560px){ #admin-omake { margin-top: -105px; padding-top: 105px; } }
.zokuseilink a { color: #010102; }
#adminzokusei { vertical-align: middle; }
#adminzokusei img { margin: 5px 0; vertical-align: middle; }
#adminzokusei input { margin: 5px 0; vertical-align: middle; }
.zokuseicopy { width: 32em; }
.zokuseicopymozi{ width: 4.5em; }
.tokuseicopy { width: 100%; margin: 1px; padding: 1px; }


table.formTable { width:100%; margin:5px auto; border-collapse:collapse; }
table.formTable td,table.formTable th { border:1px solid #666f72; padding:10px; }
table.formTable th { width:30%; font-weight:normal; background:#444951; text-align:left; vertical-align: middle; }
.mfi { width:200px; max-width: 400px; }
table.formTable textarea { min-width:250px; max-width: 500px; height: 100px; }
.fc { text-align:center; }
@media (max-width: 425px){
#formWrap { margin:0; }
table.formTable { margin:5px 1px; }
table.formTable th{ width:100%; display:block; margin: 0 auto; }
table.formTable td{ display:block; width: 100%;  border-top: none !important;}
}


/*** other ***/
.chatnow_page  { width: 100%; height: 64px; overflow: hidden; border: none; vertical-align:middle; }