@charset "utf-8";
/*
Theme Name: cRib
Description: cRibのテーマ
Version: 1.2
Author: TAKAHIRO
Author URI: 
*/
@import "reset.css";

/* Link CSS */
a:link {
	color: #8ebd00;
	font-weight: bold;
}
a:visited {
	color: #769d00;
	font-weight: bold;
	text-decoration: none;
	border: none;
}
a:hover {
	border-bottom: none;
	color: #b2d646;
	text-decoration: none;
}

/* Common CSS */
body {
	background: #000 url(images/bg_header.jpg) top center no-repeat;
	color: #FFF;
	width: 100%;
	height: 100%;
	font-size: 12px;
}
#wrapper {
	background: url(images/bg_footer.jpg) bottom center no-repeat;
	height: 100%;
}
.left-box {
	float: left;
}
.right-box {
	float: right;
}

/* Backgraund CSS */
#navi-wrapper {
	margin: 0 auto;
	background: url(images/bg_gnavi.png) 0 0 no-repeat;
	width: 940px;
}
#content-wrapper {
	margin: 0 auto;
	padding-top: 10px;
	background: url(images/bg_main.gif) 0 0 repeat-y;
	width: 940px;
}
#footer-wrapper {
	margin: 0 auto;
	width: 940px;
}

/* Header CSS */
h1 {
	text-indent: -9999px;
	height: 0;
}
#header {
	margin: 0 auto;
	width: 948px;
	height: 115px;
	position: relative;
}
h2 {
	float: left;
	padding-top: 15px;
	width: 275px;
	height: 82px;
}
h2 a {
	display: block;
	text-indent: -9999px;
	background: url(images/img_toplogo.png) no-repeat;
	width: 275px;
	height: 82px;
}
#header ul {
	padding: 10px 5px 0 0;
	float: right;
	font-size: 11px;
}
#header ul li {
	float: left;
	margin-right: 0.5em;
}
#header ul li a {
	margin-right: 0.5em;
}
#header p.header_banner {
	position: absolute;
	top: 30px;
	left: 625px;
}

/* Gnavi CSS */
#gnavi {
	padding: 20px 20px 0;
	width: 900px;
	height: 50px;
}
#gnavi a {
	display: block;
	text-indent: -9999px;
	height: 50px;
	border: none;
}
#gnavi li {
	float: left;
}
#gnavi li#navi01 a {
	background: url(images/gnavi.gif) 0 0 no-repeat;
	width: 113px;
}
#gnavi li#navi02 a {
	background: url(images/gnavi.gif) -113px 0 no-repeat;
	width: 144px;
}
#gnavi li#navi03 a {
	background: url(images/gnavi.gif) -257px 0 no-repeat;
	width: 104px;
}
#gnavi li#navi04 a {
	background: url(images/gnavi.gif) -361px 0 no-repeat;
	width: 100px;
}
#gnavi li#navi05 a {
	background: url(images/gnavi.gif) -461px 0 no-repeat;
	width: 79px;
}
#gnavi li#navi06 a {
	background: url(images/gnavi.gif) -540px 0 no-repeat;
	width: 81px;
}
#gnavi li#navi07 a {
	background: url(images/gnavi.gif) -621px 0 no-repeat;
	width: 142px;
}
#gnavi li#navi08 a {
	background: url(images/gnavi.gif) -763px 0 no-repeat;
	width: 136px;
}
#gnavi li#navi01 a:hover {
	background: url(images/gnavi.gif) 0 -50px no-repeat;
}
#gnavi li#navi02 a:hover {
	background: url(images/gnavi.gif) -113px -50px no-repeat;
}
#gnavi li#navi03 a:hover {
	background: url(images/gnavi.gif) -257px -50px no-repeat;
}
#gnavi li#navi04 a:hover {
	background: url(images/gnavi.gif) -361px -50px no-repeat;
}
#gnavi li#navi05 a:hover {
	background: url(images/gnavi.gif) -461px -50px no-repeat;
}
#gnavi li#navi06 a:hover {
	background: url(images/gnavi.gif) -540px -50px no-repeat;
}
#gnavi li#navi07 a:hover {
	background: url(images/gnavi.gif) -621px -50px no-repeat;
}
#gnavi li#navi08 a:hover {
	background: url(images/gnavi.gif) -763px -50px no-repeat;
}

body#concept #gnavi li#navi01 a {
	background: url(images/gnavi.gif) 0 -50px no-repeat;
}
body#rooty #gnavi li#navi02 a {
	background: url(images/gnavi.gif) -113px -50px no-repeat;
}
body#house #gnavi li#navi03 a {
	background: url(images/gnavi.gif) -257px -50px no-repeat;
}
body#urei1620 #gnavi li#navi04 a {
	background: url(images/gnavi.gif) -361px -50px no-repeat;
}
body#artist #gnavi li#navi05 a {
	background: url(images/gnavi.gif) -461px -50px no-repeat;
}
body#dj-mix #gnavi li#navi06 a {
	background: url(images/gnavi.gif) -540px -50px no-repeat;
}
body#photo #gnavi li#navi07 a {
	background: url(images/gnavi.gif) -621px -50px no-repeat;
}
body#blog #gnavi li#navi08 a {
	background: url(images/gnavi.gif) -763px -50px no-repeat;
}
#bread-navi {
	margin: 0 auto;
	background: url(images/bg_bread-navi.png) top center no-repeat;
	width: 890px;
	height: 25px;
}
#bread-navi #bc {
	padding: 2px 0 0 24px;
	color: #ddd;
} 

/* Content CSS */
#content-wrapper {
	clear: both;
}
.top-left-area {
	padding-left: 25px;
}
.top-right-area {
	padding-right: 25px;
}

/* DJ MIX PLAYER CSS */
#dj-mix-player {
	margin-bottom: 10px;
	background: #5b5963;
	width: 405px;
}
#dj-mix-player h3 {
	padding: 3px 0 0 3px;
	background: url(images/bg_dj-mix.gif) left top no-repeat;
}
#dj-mix-player h3 span {
	display: block;
	text-indent: -9999px;
	background: url(images/h3_dj-mix-player.gif) no-repeat;
	width: 166px;
	height: 27px;
}
#dj-mix-player p {
	margin: 0 0 3px 15px;
}
#dj-mix-player object {
}
#dj-mix-player h4 {
	margin-left: 15px;
	color: #51ff00;
	font-weight: bold;
	font-size: 10px;
}
#dj-mix-player dl {
	padding-left: 3px;
}
#dj-mix-player dt {
	float: left;
	text-indent: -9999px;
	background: url(images/title-download.gif) no-repeat;
	width: 73px;
	height: 15px;
	font-size: 0;
}
#dj-mix-player dd {
	float: left;
	font-size: 11px;
	vertical-align: top;
}

/* NEXT PARTY CSS */
#next-party {
	clear: both;
	background: #8ebd00;
	width: 405px;
	height: 240px;
}
#next-party h3 {
	margin-bottom: 5px;
	padding: 5px 0 0 5px;
	background: url(images/bg_next-party.gif) left top no-repeat;
}
#next-party h3 span {
	display: block;
	text-indent: -9999px;
	background: url(images/h3_next-party.gif) no-repeat;
	width: 194px;
	height: 26px;
}
#next-party table {
	margin: 5px 0 10px 5px;
}
#next-party table th,
#next-party table td {
	padding: 0 3px 5px;
}
#next-party table th {
	text-align: right;
	vertical-align: top;
	color: #ecffb2;
	font-family: Arial, Helvetica, sans-serif;
}
#next-party table tr.big td {
	font-size: 34px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#next-party table tr.mid td {
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#next-party table tr.comment td div {
	margin-right: 8px;
	overflow: auto;
	width: 100%;
	height: 120px;
}

/* FLYER CSS */
#top-flyer {
	margin-bottom: 15px;
}
#top-flyer img {
	border: 5px solid #414141;
	width: 465px;
	height: 331px;
}

/* TOPBLOG CSS */
#top-blog {
	margin-bottom: 15px;
	padding-left: 10px;
	background: url(images/bg_top-staff-blog_footer.gif) right bottom no-repeat;
	width: 340px;
}
#top-blog .header {
	padding-top: 6px;
	background: url(images/bg_top-staff-blog_header.gif) left top no-repeat;
	height: 59px;
}
#top-blog .header h3 {
	margin: 0 0 0 10px;
	text-indent: -9999px;
	background: url(images/h3_staff-blog.gif) no-repeat;
	width: 166px;
	height: 29px;
}
#top-blog .header p {
	margin: 0 0 0 12px;
	color: #cdcdcd;
	font-weight: bold;
	font-size: 11px;
}
#top-blog .content {
	padding: 0 20px 7px;
}
#top-blog .content .post {
	margin-bottom: 13px;
	border-bottom: 1px dotted #737373;
}
#top-blog .content .post img {
	margin-right: 7px;
	border: 5px solid #7f7f7f;
}
#top-blog .content .post .post-meta {
	float: left;
}
#top-blog .content .post .post-meta p.day {
	margin-bottom: 3px;
	background: #808080 url(images/bg_topblog-day_footer.gif) left bottom no-repeat;
	width: 70px;
}
#top-blog .content .post .post-meta p.day span {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: url(images/bg_topblog-day_header.gif) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
p.day-b {
	margin-bottom: 3px;
	background: #808080 url(images/bg_topblog-day_footer_b.gif) left bottom no-repeat;
	width: 70px;
}
p.day-b span {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: url(images/bg_topblog-day_header_b.gif) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#top-blog .content .post .post-meta p.css-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #cccccc;
}
#top-blog .content .post .post-meta h4 {
	line-height: 1.1em;
	font-size: 14px;
}
#top-blog .content .post .post-excerpt {
	clear: both;
	padding-top: 3px;
}
p.right-text {
	text-align: right;
}

/* TOP PARTYPHOTO CSS */
#top-photo-report {
	margin-bottom: 15px;
	padding-right: 10px;
	background: url(images/bg_top-party-photo_footer.gif) left bottom no-repeat;
	width: 569px;
}
#top-photo-report .header {
	padding-top: 6px;
	background: url(images/bg_top-party-photo_header.gif) left top no-repeat;
	height: 59px;
}
#top-photo-report .header h3 {
	margin: 0 0 0 10px;
	text-indent: -9999px;
	background: url(images/h3_party-photo.gif) no-repeat;
	width: 193px;
	height: 29px;
}
#top-photo-report .header p {
	margin: 0 0 0 12px;
	color: #cdcdcd;
	font-weight: bold;
	font-size: 11px;
}
#top-photo-report .content {
	padding: 0 10px 7px 16px;
}
#top-photo-report .content p.css-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1em;
	color: #cccccc;
}
#top-photo-report .content h4 {
	margin: 0 0 5px 10px;
	font-size: 20px;
}
#top-photo-report .content .gallery {
	padding-bottom: 6px;
}
#top-photo-report .content .gallery li {
	float: left;
	margin: 0 3px 3px 0;
	background: #fff;
}
#top-photo-report .content .gallery li a {
}
#top-photo-report .content .gallery li a:hover {
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#top-photo-report p.copyright {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin: 0 7px 10px 0;
	color: #F30061;
}

/* GETFLYER CSS */
#get-flyer {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 900px;
}
#get-flyer h3 {
	text-indent: -9999px;
	background: url(images/h3_get-flyer.png) no-repeat;
	width: 158px;
	height: 29px;
}
#get-flyer p.css {
	margin: 0 0 5px 3px;
	color: #cdcdcd;
	font-weight: bold;
	font-size: 11px;
}
#get-flyer .header {
	background: #525252 url(images/bg_get-flyer_header.gif) center top no-repeat;
}
#get-flyer .footer {
	padding: 0 40px 10px;
	background: #525252 url(images/bg_get-flyer_footer.gif) center bottom no-repeat;
}
#get-flyer .footer .shop-box {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 7px;
	width: 181px;
	background: #808080;
}
#get-flyer .footer .shop-box h5 {
	font-size: 16px;
	font-weight: bold;
}
#get-flyer .footer .shop-box p {
	margin-bottom: 5px;
	line-height: 1em;
	color: #fedd00;
	font-size: 11px;
}
#get-flyer .footer .shop-box p img {
	border: 1px solid #fff;
}
#get-flyer .footer .shop-box table {
	font-size: 11px;
}
#get-flyer .footer .shop-box table th {
	text-align: right;
	vertical-align: top;
	width: 5em;
}

/* Category CSS */
#content-post {
	margin-left: 25px;
	width: 550px;
}
#content-post h3 {
	font-size: 40px;
	font-weight: bold;
	color: #F30061;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#content-post p#h3-sub {
	margin-bottom: 3px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #222;
}
#content-post .post {
	padding-top: 15px;
	border-bottom: 1px dotted #bbb;
}
#content-post .post img {	
	margin-right: 7px;
	border: 5px solid #7f7f7f;
}
#content-post .post .post-meta {
	float: left;
	margin-bottom: 10px;
}
#content-post .post .post-meta p.day {
	margin-bottom: 3px;
	background: #808080 url(images/bg_topblog-day_footer.gif) left bottom no-repeat;
	width: 70px;
}
#content-post .post .post-meta p.day span {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: url(images/bg_topblog-day_header.gif) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#content-post .post .post-meta p.css-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #cccccc;
}
#content-post .post .post-meta h4 {
	line-height: 1.1em;
	font-size: 18px;
	font-weight: bold;
	color: #F30061;
}
#content-post .post .post-meta h4 span {
	padding-left: 1em;
	font-weight: normal;
	font-size: 12px;
	color: #CCC;
}
#content-post .post-excerpt {
	clear: both;
}
#content-post .post-content {
	clear: both;
	padding-top: 10px;
	font-size: 15px;
	border-top: 1px dotted #666;
}
#content-post .post-content p {
	padding-bottom: 2em;
}
#content-post .single-blog img {
	border: 5px solid #f7f7f7;
}
#content-post .post-content table {
	margin-bottom: 10px;
	border-top: 1px dotted #333;
	width: 100%;
}
#content-post .post-content table th {
	text-align: right;
}
#content-post .post-content table td {
	text-indent: 0.5em;
}
#content-post .post-content table th,
#content-post .post-content table td {
	padding: 5px 0;
	border-bottom: 1px dotted #333;
}
.wp-pagenavi {
	padding: 10px 0 15px;
	text-align: center;
}

/* Single CSS */
#content-post .single-photo img {
	border: none;
	margin: 0 0 0 0;
}
#content-post .single-photo .gallery {
	margin-left: 3px;
}
#content-post .single-photo .gallery li {
	border: none;
	margin: 0 4px 4px 0;
	float: left;
	background: #fff;
}
#content-post .single-photo .gallery li a:hover {
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* nakanohito CSS */
#nakanohito img {
	border: 3px solid #ccc;
}

/* Page CSS */
#content-page {
	padding: 0 25px 15px;
}
#content-page img {
	margin-bottom: 5px;
}
#content-page h3 {
	margin-bottom: 5px;
	font-size: 40px;
	font-weight: bold;
	color: #F30061;
	font-family: Arial, Helvetica, sans-serif;
}
#content-page th, 
#content-page td {
	padding: 5px;
	border-bottom: 1px dotted #333;
}
#content-page th {
	background: #111;
}
p span.your-name input {
	width: 200px;
	padding: 2px;
	font-size: 16px;
	font-weight: bold;
}
p span.your-email input {
	width: 300px;
	padding: 2px;
	font-size: 16px;
	font-weight: bold;
}
p span.your-subject input {
	width: 300px;
	padding: 2px;
	font-size: 16px;
}
p span.your-message textarea {
	width: 300px;
	padding: 2px;
	font-size: 16px;
}

/* Footer CSS */
#footer-wrapper {
	min-height: 140px;
}
#footer {
	padding: 10px 0 5px 10px;
	background: url(images/bg_caution.png) 0 0 repeat-y;
	height: 100%;
}
#footer h3 {
	float: left;
	margin-right: 10px;
	text-indent: -9999px;
	background: url(images/h3_caution.png) no-repeat;
	width: 144px;
	height: 29px;
}
#footer p {
	font-size: 11px;
}
#fnavi ul {
	float: left;
}
#fnavi li {
	display: inline;
	color: #8ebd00;
	font-size: 10px;
}
#fnavi li a {
	margin-right: 0.3em;
}
address {
	float: right;
	padding-top: 8px;
}
address a {
	font-size: 0;
	display: block;
	text-indent: -9999px;
	background: url(images/copyright.png) no-repeat;
	width: 264px;
	height: 17px;
}

/* Fix CSS */
hr {
	clear: both;
	margin: 0;
	border: none;
	height: 0;
	visibility: hidden;
	padding: 0;
}