body {
	margin: 0px;
	padding: 0px;
	
	background-image: url(img/body-bg.jpg);
	background-repeat: repeat-y;
	background-position: center 0px;
	
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.5em;
	color: #333333;
	font-size: 16px;
	text-align: justify;

/*	background-color:#808080;          （グレー）わかりやすいように色をつける  */
/*	border: solid  2px  #000000;		　枠線　*/
}





/*------------共通-----------*/

h1,h2,h3,h4,ul,li {
	margin: 0;
	padding: 0;
}	/**/


img.banner {
	border: solid 0px;
}


p {
	margin-top: 0;
	margin-bottom: 1em;
}


p.small {
	font-size: 14px;
}


span.small {
	font-size: 14px;
}


strong {
	font-weight: normal;
}

/*--------------------------*/




/*------------------------------【container】-----------------------------------*/

#container{
	width: 750px;
	padding: 10px 0px 20px 0px;		/* 750 + L0px +R0px  =750px */
	
	margin: auto;

	position: relative;
/*	background-color:#e6bfab;          (赤)わかりやすいように色をつける  */
}






/* ヘッダー 
-------------------------------------*/

#header {
/*	border: solid  1px  black;		　枠線　*/
	background-image: url(img/header.jpg);	/**/
	background-repeat: no-repeat;
	
	width: 750px;
	height: 150px;
}


#header h1{
	text-indent:-9999px;
}


a.header-title{	/* へーダーのタイトルをクリックしてトップページへ */
	display: block;
	width: 200px;
	position: absolute;
	top: 71px;	
	left: 270px;
	text-decoration: none;
/*	border: solid  1px  black;	*/

}


/*--------------〔 メイン 〕------(コンテンツとサイドをまとめるブロック)------*/



#main {

	background-image: url(img/main-bg_1.jpg);
	background-repeat: repeat-y;
	background-position: 87px 0px;
	
	margin: 0;
	padding: 0;

/*	background-color: #99cc66;	（緑）わかりやすいように色をつける  */
/*	border: solid 2px green;	　枠線　*/
}





/* コンテンツ 
-------------------------------------*/

#contents{
	float: right;
	width: 480px;
	margin-right: 40px;
	margin-bottom: 50px;


/*	background-color: #88bfbf;          （青）わかりやすいように色をつける  */
/*	border: solid  2px  blue;	　枠線　*/
}


#contents h1 {
	color: #4753a2;/*#483d8b  #336699*/
	font-size: 26px;
	font-weight: normal;
	margin-top: 40px;
}


#contents h2 {
	margin-top: 60px;
	margin-bottom: 20px;
	/*height: 26px;*/
	
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0px 0px 20px;
	
	background-image: url(img/h2-midasi.jpg);
	background-repeat: no-repeat;
	
	/*	border: solid  2px  blue;	　枠線　*/
}



	/*---------個別（細部）のスタイル--------------*/
	
	h3.column{
		margin-top: 40px;
		margin-bottom: 15px;
		background-image: url(img/check.gif);
		background-repeat: no-repeat;
		padding:5px 5px 5px 30px;
		background-position: 0px 10px;
			background-color: #ffdbed;         /* */
	}
	

	h2 span.midasi-yomi {
		font-size: 16px;
		font-weight: normal;
	}


	p.lead {	/*トップページ ・ プロフィール のリード文*/
		line-height: 1.6em;
		color: #4753a2;	/*#483d8b #336699*/
		font-size: 17px;
		margin-top: 40px;
		margin-left: 20px;

	}


	img.photo {
		float: right;
		margin: 0px 10px 20px 35px;
	}


	ul.iyasi-list {
		list-style-type: circle;
		margin-left: 2em;
	}


	ul.link-list {
		list-style-type: circle;
		margin-left: 2em;
		font-size: 12px;
	}


	.link-list li {
		line-height: 1.3em;
		margin-bottom: 15px;
	}


	#linkpage-menu {
		font-size: 12px;
		margin-top: 50px;
		margin-bottom: 0px;
	}




	/* 各月の誕生石ナビ */
	div.page-menu {
		height: 2px;
		text-align: right;
		margin-top: 5px;
		/*	background-color:#e6bfab;          (赤)わかりやすいように色をつける  */
	}
	
	
	.page-menu ul {
		display: inline;
		font-size: 14px;
		list-style-type: none;
		/*	background-color: #88bfbf;          （青）わかりやすいように色をつける  */
	}
	
	
	.page-menu ul a {
		display: inline;
		text-decoration: none;
	}
	
	
	.page-menu li {
		display: inline;
		margin-left: 70px;
		padding-left: 20px;
		background-image: url(img/yaji.gif);
		background-repeat: no-repeat;
			/*	background-color: #99cc66;	（緑）わかりやすいように色をつける  */
	}








	/* ページ内ジャンプのナビ */
	div.page-jump {
		font-size: 12px;
		margin-left: 300px;
		/*	background-color: #99cc66;	（緑）わかりやすいように色をつける  */
	}
	
	
	div.page-jump a {
		background-image: url(img/yaji.gif);
		background-repeat: no-repeat;
		padding-left: 15px;
	}






	#adsense {
		width: 350px;
		height: 310px;
		
		margin: 30px 0px 80px 40px;
			/*	border: solid  1px  #d1d1d1;	　枠線　*/
	}


	#adsense p {
		color: #999999;
		font-size: 12px;
	}






	p.column {/* テキストをそのまま転載（エメラルドのコラム） */
		white-space: pre;
		font-family: monospace;
	}







	table.tourmaline {
		/* トルマリンページのテーブル　スタイルを与えません */
	}


	/* データページのテーブル */
	table.data {
		font-size: 14px;
		margin: 50px 0 0 0;
	/*	border: solid 1px;	*/
		
	}


	table.data th {
		text-align: center;
		padding: 0 10px 0 10px;
	}


	table.data td {
		width: 150px;
		padding: 0 10px 0 10px;
	}


	tr.head {
		background-color: #bccddb;
	}


	tr.last {
		height: 30px;
	}


	span.t-small {
		font-weight: normal;
		font-size: 12px;
	}

		/* END データページのテーブル */




	/* 各国ページのテーブル */

	table.each {
		font-size: 12px;
		margin: 30px 0 30px 0;
		text-align: center;
	}


	table.each td {
		font-size: 12px;
		 line-height: 1.1em;
		 height: 40px;
	}


	table.each tr.color {
		background-color: #dbebc4;
		
	}
		/* END 各国ページのテーブル */




	/* 書籍紹介のスタイル */
	
	#book {
		margin-top: 60px;
		font-size: 12px;
		line-height: 1.5em;
	}
	
	img.book {
		display: block;
		margin: auto;
		padding: 0px 0 10px 0;
	}




	#book-1 {
		position: relative;
		float: left;
		width: 215px;
		height: 470px;
		padding: 10px;
		margin-bottom: 60px;
		background-image: url(img/b.jpg);
		border: solid  1px  #d4d9d6;
		/*	background-color:#e6bfab;          (赤)わかりやすいように色をつける  */
	}


	#book-2 {
		position: relative;
		float: right;
		width: 215px;
		height: 470px;
		padding: 10px;
		margin-bottom: 60px;
		background-image: url(img/b.jpg);
		border: solid  1px  #d4d9d6;
			/*	background-color: #88bfbf;          （青）わかりやすいように色をつける  */
	}


	#book h2 {
		background-image: url();
		font-size: 13px;
		text-align: center;
		margin: 0px 0 15px 0;
		padding: 0;
		/*	background-color: #99cc66;	（緑）わかりやすいように色をつける  */
	}


	#book-others {
		position: relative;
		clear: both;
		padding: 10px;
		height: 150px;
		margin-bottom: 60px;
		margin-top: 60px;
		background-image: url(img/b2.jpg);
			/*	border: solid  1px  #d4d9d6;	　枠線　*/
	}


	img.book-others {
		float: left;
		margin: 0px 10px 0px 10px;
	}


	p.price {
		text-align: right;
		padding-right: 10px;
		font-size: 16px;
	}


	p.price_1-2 {
		position: absolute;
		top: 420px;
		left: 180px;

		text-align: right;
		padding-right: 10px;
		font-size: 16px;
	}


	div.amazon-logo-1 {
		position: absolute;
		top: 450px;
		left: 55px;
	}


	div.amazon-logo-2 {
		position: absolute;
		top: 450px;
		left: 55px;
	}


	div.amazon-logo-others {
		position: absolute;
		top: 140px;
		left: 230px;
	}


	div.auto-banner {
		padding: 100px 0 30px 10px;
	}




	/* ジュエリーを探すのスタイル */

	div.entry {
		font-size: 16px;
		margin-top: 40px;
	}


	table.jewelry {
		text-align: center;
		font-size: 12px;
		width: 100%;
		margin-top: 40px;
	}


	table.jewelry td {
		width: 25%;
		padding-top: 10px;
		padding-bottom: 50px;
	}


	img.jewelry {
		margin-bottom: 5px;
	}


	ul.jewelry {
		line-height: 1.2em;
		list-style: none;
	}


	ul.jewelry li {
		background-image: url(img/yaji.gif);
		background-repeat: no-repeat;
		margin-left: 25px;
	}


	div.sale-banner {
		background-color: #ffd1ff;
		border: solid 1px #ff8eff;
		text-align: center;
		padding: 50px 0 15px 0;
		margin-top: 100px;
	}


	p.sale-banner {
		text-align: left;
		line-height: 1.1em;
		font-size: 11px;
		color: #dc6b9a;
		padding-top: 10px;
		padding-left: 20px;
	}



	/* ベビーリングのスタイル */

	#shop {
		font-size: 12px;
	}


	.shop-1,.shop-2,.shop-3,.shop-4 {
		background-image: url(img/shop-bg.jpg);
		background-repeat: repeat-x;
		height: 250px;
		padding: 10px;
		margin: 50px 0 50px 0;
		position:  relative;
			border: solid 1px #ffd1ff;	/**/
	}


	p.shop-name {
		font-weight: bold;
		font-size: 14px;
		text-align: center;
	}


	img.shop {
		float: left;
		margin-right: 10px;
	}


	div.go_shop {
		position: absolute;
		top: 230px;
		left: 165px;
	}







/* サイド 
--------------------------------------*/

#side{
	width: 180px;
		padding-top: 40px;	/**/
	padding-bottom: 50px;
	margin-left: 5px;
	
	position: relative;

/*	background-color:#edde7b;          （黄）わかりやすいように色をつける  */
/*	border: solid  2px  orange;		　枠線　*/
}


#side h3 {
	background-color: #222222;
	color: #ffffff;
	font-size: 16px;
	padding: 5px 0px 5px 5px;
	margin-bottom: 1px;
	margin-top: 40px;

/*	font-family: cursive;	  serif    fantasy  
	font-size: ;	*/
}


#side a {
	display: block;
	
/*	color: #ffffff;	*/
	text-decoration: none;
	text-align: center;

/*		border: solid 1px #000;	わかりやすいように枠をつける*/
}


.base-menu {/*最初から表示されてるメニューの背景色*/
	background-color: #333333;
	color: #ffffff;
}


a.base-menu {/*最初から表示されてるメニューのサイズ*/
	margin: 0px 15px 1px 0px;
	padding: 3px 0px;
}



.pullmenu a {/*プルダウンメニューの背景色とサイズ*/
	background-color: #dcdcdc;
	width: 95px;
	padding: 3px 0px;
	color: #333333;
	font-size: 14px;
			border-right: solid 1px #000;	
			border-left: solid 1px #000;	
		/*	border-top: solid 1px #333;	*/
		/*	border-bottom: solid 1px #333;	*/
}


	a:hover.base-menu {
		background-color: #696969;
	}


	.pullmenu a:hover {
		background-color: #c0c0c0;
	}


.pullmenu {/*プルダウンメニューを隠す*/
	visibility: hidden;	/**/
	position: absolute;
	left: 0;
}



	/*プルダウンメニューの表示位置*/

	#pullmenu-1 {
		position: absolute;
		top: 250px;	/*上面から +5px*/
		left: 125px;
	}


	#pullmenu-2 {
		position: absolute;
		top: 281px;	/*上記数値に +31px*/
		left: 125px;
	}


	#pullmenu-3 {
		position: absolute;
		top: 312px;
		left: 125px;
	}


	#pullmenu-4 {
		position: absolute;
		top: 343px;
		left: 125px;
	}


	#pullmenu-5 {
		position: absolute;
		top: 374px;
		left: 125px;
	}


	#pullmenu-6 {
		position: absolute;
		top: 405px;
		left: 125px;
	}


	#pullmenu-7 {
		position: absolute;
		top: 436px;
		left: 125px;
	}


	#pullmenu-8 {
		position: absolute;
		top: 467px;
		left: 125px;
	}


	#pullmenu-9 {
		position: absolute;
		top: 498px;
		left: 125px;
	}


	#pullmenu-10 {
		position: absolute;
		top: 529px;
		left: 125px;
	}


	#pullmenu-11 {
		position: absolute;
		top: 560px;
		left: 125px;
	}


	#pullmenu-12 {
		position: absolute;
		top: 591px;
		left: 125px;
	}



#adsense-side {
	width: 120px;
	height: 90px;
	
	margin: 10px 0px 0px 10px;
	/*		border: solid  1px  #d1d1d1;	　枠線　*/
}


#adsense-side p {
	color: #999999;
	font-size: 10px;
}



/* ダミー　　：フッターの一部として利用
---------------------------*/

#dammy {
	clear: right;
	height: 10px;
	background-color: #222;

/*	border: solid 1px red;	（赤）わかりやすいように色をつける  */
}




/*--------------------------〔 メイン END〕---------------------------*/







/* フッター 
-------------------------------------------*/

#footer {
	background-color: #333;
	height: 60px;

	text-align: center;
	color: #ffffff;
	
/*	border: solid  1px  black;		　枠線　*/
}


address {
	font-style: normal;
	padding-bottom: 10px;

/*	border: solid  1px  black;	　枠線　*/
}

address a {
	color: #99ccff;
}



.foot-menu a {
	font-size: 12px;
	text-decoration: none;
}


/*---------------------------------【container END】----------------------------------------*/









