/* ■2015年07月04日(index.html、eBBS.htm、otoiawase.html、rekisi.html)■ */



/* ■臨時■ＶＳランダムピックアップ用 */
DIV.vspupe{ width:201px; height:220px; float:left; overflow:hidden; 
 color:#ffffff; background-color:#03021a;
 margin:1px; padding:1px;
}


*{ margin:0px; padding:0px;}
/* ■全体幅センタリング（全幅共通）■ */
div.mein{ position:relative; WIDTH:100%; min-width:320px; max-width:1500px; overflow:hidden; margin-left:auto; margin-right:auto; text-align:left; }
/* ■BODY■ */
BODY{ color:#330033; background-color:#ffffff; 
}
BODY{ font-size:96%; }
H1{ font-size:120%; }
H2{ font-size:110%;}
.mini{ font-size:70%; }
/* ■強制改行(幅320)■ */
DIV.brbr{ display:none; }

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* ■Media Queries効かないブラウザ(IE9)用 css3-mediaqueries.jsでは×(min-width: 1000pxと同じだけどmin-width: 1000pxは別に必要)■ */
/* ■html側のドクタイプはhttp://www.w3.org/TR/html4/loose.dtd必須■ */
/* ■最上部見出しDIV■ */
DIV.top{ text-align:center; width:100%; }
DIV.topu{ position:relative; height:260px; width:100%; min-width:320px; max-width:1500px;
 margin-left:auto; margin-right:auto; text-align:left;
 color:#990066; background-color:#ffffff;
 background-image:url(s/halloween/top2016_h.jpg); background-repeat:no-repeat; background-position: left top;
 border-style:solid; border-color:#820041; border-width:2px 0;
	}
/* ■最上部DIV内DIV■【PC用】 */
.mainnabi2 { padding:3px; }
.mainnabi3 { padding:3px; text-align:right; margin:0px 50px 0 0; }
/* ■最上部DIV内DIV■【電話用】 */
.m320_mainnabi { display:none; }
/* ■m320_mainnabi内のリンクdiv(タッチ操作端末向けにリンク範囲を広げる)■ */
.um320a A { display:none; }
/* ■TOP上部広告(1500px用/320px用)■ */
.amazon640topdiv{ WIDTH:100%; color:#f0feff; background-color:#3d3d3d; border-style:solid; border-color:#c9e1f4; border-width:3px; border-radius:10px; margin:0 auto; }
.amazon320topdiv{ display:none; }
/* ■3ペイン 1/3(最低幅:150/330/500) */
/* ■左 */
Div.P1 { position:absolute; left:0px; top:0px; width:150px; }
/* ■中 */
Div.P2 { margin:0px 400px 0px 150px; }
/* ■右 */
Div.P3 { position:absolute; right:0px; top:0px;  width:400px; background-color:#ffffff; color:#282828; }
/* ■P3内のｱﾄﾞｾﾝｽ(可変)■ */
DIV.adsensbox { width:400px; height:320px; overflow:hidden; }
/* ■P3アマゾンH2内■ */
A.amazondekau { font-size:140%; font-weight:bold; }
/* ■P2内左右分割(P2Rfloat＝傑作チョイスサムネール)■ */
.P2Lfloat { float:left; width:200px; }
.P2Rfloat { margin-left:200px; height:900px; overflow:hidden; }
/* ■P3内アンケートIF(幅320縦120+H2等)■ */
DIV.anketobox { width:320px; height:130px; overflow:hidden; margin-top:10px; }
/* ■アマゾン左右分割■ */
.amabunL{ float:left; width:160px; overflow:hidden; }
.amabunR{ margin-left:160px; }
/* ■最下部の日記：左右分割■ */
DIV.sita { margin-top:200px; width:100%; }
/* ■左広告/右日記■ */
DIV.nikiL{ float:left; width:280px; }
DIV.nikiR{ margin-left:280px; }
DIV.nikiu{ width:100%; min-width:320px; max-width:1000px; }


/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* ■PC■デフォルト：表示領域1000px以上■ */
@media screen and (min-width: 1000px)
		{/* ▼1500px▼1500px▼1500px▼1500px▼ */
/* ■最上部見出しDIV■ */
DIV.top{ text-align:center; width:100%; }
DIV.topu{ position:relative; height:260px; width:100%; min-width:320px; max-width:1500px;
 margin-left:auto; margin-right:auto; text-align:left; 
 color:#990066; background-color:#ffffff;
 background-image:url(s/halloween/top2016_h.jpg); background-repeat:no-repeat; background-position: left top;
	}
/* ■最上部DIV内DIV■【PC用】 */
.mainnabi2 { padding:3px; }
.mainnabi3 { padding:3px; text-align:right; margin:0px 50px 0 0; }
/* ■最上部DIV内DIV■【電話用】 */
.m320_mainnabi { display:none; }
/* ■m320_mainnabi内のリンクdiv(タッチ操作端末向けにリンク範囲を広げる)■ */
.um320a A { display:none; }
/* ■TOP上部広告(1500px用/320px用)■ */
.amazon640topdiv{ WIDTH:100%; color:#f0feff; background-color:#3d3d3d; border-style:solid; border-color:#c9e1f4; border-width:3px; border-radius:10px; margin:0 auto; }
.amazon320topdiv{ display:none; }
/* ■3ペイン 1/3(最低幅:150/330/500) */
/* ■左 */
Div.P1 { position:absolute; left:0px; top:0px; width:150px; }
/* ■中 */
Div.P2 { margin:0px 400px 0px 150px; }
/* ■右 */
Div.P3 { position:absolute; right:0px; top:0px;  width:400px; background-color:#ffffff; color:#282828; }
/* ■P3内のｱﾄﾞｾﾝｽ(可変)■ */
DIV.adsensbox { width:400px; height:320px; overflow:hidden; }
A.amazondekau { font-size:140%; font-weight:bold; }
/* ■P2内左右分割(P2Rfloat＝傑作チョイスサムネール)■ */
.P2Lfloat { float:left; width:200px; }
.P2Rfloat { margin-left:200px; height:1100px; overflow:hidden; }
/* ■P3内アンケートIF(幅320縦120+H2等)■ */
DIV.anketobox { width:320px; height:130px; overflow:hidden; margin-top:10px; }
/* ■アマゾン左右分割■ */
.amabunL{ float:left; width:160px; overflow:hidden; }
.amabunR{ margin-left:160px; }
/* ■最下部の日記：左右分割■ */
DIV.sita { margin-top:200px; width:100%; }
/* ■左広告/右日記■ */
DIV.nikiL{ float:left; width:280px; }
DIV.nikiR{ margin-left:280px; }
DIV.nikiu{ width:100%; min-width:320px; max-width:1000px; }

		}/* ▲1500px▲1500px▲1500px▲1500px▲1500px▲ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */



/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* ■〜999■PS3,KindleHD,Nexus7(w800:1280)■ */
@media screen and (min-width: 600px) and (max-width: 999px)
		{/* ▼800px▼800px▼800px▼800px▼ */
DIV.top{ text-align:center; width:100%; }
DIV.topu{ position:relative; height:260px; width:100%; min-width:320px; max-width:1500px;
 color:#990066; background-color:#ffffff;
 margin-left:auto; margin-right:auto; text-align:left; 
 background-image:url(s/halloween/top2016_h.jpg); background-repeat:no-repeat; background-position: left top;
	}
.mainnabi2 { display:none; }
.mainnabi3 { display:none; }
.m320_mainnabi { display:block; padding:2px; width:100%; }
.um320a A { display:block;  float:left; width:90px; background-color:#f4f2f4; margin:5px; padding:5px; border-style:outset; border-color:#f1edee; border-width:2px;  border-radius:5px; }
.amazon640topdiv{ WIDTH:100%; color:#f0feff; background-color:#3d3d3d; border-style:solid; border-color:#c9e1f4; border-width:3px; border-radius:10px; margin:0 auto; }
.amazon320topdiv{ display:none; }
Div.P1 { position:absolute; left:0px; top:0px; width:150px; }
Div.P2 { margin:0px 240px 0px 150px; }
Div.P3 { position:absolute; right:0px; top:0px;  width:240px; background-color:#ffffff; color:#282828; }
DIV.adsensbox { width:240px; max-height:240px; overflow:hidden; }
A.amazondekau { font-size:100%; font-weight:bold; }
.P2Lfloat { float:none; width:100%; }
.P2Rfloat { display:none; }
DIV.anketobox { width:240px; height:130px; overflow:hidden; margin-top:10px; }
.amabunL{ float:none; width:100%; }
.amabunR{ width:100%; margin:0; }
DIV.sita { margin-top:200px; width:100%; }
DIV.nikiL{ float:left; width:240px; }
DIV.nikiR{ margin-left:240px; }
DIV.nikiu{ width:100%; }

BODY{ font-size:85%; }
H1{ font-size:100%; }
H2{ font-size:100%;}
		}/* ▲800px▲800px▲800px▲800px▲800px▲ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */





/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* ■〜599■PS3,7インチタブ縦(w800:1280)■ */
@media screen and (min-width: 400px) and (max-width: 599px)
		{/* ▼500px▼500px▼500px▼500px▼ */
DIV.top{ text-align:center; width:100%; }
DIV.topu{ position:relative; height:260px; width:100%; min-width:320px; max-width:1500px;
 color:#990066; background-color:#ffffff;
 margin-left:auto; margin-right:auto; text-align:left; 
 background-image:url(s/halloween/top2016_h_s.jpg); background-repeat:no-repeat; background-position: left top;
	}
.mainnabi2 { display:none; }
.mainnabi3 { display:none; }
.m320_mainnabi { display:block; padding:2px; width:100%; }
.um320a A { display:block;  float:left; width:90px; background-color:#f4f2f4; margin:5px; padding:5px; border-style:outset; border-color:#f1edee; border-width:2px;  border-radius:5px; }
.amazon640topdiv{ WIDTH:100%; color:#f0feff; background-color:#3d3d3d; border-style:solid; border-color:#c9e1f4; border-width:3px; border-radius:10px; margin:0 auto; }
.amazon320topdiv{ display:none; }
Div.P1 { position:absolute; left:0px; top:0px; width:150px; }
Div.P2 { margin:0px 0px 0px 150px; }
Div.P3 { position:static; margin:0px; clear:both; text-align:left; width:100%;  }
DIV.adsensbox { width:100%; max-height:240px; overflow:hidden; }
A.amazondekau { font-size:100%; font-weight:bold; }
.P2Lfloat { float:none; width:100%; }
.P2Rfloat { display:none; }
DIV.anketobox { width:240px; height:130px; overflow:hidden; margin-top:10px; }
.amabunL{ float:none; width:100%; }
.amabunR{ width:100%; margin:0; }
DIV.sita { margin-top:10px; width:100%; }
DIV.nikiL{ display:none; }
DIV.nikiR{ margin-left:0px; }
DIV.nikiu{ width:100%; }

BODY{ font-size:75%; }
H1{ font-size:90%; }
H2{ font-size:90%;}
.mini{ font-size:60%; }
/* ■強制改行■ */
DIV.brbr{ display:block; width:5px; height:5px; }
		}/* ▲500px▲500px▲500px▲500px▲500px▲ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */





/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
/* ■320(vita/3DS/電話etc)■ */
@media screen and (max-width:399px)
		{/* ▼320px▼320px▼320px▼320px▼ */
DIV.top{ text-align:center; width:100%; }
DIV.topu{ position:relative; height:260px; width:100%; min-width:320px; max-width:1500px;
 color:#990066; background-color:#ffffff;
 margin-left:auto; margin-right:auto; text-align:left; 
 background-image:url(s/halloween/top2016_h_s.jpg); background-repeat:no-repeat; background-position: left top;
	}
.mainnabi2 { display:none; }
.mainnabi3 { display:none; }
.m320_mainnabi { display:block; padding:2px; width:100%; }
.um320a A { display:block;  float:left; width:90px; background-color:#f4f2f4; margin:5px; padding:5px; border-style:outset; border-color:#f1edee; border-width:2px;  border-radius:5px; }
.amazon640topdiv{ display:none; }
.amazon320topdiv{ WIDTH:100%; color:#000000; background-color:#ffffff; border-style:solid; border-color:#c9e1f4; border:none; border-radius:0px; }
Div.P1 { display:none; }
Div.P2 { position:static; margin:0px; clear:both; text-align:left; width:100%; }
Div.P3 { position:static; margin:0px; clear:both; text-align:left; width:100%;  }
A.amazondekau { font-size:100%; font-weight:bold; }
DIV.adsensbox { width:100%; max-height:240px; overflow:hidden; }
.P2Lfloat { float:none; width:100%; }
.P2Rfloat { display:none; }
DIV.anketobox { width:320px; height:130px; overflow:hidden; margin-top:10px; }
.amabunL{ float:none; width:100%; }
.amabunR{ width:100%; margin:0; }
DIV.sita { margin-top:10px; width:100%; }
DIV.nikiL{ display:none; }
DIV.nikiR{ margin-left:0px; }
DIV.nikiu{ width:100%; }

BODY{ font-size:75%; }
H1{ font-size:90%; }
H2{ font-size:90%;}
.mini{ font-size:60%; }
/* ■強制改行■ */
DIV.brbr{ display:block; width:5px; height:5px; }
		}/* ▲320px▲320px▲320px▲320px▲320px▲ */
/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */








/* ■横幅共通■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■黒文字/白文字（meinと併用）■ */
.pandairo{ color:#000000; background-color:#ffffff; }
/* ■左上角丸（meinと併用）■ */
.kadomaru{ border-top-left-radius:10px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }

/* ■P3内DIV■ */
.boxtopmargin { margin-top:10px; }
/* ■P3内amabunR内のUL■ */
.amazonlinkul { margin:4px 2px; padding:4px 2px; }

/* ■リンクブロック■mainnabi2〜3内の各リンクのDIV(幅699以下は親divがhidden)■ */
.Ltopnabilinkdiv A { font-size:90%; display:block;  float:left; width:110px; background-color:#f4f2f4; margin:2px; padding:2px; border-style:outset; border-color:#f1edee; border-width:2px; border-radius:5px; }
.Rtopnabilinkdiv A { font-size:90%;  display:block;  float:right; width:110px; background-color:#f4f2f4; margin:2px; padding:2px; border-style:outset; border-color:#f1edee; border-width:2px; border-radius:5px; }

/* ■(2)リンクブロック■小見出し（イベント・過去ログ/傑作チョイス/VS過去ログ/イラスト講座）■ */
DIV.uc_komidasibox A { display:block; float:left; width:150px; background-color:#ffffff; margin:2px; padding:4px; border-style:outset; border-color:#f1edee; border-width:2px; border-radius:5px; }
DIV.vs_komidasibox A { display:block; float:left; width:180px; background-color:#ffffff; margin:2px; padding:4px; border-style:outset; border-color:#f1edee; border-width:2px; border-radius:5px; }

/* ■(2)リンクブロックが入る大枠■ */
DIV.p2topsubcon { margin-left:20px; }

/* ■P2内の絵板リンクLI■ */
LI.oebli { width:100%; margin:5px 2px; padding:5px 2px; font-size:86%;
 color:#6d6d6d; background-color:#ffffff; border-style:solid; border-color:#e1e1e1; border-width:1px;
 border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;
 }
/* ■P2内の絵板リンクLI(通常時/マウスオーバー)■ */
LI.oebli A { display:block; width:100%; height:50px; }
LI.oebli A:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

/* ■P3内のサブコンLI■ */
LI.subconli { width:100%; margin:2px; padding:2px;
 color:#6d6d6d; background-color:#ffffff; border-style:solid; border-color:#e1e1e1; border-width:1px;
 border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;
 }

/* ■画面幅に合わせて拡大する画像■ */
img { max-width:100%; height: auto; width /***/:auto; }

/* ■余白■ */
DIV.PU { padding:10px; }
/* ■左側オエビDLの余白■ */
DL.itadl{ margin-top:15px;}
/* ■「あそびーば」LIフロート(119px ×5)■ */
.asobiba{ float:left; width:115px; margin:2px; }
/* ■モゲピシャ用（topjsが入るので幅倍） */
.w_asobiba{ float:left; width:230px; margin:2px; }

/* ■傑作チョイスIF■ */
.kchoice { width:100%; height:210px; }

DT{ font-weight:bold; }
UL{ list-style-type:none; }

.new{ color:#000000; background-color:#ffa400; font-size:60%; }
A:link { color:#0f3f8e; }
A:visited { color:#680f8e; }
A:active,A:hover { color:#ff0000; text-decoration:none; }
img{ border:0;}
strong{ font-weight:bold; font-size:110%;}
P{ margin:0.7em 0em 0.7em 0em; line-height:1.5em; letter-spacing:0.1em; }

/* ■H3新作投稿イラストなどの少し目立たない文字■ */
.haiiromoji{ color:#8b8b8b; background-color:#ffffff; }


/* ■CSSスプライト■卍■卍■卍■ */
/*■あそび〜ば共通■*/
.csp_gall { width:115px; height:23px;
background: url(s/csssprites_game_icons115-23.gif);
display: block; cursor:pointer; text-indent:100%; white-space: nowrap; overflow: hidden;
	}
/* ■モゲピシャ■ */
a.csp_g0{ background-position: 0px 0px; }
a.csp_g0:hover{ background-position: 0px 23px; }
/* ■１００質問■ */
a.csp_g1{ background-position: -115px 0px; }
a.csp_g1:hover{ background-position: -115px 23px; }
/* ■タイピング■ */
a.csp_g2{ background-position: -230px 0px; }
a.csp_g2:hover{ background-position: -230px 23px; }
/* ■さめがめ■ */
a.csp_g3{ background-position: -345px 0px; }
a.csp_g3:hover{ background-position: -345px 23px; }
/* ■リレー小説■ */
a.csp_g4{ background-position: -460px 0px; }
a.csp_g4:hover{ background-position: -460px 23px; }

/* ■amazon見出し */
.amamidasi{ color:#000000; background-color:#fc9a18; border-style:solid; border-color:#ffdd00; border-width:5px 0; }
/* ■TOPリンク固定提携サイトLIフロート■ */
LI.tklinkli{ float:left; width:90px;}
/*■TOPリンク固定バナー■*/
.csp_tklinkall{
width:88px; height:31px; background: url(s/csssprites_tekeiLINKBMEWS.gif);
display: block; cursor:pointer; text-indent:100%; white-space: nowrap; overflow: hidden;
}
/* ■お絵描きJP■ */
A.csp_lk1{ background-position: 0px 0px; }
/* ■無料オンラインゲーム情報■ */
A.csp_lk2{ background-position: -100px 0px; }
/* ■絵師リンク■ */
A.csp_lk3{ background-position: -200px 0px; }
/* ■CGお勧め講座集■ */
A.csp_lk4{ background-position: -300px 0px; }
/* ■MagicalStation■ */
A.csp_lk5{ background-position: -400px 0px; }
/* ■イラスト検索サイト■ */
A.csp_lk6{ background-position: -500px 0px; }





/* ■傑作チョイス■DIV P2内のサムネール自動整列jQuery用CSS(topnew_uc.js)1つのDIVは余白込みで150(この幅はindex.html側のjQueryに記載)■ */
#wrapper { position:relative; max-width:640px; margin: 0 auto; }
#simgcatalogzwaku { position:relative; width:100%; overflow:hidden; margin:0 auto;  color:#8b8b8b; background-color:#ffffff; }
/* !ここの幅等を変えたらjquery側も変更必要 */
.catsimg { margin:2px; padding:2px; width:140px; border-style:inset; border-color:#ecf7fb; border-width:1px; }
.catsimg img { width:100%; }
/* ■DIVcatsimg内の作者名部分div■ */
div.ucnamediv{ font-size:60%; height:15px; width:100%; max-width:140px; overflow:hidden; }





/* ■ P1内 お絵かき掲示板の新着イラスト(alllogs_topnew.js)■ */
DIV.newlogsjswaku { width:100%; height:1100px; overflow:hidden; }
.pupu { font-size:60%; width:130px; height:170px; overflow:hidden; }
.otosikage{
-moz-box-shadow: 1px 1px 2px 2px #CCC;
-webkit-box-shadow: 1px 1px 2px 2px #CCC;
box-shadow: 1px 1px 2px 2px #CCC; background-color: #EEE; padding: 2px; margin: 2px;
	}



/* ■モバイル用メニュー(折り畳み)幅699以下専用■ */
/* ■クリックで出るメニュー■ */
DIV.m_exmenyu_zwaku {
z-index:100; position:absolute; top:5px; left:5px; width:200px;
 color:#0000ff; background-color: rgba( 255,255,255, 1 );
 box-shadow:0px 0px 10px; border:1px solid #21c6fc; width:200px; height:auto;
	}
/* ■[DIV.m_exmenyu_zwaku]内のULとLIメニューリンク部分■ */
/* ■[通常メニュー](閉じる以外) */
LI.uu_modal A{ display:block; height:30px; line-height:30px; font-size:120%; padding:10px; border-radius:5px; border-width:1px; border-style:solid; border-color:#a0a0a0; }
/* ■[閉じる] */
LI.offuu_modal A{ display:block; height:30px; line-height:30px; font-size:120%; padding:10px; border-radius:5px; border-width:1px; border-style:solid; border-color:#a0a0a0;  color:#ffffff; background-color:#21c6fc; }
/* ■オンマウス */
LI.uu_modal A:hover { color:#0000ff; background-color:#d1f9fc; }