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

* {
	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/shop_top.jpg) top no-repeat;
	height:120px;
	margin:0 0 0 0;
	padding:0;
	}

#title h4{
	display:none;
}

#mypage{
	text-align:right;
	padding:77px 50px 10px 580px;
	}

#mypage	a{
	color:#000000;
                text-deocration:underline;
	}

#mypage a:hover{
text-decoration:none;
}


/* ++++++ コンテンツ部分のデザイン ++++++ */
/* main */
#main	{
	background:transparent url(../images/shop_main_bg.gif) repeat-y;
	}
	
/* SHOP TOPーページ */
#photo_left{
	float:left;
	margin:10px 25px;
	}

#photo_right{
	float:right;
	margin:10px 25px;
	}


#clear	{
	clear:both;
	}

/* カテゴリーページ */
#category	{
	width:258px;
	margin:20px 5px 25px 5px;
	float:left;
	font-size:12px;
	height:auto;
	}

.extended	{
	background:transparent url(../images/blog_title.gif) no-repeat;
	height:30px;
	text-indent:30px;
	margin:3px;
	padding:3px;
	}

.extended a{
	color:#000000;
	font-size:11px;
	text-decoration:none;
	}


.extended a:link{
	color:#333333;
	font-size:11px;
	text-decoration:none;
	}

.extended a:hover{
	color:#000000;
	font-size:13px;
	text-decoration:none;
	}
	

	

/* エントリーページ */

h5{
	clear:both;
	border:dotted 2px #CC0000;    
	font-size:16px;
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
	line-height:1.5em;
}

h6 {
	color:#333333;
	font-size:12px;
	border:solid 1px #CCCCCC;
	padding:2px;
	margin-bottom:5px;
}

#kago_naka{
text-align:right;
}

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


/* Topへ*/
#tophe a{
	color:#000000;
	font-size:large;
text-decoration:underline;	
}

#tophe a:link{
	color:#000000;
	font-size:large;
	text-decoration:underline;
	}

#tophe a:hover{
	color:#000000;
	font-size:large;
	text-decoration:none;
	}




/* メニュー */

#recententry	{
	background: transparent url(../images/shop_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;
	height:auto;
}

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

#recententry a:link{
	color:#000000;
	text-decoration:none;
	}

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



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


#recententry ul	{
	font-size:1em;
	font-weight:bolder;
	color:#000000;
	list-style-type:none;
	margin:0 0 0 0;
	padding:3px 3px 20px 3px;
	border-bottom:#993300 dotted thin;
	}

#recententry ul ul{
	font-size:0.75em;
	font-weight:100;
	margin:10px;
	}

#recententry li	{
	padding-bottom:5px;
	}

#recententry li li	{
	background-image:url(../images/branch.gif);
	padding-left:25px;
	background-repeat:no-repeat;
	}
	
#recententry li li.sublast{
	background-image:url(../images/branch_last.gif);
	}

#ssl	{
	background-image:url(../images/ssl-3_01.gif) ;
	height:55px;
	}

.margin-right{
	margin-left:20px;
	font-size:0.9em;
	font-weight:bolder;
	color:#000000;
	}

/* footerブロック設定
---------------------------------------- */
/* ++++++ Footer部分のデザイン ++++++ */
#footer{

	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;
	}