/*  +++++　Template Design  Template Bank by モノクリエイト



このcssファイルは、テンプレートバンク会員（有料）の方のみに、使用許可されるものです。

このcssファイルの無断配布及び商用販売を固く禁じます。



　　　　　　　　Copyright (C) 2007 Mono-Create All rights reserved.　+++++ */





/* +++++ すべてのタグの余白をゼロにリセット +++++ */

* {  margin: 0; padding: 0; }





/* リンク設定 */

a { text-decoration: underline; color: #0000ff }

a img { border: 0; }

a:hover {color: #4f3e39; }



/* 見出し設定 */

h1, h2, h3, h4 { font-weight: bold; color: #4f3e39; }

h1, h2, h3, h4, p, ul { margin-top: 0; margin-bottom: 0;}





/* ++++++++++ ベース設定 ++++++++++ */



/* ブログ全体の設定 */

body {

	background: url(http://detoccs.gacyan.net/img/body_back.gif) repeat-y #ffffff;

	background-position: center;

	margin: 0px ;

	color: #4d4d4d;

	text-align: center;

	font-family: Verdana, Arial, sans-serif;

	}





/* ++++++ ブログの横幅設定 ++++++ */

#container {

	width: 780px;

	text-align: left;

	background-color: #ffffff;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0;

	padding: 0;

	}





/* ++++++ ２段組の横幅設定 ++++++ */



/* コンテンツ部分の横幅 */

#center	{

	width: 552px;

	text-align: left;

	margin-bottom: 10px;

	float: right;

	}



/* サイドバーの横幅 */

#left {

	width: 218px;

	text-align: left;

	float: left;

	}





/* ++++++++++ レイアウトのデザイン設定 ++++++++++ */

#main {

	background-color: #ffffff;

	padding-top:10px;

	}



#two-left #center {

	border-left: dashed 1px #4f3e39;

	}





/* ヘッドナビゲーション */

.head-navi {

	padding: 145px 20px 0 0;

	text-align: right;

	font-size: 10px;

	color: #ffffff;

	font-weight: bold;

	text-decoration: none;	

	margin: 0;

	clear: both;

	}



.head-navi a {

	color: #ffffff;

	text-decoration: none;	

	}





/* ページトップリンク */

#return {

	text-align: right;

	font-size: 12px;

	padding: 15px 0 15px 0;

	clear: both;

	}



/* パンくずリスト */

#pankuzu  {

	font-size: 14px;

	padding: 0 0 10px 15px;

	font-weight: bold;

	}



.normal { font-weight: normal; }





/* ++++++ 段の間隔 ++++++ */



/* コンテンツ部分の左右の余白 */

.content div {

	margin-left: 10px;

	margin-right: 10px;

	}



/* 右サイドバーの左右の余白 */

#left div {

	margin-left: 10px;

	margin-right: 10px;

	}



.content div div, #left div div {

	margin-left: 0;

	margin-right: 0;

	}





/* ++++++++++ パーツのデザイン設定 ++++++++++ */



/* ++++++ ヘッダー部分のデザイン ++++++ */

/* ヘッダー */

#banner,

#banner2	{

	padding: 0px;

	background: url(http://detoccs.gacyan.net/img/title_banner.jpg) no-repeat;

	background-position: top; 

	height: auto;

	height:auto;

	}



#banner h1 {	

	font-size: 24px;

	margin-bottom: 0;

	text-align: left;

	padding: 0 20px 0 20px;

	}



#banner2 h1 {	

	font-size: 18px;

	margin-bottom: 0px;

	text-align: left;

	padding: 3px 20px 0 20px;

	}



#banner h1 a,

#banner2 h1 a {

	text-decoration: none;

	color: #4f3e39;

	}



#banner h2,

#banner2 h2 {

	font-size: 12px;

	font-weight: normal;

	padding: 20px 30px 0 30px; 

	}





/* ++++++ コンテンツ部分のデザイン ++++++ */

/* メインコンテンツオススメ商品部分 */

.main-inner { margin: 0; }



.main-inner h2 {

	background: url(http://detoccs.gacyan.net/img/kiji_bar.gif) no-repeat;

	font-size: 15px;

	height: auto;

	line-height: 150%;	

	padding: 0px 5px 2px 30px;

	margin: 0 0 10px 0;

	}



.main-inner h3 {

	font-size: 14px;

	}



.main-inner p {

	font-size: 14px;

	line-height: 150%;

	padding: 10px 20px 10px 25px;

	margin: 0;

	}



.main-inner p.posted	{

	text-align: left;

	font-size: 12px;

	color: #333333;

	border-top: dotted 2px #4d4d4d;

	padding: 2px 0 0 5px;

	margin: 0;

	clear: both;

	}



.main-inner table {

	width: auto;

	font-size: 12px;

	line-height: 140%;

	text-align: center;

	padding: 0;

	margin: 10px 0;

	}



.main-inner td {

	text-align: left;

	}



.right {

	float: right;

	margin: 0px 0px 20px 20px;

	}



.left {

	float: left;

	margin: 0px 20px 20px 0px;

	}



/* 新着情報 */

.w-new { 	margin: 15px 0 30px; }



.w-new h2 {

	background: url(http://detoccs.gacyan.net/img/kiji_bar.gif) no-repeat;

	font-size: 15px;

	height: auto;

	line-height: 150%;	

	padding: 0px 5px 2px 30px;

	margin: 0 0 15px 0;

	}



.w-new h3 {

	background: url(http://detoccs.gacyan.net/img/arrow.gif) no-repeat;

	height: auto;

	font-size: 12px;

	color: #444444;

	padding: 0 25px 3px 20px;

	margin: 7px 5px 10px 10px;

	border-bottom: dotted 1px #4d4d4d;	

	}





/* エントリー */

.entry h2 {

	background: url(http://detoccs.gacyan.net/img/kiji_bar.gif) no-repeat;

	font-size: 15px;

	height: auto;

	line-height: 150%;	

	padding: 0px 5px 2px 30px;

	margin: 0 0 10px 0;

	}



.entry h3 {

	font-size: 14px;

	padding: 7px 0 0 15px;

	}



.entry p {

	font-size: 14px;

	line-height: 150%;

	padding: 10px 20px 10px 25px;

	clear: both;	

	}



.entry p.posted {

	text-align: right;

	font-size: 12px;

	border-top: dotted 2px #4d4d4d;

	padding: 5px 0 15px 0;

	}



.entry p.extended {

	text-align: right;

	font-size: 12px;

	padding: 10px 0 15px 0;

	}



.entry ul {

	font-size: 14px;

	list-style-type: none;

	}



.entry li {

	background: url(http://detoccs.gacyan.net/img/catemark.gif) no-repeat ;

	height: 22px;

	font-size: 13px;

	list-style-type: none;

	line-height: 130%;

	padding: 0 20px 10px 20px;

	margin: 10px 0 0 0;

	border-bottom: dotted 2px #4d4d4d;

	}



.entry li a {

	font-weight: bold;

	}





/* トラックバック */

.trackbacks h3 {

	font-size: 12px;

	padding: 0 15px;

	}



.trackbacks-content {

	font-size: 12px;

	padding: 0 15px;

	}



.trackback-footer {

	font-size: 12px;

	}



#trackbacks-info {

	margin: 10px 0;

	border: 1px dashed #4d4d4d;

	padding: 2px 10px;

	background: #eeeae2;

	font-size: 11px;

	text-align: center;

	}



/* カテゴリー一覧・関連エントリー */

.categorybox,

.entry-bottom {

	background: #eeeae2;

	padding: 10px 15px;

	margin: 10px 0;

	border: 1px dashed #4d4d4d;

	}



.categorybox h3,

.entry-bottom h3 {

	font-size: 12px;

	padding: 0 0 5px 0;

	}



.categorybox h4,

.entry-bottom h4 { font-size: 12px; }





/* アーカイブ・カテゴリーアーカイブの設定 */

.sitemap h2,

.categorylist h2 {

	background: url(http://detoccs.gacyan.net/img/kiji_bar.gif) no-repeat;

	font-size: 15px;

	height: auto;

	line-height: 150%;	

	padding: 0px 5px 2px 30px;

	margin: 0 0 10px 0;

	}



.sitemap h3,

.categorylist h3 {

	background: url(http://detoccs.gacyan.net/img/catemark.gif) no-repeat ;

	height: auto;

	font-size: 13px;

	text-align: left;

	font-weight: bold;

	margin: 20px 0 0 20px;

	padding: 0 0 0 25px;

	}



.sitemap p {

	padding: 5px 0 0 40px;

	font-size: 13px;

	text-align: left;

	margin: 0 10px;

	}



.categorylist p {

	line-height: 150%;

	font-size: 13px;

	text-align: left;

	padding: 0 15px 15px 30px;

	margin: 10px 0;

	border-bottom: dotted 2px #4d4d4d;

	}





/* ++++++ サイドバー部分のデザイン ++++++ */



/* メニュー */

.sidebar { margin: 0px; }



.freespace,

#sponsored-link { margin-bottom: 20px; font-size: 12px; }



.sidebar h3,

#categories h3,

#recent h3,

#link-list h3,

#sponsored-link h3,

.freespace h3, 

#search h3 {

	background: url(http://detoccs.gacyan.net/img/sidebar_back.jpg) repeat-x #ffffff ;

	font-size: 13px;

	height: auto;	

	padding: 4px 0 0 10px;

	margin: 0 0 10px 0;

	}



.sidebar ul,

#categories ul,

#recent ul,

.freespace ul,

#link-list ul {

	font-size: 12px;

	font-weight: bold;

	display: block;

	list-style-type: none;

	margin: 0 0 20px;

	}



.sidebar #categories ul ul {

	margin-bottom: 0;

	margin-top: 2px;

	}



.sidebar li,

#categories li,

#recent li,

.freespace li,

#link-list li {

	width: auto;

	height: auto;

	line-height: 150%;

	list-style-type: none;

	padding: 0 0 3px 5px;

	}





/* お気に入りに追加 */

.favorite {

	text-align: left;

	padding: 0 0 10px 0;

	}





/* AdSenseの設定 */

.ad_head,

.ad_center,

.ad_kiji,

.ad_side {

	background-color:#fff;

	text-align: center;

	margin: 10px 0;

	}





/* Movable Type・著作権情報 */

#powered {

	width: auto;

	font-size: 10px;

	color: #666666;

	text-align: left;

	margin: 15px;

	padding: 5px;

	border: dashed 1px #666666;

	}





/* フッターの設定ここから */

#footer {

	width: 780px;

	height: 50px;

	background: url(http://detoccs.gacyan.net/img/footer_back.jpg) no-repeat;

	background-position:bottom;

	font-size:13px;

	color: #4f3e39;

	text-align: center;

	margin: 0;

	clear: both;

	}



#footer-inner { padding: 22px 15px 0 15px; }