/* photo */

* { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;}

#submenu h1 { font-size: 12px; font-weight: normal; color: #E18F2B; margin: 3px 0px 3px 0px; padding: 0px 0px 0px 0px;}
#submenu h1 a { color: #E18F2B;}

h1#t_photo a { display: block; width: 575px; height: 59px; background-image: url(images/title.gif);}
h1#t_photo span { display: none;}

#photo_contents { font-size: 12px; text-align: left; margin: 0px; padding: 0px;}
#photo_contents h2 { font-size: 14px; padding: 5px 5px 5px 30px; background-image: url(images/h2.gif); background-repeat: no-repeat;}
#photo_contents h3 { font-size: 12px; margin: 10px 10px 5px 10px; padding: 3px 5px 3px 10px; border-width: 0 0 0 5px; border-style: solid; border-color: #FFA500;}
#photo_contents h4 { font-size: 12px; margin: 10px 10px 5px 10px; padding: 3px 5px 3px 10px; border-width: 0 0 0 5px; border-style: solid; border-color: #FFA500;}

//h2#page_title { width: 567px; height: 135px; margin: 0px 0px 15px 0px; padding: 0px; background-image: url(images/page_title.jpg); background-repeat: no-repeat;}
//h2#page_title span { display: block; width: 235px; font-size: 18px; font-weight: bolder; margin: 17px 195px 17px 140px;}

.clear_all { font-size: 1px; height: 0px; margin: 0; padding: 0; clear: both;}

table { width: 100%; padding: 0px 0px; border-width: 1px 0px 0px 1px; border-style: solid; border-color: #C8C8C8;}
th, td { font-size: 12px; font-weight: normal; padding: 4px 5px; text-align: left; vertical-align: top; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #C8C8C8;}
th { background-color: #DDF2F8;}
th.h { font-size: 11px; width: *; background-color: #FFFFFF;}
.form th { width: 35%;}
.form td { width: 60%;}

ul { margin-left: 15px; padding: 0px;}
li { margin: 4px 10px; padding: 0px; list-style-position: outside; list-style-type: disc;}

dl{ width: 95%; margin: 5px 10px; border-bottom:1px solid #e9e9e9; clear: both;}
dl dt { width: 25%; float: left; padding: 5px;}
dl dd { padding: 5px;}

.textinput { width: 95%; border: 1px solid #D1D7DC; padding-right: 3px; padding-left: 3px;}
.listbox { border: 1px solid #C8C8C8; vertical-align : middle;}
.button { font-size: 14px; border: 1px solid #C8C8C8; background-image: url(images/button_bg.gif); background-position : bottom; padding: 2px;}
.form_submit{ margin: 5px 0px; text-align: center;}
.tabs { font-size: 11px; margin: 0px 0px 0px 10px; clear: both;}


ul.admin_menu { font-size: 10px; color: #666; text-align: center; clear: both;}
ul.admin_menu a { color: #666;}
.admin_menu li { margin: 2px; padding: 3px; background-color: #fff; vertical-align: middle; list-style-type: none; list-style-position: inside; display: inline; border-width: 1px; border-style: solid; border-color: #999;}

.footer { font-size: 10px;}

/* photo top */

h2#top_copy { display: block; width: 567px; height: 136px; margin: 0px; padding: 0px; background-image: url(images/top_copy.gif); background-repeat: no-repeat;}
h2#top_copy span { display: none;}

.text { font-size: 12px;}

#top_prize { display: block; width: 575px; height: 425px; margin: 15px 0px; background-image: url(images/top_prize.jpg); background-repeat: no-repeat;}
#top_prize span { display: none;}
#top_prize h2 { display: none;}
#top_prize h3 { display: none;}
#top_prize p { display: none;}

.note { font-size: 11px;}



.go2photo { height: 94px; margin: 15px 0px; clear: both;}
.go2photo span { display: none;}

.go2photo_l { display: block; float:left; width: 280px; height: 94px; padding: 0px; vertical-align: top; background-color: #FBE5AA; border-width: 1px; border-style: solid; border-color: #FF7800; clear: left;}
.go2photo_r { display: block; float: right; width: 280px; height: 94px; padding: 0px; vertical-align: top; background-color: #AAD2FB; border-width: 1px; border-style: solid; border-color: #00A8FF; clear: right;}

.btnh_upload { float: left; width: 280px; height: 28px; background-image: url(images/btnh_upload.gif); clear: left;}
.btn_login { float: left; display: block; margin: 5px auto 0px 0px; width: 128px; height: 58px; background-image: url(images/btn_login.gif);}
.btn_register { float: left; display: block; margin: 5px auto 0px 6px; width: 128px; height: 58px; background-image: url(images/btn_register.gif);}

.btnh_thumbnails { float: left; width: 280px; height: 28px; background-image: url(images/btnh_thumbnails.gif); clear: both;}
.btn_thumbnails { float: center; display: block; margin: 5px auto 0px auto; width: 128px; height: 58px; background-image: url(images/btn_thumbnails.gif); clear: both;}


.go2photo_c { display: block; background-color: #FBE5AA; border-width: 1px; border-style: solid; border-color: #FF7800;}
.btn_go2photo { float: center; display: block; margin: 5px auto 0px auto; width: 225px; height: 57px; background-image: url(images/btn_go2photo.gif); clear: both;}



/* photo thumbnails */

.thumbnails { display:block; float:left; width: 130px; margin: 0px 0px 0px 7px; background-image: url(images/thumbnails.jpg); background-repeat: no-repeat; text-align: center; vertical-align: middle;}
p.thumb_img { height:110px; margin: 0; text-align: center; vertical-align: middle;}
.thumb_img img { text-align: absmiddle;}
.thumb_title { margin: 5px auto;}

/* photo display images */

.display_media { margin: 0px 0px 15px 0px; padding: 10px; text-align: center; background-color: #EEE;}
.display_media img.image { margin: 0px auto; text-align: center;}
.display_media p { margin: 5px 10px; text-align: left;}
.display_media p.photo { text-align: center;}
.photo_title { font-size: 16px; margin: 5px; padding: 5px;  background-color: #DDD; background-image: url(images/photo_title.gif);}



.navmenu { margin: 0px auto 0px auto; padding: 5px 10px; background-color: #ddd; clear: both;}
.navmenu img { text-align: absmiddle;}
.navmenu ul { width: 180px; margin: 0px; padding: 0px;}
.navmenu ul.l { float:left; clear: left;}
.navmenu ul.r { float:right; text-align: right; clear: right;}
.navmenu li { font-size: 11px; margin: 0px; padding: 0px; display:inline;}

.rate { margin: 10px; padding: 0px;}
.rate ul { margin: 0px; padding: 0px;}
.rate li { margin: 0px 5px; padding: 0px; display:inline;}

#comments { margin: 10px auto;}
#comments h2 { margin: auto -15px;}


#vanity a { display:block; width:57px; height:20px; margin: 3px 20px;}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}