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

* {
	padding: 0;
	margin: 0;
}

img {
/*img要素をブロック要素に変更＆ボーダー無し*/
	border: 0;
	display: block;
}
.hide, kbd, hr{
	display: none;
}

.inline{
	display: inline;
}
/* ++++++ ブログの横幅設定 ++++++ */

#container {
	width: 750px;
	}


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

	/* コンテンツ部分の横幅 */
	#center	{
		width: 550px;
		}

	/* サイドバーの横幅 */
	#left	{
		width: 200px;
		}





/* ++++++ その他設定 ++++++ */

body {
       	text-align: center;
	}

#container {
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#left {
	float: left;
	padding-top:20px;
	}

#center {
	float: right;
	padding-top:20px;
	}

#footer	{
	clear: both;
	}




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

body	{
	background-color:#FFFFFF;
/*	background:url(../images/wave.gif) top left repeat-y;*/
	}

#main	{
	background-color:#FFFFFF;
	/*padding-top: 20px;*/
	}

#center	{
/*	background:url(../images/wave.gif) top left repeat-y;*/
	}

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

	/* 左サイドバーの左右の余白 */
	#left div {
		margin-left: 25px;
		margin-right: 5px;
		}

	/* コンテンツ部分の左右の余白 */
	.content div	{
		margin-left: 5px;
		margin-right: 25px;
		}


	#left div div, .content div div, #right div div {
		margin-left: 0;
		margin-right: 0;
		}



/* +++++++++++++++++++++ パーツのデザイン設定 +++++++++++++++++++++ */
/*ロゴ部分となるh1要素の設定*/
#header h1	{
	height: 70px;
	width: 750px;
	padding: 0;
	margin: 0 0 0 0;
	border: 0;
	text-indent: -9999px;/*h1内の文字をブラウザ上に表示させないため*/
	background: transparent url(../images/top_image.jpg) top center no-repeat;
}


/* gnaviブロック設定
---------------------------------------- */
#gnavi ul#gmenu	{
	position: relative;/*gnaviのli要素を絶対配置させる準備(基準)*/
	height: 35px;
	width: 750px;
	padding: 0;
	margin: 0;
	left: 0px;
	background: transparent url(../images/menubar.gif) top left no-repeat;
	/*メニューとなる画像は一枚画像で位置をずらして使用する*/
}
	
div#gnavi ul#gmenu li {
	position: absolute;/*gnaviのli要素全体をトップに絶対配置する*/
	top: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#gmenu li, ul#gmenu a {
	height: 35px;
	display: block;/*a要素をブロック要素に変更する（背景色、画像等を使う準備）*/
}

div#gnavi ul#gmenu li a {
	text-indent: -9999px;/*リンクメニュー内の文字をブラウザ上に表示させないため*/
	text-decoration: none;
	}

#gtop	{left: 0px; width: 118px;}/*各ボタンの位置、サイズを指定する*/
#gprofile	{left: 118px; width: 84px;}
#gshop	{left: 202px; width: 123px;}
#ghowto	{left: 325px; width: 118px;}
#gwonderland {left: 443px; width: 82px;}
#gcontact	{left: 525px; width: 122px;}
#glink	{left: 647px; width: 100px;}


/*各リンクボタンの背景をずらしてマウスオーバーを実現*/
#gtop a:hover	{background: transparent url(../images/menubar.gif) 0px -30px no-repeat;}
#gprofile a:hover {background: transparent url(../images/menubar.gif) -118px -30px no-repeat;}
#gshop a:hover {background: transparent url(../images/menubar.gif) -202px -30px no-repeat;}
#ghowto a:hover {background: transparent url(../images/menubar.gif) -325px -30px no-repeat;}
#gwonderland a:hover {background: transparent url(../images/menubar.gif) -443px -30px no-repeat;}
#gcontact a:hover {background: transparent url(../images/menubar.gif) -525px -30px no-repeat;}
#glink a:hover {background: transparent url(../images/menubar.gif) -647px -30px no-repeat;}



/* +++++++Title部分のデザイン ++++++ */

#title	{
	background:transparent center url(../images/blog_top.gif) top no-repeat;
	height:120px;
	margin:0 0 0 0;
	padding:0;
	}

#title h4{
	display:none;
}



/* ++++++ コンテンツ部分のデザイン ++++++ */
/* main */
#main	{
	background:transparent url(../images/shop_main_bg.gif) repeat-y;
	}
	


/* エントリー */

.entry h2	{
	font-size: 0.70em;
	text-align:right;
	margin-bottom:-16px;
    color:#666666;	
}

.entry h3	{
	font-size: 0.95em;
	color:#000000;
	height:19px;
	background:transparent url(../images/blog_title.gif) no-repeat;
	margin-bottom:-2px;
	padding: 0 5px 0px 5px;
	text-indent:27px;　　
　　　　　}



.entry h3 a{
	color:#000000;
	text-decoration:none;
	}


.entry p	{

	padding: 4px 4px 4px 4px;
	font-size: 0.9em;
	color:#000000;
	line-height: 200%;
	font-weight:700;
	}


.entry img{
	float:left;
	margin:10px;
	}

.entry p.posted	{
	clear:both;
	font-size: 0.66em;
	color: #aaaaaa;
	border-top: solid 1px #999999;
	padding-top: 6px;
	margin-bottom:40px;
	}

.posted a{
	color:#999999;
	}


.entry	{
	margin-bottom: 40px;
	}



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

/* カレンダー */
#calendar table	{
	background: transparent url(../images/blog_menu_bg.gif) top;
	width: 100%;
	font-size: 0.75em;
	text-align: center;
	border-left: solid 1px #CC0000;
	border-right: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	margin-bottom:10px;
	color:#333333;
	}

#calendar td	{
	padding: 5px 0;
	border: solid 1px #FFFFFF;
	}

#calendar a:	{
	text-decoration:underline;
	color:#000000;
	}



#calendar a:link	{
	text-decoration:underline;
	color:#000000;
	}

#calendar a:hover	{
	text-decoration:none;
	color:#000000;
	}

#calendar caption	{
	background: transparent url(../images/blog_h2.gif) top left no-repeat;
	color:#FFFFFF;
	height:21px;
	}
/* Topへ*/
#tophe a:link{
	font-size:large;
	}

#tophe a:hover{
	font-size:large;
	text-decoration:underline;
	}

#tophe a:visited{
	font-size:large;
	}



/* メニュー */
.sidebar h2	{
	font-size: 0.75em;
	margin-bottom: 0px;
	margin-left:25px;
	text-align:center;
	color:#FFFFFF;
	background: transparent url(../images/blog_h2.gif) top left no-repeat;
	height:21px;
	padding: 3px 0 0 0;
	}

.sidebar h3{
	font-size:0.75em;
	border-bottom:dotted 2px #CC0000;
	padding-left:5px;
	padding-right:2px;
	padding-top:5px;
	}

.sidebar a:	{
	color:#333333;
	text-decoration:none;
	padding-bottom:5px;
	}

.sidebar a:link	{
	color:#333333;
	text-decoration:none;
	padding-bottom:5px;
	}


.sidebar a:hover	{
	color:#333333;
	text-decoration:underline;
	}

.sidebar a:visited	{
	color:#333333;
	text-decoration:none;
}


.sidebar ul	{
	font-size: 0.75em;
	list-style-type:square;
	list-style-position:inside;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left:0;
	padding-left:5px;
	padding-right:2px;
	}

.sidebar li{
	margin-bottom:10px;
	}

#recententry	{
	background: transparent url(../images/blog_menu_bg.gif) top repeat-y;
	margin-top:-3px;
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	margin-bottom:10px;
	}

#archives{
	background: transparent url(../images/blog_menu_bg.gif) top repeat-y;
	margin-top:-8px;
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	margin-bottom:10px;
	}


/* コメント */

#comments	{
	border: solid 1px tomato;
	padding: 5px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#comments h2	{
	font-size: 1.1em;
	background: transparent url(../images/blog_menu_bg.gif) top left repeat-x;
	height:20px;
	padding:5px;
	color:#666666;
	}

#comments p	{
	font-size: 1em;
	color: #666666;
	line-height:1.5em;
	}

#comments p.posted	{
	color: #999999;
	border-top:dotted 1px #666666;
	margin-bottom:15px;
	padding-left:5px;
	padding-top:5px;
	font-size:0.66em;
	}

#comments div	{
	border-top: dotted 2px tomato;
	padding:5px;
	}


#comments h2#com02	{
	border-bottom: dotted 2px tomato;
	
		}

#comments form div	{
	border-top: none;
	padding 3px;
	}

#comments a:link{
	color: #66aaff;
	}
	
#comments a:hover{
	color: #66aaff;
	}

#comments a:visited{
	color: #66aaff;
	}



/* トラックバック */

#trackbacks	{
	border: solid 1px tomato;
	padding: 5px 20px;
	margin-top: 20px;
	margin-bottom: 40px;
	}

#trackbacks h2	{
	font-size: 0.75em;
	margin-bottom: 0;
	}

#trackbacks p	{
	font-size: 0.75em;
	color: #666666;
	margin-top: 8px;
	}

#trackbacks h3	{
	font-size: 0.75em;
	color: #999999;
	margin-bottom: 0;
	border-top: dotted 1px tomato;
	padding-top: 20px;
	}

#trackbacks a	{
	color: #66aaff;
	}

/* footerブロック設定
---------------------------------------- */

/* ++++++ Footer部分のデザイン ++++++ */
#footer{
	margin-top:-40px;
	height: 98px;
	width: 750px;
	padding: 0;
	text-align:center;
	background:transparent url(../images/shop_bottom_bg.gif) no-repeat;
	}



#footer address{
	padding-top:48px;
	font-size:x-small;
	font-style: normal;
	color:#000000;
	}
 
 

