@charset "utf-8";

/*図鑑トップ*/


ul li#navi_dictionary a {
	background:url(../../img/navi_dictionary.gif) no-repeat 0px -31px;
}

/*背景を無効化*/
div#main {
	background:none;
}

/*トップ*/

div#mygarden_top {
	width:711px;
	margin:10px 0px 0px 20px;
}

div#mygarden_top h2 {
	float:left;
	width:241px;
	height:139px;
	background:url(../../img/mygarden/title_mygarden_top.jpg) no-repeat ;
}

div#lead {
	float:right;
	width:470px;
	height:139px;
	background:url(../../img/mygarden/lead_mygarden_top_bg.jpg) no-repeat ;
}

div#lead p {
	font-size:0.8em;
	line-height:1.5em;
	padding:35px 15px 0px 15px;
}

div#detail {
	clear:both;
	width:711px;
	height:706px;
	background:url(../../img/mygarden/mygarden_bg.jpg) no-repeat ;
}

div#detail p {
	width:348px;
	height:29px;
	text-indent:-10000px;
	background:url(../../img/mygarden/detail_p.jpg) no-repeat;
	margin:0px auto;
}
div#detail ul {
	margin:10px 25px;
}
div#detail ul li {
	float:left;
}

/*下層ページ*/

div#myg_header {
	width:711px;
	height:105px;
	margin:10px 0px 0px 20px;
	background:url(../../img/mygarden/detail/header_bg.jpg) no-repeat;
}

div#myg_main {
	width:711px;
	margin:0px 0px 0px 20px;
	background:url(../../img/mygarden/detail/gardens_bg.jpg) repeat-y;
	font-size:0.8em;
}


div#myg_header h1 {
	width:280px;
	float:left;
}




/*下層ページタイトル*/
h1#spring_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/spring/spring_title.jpg) no-repeat;
}
h1#earlysummer_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/earlysummer/earlysummer_title.jpg) no-repeat;
}
h1#midsummer_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/midsummer/midsummer_title.jpg) no-repeat;
}
h1#latesummer_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/latesummer/latesummer_title.jpg) no-repeat;
}
h1#autumn_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/autumn/autumn_title.jpg) no-repeat;
}
h1#winter_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/winter/winter_title.jpg) no-repeat;
}

h1#container_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/container/container_title.jpg) no-repeat;
}
h1#shade_title {
	width:280px;
	height:105px;
	background:url(../../img/mygarden/detail/shade/shade_title.jpg) no-repeat;
}
/*下層ページタイトル　終了*/

div#myg_header ul {
	width:400px;
	float:right;
	margin:60px 0px 0px 0px;
}
div#myg_header ul li {
	float:left;
	text-indent:-10000px;
	display:block;
	width:26px;
	height:26px;
	margin:0px 5px;
}
div#myg_header ul li a {
	width:26px;
	height:26px;
}


li.myg_navi_01 {
	background:url(../../img/mygarden/detail/btn_myg01.gif) no-repeat 0px -26px;
}
li.myg_navi_02 {
	background:url(../../img/mygarden/detail/btn_myg02.gif) no-repeat 0px -26px;
}
li.myg_navi_03 {
	background:url(../../img/mygarden/detail/btn_myg03.gif) no-repeat 0px -26px;
}
li.myg_navi_04{
	background:url(../../img/mygarden/detail/btn_myg04.gif) no-repeat 0px -26px;
}
li.myg_navi_05{
	background:url(../../img/mygarden/detail/btn_myg05.gif) no-repeat 0px -26px;
}
li.myg_navi_06{
	background:url(../../img/mygarden/detail/btn_myg06.gif) no-repeat 0px -26px;
}
li.myg_navi_07 {
	background:url(../../img/mygarden/detail/btn_myg07.gif) no-repeat 0px -26px;
}
li.myg_navi_08 {
	background:url(../../img/mygarden/detail/btn_myg08.gif) no-repeat 0px -26px;
}
li.myg_navi_09 {
	background:url(../../img/mygarden/detail/btn_myg09.gif) no-repeat 0px -26px;
}

li.myg_navi_01 a {
	display:block;
	background:url(../../img/mygarden/detail/btn_myg01.gif) no-repeat;
}
li.myg_navi_01 a:hover {
	display:block;
	background:url(../../img/mygarden/detail/btn_myg01.gif) no-repeat 0px -26px;
}
li.myg_navi_02 a {
	background:url(../../img/mygarden/detail/btn_myg02.gif) no-repeat;
}
li.myg_navi_02 a:hover {
	background:url(../../img/mygarden/detail/btn_myg02.gif) no-repeat 0px -26px;
}
li.myg_navi_03 a {
	background:url(../../img/mygarden/detail/btn_myg03.gif) no-repeat;
}
li.myg_navi_03 a:hover{
	background:url(../../img/mygarden/detail/btn_myg03.gif) no-repeat 0px -26px;
}
li.myg_navi_04 a {
	background:url(../../img/mygarden/detail/btn_myg04.gif) no-repeat;
}
li.myg_navi_04 a:hover{
	background:url(../../img/mygarden/detail/btn_myg04.gif) no-repeat 0px -26px;
}
li.myg_navi_05 a {
	background:url(../../img/mygarden/detail/btn_myg05.gif) no-repeat;
}
li.myg_navi_05 a:hover{
	background:url(../../img/mygarden/detail/btn_myg05.gif) no-repeat 0px -26px;
}
li.myg_navi_06 a {
	background:url(../../img/mygarden/detail/btn_myg06.gif) no-repeat;
}
li.myg_navi_06 a:hover{
	background:url(../../img/mygarden/detail/btn_myg06.gif) no-repeat 0px -26px;
}
li.myg_navi_07 a {
	background:url(../../img/mygarden/detail/btn_myg07.gif) no-repeat;
}
li.myg_navi_07 a:hover{
	background:url(../../img/mygarden/detail/btn_myg07.gif) no-repeat 0px -26px;
}
li.myg_navi_08 a {
	background:url(../../img/mygarden/detail/btn_myg08.gif) no-repeat;
}
li.myg_navi_08 a:hover{
	background:url(../../img/mygarden/detail/btn_myg08.gif) no-repeat 0px -26px;
}
li.myg_navi_09 a {
	background:url(../../img/mygarden/detail/btn_myg09.gif) no-repeat;
}
li.myg_navi_09 a:hover{
	background:url(../../img/mygarden/detail/btn_myg09.gif) no-repeat 0px -26px;
}













div.myg_pattern01 {
	clear:both;
	width:600px;
	margin:0px auto;
	background:url(../../img/mygarden/detail/gardens_bg.jpg) repeat-y;
	}
div.myg_pattern01 img {
	float:left;
	width:218px;
	height:215px;
	}	
div.myg_pattern01 p {
	float:right;
	width:360px;
	margin:10px 0px 0px 0px;
	}
	
div.myg_pattern02 {
	clear:both;
	width:600px;
	margin:0px auto;
	background:url(../../img/mygarden/detail/gardens_bg.jpg) repeat-y;
	}
div.myg_pattern02 img {
	float:right;
	width:218px;
	height:215px;
	}	
div.myg_pattern02 p {
	float:left;
	width:360px;
	margin:10px 0px 0px 0px;
	}
	
div.myg_pattern03 {
	clear:both;
	width:600px;
	margin:0px auto;
	background:url(../../img/mygarden/detail/gardens_bg.jpg) repeat-y;
	}
div.myg_pattern03 img {
	float:left;
	width:218px;
	height:215px;
	}	
div.myg_pattern03 p {
	float:right;
	width:360px;
	margin:10px 0px 0px 0px;
	}


p#btn_next a {
	clear:both;
	display:block;
	text-indent:-10000px;
	width:269px;
	height:50px;
	background:url(../../img/mygarden/detail/myg_btn_next.jpg) no-repeat;
	margin:0px 0px 0px 420px;
	padding:0px 0px 20px 0px;
	overflow:hidden;
}
p#btn_next a:hover {
	background:url(../../img/mygarden/detail/myg_btn_next.jpg) no-repeat 10px -71px;
}


p#btn_back a {
	clear:both;
	display:block;
	text-indent:-10000px;
	width:326px;
	height:66px;
	background:url(../../img/mygarden/detail/myg_back_btn.jpg) no-repeat;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	overflow:hidden;
}


div#myg_fotter {
	width:711px;
	height:54px;
	margin:0px 0px 0px 20px;
	background:url(../../img/mygarden/detail/myg_fotter_bg.jpg) no-repeat;
}

div#myg_fotter ul {
	margin:0px auto;
	padding:15px 0px 0px 0px;
	width:350px;
}
div#myg_fotter ul li {
	float:left;
	text-indent:-10000px;
	display:block;
	width:26px;
	height:26px;
	margin:0px 5px;
}
div#myg_fotter ul li a {
	width:26px;
	height:26px;
}