@charset "utf-8";
/*
Theme Name: Coba-U 20090601~ SKIN
Theme URI: http://www.birdman.ne.jp/
Description: 2009年06月01リニューアル用のCoba-U菌ブログ専用のスキンです。
Version: 1.0
Author: Birdman
Author URI: http://www.birdman.ne.jp/
*/

@import "/common/css/initialize.css";

/*BLOG*/

body {
	color:#ffffcc;
	text-align:center;
	background:#000 url(images/bg_head_repeat.jpg) left top repeat-x;
}

p {
	font-size:93%;
	line-height:1.8;
}

ul {
	font-size:93%;
}

a:link { color:#ffffcc; text-decoration:none;}
a:visited { color:#ffffcc; text-decoration:none;}
a:active { color:#ffffcc; text-decoration:none;}
a:hover { color:#ffffcc; text-decoration:underline;}

#container {
	background:url(images/bg_head.jpg) center top no-repeat;
}

#container-inner {
	margin:0 auto;
	width:944px;
	text-align:left;
}

/*HEADER-COMMON*/

#header {
	height:60px;
	position:relative;
	background:url(images/bg_header.gif) left top no-repeat;
}

#header h1 {
	position:absolute;
	top:14px;
	left:20px;
}

#header ul {
	position:absolute;
	top:11px;
	left:197px;
}

#header ul li {
	float:left;
}

#header ul li img {
	vertical-align:bottom
}

#header ul li.h01,
#header ul li.h02,
#header ul li.h03,
#header ul li.h04,
#header ul li.h05,
#header ul li.h06,
#header ul li.h07 {
	margin-top:6px;
	margin-right:15px;
}

#header ul li.h08 {
	margin-top:0;
	margin-right:0;
}

#header-title {
	height:190px;
}

#header-title h1 {
	padding:6px 0 0 298px;
}

/*FOOTER-COMMON*/

#footer {
	width:944px;
	height:30px;
	background:url(images/bg_footer.gif) left bottom no-repeat;
}

#footer-inner p {
	float:left;
}

#footer-inner p.f01 {
	padding:11px 0 0 17px;
}

#footer-inner p.f02 {
	padding:11px 0 0 25px;
}

#footer-inner p.f03 {
	padding:11px 0 0 556px;
}

/*3COLUMN*/

#contents {
	padding:0 0 40px;
	width:944px;
}

#contents-inner {
	width:722px;
	float:left;
}

#main {
	padding:35px 0 0;
	width:500px;
	float:right;
	position:relative;
}

#sub {
	padding:35px 0 0;
	width:222px;
	float:left;
}

#sub .inner {
	padding:0 10px 0 0;
}

#ex {
	padding:35px 0 0;
	width:222px;
	float:left;
}

#ex .inner {
	padding:0 2px 0 20px;
}

/*MAIN*/

#main p {
	margin-bottom:1.6em;
}

#main h2 {
	padding:8px 0 20px 38px;
	color:#ff2080;
	font-size:126%;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	background:url(images/icon_articles_type.gif) left top no-repeat;
}

#main .articles {
	margin:0 0 40px;
	width:500px;
	position:relative;
	background:url(images/bg_articles_hd.gif) left top no-repeat;
}

#main .articles .title {
	background:url(images/bg_articles_title_hd.gif) left 10px no-repeat;
}

#main .articles .title h3 {
	padding:23px 110px 40px 43px;
	font-size:142%;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	background:url(images/bg_articles_title_ft.gif) left bottom no-repeat;
}

#main .articles .title p {
	width:68px;
	color:#ffdaea;
	position:absolute;
	top:23px;
	left:408px;
}

#main .articles .entry {
	padding:0 20px;
	background:#260a1d url(images/bg_articles_ft.gif) left bottom no-repeat;
}

#main .articles .entry .photo {
	padding:0 0 15px;
}

#main .articles .entry .photo img {
	border:solid 1px #fff;
	max-width:458px;
}

* html #main .articles .entry .photo img {
	border:solid 1px #fff;
	width: expression(this.width > 458 ? 458: true);
}

#main .articles p.category {
	padding:2px 0 0 42px;
	color:#999999;
	background:#000 url(images/icon_articles_category.gif) 15px top no-repeat;
}

#main .articles p.category a {
	color:#4bc9d6;
}

#main .navigation {
	padding:21px 0 0;
	background:url(images/bg_navigation.gif) left top no-repeat;
}

#main .navigation ul li.prev {
	float:left;
}

#main .navigation ul li.next {
	float:right;
}

/*SUB*/

#calender {
	padding:0 0 21px 2px;
}

#calender h2 {
	padding:1px 22px 5px 0;
	color:#fff;
	font-size:111%;
	font-weight:bold;
	text-align:right;
	background:url(images/bg_calender_title.gif) 119px top no-repeat;
}

#calender table {
	margin:10px 0 0;
	width:204px;
	background:url(images/bg_calender_day.gif) right top no-repeat;
}

#calender table tr td {
	padding:5px 0;
	color:#fff;
	font-size:93%;
	text-align:center;
	vertical-align:middle;
}

#calender table tr td.sun {
	color:#ff0082;
}

#calender table tr td.sat {
	color:#30c1ff;
}

#calender table tr td.now {
	background:url(images/bg_calender_now.gif) center center no-repeat;
}

#calender table thead tr td {
	height:28px;
	text-indent:-9999px;
}

#calender ul {
	padding:12px 0 0;
	width:202px;
}

#calender ul li.prev {
	padding:0 4px;
	float:left;
}

#calender ul li.next {
	padding:0 7px;
	float:right;
}

#recent,
#backnumber,
#category {
	padding:28px 0 23px 2px;
	background:url(images/bg_sub_line.gif) 2px top no-repeat;
}

#recent h2,
#backnumber h2,
#category h2 {
	padding:0 0 10px 5px;
}

#recent ul,
#backnumber ul,
#category ul {
	width:200px;
}

#recent ul li {
	padding:6px 0 6px 40px;
	background:url(images/icon_recent_entry.gif) 13px center no-repeat;
}

#backnumber ul li {
	padding:6px 0 6px 40px;
	background:url(images/icon_backnumber.gif) 13px center no-repeat;
}

#category ul li {
	padding:6px 0 6px 40px;
	background:url(images/icon_category.gif) 13px center no-repeat;
}

#contact {
	padding:30px 0 23px;
	background:url(images/bg_sub_line.gif) 2px top no-repeat;
}

#contact h2 {
	padding:0 0 10px;
	color:#ff0099;
	font-size:93%;
	text-align:center;
}

/*EX*/

#profile {
	padding:0 0 10px;
}

#profile p {
	color:#ff2080;
	font-weight:bold;
}

#recommend {
	margin:0 0 13px;
	padding:23px 0 0;
	background:url(images/bg_sub_line.gif) left top no-repeat;
}

#recommend .box {
	background:url(images/bg_exbox_hd.gif) left top no-repeat;
}

#recommend .box .inner {
	padding:10px;
	background:url(images/bg_exbox_ft.gif) left bottom no-repeat;
}

#recommend .box h2 {
	padding:0 0 10px;
}

#recommend .box h3 {
	padding:0 0 23px;
	color:#999999;
	font-size:93%;
	font-weight:bold;
	line-height:1.5;
}

#recommend .box h3 span {
	font-size:77%;
	font-weight:normal;
}

#goods .box .inner h2 {
	border-bottom:solid 3px #000;
}

#linkarea {
	padding:29px 0 21px;
	background:url(images/bg_sub_line.gif) left top no-repeat;
}

#linkarea h2 {
	padding:0 0 8px;
}

#linkarea ul li {
	padding:5px 0 5px 24px;
	background:url(images/icon_linkarea.gif) 4px center no-repeat;
}

#bannerarea {
	padding:0;
}

#bannerarea ul li {
	padding:0 0 15px;
}

/*LINK*/

#main p a { color:#ff9933;}

#main .navigation ul li a:hover { color:#ff9933; text-decoration:underline;}

#recent ul li a:hover { color:#ff9933;}
#backnumber ul li a:hover { color:#ff9933;}
#category ul li a:hover { color:#ff9933;}
#linkarea ul li a:hover { color:#ff9933;}

#calender table tr td a {color:#fff; text-decoration:underline;}
#calender table tr td a:hover {color:#fff; text-decoration:none;}

#calender table tr td.sun a {color:#ff0082; text-decoration:underline;}
#calender table tr td.sun a:hover {color:#ff0082; text-decoration:none;}

#calender table tr td.sat a {color:#30c1ff; text-decoration:underline;}
#calender table tr td.sat a:hover {color:#30c1ff; text-decoration:none;}


/*ADD 2010-06*/

.textwidget {
	margin-bottom:24px;
}

.textwidget .twtr-ft .twtr-join-conv {
	padding-top:3px;
	font-size:10px;
}

#goods {
	margin:0 0 13px;
	padding:32px 0 0;
	background:url(images/bg_sub_line.gif) left top no-repeat;
}

#goods .box {
	background:url(images/bg_goods.gif) left top no-repeat;
}

#goods .shop {
	position:relative;
}

#goods .shop .shopInner {
	padding:0 3px 0 2px;
}

#goods .shop #flash-goods {
	margin-top:6px;
	width:80px;
	float:left;
}

#goods .shop h3 {
	margin-top:28px;
	float:left;
}

#goods .shop p.btn {
	padding:13px 3px 0;
}

* html #goods .shop p.btn {
	padding:0 3px 0;
}

#goods .box .inner {
	padding:5px 5px 10px;
	background:none;
}

#goods .shop p.note {
	position:absolute;
	left:71px;
	top:-23px;
}




/* @group clearfix=================================================================== */

#contents:after,
#contents-inner:after,
#main .navigation ul:after,
#calender ul:after,
#goods .shop .shopInner:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

#contents,
#contents-inner,
#main .navigation ul,
#calender ul,
#goods .shop .shopInner {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #contents,
* html #contents-inner,
* html #main .navigation ul,
* html #calender ul,
* html #goods .shop .shopInner {
	height:1%;
}

#contents,
#contents-inner,
#main .navigation ul,
#calender ul,
#goods .shop .shopInner {
	display:block;
}
/* End hide from IE-mac */
/* @end */