@charset "UTF-8";

/*
* サイト名: 濡れ場.jp
* URL: http://xn--pbkx70jqyp.jp/
*/


body {
 margin: 0;
 padding: 0;
 font: normal normal normal 100%/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-seri;
 color: #000000;
 text-align: center;
 background: #3F2F22;
}

a, a:link, a:visited {
 color: #006699;
}

a:hover, a:active {
 color: #F59623;
}

img, a img {
 margin: 0;
 padding: 0;
 border: none;
 text-decoration: none;
}

span.strike {
 text-decoration: line-through;
}

span.red {
 color: red;
}

span.red_bold {
 color: red;
 font-weight: bold;
}

span.pink {
 color: #F86B90;
}

span.pink_bold {
 color: #F86B90;
 font-weight: bold;
}

span.white {
 padding: 0 0 0 2px;
 color: #FFF;
 font-weight: bold;
 vertical-align: bottom;
}

span.green_bold {
 color: #66BB50;
 font-weight: bold;
}

span.small {
 font-size: 80%;
}

span.bold {
 font-weight: bold;
}

ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

li {
 margin: 0;
 padding: 0;
}

/**************************************** コンテナ *******************/

div#container {
 margin: 0 auto;
 text-align: left;
 width: 900px;
 background: #FFF;
}

/***************************** ヘッダー *******************/

div#logo {
 zoom: 1;
}

div#logo:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

h1 {
 margin: 0;
 padding: 0;
 float: left;
}

div#header div.description {
 margin: 0 0 0 190px;
 padding: 30px 0 0 0;
 color: #A30E1B;
 font-size: 180%;
}

div.navigation {
 margin: 20px 0 0 0;
 zoom: 1;
}

div.navigation:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.navi-left {
 width: 550px;
 float: left;
}

div.navi-right {
 margin: 0 0 0 600px;
}

form {
 margin: 0 0 0 20px;
 padding: 0;
}

input#q {
 font-size: 200%;
 width: 350px;
}

input#submit {
 color: #999;
 font-size: 180%;
}

div#header ul {
 margin: 10px 0 0 0;
}

div#header li {
 margin: 0 5px 0 0;
 display: inline;
}

div#header li img {
 vertical-align: middle;
}

div.ads-unit {
 margin: 0 0 0 20px;
}

div.ads-top-728 {
 margin: 20px 10px 0 10px;
 padding: 10px 0;
 text-align: center;
 border-top: 1px solid #E6E6E6;
 border-bottom: 1px solid #E6E6E6;
}

div.ads-bottom-728 {
 margin: 20px 10px 0 10px;
 padding: 10px 0;
 text-align: center;
 border-top: 1px solid #E6E6E6;
 border-bottom: 1px solid #E6E6E6;
}

/***************************** メイン *******************/

div#main {
 padding: 30px 10px 0 10px;
 zoom: 1;
}

div#main:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}



/************************ ホーム **************************/

div.popularity {
 width:430px;
 float: left;
}

div.people {
 width:430px;
 float: right;
}

div.ranking h2 {
 margin: 0;
 padding: 0 0 2px 0;
 font-size: 100%;
 border-bottom: 2px solid #A30E1B;
}

div.ranking h2 span {
 padding: 4px 10px;
 color: #FFF;
 background: #A30E1B;
}

div.post {
 margin: 10px 0 0 0;
 padding: 0 0 10px 0;
 zoom: 1;
 border-bottom: 1px dotted #CCC;
}

div.post:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.post div.right {
 width: 340px;
 float: right;
}

div.post div.left {
 margin: 0 340px 0 0;
}

div.post div.right h3 {
 margin: 0;
 padding: 0;
 font-size: 120%;
 line-height: 120%;
}

div.post div.right p {
 margin: 0;
 padding: 0;
 font-size: 80%;
}

div.post div.right p a {
 color: #000;
}

div.people div.footer {
 margin: 5px 0 0 0;
 font-size: 80%;
}

/************************ プロフィール *******************/

div.profile {
}

div.profile h2 {
 margin: 0;
 padding: 0 0 0 25px;
 font-size: 120%;
 background: url('items/arrow_orange.gif') no-repeat left 0.1em;
}

div.profile p {
 margin: 0;
 padding: 5px 10px;
 font-size: 80%;
 border: 1px solid #EDE9D5;
}


/************************ シングル *******************/

div#results-left {
 width: 700px;
 float: left;
}

div#results-right {
 width: 160px;
 float: right;
}

div#picasa {
 height: 300px;
}

div#flickr {
 height: 300px;
}

div#yahoo {
 margin: 0 0 30px 0;
}

div#youtube {
 height: 250px;
}

div#web {
 height: 400px;
}

div#amazon {
 text-align: center;
}

div#picasa p {
 margin: 0 0 0 10px;
 padding: 0;
 color: #A30E1B;
}

div.details {
 margin: 10px 0 0 0;
}

div.details h3 {
 margin: 0;
 padding: 0 0 0 5px;
 color: #A30E1B;
 font-size: 120%;
}

div.details ul {
 padding: 5px 0;
 height: 250px;
 border: 1px solid #A30E1B;
}

div#yahoo div.details ul, div#amazon div.details ul {
 height: auto;
}

div#youtube div.details ul {
 height: 200px;
}


div.details ul li {
 font-size: 20%;
 display: inline;
}

div.details ul li a:link img, div.details ul li a:visited img {
 margin: 2px 4px;
 border: 1px solid #999;
}

div.details ul li a:hover img, div.details ul li a:active img {
 border: 1px solid #FF7F00;
}

div#web div.details dl {
 margin: 0;
 padding: 5px;
 height: 300px;
 border: 1px solid #A30E1B;
}

div#web div.details dt {
 margin: 0;
 padding: 0;
 font-weight: bold;
}

div#web div.details dd {
 margin: 0;
 padding: 0 0 10px 0;
 font-size: 80%;
}

div#web div.details span.url {
 color: #33A02C;
 font-size: 80%;
}


/****************************** ページャー *******************/

span.pager {
 margin: 5px 0 10px 0;
 padding: 0;
 font-size: 70%;
 vertical-align: middle;
}

span.pager a:link, span.pager a:visited {
 padding: 0 6px;
 color: #A30E1B;
 text-decoration: none;
 border: 1px solid #A30E1B;
}

span.pager a:hover, span.pager a:active {
 color: #FFF;
 border: 1px solid #F59623;
 background: #F59623;
}

img.loader {
 padding: 30px 0 0 30px;
}


/****************************** フッター *******************/

div#footer {
 padding: 20px 0 10px 0;
 font-size: 80%;
 font-weight: bold;
 text-align: center;
}

div#footer p {
 margin: 0;
 padding: 0;
}

div#footer ul {
 margin: 0;
}

div#footer li {
 margin: 0 15px 0 0;
 display: inline;
}

div.dsw {
 display: none;
}