@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #666; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#000; text-align: center; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 促*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { text-decoration: none; }

/* ============================== 03 wrap around the contents (base layout box) */

/* フォトコンテスト共通 */
#container_out { text-align:center; width:100%; }
#container_in { margin: 0 auto; width:560px; }

#photocon_vote_pop #container_inner { margin: 0 auto; width:500px; text-align:center; }
#photocon_vote_pop { background-color: #000000; }
#photocon_vote_pop p { font-size: large; font-weight:bold; color: #69f; padding-bottom: 10px; }

.ph2008 { line-height: 1.25em; }
.spacing { padding-bottom: 1em; }

/* トップページ */
body#idx #contents { background: url(../../photocon2008/img/bg_idx.jpg) no-repeat left top; height: 438px; }

body#idx #button_area01 { padding: 260px 0 0 11px; }
body#idx #button_area01 li a { display: block; background-position: 0 0; background-repeat: no-repeat; margin-top: 11px; }
body#idx #nav_01 a { background-image: url(../../photocon2008/img/menu_jp.gif); width: 158px; height: 25px; }
body#idx #nav_02 a { background-image: url(../../photocon2008/img/menu_en.gif); width: 160px; height: 25px; }
body#idx #button_area01 li a:hover, body#idx #button_area01 li a:active { background-position: 0 -25px; }

body#idx #button_area02 { margin: 21px 0 0 11px; }
body#idx #button_area02 li a { display: block; background-position: 0 0; background-repeat: no-repeat; margin-top: 11px; }
body#idx #nav_03 a { background-image: url(../../photocon2008/img/menu_2007final.gif); width: 225px; height: 58px; }
body#idx #button_area02 li a:hover, body#idx #button_area02 li a:active { background-position: 0 -58px; }

/* リード */
#inquiry a, #lead a, body#result #body a , body#vote p a { color: #774d23; border-bottom: 1px solid #774d23; line-height: 1.5em; }
#inquiry a:link, #lead a:link, body#result #body a:link, body#vote p a:link { color: #774d23; border-bottom: 1px solid #774d23; }
#inquiry a:visited, #lead a:visited, body#result #body a:visited , body#vote p a:visited { color: #774d23; border-bottom: 1px solid #774d23; }
#inquiry a:hover, #inquiry a:active, #lead a:hover, #lead a:active, body#result #body a:hover, body#result #body a:active, body#vote p a:hover , body#vote p a:active { color: #513519; border-bottom: 1px solid #694119; }

#form_area dd a { color: #774d23; border-bottom: 1px solid #774d23; font-weight:bold; }
#form_area dd a:link { color: #774d23; border-bottom: 1px solid #774d23; font-weight:bold; }
#form_area dd a:visited { color: #774d23; border-bottom: 1px solid #774d23; font-weight:bold; }
#form_area dd a:hover, #form_area dd a:active { color: #694119; border-bottom: 1px solid #694119; font-weight:bold; }

body.ph2008 #contents { background: url(../../photocon2008/img/bg_frame.gif) repeat-y left top; padding: 0 13px 0 0; margin: 0; }

#lead { width: 520px; padding: 0 20px 25px 20px; margin: 0; }
#lead_02 { width: 520px; padding: 0 20px 0 20px; margin: 0; }
#lead p { color: #c3964d; line-height: 1.35em; }
#lead img { float:right; width: 106px; margin: 0 0 5px 15px; }

#outline { width: 520px; margin-left: 20px; border-bottom: 1px dotted #694119; padding-bottom: 20px; }
body#result #body { width: 520px; margin-left: 20px; }
#outline em, #result em { color: #694119; }
#outline strong,#result strong,#vote strong { color: #c3964d; font-weight: bold; }
#outline u { color: #69f; }
#outline p.info { color: #f00; font-size:x-small; }

#outline ul { margin: 0 0 0 4px; }
#outline li { list-style-type: none; margin: 0; }
#outline ol li { list-style-type: decimal; margin-left: 22px; }

.jp #contents .download { margin: 10px 0 15px 0 ; width: 220px; }
.jp #contents .download a, .jp #contents .download a:link, .jp #contents .download a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../photocon2008/img/btn_download_jp.gif); height: 24px; }
.jp #contents .download a:hover, .jp #contents .download a:active { background-position: 0 -24px; }

.en #contents .download { margin: 10px 0 15px 0 ; width: 220px; }
.en #contents .download a, .en #contents .download a:link, .en #contents .download a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../photocon2008/img/btn_download_en.gif); height: 24px; }
.en #contents .download a:hover, .en #contents .download a:active { background-position: 0 -24px; }

#inquiry { width: 520px; margin-left: 20px; padding-top: 15px; border-bottom: 1px dotted #694119; padding-bottom: 15px; }
#inquiry em { color: #694119; }

.back { margin: 10px 0 0 493px; width: 44px; height: 11px; }
.back a, .back a:link, .back a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../photocon2008/img/btn_back.gif); height: 11px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
.back a:hover, .back a:active { background-position: 0 -11px; }

/*#form_area { width: 520px; margin-left: 20px; padding-top: 15px; }*/
#form_area { width: 520px; margin-left: 20px; }
#form_area .ph_area { width:504px; margin-left:8px; padding-bottom: 5px; }
#form_area dl { float:left; width:84px; margin:0px; padding:0px; min-height: 110px; }
#form_area dt { text-align:center; }
#form_area dd { text-align:center; font-weight: bold; }

#form_area table { margin: 5px 0 6px 5px; width: 515px; }
#form_area th { padding: 5px 3px; font-size: small; text-align:right; width: 35%; }
#form_area td { padding: 5px 3px; font-size: small; width: 65%; }
#form_area td input { border: 1px solid #999999; font-size: small; padding: 2px; }
#form_area td select { border: 1px solid #999999; font-size: small; }
#form_area td textarea { border: 1px solid #999999; font-size: small; padding: 2px; }

#form_area p.notes { font-size: x-small; }

form .long { width: 320px; }
form .mideum { width: 200px; }
form .short { width: 60px; }
form .medium02 { width: 140px; }

#form_area #err { margin-left:180px; }
#form_area #err p { color:#f00; font-size:x-small; }
#form_area em { color:#f00; font-size:x-small; }

#button_submit { margin: 20px 0 0 0; text-align: center; }
#button_submit input { color: #333; border: 1px solid #999999; margin: 0 5px; padding: 1px; width: 100px; text-align: center; }

#footer { line-height: 1em; width: 560px; padding-top: 5px; }
#footer_pop { line-height: 1em; width: 500px; padding-top: 5px; }
#footer .credit { font-size:x-small; text-align: center; color: #513519; }

#footer .button_area { margin: 0 0 0 504px; width: 46px; }
#footer .button_area a, #footer .button_area a:link, #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../photocon2008/img/btn_close.gif); height: 12px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
#footer .button_area a:hover, #footer .button_area a:active { background-position: 0 -12px; }

#footer_pop .button_area { margin: 0 0 0 450px; width: 47px; }
#footer_pop .button_area a, #footer_pop .button_area a:link, #footer_pop .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../photocon2007/img/button_close_b.gif); height: 13px; }
#footer_pop .button_area a:hover, #footer_pop .button_area a:active { background-position: 0 -13px; }


body.vote_pop { background-color: #000; }
body.vote_pop #container_out { text-align:center; width:100%; }
body.vote_pop #container_in { margin: 0 auto; width:500px; padding: 20px 0; }
body.vote_pop p { font-size: large; font-weight:bold; color: #c3964d; padding-bottom: 10px; }
body.vote_pop #image { text-align: center; height: auto !important; height: 500px; min-height: 500px; }
body.vote_pop .page_nav ul { width:500px; list-style-type: none; padding-top: 10px; }
body.vote_pop .page_nav li#back { float: left; }
body.vote_pop .page_nav li#next { float: right; }
body.vote_pop .page_nav li a { color: #996633; border-bottom: 1px solid #996633; }
body.vote_pop .page_nav li a:hover, body.vote_pop .page_nav li a:active { color: #774d23; border-bottom: 1px solid #774d23; }

body.vote_pop .button_area { width:500px; padding-top: 10px; height: 11px; }
body.vote_pop .button_area a, 
body.vote_pop .button_area a:link, 
body.vote_pop .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../photocon2008/img/btn_pop_close.gif); height: 11px; border-bottom: 0; margin-left: 454px; line-height: 1%; text-indent: -9999px; font-size: 1; }
body.vote_pop .button_area a:hover, 
body.vote_pop .button_area a:active { background-position: 0 -12px; }

body#result #body  ol li { margin-bottom:1em; }
body#result #body  .border { border-top: 1px dotted #774d23; padding-top:15px; }
body#result #body  .set { padding-bottom: 15px; }
body#result #body  .set img { float:right; margin-left:10px; }
body#result #body  .set p.prize { color: #694119; font-weight:bold; margin-bottom:5px; }
body#result #body  .set p.name { color: #694119; margin-bottom:10px; }