@charset 'Shift_JIS';


/**
 *	ゲームロゴのクリック領域
 */
#topGuideArea h1	{background: url(//images.hange.jp/hangame/easy/oekaki/official/r01/common/bg_titleimage.jpg) no-repeat left top;}
#topGuideArea h1 a{
	display:block;
	position:absolute;
	top:11px;
	left:44px;
	width:175px;
	height:95px;
}


#gameNavi li.community a	{width: 91px;}


/**
 *	qrcode
 */
#qrcodeArea {
background:url(//images.hange.jp/hangame/common/extraarea/bg_specialcontents_bottom.gif) no-repeat left bottom #FFFFFF;
margin:10px auto 0;
padding-bottom:10px;
width:194px;
overflow:hidden;
}
#qrcodeArea h2 {
background:url(//images.hange.jp/hangame/common/extraarea/bg_specialcontents_top.gif) no-repeat 0 0;
line-height:26px;
padding-left:22px;
}
#qrcodeArea .txt{
float:left;
width:102px;
padding: 10px 2px 4px 10px;
font-size:10px;
}
#qrcode	{
float:right;
padding:10px 10px 0 0;
}


/*----------------------------------------------------
ebtn
----------------------------------------------------*/
ul > .eBtn	{overflow: hidden;}
.eBtn	{
position: relative;
padding: 0 9px 0;
margin: 0;
}
.eBtn a{color:#666666;}
.eBtn .num a{
font-weight:bold;
}
.eBtn a.btn{
padding:4px 0 0 20px;
background: url(//images.hange.jp/hangame/easy/oekaki/official/r01/common/ico_e_btn.gif) no-repeat 0 0;
text-decoration:none;
margin:0 5px 0 0;
float:left;
}
.eBtn a.aft{
background:url(//images.hange.jp/hangame/easy/oekaki/official/r01/common/ico_e_btn_aft.gif) no-repeat left top!important;
}
.eBtn .num{
float:left;
padding-top: 4px;
font-family:tahoma;
font-size:10px;
}


/*----------------------------------------------------
 *	top 新作おえかき
----------------------------------------------------*/
#topQuestion	{
position: relative;
min-height: 190px;
height: auto !important;
height: 190px;
/zoom: 1;
}
.newlyDefAnnc	{
float: none;
width: 644px;
}
.screenShot {
margin-top: 10px;
}
.noticeBar	{margin-bottom: 10px;}

.newitem	{
position: relative;
/zoom: 1;
}
.newitem h2	{width: 644px;}
.newitem ul	{
/* margin-right: -13px; */
-ms-display: flex;
display: flex;
}
.newitem ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.newitem ul li{
margin: 8px 13px 0 0;
}
.newitem .plofile	{
position: relative;
}
.newitem ul li .newpic	{
background: #eeeeee;
padding: 2px;
}
.newitem ul li .newpic img	{
border: 1px solid #d8d6d6;
}
.newitem ul li .entryDate	{
width: 146px;
padding: 4px 0 3px;
color: #999999;
font-size: 11px;
}
#contents.top .newitem ul li .hgID	{
position: static;
padding-left: 32px;
}
.newitem .plofile li.eBtn	{
padding: 0;
margin: 0 0 0 30px;
_margin-left: 15px;
}

.newitem .maintenanceNotice {
margin-top: 20px;
}

.newitem .gameType {
  color: #ff7200;
  margin-top: 6px;
  text-align: left;
}

/*#contents.top #bnrArea p	{
float: none;
position: absolute;
top: 10px;
right: 4px;
padding: 0;
}*/

.sideBnr01 {
  margin-top: 1px;
  text-align: center;
}
.sideBnr01_list li {
  /* margin: 13px auto 0; */
  margin-top: 13px;
  width: 194px;
  display: inline-block;
}
.sideBnr01_list a {
  display: inline-block;
}
/* .sideBnr01_list img {
  vertical-align: top;
} */

/*----------------------------------------------------
 *	community, myoekaki
----------------------------------------------------*/
/* 共通 */
.oekakiMain h3,
.myoekaki h3	{
padding-bottom: 10px;
margin-bottom: 12px;
background: url(//images.hange.jp/hangame/easy/oekaki/official/r01/common/bg_subtit_btm.gif) repeat-x left bottom;
}
.oekakiMain h3 strong,
.myoekaki h3 strong	{
padding-left: 8px;
border-left: 3px solid #ffb81f;
}

.listitemArea	{
position: relative;
overflow: hidden;
_height: 1%;
padding: 20px 0 0 33px;
_padding-bottom: 20px;
}
.listitemArea .listitem	{
position: relative;
float: left;
margin: 0 14px 20px 0;
width: 183px;
background: url(//images.hange.jp/hangame/easy/oekaki/official/r01/common/bg_listitem_top.gif) no-repeat 0 0;
}
.listitemArea .pic	{padding: 4px 4px 2px 4px;}
.pageNavi + .listitemArea {
  margin-top: 20px;
}

#contentsMain .entryInfo	{
position: relative;
padding-top: 9px;
}
#contentsMain .emblm  {
position: absolute;
left: 8px;
top: 6px;
border: 1px solid #D7D7D7;
padding: 1px;
}
#contentsMain .hgID,
#contentsMain .entryDate,
#contentsMain .theme	{
color: #999999;
}
#contentsMain .entryDate	{
font-size: 10px;
padding-bottom: 24px;
}
#contentsMain .entryInfo .eBtn	{
position: absolute;
right: 0;
bottom: 6px;
}

#contentsMain .entryInfo .gameType {
  position: absolute;
  left: 9px;
  bottom: 6px;
  font-size: 11px;
  color: #ff7200;
}

/* .listitemArea */
.listitemArea .entryInfo	{
min-height: 56px;
height: auto !important;
height: 56px;
background: url(//images.hange.jp/hangame/easy/oekaki/official/r01/common/bg_listitem_btm.gif) no-repeat left bottom;
}

.more	{
font-size: 10px;
}
.more a	{color: #999999;}

/* リスト表示画面
--------------------------- */
.oekakiList .listitemArea .hgID,
.oekakiList .listitemArea .entryDate	{
margin-left: 40px;
}


/* 個別表示画面
--------------------------- */
.oekakiMain	{background: none !important;}

.note	{
padding: 10px;
font-size: 10px;
color: #999999;
}

/* mainPicArea */
#mainPicArea	{
position: relative;
overflow: hidden;
_height: 1%;
margin-bottom: 20px;
}
#mainPic	{
float: left;
margin-right: 7px;
padding: 3px;
background: #eeeeee;
}
#mainPic img	{border: 1px solid #d8d6d6;}

#picComment	{
float: left;
width: 222px;
padding-bottom: 14px;
background: url(//images.hange.jp/hangame/easy/oekaki/official/r01/community/bg_pic_comment_area_btm.gif) repeat-x left bottom #f6f6f6;
}
#picComment .entryInfo	{
overflow: hidden;
_height: 1%;
padding: 18px 10px 30px 10px;
background: url(//images.hange.jp/hangame/easy/oekaki/official/r01/community/bg_pic_comment_area_top.gif) repeat-x 0 0;
}
#picComment .entryInfo dt	{
clear: both;
float: left;
width: 48px;
}
#picComment .entryInfo dd	{
float: left;
width: 154px;
}
#picComment .entryInfo dd span	{margin: 0 0.5em;}
#picComment .entryInfo .entryDate	{
padding-bottom: 0;
}
#picComment .entryInfo .theme	{padding-top: 10px;}
#picComment .report	{
padding: 0 10px;
text-align: right;
font-size: 10px;
}
.report a	{color: #999999;}

/* #answerArea */
.answerArea td	{padding: 4px;}
.answerArea	{margin-bottom: 20px;}
.answerArea .avtr	{width: 30px; padding-left: 4px;}
.answerArea .title	{padding-left: 8px !important;}
.answerArea .days	{width: 100px;}
.answerArea .report	{
width: 80px;
font-size: 10px;
}

/* .listitemArea */
.oekakiMain .listitemArea	{padding-top: 0;}
.oekakiMain .listitemArea h3	{margin-left: -30px;}
.oekakiMain .listitemArea .entryInfo	{
min-height: 40px;
height: auto !important;
height: 40px;
}
.oekakiMain .listitemArea .entryDate	{margin-left: 14px;}
.oekakiMain .listitemArea .more	{
position: absolute;
top: 2px;
right: 8px;
}


/* マイおえかき
--------------------------- */
.myoekaki h3	{
margin: 0 33px 0;
padding-top: 20px;
}
.myoekaki .more	{
position: absolute;
top: 22px;
right: 40px;
}

.myoekaki .listitemArea .entryDate	{margin-left: 14px;}
.myoekaki .listitemArea .eBtn	{bottom: 22px;}
.myoekaki .deleteBtn	{
margin-top: -4px;
text-align: center;
}
.noEntry	{
clear: both;
margin: 50px auto;
text-align: center;
}


/* 遊び方
--------------------------- */
.playguide .section_holder .section .explain p	{margin-bottom: 0;}
.playguide .section_holder .section .explain li	{
margin: 0 0 0 1.5em;
list-style-type: disc;
}
.playguide .attention	{
color: #fe8615;
font-style: normal;
}
.playguide .hedge li	{
padding-left: 1em;
text-indent: -1em;
}

.playguide .ss_full_screen	{
width: 560px;
padding: 40px 0 18px;
margin-bottom: 10px;
background: #f3f3f3;
border: 1px solid #e0e0e0;
text-align: center;
}

/* モバイル
--------------------------- */
.mobile .intro{
padding:36px 0 27px;
}
.mobile .exp p{
margin-bottom:19px;
line-height:1.48em
}
.mobile .exp p.txt{
margin-top:-12px;
margin-bottom:0px;
}
#contents.community .selectBox select {
position:absolute;
right:74px;
top:1px;
width:80px;
}
#contents #contentsLead select {
position:absolute;
right:6px;
top:336px;
width:80px;
}

.communityTab {
  margin: 6px 0 11px;
}
.communityTab_list {
  -ms-display: flex;
  display: flex;
}
.communityTab_list li {
  margin-right: 30px;
}
.communityTab_list li:nth-child(3n) {
  margin-right: 0;
}
.communityTab_list li a:hover {
  opacity: .8;
}

#commentWriteArea.border {
  background: none;
  border: solid 1px #e0e0e0;
  border-radius: 5px;
}
#commentWriteArea.border .commentWrite {
  border: none;
}