/*
==========================================
okinny スタイルシート

08/07/25 制作
==========================================*/


@charset "utf-8";



/* =ブラウザリセット
================================*/
* {
	margin: 0;
	padding: 0;
}


/*Hides from IE5-mac ￥*/
*html div#body{ height: 1% }
/*End hide from IE5-mac */

/* =clearfix
================================*/

.clearfix:after { content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =IE6用png表示
================================*/

img {
	behavior: expression(IEPNGFIX.fix(this));
}


/* =ベーシック，一括指定系
================================*/
html {
	height: 100%;
}

body {
	height: 100%;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	background: url(/images/back_body.jpg) no-repeat 50% 50% #000;
	background-attachment: fixed;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif  ;*/
}

a {
	color: #01C0FF;
	/*color: #00AAFF;*/
	text-decoration: none;
}
a:hover {
	color: #000;
	background: #E52600;
}
img {
	border: 0;
}
ul,
div {
/*
	clear: both;
*/
}
ul	{
	list-style: none;
}
li {
/*
	float: left;
*/
}

p.error_msg {
	color: #FF0000;
	margin: 10px;
}
h2.pagettl {
	/*float: left;*/
	font-size: 18px;
	margin-bottom: 5px;
}

a.rss_icon {
	margin-left: 10px;
}
a.rss_icon:hover {
	background: none;
}
a.rss_icon img {
	margin-top: 7px;
}

.user-photo {
	border: 1px solid #ccc;
	vertical-align: middle;
}

.lock {
	color: #E52600;
}

/* =背景用空div
================================*/

div#background {
	width: 100%;
	height: 100px;
	background: url(/images/back_header.jpg) repeat-x #000;
}

/* =wrapper
================================*/

div#wrapper {
	text-align: left;
	width: 1000px;
	margin: -100px auto 0;
}

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

div#header {
	margin-bottom: 10px;
	/*background: #FF0000;*/
}
div#header h1 {
	float: left;
}
div#header h1 img {
	float: left;
}

div#header_navi_wrapper {
	clear: right;
	padding-top: 60px;
	float: right;
	margin-right: 50px;
	overflow: hidden;
	display: inline;
	/*background: #ccc;*/
	width: 600px;/* 自宅FFで表示が崩れるため挿入 */
}

ul#header_navi {
	clear: none;
	float: right;
	/*display: inline;*/
	margin-right: -8px;
/*background: #ff0000;*/
}
		ul#header_navi li {
			float: left;
			padding: 0 7px;
			border-right: 1px solid #284853;
/* 三角画像によるリンクデザインの場合
			margin-right: 15px;
			padding-left: 9px;
			background: url(/images/link03.gif) no-repeat left center;
*/
		}

/*現在未使用
		ul#header_navi li.rss {
			background: none;
		}
*/

/* 「a」タグに背景画像を指定する場合
		ul#header_navi li a {
			padding-left: 11px;
			background: url(/images/link03.gif) no-repeat left center;
		}
		ul#header_navi li a.rss {
			padding-left: 5px;
			background: none;
		}
		ul#header_navi li a:hover {
			background: url(/images/link03_b.gif) no-repeat left center #E52600;
		}
*/


/* start/end系は無し
				ul#header_navi li.start {
				}
				ul#header_navi li.end {
			margin-right: 0px;
					padding-right: 0;
					border-right: none;
				}
*/


/* =body
================================*/

div#body {
	width: 100%;
	height: 100%;
}

/* ※↓[body_navi_wrapper]に切り替え。問題なければ削除 */
div#body_navi {
	float: left;
	margin-bottom: 20px;
}

div#body_navi_wrapper {
	float: left;
	margin-bottom: 20px;
}

ul#body_navi {
	float: none;
}
		ul#body_navi li {
			float: left;
			/*padding: 0 0.6em;*/
			margin-right: 15px;
			padding-left: 9px;
			background: url(/images/link03.gif) no-repeat left center;
			/*border-right: 1px solid /*#1A5B7C*/#284853;*/
			/*background: #666;*/
			display: inline;
		}

/* start/end系は無し
		ul#body_navi li.start {
			margin-left: 20px;
			padding-left: 20px;
		}
		ul#body_navi li.end {
			border-right: none;
		}
*/


/*
		ul#body_navi li a {
			padding-left: 11px;
			background: url(/images/link03.gif) no-repeat left center;
		}
		ul#body_navi li a:hover {
			background: url(/images/link03_b.gif) no-repeat left center #E52600;
		}
*/

div.rsslink {
	clear: none;
	float: right;
	margin-right: 50px;
	display: inline;
}
div.rsslink img{
	vertical-align: middle;
	/*margin-right: 3px;*/
}

/* 新着・注目切り替えナビ */


div#detail_navi_wrapper {
	float: left;
	overflow: hidden;
	display: inline;
}

ul#detail_navi {
	float: left;
	padding-top: 5px;
	/*margin-top: 5px;*/
	display: inline;
	margin-left: -3px;
}
ul#detail_navi li {
	float: left;
	padding: 0 0.6em ;
	border-left: 1px solid #1A5B7C ;
}

/* start/end系は無し
ul#detail_navi li.start {
	padding: 0 0.6em 0 0;
	border: none ;
}
*/


div#extend_navi_wrapper {
	clear: none ;
	float: right ;
	overflow: hidden;
	margin-right: 50px;
	display: inline;
}

.extend_navi {
	clear: none ;
	float: right ;
	padding-bottom: 5px;
	/*padding: 5px 0 ;*/
	margin-top: 5px;
	margin-right: -1px;
	display: inline ;
}
.extend_navi li {
	float: left;
	padding: 0 0.6em ;
	border-right: 1px solid #1A5B7C ;
}


/* start/end系は無し
.extend_navi li.start {
	padding: 0 0.6em ;
	border: none ;
}
*/


/* =他ユーザTOP用
----------------*/

div#user_info {
	margin-bottom: 15px;
	padding-left: 20px;
}
		div#user_info img {
			float: left;
			margin-right: 10px;
		}
		div#user_info h2 {
			font-size: 23px;
			margin-bottom: 4px;
		}
		div#user_info h2 span.username {
			font-size: 23px;
			line-height: 1.3;
			margin-right: 7px;
		}
p#introducing {
	font-size: 10px;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

/* =画像表示部分
================================*/
div#images_wrapper {
/* IEだとul内のliからのmargin-bottomが反映されない */
	_padding-bottom: 20px;
	_overflow: auto;
}
div#images {
}

img {
	vertical-align: middle;
}

ul#images {
	clear: both;
	/*background: #ff0000;*/
}

ul#images li.img_wrapper/*,ul#a-image li.img_wrapper*/ {
	float: left;
	width: 480px;
	margin: 5px;
	display: inline;
	margin-bottom: 20px;
	/*background: #ccc;*/
}
/*パーマリンクページは別コーディングに変更*/


div.img_frame {
	width: 470px;
	padding: 25px 0;
	background: url(/images/frame.gif) no-repeat;
}
div.img {
	text-align: center;
	width: 420px;
	margin: 0 auto;
	background: #000;
}
div.img a {
	display: table-cell !important;
	vertical-align: middle;
	display: block;
	width: 420px;
	height: 420px;
	background: /*url(/images/back_img.gif)*/;
}
div.img a:hover {
	background: /*url(/images/back_img.gif)*/ #076696;
}

/* 画像情報部
----------------*/

div.img_info {
	text-align: left;
	width: 400px;
	min-height: 16em;
	_height: 16em;
	margin-top: -18px;
	margin-left: 35px;
	border-bottom: 1px dotted #FFF;
}

ul.img_info {
	font-family: Lucida Grande, Arial, Meiryo, Hiragino Maru Gothic Pro, verdana, 'Trebuchet MS', Helvetica, sans-serif;
}

ul.img_info li {
	word-break: break-all;
}
		ul.img_info li.number {
			font-size: 20px;
			margin-bottom: -7px;
			background: url(/images/back_num.gif) no-repeat;
		}
		span.thenumber {
			font-size: 35px;
			margin-right: 7px;
		}
		ul.img_info li.from {
			font-size: 11px;
		}
		ul.img_info li.from a {
			font-size: 18px;
		}
		ul.img_info li.url {
			font-size: 11px;
		}
		ul.img_info li.found {
			font-size: 13px;
		}
		ul.img_info li.found img {
			margin: 0 4px 0 0;
		}
		span.thetime {
			font-weight: bold;
		}

		span.link_icon {
			margin-left: 5px;
		}


/* okinnyボタン
----------------*/

div.bookmark {
	color: #999;
	padding-top: 10px;
}
		div.bookmark a {
			display: block;
			width: 7.5em;
			padding-left: 19px;
			background: url(/images/back_okn.gif) no-repeat 0 50% #000;
		}
		div.bookmark a:hover {
			background: url(/images/back_okn.gif) no-repeat 0 50% #E52600;
		}
div.bookmarked {
	float: left;
	color: #999;
	padding-top: 10px;
	margin-right: 5px;
}

div.delete {
	clear: none;
	color: #999;
	padding-top: 10px;
}
		div.delete a {
/*
			display: block;
			width: 63px;
*/
			padding-left: 11px;
			background: url(/images/icon_delete.gif) no-repeat 0 center #000;
		}
		div.delete a:hover {
			background:  url(/images/icon_delete.gif) no-repeat 0 50% #E52600;
		}


/* 画像個別ページ用
----------------*/
/*
ul#a-image {
	clear: none;
	float:right;
}
*/
/*
div#a-image {
	clear: both;
}*/

div#images h2 {
	float: left;
	margin-top: 5px;
	width: 480px;
	font-size: 20px;
}
/*
div.image_url {
	float: left;
}
*/
div.a-image {
	clear: none;
	float: right;
	width: 480px;
	/*margin: 5px;*/
	display: inline;
	margin-right: 20px;
	margin-bottom: 20px;
	/*background: #CCC;*/
}



div#a-image_info {
	clear: none;
	float: left;
	width: 480px;
	padding-top: 0px;
	/*background: #666;*/
}
div#a-image_info img{
}
div#a-image ul#images {
	float: right;
}

/* 貼付けタグ用テキストボックス */
div.textbox_url {
	padding-top: 1em;
	/*background: #ccc;*/
}
div.textbox_url label {
	margin-right: 6px;
}
div.textbox_url input {
	width: 290px;
	padding: 1px;
	vertical-align: middle;
}

/* レイティング */
div.rating span {
	float: left;
}



div#members {
	clear: both;
	width: 470px;
	margin-top: 15px;
	line-height: 2.5;
}
		div#members ul {
		}
		div#members ul li {
			float: left;
			margin-right: 13px;
			margin-bottom: 5px;
		}
		div#members ul img {
			width: 16px;
			height: 16px;
			margin: 0 2px 0 0px;
		}
		div#members div#members ul li a img {
			width: 16px;
			height: 16px;
			vertical-align: center;
		}
p.text {
	clear: both;
}


div#tag_container {
	clear: both;
	clear: both;
	padding-top: 10px;
}
		div#tag_container ul.tags {
			margin-top: 10px;
		}
		div#tag_container ul.tags li {
			float: left;
			float: left;
		}
		div#tag_container ul.tags li a {
			font-size: 15px;
			margin-right: 10px;
		}

div#recommended {
	clear: both;
	padding-top: 20px;
}
/*
		div#recommended h2 {
			font-size: 13px;
			font-weight: normal;
			margin-bottom: 10px;
		}
*/
		div#recommended ul {
			margin-top: 10px;
		}
		div#recommended ul li {
			float: left;
			margin-bottom: 15px;
			margin-right: 10px;
		}


/* =他ページ
================================*/

div#content {
	padding: 20px 140px 40px;
}

div.textbox {
	clear: both;
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 30px;
	border: 1px solid #666;
}
		div.textbox h2 {
			float: none;
			font-size: 25px;
			line-height: 1;
			margin-bottom: 10px;
			padding: 0;
		}
		div.textbox h3 {
			font-size: 13px;
			font-weight: normal;
			margin: 0;
			padding: 0;
			margin-bottom: 10px;
		}
		div.textbox h3.rules {
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 0;
		}
		div.textbox ul {
			margin-left: 50px;
			padding: 0;
		}
				div.textbox ul li {
					float: none;
					list-style:square;
				}
				div.textbox ul#about {
					margin: 15px 20px;
				}
				div.textbox ul.rules {
					margin: 0 0 10px 20px;
				}
				div.textbox ul#about a {
					color: #69DAFF;
					margin: 0 4px;
				}
		div.textbox p {
			margin-bottom: 15px;
		}

/* =画像登録
----------------*/

div#addinput {
}

div#addinput h3 {
font-size: 16px;
padding-left: 16px;
background:  url(/images/icon_h3_01.gif) no-repeat left center;
}
div#addinput h4 {
font-size: 14px;
padding-left: 15px;
background:  url(/images/icon_h4_01.gif) no-repeat left 9px;
}
div#addinput strong {
color: #FFAD9F;
}

div#addinput p.text {
margin: 0;
}
div#addinput h3 {
margin: 0;
margin-top: 15px;
}
div#addinput h4 {
margin-top: 10px;
}

div.detail_caption {
padding-left: 20px;
}


div.bookmarklet {
width: 7em;
text-align: center;
margin: 20px 10px;
padding: 5px;
border: 1px solid #333;
background: #222;
}
/*
div.bookmarklet a {
background: #000;
}
*/
div#check_img {
}
div#check_img img {
	margin-bottom: 15px;
}


/* =form部分
----------------*/
/*使用してない模様。しばらく様子見後削除
dl {
    margin: 0;
    padding: 0;
}
		dl.table-format dt,
		dl.table-format dd {
		    margin: 0.3em 0;
		    padding: 0;
		}

		dl dt {
			width: 11em;
			float: left;
			padding: 5px;
		}

		dl dd {
			margin-left: 12em;
			padding: 5px;
		}
*/

.hidden {
	display: none;
}

table.form01 {
}

table.form01 th {
	width: 18em;
	font-weight: normal;
	padding: 0.5em 0;
}


/*
td a {
	color: #69DAFF;
	margin-right: 5px;
}
td a:hover {
	color: #FFF;
}
*/
td a#bookmark {
	color: #69DAFF;
	margin-right: 5px;
	margin-left: 5px;
	background: #000;
}
td a#bookmark:hover {
	color: #FFF;
	background: #E52600;
}
input {
	padding: 3px;
	margin-bottom: 10px;
}
input.btn {
	margin-top: 10px;
	margin-bottom: 10px;
}
input.checkbox {
	margin-right: 10px;
}
input#img_url {
	width: 550px;
	margin-bottom: 10px;
}
span.notice {
	font-size: 11px;
	color: ;
	margin-left: 5px;
}
span.link {
	padding-left: 9px;
	background: url(/images/link03.gif) no-repeat left center;
}



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

div#footer {
	/*height: 150px;*/
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 12px solid #E52600;
}


/* =ページリンク
----------------*/

div#page_links {

}
ul#page_links {
	padding: 50px 320px;
}
ul#page_links li {
	float: left;
	/*margin-right: 10px;*/
}
		ul#page_links li a {
			color: #FFF;
			display: block;
			width: 2.3em;
			text-align: center;
			text-decoration: none;
		   padding: 5px 0;
		   margin: 0.3em 1em 0.3em 0;
			/*border: 1px #ccc solid;*/
			background: #333;
		}
		ul#page_links li a:hover {
			background: #E52600;
		}
		ul#page_links li.no_link {
			color: #FFF;
			display: block;
			width: 2.3em;
			text-align: center;
			text-decoration: none;
		   padding: 5px 0;
		   margin: 0.3em 1em 0.3em 0;
			background: #8F3D2C;
		}

/* =フッターリンク
----------------*/

div#footer_navi_wrapper {
	padding-bottom: 0px;
	padding-top: 10px ;
	overflow: hidden;
	margin-bottom: 20px;
}

ul#footer_navi {
	float: left;
	margin-left: -8px;
	display: inline;
}
ul#footer_navi li {
	float: left;
	padding: 0 7px;
	border-left: 1px solid #284853;
}

/* start/end系は無し
ul#footer_navi li.start {
	padding-left: 0;
}
ul#footer_navi li.end {
	border-right: none;
}
*/

/* =外部リンク部分
================================*/

div#ex_links {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
div#ex_links ul {
}
div#wrapper div#footer div#ex_links ul li {
	float: left;
	word-break: keep-all;
	line-height: 2;
	padding-left: 12px;
	background: url(/images/link02.gif) no-repeat left center;
	margin-right: 15px;
}


/* =広告表示部分
================================*/

/* ログRSS用 */

div.ad01 {
	clear: both;
	width: 888px;
	margin: 0 auto 20px;
}
a.ad_block {
	/*display: block;*/
	float: left;
	border: 1px solid #37587F;
	padding: 7px 10px 7px 10px;
	width: 185px;
	/*min-height: 6.5em;*/
	height: 7.5em;
	overflow: hidden;
	text-decoration: none;
	color: #b5ff00;
	margin-right: 15px;
}
a.ad_block:hover {
	color: #cf0c1d;
	background: #000;
}

/* 728*90バナー用 */

div.ad02 {
	clear: both;
	text-align: center;
	margin: 0 auto 20px;
}
div.ad02 img {
	vertical-align: bottom;
}


/* =関連リンク表示部分
================================*/
div.related_links {
	clear: both;
	line-height: 2;
	padding-top: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}

div.related_links dl dt {
	clear: both;
	float: left;
	width: 7em;
	margin: 0;
	padding: 0;
	padding-left: 12px;
	background: url(/images/link02.gif) no-repeat left center;
}
div.related_links dl dd {
	margin: 0;
	padding: 0;
	overflow: auto;
}
div.related_links dl dd ul {
	clear: none;
	margin: 0;
	padding: 0;
}
div.related_links dl dd ul li {
	display: inline;
	margin-left: 0;
}
div.related_links dl dd ul li a {
	margin-right: 13px;
}


/* =タグクラウド
================================*/
.tagcloud {
	text-transform: uppercase;
	text-align: center;
}
div.tagcloud a {
	letter-spacing: -0.1em;
	font-weight: bold;
	text-decoration: none;
	line-height: 1em;
	white-space: nowrap;
}
div.tagcloud a:hover {
}
/*
.tagcloud a.latest {
	color: #7FF6FF;
}
.tagcloud a.latest:hover {
	color: #FFF;
}
.tagcloud a.later,
.tagcloud a.earlier,
.tagcloud a.earliest {
}
.tagcloud a.later:hover,
.tagcloud a.earlier:hover,
.tagcloud a.earliest:hover {
	color: #FFF;
}
.tagcloud a.later {
	color: #53BADF;
}
.tagcloud a.earlier {
	color: #4192AF;
}
.tagcloud a.earliest {
	color: #83A4AF;
}
*/


/* =タイトル編集
================================*/
form#image-title-inplaceeditor {
	float: left;
}

form#image-title-inplaceeditor .editor_field {
	font-size: 18px;
	width: 400px;
}

form#image-title-inplaceeditor .editor_ok_button {
	font-size: 18px;
}

form#image-title-inplaceeditor .editor_cancel_link {
	font-size: 18px;
}



/* =タグ編集部分
================================*/

dl.edit_tags {
    margin: 0;
    padding: 0;
}
		dl.edit_tags dt {
			width: 11em;
			float: left;
			padding: 5px;
		}

		dl.edit_tags dd {
			margin-left: 12em;
			padding: 5px;
		}


/* 以上
================================*/

form#edit_tag_form {
    border: 1px solid #666666;
    padding: 1em;
}

form#edit_tag_form input#new_tags {
    width:200px;
}

form#edit_tag_form dl.edit_tags {
    margin:1em 0 0 1em;
}