@charset "utf-8";

/*-----------------------------------------------

 content.css

------------------------------------------------*/


/* especialy ecider custom
------------------------------------------------*/

body {
	/*background: url(images/margarita/canvas_narrow.jpg) top center no-repeat;*/
}
/*
#head h1 span {
	background: url(images/elceibo/logo_content.png) 0 0 no-repeat;
}
*/

/* 
------------------------------------------------*/
#head {
 min-height: 120px !important;
}

#global_navi {
 position: absolute !important;
 z-index: 5;
 zoom: 100%;
}

#head #header-img {
 position: relative;
 width: 302px;
 height: 95px;
}

#content_container {
background: #E3DBD3 url(images/new_top/bg_content.jpg) repeat-x  !important;
width: 1023px;
margin: 0px auto;
position: relative;
text-align: left;
padding-bottom: 0px;
}

.landing {
 background: url(images/new_top/bg_content.jpg) repeat-x scroll 0 0 #E3DAD3 !important;
}

#content_container_skelton {
 background: url(images/bg_content-container.png) no-repeat !important;
 padding: 0px 0px 0px 8px;
}

.landing #content_container_skelton {
}

#about_shot {
 position: absolute;
 top: 37px;
 right: 0px;
}

#content_container #left_column, #content_container #right_column {
 float: left;
}

#content_container #right_column {
 position: relative;
 margin-left: 16px;
}

#content_container div.section-block {
 margin: 0px 0px 11px 0px;
}

#content_container div.section-block li {
 display: block;
 width: 350px;
 padding-bottom: 8px;
}

#content_container div.section-block li a {
 font-weight: bold;
}

#content_container div.section-block li p {
 margin: 5px 0px;
}

#content_container div.section-block li img {
 float: left;
 margin: 0px 10px 0px 0px;
}

#content_container a.title {
 display: block;
 width: 350px;
 height: 21px;
 padding: 0px 0px 8px 0px;
}

#to-about {
position: absolute;
z-index: 1000;
top: 0px;
right: 0px;
width: 346px;
height: 15px;
background: url(images/margarita/about_bg.png) no-repeat;
color: #FFF;
font-style: italic;
font-size: 10px;
line-height: 15px;
padding: 2px 0px 9px 0px;
}
	#to-about p {
	text-align: center;
	}
	#to-about span {
	margin-right: 15px;
	}
	#to-about span.twitterLink {
	margin-right: 0px;
	}
	#to-about img {
	vertical-align: middle;
	margin-right: 5px;
	}
	/* for IE7 */
	#to-about a {
	color: #FFF;
	}

.gallery {
 width: 250px;
 color: #FFF;
}

.gallery td {
 background-color: #716c68;
}

.gallery td.text {
 padding: 0px 5px;
}


/*-----------------------------------------------
 navigation column
------------------------------------------------*/

#column_navigation {
 width: 189px;
 float: left;
 margin-top: 12px;
 color: #FFF;
}

#column_navigation a {
 color: #FFF;
}

#column_navigation .navi-archive {
 margin-top: 30px;
 padding-left: 10px;
}

#column_navigation .navi-archive-container {
 background: url(images/bg_side-archive.png) no-repeat;
 min-height: 146px;
 padding: 1px 0px 5px 0px;
 margin: 5px 0px 0px 0px;
}

#column_navigation .block-lately {
 margin: 10px 0px 0px 0px;
}

#column_navigation .leftnavi, #column_navigation .leftnavi-active {
 width: 182px;
 margin: 0px 0px 2px 0px;
 padding: 6px 0px 3px 0px;
}

#column_navigation .leftnavi img, #column_navigation .leftnavi-active img {
 /* margin: 3px; */
/*  float: left;
 margin-right: 7px;
 margin-left: 11px; */
}

#column_navigation .leftnavi {
 border: #5f5b58 1px solid;
}

#column_navigation .leftnavi-active {
 border: #464342 1px solid;
}

#column_navigation td {
 vertical-align: top;
}

#column_navigation td.title {
 padding-right: 5px;
}

#column_navigation td.blog {
 padding-left: 10px;
}

.navi-archive li {
 margin: 10px 0px 10px 10px;
 background: url(images/arrow_sitenavi.gif) no-repeat left center;
 padding-left: 8px;
}

.navi-archive li.nav-selected {
 background: url(images/arrow_sitenavi-active.gif) no-repeat left center;
 padding-left: 12px;
}

.read-more-wrap {
 padding-top: 23px;
}

.read-more {
 width: 182px;
 text-align: center;
}

.read-more div {
 padding: 0px 7px 0px 7px;
 line-height: 29px;
 height: 29px;
}


/*-----------------------------------------------
 contents column
------------------------------------------------*/

#column_content {
 width: 826px;
 float: left;
 position: relative;
padding-bottom: 15px;
}

.block-general-without-border,
.block-general  {
 padding: 0px 0px 15px 0px;
 margin: 0px 0px 15px 4px;
}

.block-general {
 background: url(images/border_gray.png) no-repeat left bottom;
}

.block-general-without-border h3,
.block-general h3 {
 color: #333333 !important;
 font-size: 1.2em !important;
 font-weight: bold !important;
 padding-bottom: 10px !important;
 display: block !important;
}

.block-general-without-border p,
.block-general p {
 display: block;
}

#column_content .content-container {
 padding: 7px 350px 20px 10px;
 font-size: 12px;
}
	.landing #column_content .content-container {
	 padding: 7px 0px 0px 20px;
	 font-size: 12px;
	 width: 663px;
	}


#column_content .content-container h2 {
 margin: 3px 0px 5px 0px;
 font-size: 1.6em;
}

#column_content .content-container h3 {
 display: inline;
 color: #8C8A85;
 font-size: 1.6em;
 line-height: 1.5;
 padding: 5px 0px 0px 0px;
}

#column_content .content-container h3 span {
 /* text-indent: 20px; */
}

p {
 line-height: 1.6;
}

.block {
 margin-bottom: 1em;
}

p.block strong {
 font-weight: bold;
}

.breadcrumb {
 color: #cccccc;
 margin-bottom: 26px;
}

.breadcrumb-separator {
 padding: 0px 5px;
}

.breadcrumb a {
 color: #cccccc;
 text-decoration: underline;
}

.breadcrumb a:hover {
 text-decoration: none;
}

div.wrap-block {
 display: inline;
 float: left;
 margin: 0px 14px 8px 0px;
 _margin: 0px 7px 8px 0px;
}

.caption-short, .caption-long, .profile {
 font-size: 0.8em;
 line-height: 1.6;
 padding: 3px 0px 0px 0px;
}

.caption-short a, .caption-long a {
 text-decoration: underline;
}

.caption-short a:hover, .caption-long a:hover {
 text-decoration: none;
}

.caption-short {
 background: url(images/bg_caption.png) left top repeat-x;
 width: 250px;
 min-height: 41px;
 color: #555;
}

.caption-long {
 background: url(images/bg_caption.png) left top repeat-x;
 width: 466px;
 min-height: 41px;
 color: #555;
}

.profile {
 background: url(images/bg_caption.png) left top repeat-x;
 width: 466px;
 min-height: 41px;
}

.caption-long p, .profile p {
 padding-top: 3px;
}

.credit {
 /* padding-bottom: 8px; */
}

.credit table {
 width: 100%;
}

.credit table td {
 vertical-align: top;
}

.credit table td.copyright {
 padding: 0px 5px;
}

.credit table td.copyright a {
 text-decoration: underline;
}

.credit table td.copyright a:hover {
 text-decoration: none;
}

.credit table td.tool {
 text-align: right;
 padding: 0px 5px;
}

.credit table td.tool img {
 padding-left: 5px;
}

.profile {
 padding-top: 1px;
 margin-top: 20px;
}

.profile p {
 margin-left: 5px;
 margin-right: 5px;
}

.profile .name {
 font-size: 1.4em;
}

.profile img {
 float: left;
 margin: 0px 5px 5px 0px;
}

.caption-short p, .caption-long p {
 margin: 0px 5px;
}

table.util {
 margin-top: 15px;
 clear: left;
}

table.util .util_right {
	padding-right: 24px;
}
table.util .util_left {
	padding-left: 24px;
}


ul.util {
 padding-top: 10px;
 clear: left;
}

ul.util li {
	float: left;
	font-size: 1px;
	text-indent: -10000px;
	overflow: hidden;
}
ul.util li span {
	vertical-align: middle;
}

ul.util .util_block01 a {
	background: url(/themes/shot/images/bottom_pagetop.png) no-repeat;
	width: 146px;
	height: 30px;
	display: block;
	margin-right: 5px;
}
ul.util .util_block02 a {
	background: url(/themes/shot/images/bottom_bookmark.png) no-repeat;
	width: 184px;
	height: 30px;
	display: block;
}
ul.util .util_block03 a {
	background: url(/themes/shot/images/bottom_friend.png) no-repeat;
	width: 131px;
	height: 30px;
	display: block;
}



table.util .none {
	width:4px;
}

table.util img {
 padding-right: 5px;
}

table.pullout {
 width: 250px;
}

table.pullout h4 {
 font-weight: bold;
 padding-bottom: 4px;
}

table.pullout td {
 background-color: #ffffff;
 color: #444444;
 padding: 0px 10px;
}

table.pullout td.top {
 background: url(images/bg_pullout-top.png) no-repeat;
 height: 41px;
}

table.pullout td.bottom {
 background: url(images/bg_pullout-bottom.png) no-repeat;
 height: 38px;
}

.rssIcon {
 margin-left: 4px;
}


/*-----------------------------------------------
 ads column
------------------------------------------------*/

#column_ads_wrap {
padding: 0px !important;
}

.landing #column_content {
width:1023px !important;
}

.landing #content_container_skelton {
background: none !important;
padding-left: 0px;
}

#column_ads {
float: right;
display: block;
position: relative;
margin: 0px !important;
width: 340px !important;
padding-left: 0px;
}

#ajibox {
 float: right;
 width: 300px;
 margin-top: -74px;
 padding: 0px 20px;
 position: relative;
 z-index: 0;
}

#column_ads .ad_container {
 color: #666666;
}

#column_ads .long {
 min-height: 1400px !important;
}


.block_ad_top {
background: #CDC6BF url(/themes/shot/images/new_landing/bg_ad_top.png) top right no-repeat;
text-align: center;
padding: 28px 0px 20px 0px;
margin-bottom: 7px;
}

.block_ad_bot {
background: transparent url(/themes/shot/images/new_landing/bg_ad_bot.png) top right no-repeat;
text-align: center;
padding: 25px 0px 0px 0px;
}

.col_right_ad {
margin-bottom: 20px;
}

div.kioku-wrap {
 width: 320px !important;
 margin: 0px auto;
 position: relative;
}

div.kioku-top {
 text-indent: -9999px;
 height: 40px;
 background: url(images/bg_kioku-top.png) no-repeat left top;
}

div.kioku-middle {
 position: relative;
 background: url(images/bg_kioku-middle.gif) repeat-y;
}

div.kioku-middle-top {
 position: absolute;
 text-indent: -9999px;
 top: 0px;
 left: 0px;
 width: 320px !important;
 height: 81px;
 background: url(images/bg_kioku-middle-top.png) no-repeat top left;
}

div.kioku-middle .content {
 position: relative;
 z-index: 5;
 color: #666666;
 padding-top: 8px;
}

div.kioku-middle img {
border-left: #86817B 14px solid;
border-right: #86817B 14px solid;
}
	div.kioku-middle img.wider {
	border-left: none;
	border-right: none;
	}

div.kioku-middle-bottom {
 position: relative;
 text-indent: -9999px;
 height: 65px;
 margin-top: -65px;
 background: url(images/bg_kioku-middle-bottom.png) no-repeat 100% 1px;
}

div.kioku-bottom {
 text-indent: -9999px;
 height: 42px;
 background: url(images/bg_kioku-bottom.png) no-repeat left top;
}

div.kioku-wrap h4 {
 font-size: 1.3em;
 font-weight: bold;
 padding: 10px 15px 0px;
 margin: 0px 11px 0px 9px;
 text-align: left;
}

div.kioku-wrap div.image {
 text-align: center;
 padding-top: 5px;
 margin-left: -3px;
}

div.kioku-wrap p {
 padding: 10px 15px;
 margin: 0px 11px 0px 9px;
 line-height: 1.7;
 text-align: left;
}

div.kioku-wrap a {
 color: #333333;
 text-decoration: underline;
}

/* kioku Landing 2010/08/31 */

.kioku_wrapper {
text-align: left;
color: #333;
}
.kioku_content {
background: url(images/bg_kioku-middle-top.png) no-repeat left top;
text-align: left;
padding: 14px 0px 0px;
}
.kioku_content .kioku_cell {
padding: 0px 20px 10px;
width: 280px;
}
.kioku_content .divider {
padding-bottom: 10px;
padding-left: 35px;
}

.kioku_cell p {
clear: both;
margin-top: 5px;
}
.kioku_content .kioku_bot {
background: url(images/bg_kioku-middle-bottom.png) no-repeat left bottom;
padding-bottom: 24px;
}

/* kioku Landing END 2010/08/31 */

#column_ads div.snaps-wrap {
 width: 300px;
 margin: 0px auto 20px;
 background: url(images/bg_snaps.png) no-repeat left top;
 text-align: left;
 padding-top: 63px;
}

#column_ads div.snaps {
 background: url(images/bg_snaps_bot.png) bottom left no-repeat;
 padding-bottom: 32px;
}

#column_ads div.snaps h4 {
 padding: 0px 20px;
 font-size: 1.5em;
 line-height: 1.4;
 font-weight: bold;
}

#column_ads div.snaps p {
 margin: 15px 20px 10px 20px;
 font-weight: bold;
}

#column_ads div.snaps li {
 background: url(images/bg_snaps-border.jpg) no-repeat left top;
 padding: 10px 20px;
}

#column_ads div.banner_section {
 padding: 15px 0px 0px 0px;
 font-size: 0.9em;
 letter-spacing: 0.2em;
}

#column_ads div.banner_section_top {
 padding: 0px 0px 0px 0px;
 font-size: 0.9em;
 letter-spacing: 0.3em;
}

#column_ads div.banner {
 padding-bottom: 15px;
}

.bottom-img {
 bottom: 0;
 margin-left: -10px;
 position: absolute;
}


/*-----------------------------------------------
 landing
------------------------------------------------*/

#landing_container {
 position: relative;
}

.image_container_faces {
margin-bottom: 17px;
width: 100%;
}


#first_container {
 position: absolute;
 top: 0px;
 left: 480px;
 width: 165px;
 min-height: 320px;
 margin-bottom: 30px;
 z-index: 1;
}

#second_container {
 position: absolute;
 top: 320px;
 left: 270px;
 width: 385px;
 min-height: 165px;
 margin-bottom: 50px;
}

.summary {
 margin-top: 10px;
 margin-bottom: 20px;
}

.summary .title {
 font-size: 1.3em;
 font-weight: bold;
}

.summary .text {
 margin: 5px 0px;
 font-size: 1.1em;
 line-height: 150% !important;
}

.summary_bot {
 line-height: 150% !important;
}

.summary td {
 padding-right: 5px;
}

#landing_image {
position: relative;
z-index:0;
}
/* #recently_container {
 float: left;
} */

#recently_container li {
 float: left;
 width: 171px;
 padding-right: 16px;
}

#recently_container .border {
 margin: 10px 0px;
}

#recently_container li img {
 padding: 3px;
}

#recently_container ul.facesArchives li {
 float: left;
 width: 145px !important;
 padding-right: 18px !important;
 margin-bottom: 18px;
}


/* faces landing */

#first_container_faces {
left: 333px;
top: 57px;
position: absolute;
width: 300px;
z-index: 1;
}

#second_container_faces {
 position: absolute;
 top: 222px;
 left: 425px;
 width: 210px;
}
#recently_container .border_faces {
background: #504D4A;
padding: 3px;
margin-bottom: 10px;
}
	#recently_container .border_faces_s {
	background: #9F9A94;
	display: inline-block;
	float: left;
	margin-right: 11px;
	}

#recently_container .border_faces img {
border: #FFF 1px solid;
padding: 0px !important;
}
	#recently_container .border_faces_s img {
	padding: 3px !important;
	vertical-align: middle;
	}

#recently_container .faces_cell_s {
display: block;
width: 299px;
margin-bottom: 18px;
float: left;
}

.readMore {
font-size: 10px !important;
}


/* know landing */

#first_container_know {
left: 333px;
top: 0px;
position: absolute;
width: 300px;
z-index: 1;
}

#second_container_know {
 position: absolute;
 top: 180px;
 left: 425px;
 width: 210px;
}

#recently_container_know {
float: left;
}

#recently_container_know li {
 width: 340px;
}

#recently_container_know .border {
 margin: 10px 0px;
}

#recently_container_know li img {
 padding: 3px;
}

#recently_container_know ul.facesArchives li {
 float: left;
 width: 145px !important;
 padding-right: 18px !important;
 margin-bottom: 18px;
}

.know_landing_disc {
float: left;
margin: 10px 0px 10px 10px;
width: 145px;
}

/*-----------------------------------------------
 archive
------------------------------------------------*/

#archive_title {
 background: url(images/bg_archive-title.png) repeat-y;
 width: 466px;
 margin-bottom: 20px;
 color: #FFF;
}

#archive_title div {
 padding: 25px 0px 5px 5px;
}

.pager {
 margin-top: 10px;
}

.pager .pagenation span {
 display: block;
 float: left;
 vertical-align: middle;
 text-align: center;
 width: 20px;
 height: 20px;
 line-height: 20px;
 border: 1px solid #fff;
}

.pager .pagenation span.currentPage {
 background-color: #fff;
 color: #9F9990;
}


/*-----------------------------------------------
 tooltip
------------------------------------------------*/

#tooltip {
 display: none;
 position: absolute;
 z-index: 100;
 width: 300px;
}

.loading {
 background-color: #fff;
 text-align: center;
 position: absolute;
 width: 300px;
 height: 280px;
 z-index: 10;
 height: 280px;
 line-height: 280px;
 display: none;
}

#tooltip_bookmark {
 display: none;
 position: absolute;
 z-index: 100;
 width: 180px;
}

#friend_email_text_field, #email_text_field, #name_text_field {
 width: 200px;
 border: 1px solid #9b9b9b;
 margin-bottom: 5px;
 padding: 2px;
 height: 15px;
}

#tooltip p {
 line-height: 1.2 !important;
 font-size: 0.8em;
}

#tooltip input.btn {
 width: 44px;
 border: none;
}

#tooltip .popup {
 height: 280px;
 color: #666666;
}

#tooltip_bookmark .popup {
 height: 50px;
 color: #666666;
}

.box-close {
 text-align: right;
 padding: 8px 8px 0px 0px;
}

#tooltip .box-send {
 text-align: right;
}

#tooltip #popup_inner {
 padding: 15px;
 margin-top: -10px;
}

#tooltip #popup_inner p {
 line-height: 1.8;
}

#popup_inner_bookmark {
 padding: 15px;
 margin-top: -20px;
}

#popup_inner_bookmark img {
 padding-left: 5px;
}

#tooltip #popup_thanks {
 display: none;
 text-align: center;
 padding-top: 100px;
}

#tooltip span.message {
 font-size: 1.4em;
}

#tooltip img.icon {
 padding-right: 4px;
}

#error_name, #error_email, #error_friend_email {
 color: red;
}


/*-----------------------------------------------
 search　box
------------------------------------------------*/

#search_box_wrap {
 padding-top: 25px;
}

#search_box {
 width: 182px;
}

table#search_box_inner {
 margin: 4px 5px 5px 5px;
}

table#search_box_inner td {
 vertical-align: middle;
 height: 15px;
}

table#search_box_inner #search {
 padding: 2px 0px 2px 2px;
 width: 145px;
 height: 11px;
 font-size: 0.95em;
}

table#search_box_inner #btn_search {
 padding: 0px 0px 0px 2px;
}



/*-----------------------------------------------
 commetn block
------------------------------------------------*/

#comment_block {
 margin-top: 30px;
}

#comment_block h4, .guestBook-formBlock-title {
 margin: 20px 0px 0px 0px;
 font-size: 1.5em;
 font-weight: bold;
}

#comment_block fieldset {
 padding-top: 7px;
}

#comment_block input.name, #comment_block input.mail {
 width: 300px;
}

#comment_block textarea {
 width: 466px;
 height: 150px;
}

#comment_block .error {
 color: #;
}

.guestBook-manage-links a {
 background-color: #ffffff;
 color: #a09991;
}

.guestBook-entry {
 margin-top: 10px;
}

.editor_profile_link {
	margin-bottom: 1em;
	clear: left;
}

.page_link {
	width: 466px;
	height: 26px;
	clear: left;
	position: relative;
	margin-top: 20px;
}
.page_link .previous , .page_link .next {
display: block;
width: 90px;
height: 26px;
position: absolute;
top: 0px;
}
	.page_link .previous {
	left: 0px;
	}
	.page_link .next {
	right: 0px;
	}
.page_link .previous a , .page_link .next a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
	.page_link .previous a {
	background:  url(images/previous_article.png) no-repeat;
	font-size: 1px;
	text-indent: -10000px;
	}
	.page_link .next a {
	background:  url(images/next_article.png) no-repeat;
	font-size: 1px;
	text-indent: -10000px;
	}

.article_information {
background: #F1EDE9;
display: block;
padding: 16px 12px 4px;
width: 442px;
}
	.article_information h4 {
	font-weight: bold;
	color: #333;
	font-size: 14px;
	margin-bottom: 3px;
	}
	.article_information img {
	border: #8D8A85 solid 1px;
	}
	.article_information p {
	margin-bottom: 12px;
	}
	.article_information strong {
	font-weight: bold;
	}