@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; font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; font-style: normal; line-height: 1.5em; }
body.pc09 { margin:10px 0; text-align: center; color: #666; }
body.pc10 { margin:10px 0; text-align: center; color: #666; }
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, .mc:after, .ph_l:after, .ph_r:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr, .mc, .ph_l, .ph_r { display: inline-table; min-height: 1%; }
/* Hide from mac IE5*/
* html .clr, * html .mc, * html .ph_l, * html .ph_r { height: 1%; }
.clr, .mc, .ph_l, .ph_r { display: block; }
/* End Hide from mac IE5 */

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

strong { font-weight: bold; }
strong a { font-weight: bold; }

.spc { padding-bottom: 1em; }

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

/* 共通 */
body.pc09 { text-align:center; width:100%; }
body.pc09 #container { margin: 0 auto; width:560px; }

body.pc09 a { text-decoration: none; }
body.pc09 a:link { color: #f69; text-decoration: underline; }
body.pc09 a:visited { color: #f69; text-decoration: underline; }
body.pc09 a:hover, body.pc09 a:active { color: #f39; text-decoration: underline; }
body.pc09 a img { border: none; text-decoration: none; }

body.pc09 .rc { float: right; }
body.pc09 .lc { float: left; }

body.pc09 .body { background: url(../../photocon2009/img/bg_body.gif) left top repeat-y; padding: 0 20px; }
body.pc09 .body #lead { background: url(../../photocon2009/img/bg_lead.gif) right top no-repeat; padding-bottom: 20px; height: auto !important; min-height: 40px; height: 40px;}
body.pc09 .body #lead p { color: #00c; line-height: 1.35em; }
body.pc09 .body #lead p#first { width: 397px; }
body.pc09 .body #outline p { margin-bottom: 1em; line-height: 1.35em; }
body.pc09 .body #outline h2 { color: #f39; }
body.pc09 .body #outline em { color: #00c; }
body.pc09 .body #outline strong { color: #f39; }
body.pc09 .body #outline u { text-decoration: underline; }
body#pc09_entry .body #outline #contact { border-top: 1px dotted #666; border-bottom: 1px dotted #666; padding: 10px 0 0 0; }

body#pc09_idx .body { background: url(../../photocon2009/img/bg_idx.jpg) left top no-repeat; height: 168px; padding-top: 270px; padding-left: 320px; }
body#pc09_idx .body ul { list-style-type: none; }
body#pc09_idx .body li { display:block; height: 27px; margin-bottom: 10px; }
body#pc09_idx .body li img { vertical-align: bottom; }
body#pc09_idx .body #btn02 { padding-top: 10px; } 


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

body.pc09 .button_area { margin: 0 0 0 510px; width: 46px; }
body.pc09 .button_area a, body.pc09 .button_area a:link, .fashion #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../photocon2009/img/btn_cls.gif); height: 12px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
body.pc09 .button_area a:hover, body.pc09 .button_area a:active { background-position: 0 -12px; }
body.pc09 #footer { line-height: 1em; width: 560px; margin-top: 5px; }
body.pc09 #footer .credit { font-size:84%; text-align: center; color: #fc5990; }

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

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

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

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

body#pc09_vt #form_area #err { margin-left:180px; }
body#pc09_vt #form_area #err p { color:#f00; font-size:84%; }
body#pc09_vt #form_area em { color:#f00; font-size:84%; }

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

body#pc09_pop { background-color: #000; width: 100%; }
body#pc09_pop #container { margin: 0 auto; width:500px; text-align: left;  }
body#pc09_pop p { font-size: large; font-weight:bold; color: #f39; padding-bottom: 10px; }
body#pc09_pop #image { text-align: center; height: auto !important; height: 500px; min-height: 500px; }
body#pc09_pop .page_nav ul { width:500px; list-style-type: none; padding-top: 10px; }
body#pc09_pop .page_nav li#back { float: left; }
body#pc09_pop .page_nav li#next { float: right; }
body#pc09_pop .page_nav li a { color: #f69; text-decoration: underline; }
body#pc09_pop .page_nav li a:hover, body#pc09_pop .page_nav li a:active { color: #f39; text-decoration: underline; }

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

body#pc09_rt ol li { margin-bottom:1em; }
body#pc09_rt  .border { border-top: 1px dotted #fc5990; padding-top:15px; }
body#pc09_rt .set { padding-bottom: 15px; }
body#pc09_rt .set img { float:right; margin-left:10px; }
body#pc09_rt #first_set img { float:left; margin-right:10px; margin-left:0px; }
body#pc09_rt .set .prize { color: #00c; font-weight:bold; margin-bottom:5px; }
body#pc09_rt .set .name { color: #00c; margin-bottom:10px; }
body#pc09_rt p#last { padding-bottom: 15px; padding-top: 10px; }
body#pc09_rt em { color: #00c; }

/*====2010*/
/* 共通 */
body.pc10 { text-align:center; width:100%; }
body.pc10 #container { margin: 0 auto; width:560px; }

body.pc10 a { text-decoration: none; }
body.pc10 a:link { color: #393; text-decoration: underline; }
body.pc10 a:visited { color: #393; text-decoration: underline; }
body.pc10 a:hover, body.pc10 a:active { color: #6c9944; text-decoration: underline; }
body.pc10 a img { border: none; text-decoration: none; }

body.pc10 .rc { float: right; }
body.pc10 .lc { float: left; }

body.pc10 .body { background: url(../../photocon2010/img/bg_body.gif) left top repeat-y; padding: 0 20px; }
body.pc10 .body #lead { padding: 20px 0;}
body.pc10 .body #lead p { color: #ff4488; line-height: 1.35em; }
body.pc10 .body #outline p { margin-bottom: 1em; line-height: 1.35em; }
body.pc10 .body #outline h2 { color: #ff4488; }
body.pc10 .body #outline em { color: #339933; font-weight: bold; }
body.pc10 .body #outline strong { color: #ff4488; }
body.pc10 .body #outline u { text-decoration: underline; }
body#pc10_entry .body #outline #contact { border-top: 1px dotted #666; border-bottom: 1px dotted #666; padding: 10px 0 0 0; }

body#pc10_idx .body { background: url(../../photocon2010/img/bg_idx.jpg) left top no-repeat; height: 168px; padding-top: 270px; padding-left: 13px; }
body#pc10_idx .body ul { list-style-type: none; }
body#pc10_idx .body li { display:block; height: 27px; margin-bottom: 10px; }
body#pc10_idx .body li img { vertical-align: bottom; }
body#pc10_idx .body #btn02 { padding-top: 10px; } 


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

body.pc10 .button_area { margin: 0 0 0 510px; width: 46px; }
body.pc10 .button_area a, body.pc10 .button_area a:link, .fashion #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../photocon2010/img/btn_cls.gif); height: 12px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
body.pc10 .button_area a:hover, body.pc10 .button_area a:active { background-position: 0 -12px; }
body.pc10 #footer { line-height: 1em; width: 560px; margin-top: 5px; }
body.pc10 #footer .credit { font-size:84%; text-align: center; color: #4ab226; }

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

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

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

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

body#pc10_vt #form_area #err { margin-left:180px; }
body#pc10_vt #form_area #err p { color:#f00; font-size:84%; }
body#pc10_vt #form_area em { color:#f00; font-size:84%; }

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

body#pc10_pop { background-color: #000; width: 100%; }
body#pc10_pop #container { margin: 0 auto; width:500px; text-align: left;  }
body#pc10_pop p { font-size: large; font-weight:bold; color: #339933; padding-bottom: 10px; }
body#pc10_pop #image { text-align: center; height: auto !important; height: 500px; min-height: 500px; }
body#pc10_pop .page_nav ul { width:500px; list-style-type: none; padding-top: 10px; }
body#pc10_pop .page_nav li#back { float: left; }
body#pc10_pop .page_nav li#next { float: right; }
body#pc10_pop .page_nav li a { color: #393; text-decoration: underline; }
body#pc10_pop .page_nav li a:hover, body#pc10_pop .page_nav li a:active { color: #6c9944; text-decoration: underline; }

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

body#pc10_rt ol li { margin-bottom:1em; }
body#pc10_rt  .border { border-top: 1px dotted #693; padding-top:15px; }
body#pc10_rt .set { padding-bottom: 15px; }
body#pc10_rt .set img { float:right; margin-left:10px; }
body#pc10_rt .f_left img { float:left; margin-right:10px; margin-left:0px; }
body#pc10_rt .set .prize { color: #393; font-weight:bold; margin-bottom:5px; }
body#pc10_rt .set .name { color: #393; margin-bottom:10px; }
body#pc10_rt p#last { padding-bottom: 15px; padding-top: 10px; }
body#pc10_rt em { color: #393; }