/*
Theme Name: don-iguchi
Theme URI: http://www.elekit.co.jp/
Description: 
Version: 1.0
Author: JOY-POP watanabe
Author URI: http://www.joy-pop.com/
*/

/***** GLOBAL FORMATTING *****/

@import url(./common.css);

/* id */
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
div#container {
	margin:0 auto;
	width:920px;
}


/* header */
/*-------------------------------------------------------------*/
div#header {
	position:relative;
	margin-top:10px;
	width:920px;
	height:231px;
	text-align:left;
	background:url(./images/header.jpg) no-repeat 0 0;
}

div#header h1 {
	position:absolute;
	top:25px;
	left:165px;
	width:600px;
	height:100px;
}

/* site ID */
div#header div.siteID {
	position:absolute;
	top:25px;
	left:25px;
	width:140px;
	height:100px;
}

div#header p {
	position:absolute;
	text-indent:-9999px;
}

/* mac ie \*//*/
div#header p {
	display:none;
}
/**/

/* blog ID */
div#header div.blogID {
	position:absolute;
	top:84px;
	left:443px;
	width:450px;
	height:80px;
}

div#header div.blogID a {
	display:block;
	width:450px;
	height:80px;
}

div#header div.blogID a span {
	position:absolute;
	text-indent:-9999px;
}

/* mac ie \*//*/
div#header div.blogID a span {
	display:none;
}
/**/

/* bar */
/*-------------------------------------------------------------*/
div#bar {
	position:relative;
	width:920px;
	height:34px;
	background:url(./images/bar.jpg) no-repeat 0 0;
}

div#bar p {
	position:absolute;
	text-indent:-9999px;
}

/* mac ie \*//*
div#bar p {
	display:none;
}
/**/

/* search */
/*-------------------------------------------------------------*/
div#bar div.search {
	position:absolute;
	top:6px;
	left:511px;
	width:254px;
	height:21px;
}

div#bar div.search * {
	vertical-align:top;
}

div#bar div.search input.text {
	margin-right:5px;
	width:144px;
	height:21px;
	border:1px solid #1B5081;
	background-color:#EBF2F5;
}

div#bar div.search input.button {
	width:97px;
	height:21px;
}

/* font size */
/*-------------------------------------------------------------*/
div#bar div.fontSize {
	position:absolute;
	top:6px;
	left:764px;
	width:146px;
	height:21px;
}

div#bar div.fontSize h4 {
	position:absolute;
	top:0;
	left:0;
	width:75px;
	height:21px;
	background:url(./images/title_font_size.jpg) no-repeat 0 0;
}

div#bar div.fontSize ul {
	position:absolute;
	top:0;
	left:74px;
	width:66px;
	height:21px;
	background:url(./images/btn_font_size.jpg) no-repeat 0 0;
}

div#bar div.fontSize ul li {
	display:block;
	width:22px;
	height:21px;
	float:left;
}

div#bar div.fontSize ul li a {
	display:block;
	width:22px;
	height:21px;
}

div#bar div.fontSize ul li a span {
	position:absolute;
	text-indent:-9999px;
}

/* mac ie \*//*/
div#bar div.fontSize ul li a span {
	display:none;
}
/**/

/* contents wrap */
/*-------------------------------------------------------------*/
div#contentsWrap {
	width:920px;
	background:url(./images/contents_back.gif) repeat-y 0 0;
}

div#contentsWrap div.contentsLeft{
	width:920px;
	background:url(./images/contents_left_shadow.gif) no-repeat 0 0;
}

div#contentsWrap div.contentsRight{
	width:920px;
	background:url(./images/contents_right_shadow.gif) no-repeat right 0;
}

/* contents */
/*-------------------------------------------------------------*/
div#contents {
	margin:0 25px 0 30px;
	padding-bottom:20px;
	font-size:0.9em;
}

div#contents div.sideWrap {
	width:370px;
	float:right;
}

/* IE7 Only */
*+ html div#contents div.sideWrap * {
	overflow-x:hidden;
}

/* main contents */
/*-------------------------------------------------------------*/
div#mainContents {
	width:460px;
	float:left;
}

div#mainContents div.entry {
	margin-top:20px;
	padding-bottom:10px;
	width:460px;
}

div#mainContents div.entry * {
	font-size:92%;
	line-height:1.7;
}

div#mainContents div.entry h1, div#mainContents div.entry h2 {
	padding:4px 3px 0 15px;
	background:url(./images/title_back.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:1.3em;
	color:#336699;
	line-height:1.5;
}

div#mainContents div.entry h1 a , div#mainContents div.entry h2 a {
	font-weight:bold;
}

div#mainContents div.entry p {
	margin-top:1.5em;
	padding:0 0.9em;
	color:#5E668A;
}

div#mainContents div.entry p.more {
	margin:0.9em 0.9em 0 0.9em;
	padding-left:53px;
	background:url(./images/icon_more.gif) no-repeat 0 50%;
}

div#mainContents div.entry p.info {
	margin-top:15px;
	padding:4px 4px 5px 10px;
	background:url(./images/dotline.gif) no-repeat bottom;
	font-size:1em;
	color:#669933;
}

div#mainContents div.entry p.info em {
	padding:3px 10px 3px 20px;
	font-style:normal;
}

div#mainContents div.entry p.info em.date {
	background:url(./images/icon_date.gif) no-repeat 0 50%;
}

div#mainContents div.entry p.info em.user {
	padding-left:17px;
	background:url(./images/icon_user.gif) no-repeat 0 50%;
}

div#mainContents div.entry p.info em.comment {
	padding-left:18px;
	background:url(./images/icon_balloon.gif) no-repeat 0 50%;
}

div#mainContents div.entry blockquote {
	margin:1.5em 1em 0 1em;
	border:1px dotted #CC6600;
	background:#ffffed;
	padding:7px 10px;
	color:#993300;
}

div#mainContents div.entry blockquote p {
	margin:0;
	padding:0;
	font-size:1em;
	color:#993300;
}

div#mainContents div.entry ul {
	margin-top:10px;
}

div#mainContents div.entry ul li {
	margin:5px 0 0 12px;
	padding-left:0;
	list-style:disc outside;
	color:#5E668A;
}


/* side left */
/*-------------------------------------------------------------*/
div#sideLeft {
	width:170px;
	float:left;
}

div#sideLeft h3, div#sideRight h3 {
	margin-top:20px;
	width:170px;
	height:22px;
}

div#sideLeft h3.profile {
	background:url(./images/title_profile.jpg) no-repeat 0 0;
}

div#sideLeft h3.archive {
	background:url(./images/title_archive.jpg) no-repeat 0 0;
}

div#sideLeft h3.entry {
	background:url(./images/title_entry.jpg) no-repeat 0 0;
}

div#sideLeft h3.feed {
	background:url(./images/title_feed.jpg) no-repeat 0 0;
}

div#sideLeft h3.link {
	background:url(./images/title_link.jpg) no-repeat 0 0;
}

div#sideLeft p, div#sideRight p {
	margin-top:0.9em;
	font-size:0.8em;
	line-height:1.5;
	color:#CC6600
}

div#sideLeft p strong {
	color:#336633;
}

div#sideLeft ul, div#sideRight ul {
	padding-top:0.7em;
}

div#sideLeft ul li, div#sideRight ul li {
	margin-top:0.1em;
	padding-left:14px;
	background:url(./images/bullet.gif) no-repeat 0 4px;
	font-size:0.8em;
	line-height:1.5;
}

div#sideLeft li#linkcat-2 h2 {
	display:none;
}

/* side left */
/*-------------------------------------------------------------*/
div#sideRight {
	width:170px;
	float:right;
}

div#sideRight h3.product {
	background:url(./images/title_relation_product.jpg) no-repeat 0 0;
}

div#sideRight h3.info {
	background:url(./images/title_relation_info.jpg) no-repeat 0 0;
}

div#sideRight h3.calendar {
	background:url(./images/title_calendar.jpg) no-repeat 0 0;
}

div#sideRight ul li {
	margin-top:5px;
	font-size:0.8em;
	line-height:1.5;
}

div#sideRight ul.product {

}

* html div#sideRight ul.product {
	margin-top:0.4em;
}

div#sideRight ul.product li {
	margin:5px 0 0 0;
	padding:6px 0 0 0;
	background:url(./images/side_dotline.gif) no-repeat 0 0;
	font-size:0.72em;
	line-height:1.4;
	float:left;
	voice-family: "\"}\"";
  voice-family:inherit;
	float:none;
}

* {}

* html div#sideRight ul.product li {
	height:1%;
	/* mac ie \*//*/
	overflow:hidden;
	height:auto;
	/*/
}

div#sideRight ul.product li.top {
	padding:0;
	background-image:none;
}

div#sideRight ul.product {
	margin-top:0;
}
div#sideRight ul.product li img {
	margin-right:5px;
	float:left;
}

/* footer */
/*-------------------------------------------------------------*/
div#footer {
	width:920px;
	background:url(./images/footer_back.gif) repeat-y 0 0;
}

div#footer div.top {
	background:url(./images/footer_top.gif) no-repeat 0 0;
	text-align:center;
}

div#footer div.top ul {
	padding-top:20px;
}

div#footer div.top ul li {
	display:inline;
	font-size:0.8em;
}

div#footer div.top ul li a {
	color:#fff;
}

div#footer div.top ul li a:visited {
	color:#CCFFFF;
}

div#footer div.top ul li a:hover {
	color:#FF9900;
}

div#footer div.top ul li a:active {
	color:#FF0000;
}

div#footer div.top ul li.title {
	font-weight:bold;
	color:#33CCFF;
}

div#footer div.top p {
	margin:7px 0;
	font-size:0.8em;
	font-weight:bold;
	color:#FF9900;
}

div#footer div.bottom {
	height:20px;
	background:url(./images/footer_bottom.gif) no-repeat 0 0;
}

/* calendar */
/*-------------------------------------------------------------*/
div#sideRight div.calendarWrap {
	margin-top:0.9em;
	text-align:center;
	width:170px;
	background:url(./images/calendar_back.gif) repeat-y 0 0;
}

div#sideRight div.calendarWrap div.top {
	height:10px;
	background:url(./images/calendar_top.gif) no-repeat 0 0;
	font-size:0;
}

div#sideRight div.calendarWrap div.bottom {
	height:6px;
	background:url(./images/calendar_bottom.gif) no-repeat 0 0;
	font-size:0;
}

div#sideRight div.calendarWrap table {
	margin:0 auto;
}

div#sideRight div.calendarWrap caption {
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	color:#0066CC;
}

div#sideRight div.calendarWrap table th, div#sideRight div.calendarWrap table td {
	padding:2px;
	text-align:center;
	font-size:12px;
	color:#5E668A;
}

div#sideRight div.calendarWrap table td a {
	color:#0066CC;
}

div#sideRight div.calendarWrap table td a:visited {
	color:#CCFFFF;
}

div#sideRight div.calendarWrap table td a:hover {
	color:#FF9900;
}

div#sideRight div.calendarWrap table td a:active {
	color:#FF0000;
}

/* 404 */
/*-------------------------------------------------------------*/
div#mainContents h2.error {
	margin-top:20px;
	width:460px;
	height:38px;
	background:url(./images/404.jpg) no-repeat 0 0;
}

div#mainContents p.alert {
	padding:10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:1.5;
	color:#5E668A;
}

/* navi */
/*-------------------------------------------------------------*/
div#mainContents div.navi {
	margin-top:20px;
}

div#mainContents div.navi p {
	text-align:center;
	font-size:0.8em;
}

/* comentdisp */
/*-------------------------------------------------------------*/
div#commentdisp {
	margin-top:20px;
	width:460px;
}

div#commentdisp h3 {
	width:460px;
	height:22px;
	background:url(./images/title_comment.jpg) no-repeat 0 0;
}

div#commentdisp p {
	margin-top:7px;
	padding:0 10px;
	font-size:0.9em;
	line-height:1.5;
	color:#666;
}

div#commentdisp p.rss {
	margin-top:15px;
}

div#commentdisp p.rss a {
	background:url(./images/feed.gif) no-repeat 0 50%;
	padding-left:17px;
}


div#commentdisp ol.commentlist {
	
}

div#commentdisp ol.commentlist li {
	margin-top:10px;
	font-size:0.9em;
	line-height:1.5;
}

div#commentdisp ol.commentlist li p {
	margin-top:7px;
	padding:0 10px;
	font-size:inherit;
	color:#666;
}

div#commentdisp ol.commentlist li p.meta {
	margin-top:7px;
	padding:4px 4px 5px 10px;
	background:url(./images/dotline.gif) no-repeat bottom;
	font-size:inherit;
	color:#669933;
}

/* trackback */
/*-------------------------------------------------------------*/
div#trackback {
	margin-top:20px;
	width:460px;
}

div#trackback h3 {
	width:460px;
	height:22px;
	background:url(./images/title_trackback.jpg) no-repeat 0 0;
}

div#trackback p {
	margin-top:15px;
	padding:0 10px;
	font-size:0.8em;
	line-height:1.5;
	color:#666;
}

div#trackback p input {
	width:440px;
	color:#666;
}


/* respond */
/*-------------------------------------------------------------*/
div#respond {
	margin-top:20px;
	width:460px;
}

div#respond h3 {
	width:460px;
	height:22px;
	background:url(./images/title_comment_post.jpg) no-repeat 0 0;
}

div#respond p {
	margin-top:15px;
	padding:0 10px;
	font-size:0.8em;
	line-height:1.5;
	color:#666;
}

div#respond table {
	margin-top:10px;
}

div#respond table th {
	width:80px;
	padding:3px;
	background-color:#E2EFFE;
	white-space:nowrap;
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
	color:#336699;
}

div#respond table td {
	padding:2px 2px 0 5px;
	font-size:0.8em;
}

div#respond textarea {
	width:360px;
	font-size:inherit;
	line-height:1.5;
}

div.explane {
	margin-top:15px;
	background:url(./images/exp_back.gif) repeat-y 0 0;
}

div.explane div.top {
	height:5px;
	background:url(./images/exp_top.gif) no-repeat 0 0;
	font-size:0;
}

div.explane div.bottom {
	height:5px;
	background:url(./images/exp_bottom.gif) no-repeat 0 0;
	font-size:0;
}

div.explane p {
	margin:3px 10px;
	padding-left:18px;
	background:url(./images/information_icon.gif) no-repeat 0 50%;
}

div#respond div.explane p {
	margin:3px 10px;
	padding-left:18px;
	background:url(./images/information_icon.gif) no-repeat 0 50%;
}