@charset "UTF-8";


/*=================================================================================================
  
  main
  
=================================================================================================*/
#main
{
	background:url(/img/img_footer_bg.jpg) left bottom repeat-x;
    min-height  : 100%;
    height      : auto !important;
    height      : 100%;
    margin      : 0 auto -45px;
    width : expression(document.body.clientWidth < 1000 ? "1000px" : "auto");
}


body > #main
{
    height: auto;
}

#main-push
{
	height  :45px;
}

/*=================================================================================================
  Pane
=================================================================================================*/
div.pzl-page-split-line
{
	background : url(/img/img_main_frm_tm.jpg) repeat-x;
	width  :100%;
	height :10px;
	margin-bottom:5px;
}

div.pzl-page-totop
{
	text-align  :center;
	margin-top     :20px;
	margin-bottom  :5px;
	margin-right   :50px;
}

div.pzl-page-detail
{
	text-align  :right;
	margin-top     :2px;
	margin-bottom  :2px;
	margin-right   :50px;
}

/*====================================================================
  Main Table
====================================================================*/
table#pzl-top-main-tbl
{
	width       :95%;
	min-width   :1000px;
	margin-top  :10px;
	margin-bottom:10px;
	margin-right :auto;
	margin-left :auto;
}

table#pzl-top-main-tbl td#pzl-top-main-td
{
	width: auto;
	
	vertical-align:top;
	text-align    :center;
}

table#pzl-top-main-tbl td#pzl-top-side-td
{
	vertical-align:top;
	text-align    :center;
	width      :240px;
	height     :auto;
}

/*====================================================================
  main ad
====================================================================*/
.ad-main-top
{
	margin-bottom: 10px;
	width: 95%;
}

.ad-main-title-bottom
{
	margin-bottom: 10px;
	width: 95%;
}

.ad-main-title-bottom-genre
{
	margin-top: 5px;
	margin-bottom: 10px;
	width: 95%;
}

/*====================================================================
  bottom ad
====================================================================*/
.ad-bottom
{
	margin-bottom: 10px;
}

/*====================================================================
  right ad
====================================================================*/
.ad-right
{
	width:100%;
	text-align:center;
	margin-top:10px;
}

/*=================================================================================================
  
  Top
  
=================================================================================================*/
div#pzl-top-main
{
	
}

div.top-notify
{
	width:		530px;
	height:		auto;
	margin:		0 auto 20px;
}

div.top-notify div.frm-t-l
{
	float:		left;
	width:		15px;
	height:		20px;
	background:	url(/img/img_top_frm_t_l.jpg) no-repeat;
	clear:		both;
}
div.top-notify div.frm-t-m
{
	float:		left;
	width:		500px;
	height:		20px;
	background:	url(/img/img_top_frm_t_m.jpg) repeat-x;
}
div.top-notify div.frm-t-r
{
	float:		left;
	width:		15px;
	height:		20px;
	background:	url(/img/img_top_frm_t_r.jpg) no-repeat;
}

div.top-notify div.frm-m
{
	width:		530px;
	clear:		both;
}
div.top-notify div.frm-m-l
{
	float:		left;
	width:		15px;
	height:		100%;
	background:	url(/img/img_top_frm_m_l.jpg) repeat-y;
	clear:		both;
}
div.top-notify div.frm-m-m
{
	float:		left;
	width:		500px;
	height:		auto;
}
div.top-notify div.frm-m-r
{
	float:		left;
	width:		15px;
	height:		100%;
	background:	url(/img/img_top_frm_m_r.jpg) repeat-y;
}

div.top-notify div.frm-b-l
{
	float:		left;
	width:		15px;
	height:		20px;
	background:	url(/img/img_top_frm_b_l.jpg) no-repeat;
	clear:		both;
}
div.top-notify div.frm-b-m
{
	float:		left;
	width:		500px;
	height:		20px;
	background:	url(/img/img_top_frm_b_m.jpg) repeat-x;
}
div.top-notify div.frm-b-r
{
	float:		left;
	width:		15px;
	height:		20px;
	background:	url(/img/img_top_frm_b_r.jpg) no-repeat;
}


div.top-gap-ad
{
	margin: 0 20px 20px 4px;
	background-color: #060606;
}

/* ===================================================================
	news
=================================================================== */
div#pzl-top-main .notify
{
	font-size     :12px;
}


div#pzl-top-main .notify span.date
{
	color         :#bb4444;
	font-weight   :bold;
	margin-right  :15px;
}

div#pzl-top-main .notify span.text
{
}

/* ===================================================================
	Main Link
=================================================================== */
div#pzl-top-main a:link,
div#pzl-top-main a:visited {color:#966432;}
div#pzl-top-main a:hover,
div#pzl-top-main a:active  {color:#f5c37d;}



/*=================================================================================================
  
  Side
  
=================================================================================================*/
div#pzl-top-side
{
	margin-left   :auto;
	margin-right  :auto;
	text-align    :left;
}

div#pzl-top-side .ad
{
	text-align:		center;
}

div#pzl-top-side .ad .item
{
	margin-bottom:	8px;
}

div#pzl-top-side .frm-t
{
	margin:0;
	height        :20px;
	background:url(/img/img_side_frm_t.jpg) no-repeat;
}
div#pzl-top-side .frm-m
{
	margin:0;
	width         :240px;
	height        :auto;
	background:url(/img/img_side_frm_m.jpg) repeat-y;
	
}
div#pzl-top-side .frm-b
{
	margin:0;
	background:url(/img/img_side_frm_b.jpg) no-repeat;
	height        :20px;
}

div#pzl-top-side .frm-m-in
{
	width         :86%;
	margin-left   :auto;
	margin-right  :auto;
	_padding-left :20px;
}

/* ===================================================================
	sponsor
=================================================================== */

div#pzl-top-side .sponsor
{
	margin-bottom: 20px;
}
div#pzl-top-side .sponsor ul
{
	
}

div#pzl-top-side .sponsor li
{
	font-size:14px;
}

div#pzl-top-side .sponsor li span.point
{
	font-size     :12px;
	color         :#cccccc;
	margin-left   :0.5em;
	margin-right  :0.5em;
}

/* ===================================================================
	genre
=================================================================== */
div#pzl-top-side .genre
{
	margin-bottom: 20px;
}

div#pzl-top-side .genre ul
{
	
}

div#pzl-top-side .genre li
{
	font-size:14px;
}

div#pzl-top-side .genre li span.point
{
	font-size     :12px;
	color         :#cccccc;
	margin-left   :0.5em;
	margin-right  :0.5em;
}

/* ===================================================================
	tag
=================================================================== */

div#pzl-top-side .tag
{
	margin-bottom: 20px;
}

/* ===================================================================
	news
=================================================================== */
div#pzl-top-side .news
{
	font-size     :12px;
}


div#pzl-top-side .news span.date
{
	color         :#bb4444;
	font-weight   :bold;
}

div#pzl-top-side .news span.text
{
}

/* ===================================================================
	Side Link
=================================================================== */
div#pzl-top-side a:link,
div#pzl-top-side a:visited {color:#966432;}
div#pzl-top-side a:hover,
div#pzl-top-side a:active  {color:#f5c37d;}

/*====================================================================
  Pager
====================================================================*/
div.pzl-page-navi
{
	text-align       :center;
	margin-top       :5px;
	margin-bottom    :5px;
	padding          :4px;
	
}

div.pzl-page-navi-top
{
	text-align       :center;
	margin-top       :-30px;
	margin-bottom    :5px;
	padding          :4px;
}


div.pzl-page-navi-info
{
	width            :98%;
	text-align       :right;
}

/* =======================================
	default 
========================================*/
div.pzl-page-navi a
{
	text-decoration  :none;
	margin           :2 2px;
	padding          :4px 8px;
	border           :solid 1px #999999;
}

div.pzl-page-navi a:hover,
div.pzl-page-navi a:active
{
	background       :#fff5d7;
}


/* =======================================
	
========================================*/
div.pzl-page-navi span
{
	margin           :2 2px;
	padding          :4px 8px;
	border           :solid 1px #999999;
}

div.pzl-page-navi span.page-on
{
	background       :#453328;
	color            :#e3d4b6;
	border           :solid 1px #666000;
}

div.pzl-page-navi span.prev-off,
div.pzl-page-navi span.next-off
{
	background-color :transparent;
	color            :#cccccc;
	margin           :2 2px;
	padding          :4px 8px;
	border           :0;
}

/*=================================================================================================
  Page
=================================================================================================*/
div.pzl-page-caption
{
	font-size:		25px;
	text-align:		left;
	margin-left:	4px;
	margin-right:	20px;
	margin-bottom:	0.5em;
	border-bottom:	solid 3px #060606;
}

div.pzl-page-caption-m
{
	margin-bottom  :10px;
	text-align  :left;
	border-bottom  :solid 1px #969696;
}

div.pzl-page-caption-sub
{
	font-size      :14px;
	text-align     :left;
	margin-top     :0;
	margin-left    :10px;
}

div.pzl-page-contents
{
	width         :90%;
	margin-left   :auto;
	margin-right  :auto;
	_margin-left  :3em;
	text-align :left;
}

/*=================================================================================================
  Puzzle Search Unit
=================================================================================================*/
div.pzl-search-result
{
}


div.pzl-search-result div.unit
{
	background : url(/img/img_thumb_bg.jpg) right top no-repeat;
	width      :130px;
	height     :auto;
	padding    :5px;
	margin     :0 5px;
	float      :left;
	
	_margin-left :-3px;
	_margin-right: 0px;
	
	font-size  :80%;
	text-align :left;
}

/*(・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽﾄゑｿｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ)-------------------
div.unit div
{
	height: 16px;
	font-size: 12px;
	vertical-align: middle;
}
--------------------------------------*/

div.unit div	/*height・ｽ・ｽ・ｽ尞懶ｿｽ・ｽ・ｽ・ｽ・ｽC・ｽ・ｽ・ｽ・ｽ*/
{
	font-size: 12px;
	vertical-align: middle;
}

div.unit div.img
{
	width      :100%;
	height     :140px;
	margin-top :30px;
	text-align :center;
}

div.unit div.img img
{
	border     :solid 2px #e6e6e6;
	width      :128px;
	height     :96px;
	margin-left:-3px;
	_margin-left:0px;
}


div.unit div.title
{
	width         :100%;
	height        :20px;
	font-size     :14px;
	font-weight   :bold;
	overflow      :hidden;
	white-space   :nowrap;
	margin-top    :-38px;
}

div.unit div.piece {}
div.unit div.date {}
div.unit div.tag {}
div.unit div.play {}
div.unit div.public {}
div.unit div.ctrl {}

/*=================================================================================================
  Puzzle Search Unit Sponsor
=================================================================================================*/
div.pzl-search-result
{
}

div.pzl-search-result div.unit-sponsor
{
	background : url(/img/img_thumb_bg_sponsor.jpg) right top no-repeat;
	width      :130px;
	height     :auto;
	padding    :5px;
	margin     :0 5px;
	float      :left;
	
	_margin-left :-3px;
	_margin-right: 0px;
	
	font-size  :80%;
	text-align :left;
}

div.unit-sponsor div
{
	font-size: 12px;
	vertical-align: middle;
}

div.unit-sponsor div.img
{
	width      :100%;
	height     :140px;
	margin-top :30px;
	text-align :center;
}

div.unit-sponsor div.img img
{
	border     :solid 2px #E6E6E6;
	width      :128px;
	height     :96px;
	margin-left:-3px;
	_margin-left:0px;
}

div.unit-sponsor div.title
{
	width         :100%;
	height        :20px;
	font-size     :14px;
	font-weight   :bold;
	overflow      :hidden;
	margin-top    :-38px;
}

div.unit-sponsor div.piece {}
div.unit-sponsor div.date {}
div.unit-sponsor div.tag {}
div.unit-sponsor div.play {}
div.unit-sponsor div.public {}
div.unit-sponsor div.ctrl {}

/*=================================================================================================
  Form
=================================================================================================*/
#pzl-form
{
	width        :100%;
}

/*------------------------------------------------
  OutFrame
------------------------------------------------*/
#pzl-form div.form
{
	width         :800px;
	text-align    :center;
}

#pzl-form div.form-t
{
	background    :url(/img/img_frm_t.gif) no-repeat;
	padding       :0;
	margin        :0;
	font-size     :0;
	line-height   :0;
	vertical-align:bottom;
	height        :2px;
}
#pzl-form div.form-m
{
	margin:0;
	padding-top    :2em;
	padding-bottom :2em;
	background:url(/img/img_frm_m.gif) repeat-y;
}
#pzl-form div.form-c
{
	width            :650px;
	height           :auto;
	background       :#ffffff;
}

#pzl-form div.form-b
{
	background:url(/img/img_frm_b.gif) no-repeat;
	padding    :0 0 5px 0;
	margin     :0;
	font-size  :0;
	line-height:0;
	height     :2px;
	clear      :both;
}

/*------------------------------------------------
  InFrame
------------------------------------------------*/
#pzl-form table.form
{
	margin-top      :1.5em;
	margin-left     :auto;
	margin-right    :auto;
	text-align      :left;
	
	font-size       :14px;
}

#pzl-form table.form th,
#pzl-form table.form td
{
	padding          :10px 10px;
	vertical-align   :top;
}

table.form th
{
	width            :240px;
}

table.form td
{
	width            :300px;
}

table.form td span.caution
{
	color: #bf0000;
	font-size:10%;
}

table.form th strong
{
	color        :#bf0000;
	margin-left  :0.2em;
	margin-right :0.2em;
}

table.form th span.mark
{
	color        :#cccccc;
	margin-right :0.5em;
}

#pzl-form div.msg
{
	margin-top    :30px;
	margin-bottom :30px;
}

#pzl-form div.error
{
	margin-top    :30px;
	margin-bottom :30px;
	color         :#bf0000;
}


/*=================================================================================================

  common

=================================================================================================*/
span.caution-l
{
	color   :#993333;
}
span.caution-s
{
	color   :#993333;
	font-size:12px;
}


/*=================================================================================================
  Thumbnail
=================================================================================================*/
img.thumb
{
	border     :solid 1px #666666;
}

/* ===================================================================
  Nakanohito
=================================================================== */
div.nakanohito
{
	visibility:hidden;
	display:none
}


/*=================================================================================================
  
  Error
  
=================================================================================================*/
div#error-box
{
	margin-top   : 50px;
	margin-bottom: 50px;
}

div#error-box p
{
	font-size    :1.5em;
	font-weight  :bold;
}

/*====================================================================
  
====================================================================*/