@charset "utf-8";
/* CSS Document */

/*図鑑トップ*/


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


.text {
	clear:both;
	font-size:0.8em;
	margin-left:20px;
}

div#pankuzu p {
	margin-left:0px;
}


div#flower_top {
	width:704px;
	height:660px;
	margin:10px 20px;
	background:url(../../img/dic/dic_top_bg.jpg) bottom no-repeat;
}
div#flower_top h2#m_rose{
	width:704px;
	height:46px;
	background:url(../../img/dic/mrose_title.gif) no-repeat;
}
div#flower_top h2#o_rose{
	width:704px;
	height:46px;
	background:url(../../img/dic/orose_title.gif) no-repeat;
}
div#flower_top h3 {
	text-indent:0px;
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 18px;
	background:url(../../img/dic/top_arrow.gif) no-repeat 0px 6px;
}
div#flower_top ul{
	margin:0px 0px 0px 20px;
}
div#flower_top ul li{
	float:left;
	padding:0px 0px 0px 10px;
	width:210px;
	background:url(../../img/dic/arrow.gif) no-repeat 0px 6px;
}
div#flower_top h3 {
	clear:both;
}


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


/*タイトル*/

h2#title_ohanazukan {
	width:709px;
	height:27px;
	margin:10px 20px;
	background:url(../../img/dic/title_dic.gif) no-repeat;
	overflow:hidden;
	border:solid 1px #CCC;
}

h2#title_mygerden {
	width:709px;
	height:27px;
	margin:10px 20px;
	background:url(../../img/dic/title_mygerden.gif) no-repeat;
	overflow:hidden;
	border:solid 1px #CCC;
}

/*ローズ*/

div#rose_box {
	float:left;
	width:360px;
	margin:10px 5px 10px 5px;
	_margin-left:2px;
}

div#rose_box h3 a {
	clear:both;
	display:block;
	width:359px;
	height:86px;
	background:url(../../img/dic/rose.jpg) no-repeat;
	overflow:hidden;
}
div#rose_box h3 a:hover {
	background:url(../../img/dic/rose.jpg) no-repeat 0px -85px;
}

div#rose_box dl {
	display:inline;
	float:left;
	width:360px;
}

div#rose_box dt {
	display:inline;
	text-indent:-10000px;
	width:132px;
	height:46px;
	margin:5px;
}
div#rose_box dt a {
	float:left;
	width:132px;
	height:46px;
	background:url(../../img/dic/rose_title.gif) no-repeat;
	padding:0px 5px 0px 5px;
}
div#rose_box dd {
	float:left;
	width:200px;
	padding:5px 3px 5px 3px;
	font-size:0.8em;
	line-height:1.4em;
	letter-spacing:0.1em;
	color:#555;
}


/*多年草*/

div#pare_box {
	float:left;
	width:360px;
	margin:10px 5px 10px 5px;
}

div#pare_box h3 a {
	clear:both;
	display:block;
	width:359px;
	height:86px;
	background:url(../../img/dic/h3_pare.jpg) no-repeat;
	overflow:hidden;
}
div#pare_box h3 a:hover {
	background:url(../../img/dic/h3_pare.jpg) no-repeat 0px -84px;
}

div#pare_box dl {
	display:inline;
	float:left;
	width:360px;
}

div#pare_box dt {
	display:inline;
	text-indent:-10000px;
	width:132px;
	height:46px;
	margin:5px;
}
div#pare_box dt a {
	float:left;
	width:132px;
	height:46px;
	background:url(../../img/dic/pare_title.gif) no-repeat;
	padding:0px 5px 0px 5px;
}
div#pare_box dd {
	float:left;
	width:200px;
	padding:5px 3px 5px 3px;
	font-size:0.8em;
	line-height:1.4em;
	letter-spacing:0.1em;
	color:#555;
}


/*樹木*/

div#tree_box {
	float:left;
	width:360px;
	margin:10px 5px 10px 5px;
	_margin-left:2px;
}

div#tree_box h3 a {
	clear:both;
	display:block;
	width:359px;
	height:86px;
	background:url(../../img/dic/h3_tree.jpg) no-repeat;
	overflow:hidden;
}
div#tree_box h3 a:hover {
	background:url(../../img/dic/h3_tree.jpg) no-repeat 0px -85px;
}

div#tree_box dl {
	display:inline;
	float:left;
	width:360px;
}

div#tree_box dt {
	display:inline;
	text-indent:-10000px;
	width:132px;
	height:46px;
	margin:5px;
}
div#tree_box dt a {
	float:left;
	width:132px;
	height:46px;
	background:url(../../img/dic/tree_title.gif) no-repeat;
	padding:0px 5px 0px 5px;
}
div#tree_box dd {
	float:left;
	width:200px;
	padding:5px 3px 5px 3px;
	font-size:0.8em;
	line-height:1.4em;
	letter-spacing:0.1em;
	color:#555;
}

/*マイガーデン*/

ul#season {
	margin:10px 0px 0px 15px;
}

ul#season li {
	float:left;
	margin:10px 0px 0px 10px;
	_margin-left:5px;
}


/*辞書詳細*/

div#gyou {
	width:698px;
	height:28px;
	text-align:center;
	margin:10px 20px 0px 20px;
	padding:0px 20px 0px 0px;
	border-bottom:solid 5px #FA5F7D;
}


div#gyou ul {
	margin:0px 0px 0px 140px;
}

div#gyou li {
	float:left;
	width:49px;
	height:28px;
	margin:0px 3px 0px 3px;
	text-indent:-10000px;
}

div#gyou li a {
	text-indent:-10000px;
	display:block;
	width:49px;
	height:28px;
	overflow:hidden;
}
	

li#a {
	background:url(../../img/dic/a.gif) no-repeat 0px -28px;
}
li#ka {
	background:url(../../img/dic/ka.gif) no-repeat 0px -28px;
}
li#sa {
	background:url(../../img/dic/sa.gif) no-repeat 0px -28px;
}
li#ta {
	background:url(../../img/dic/ta.gif) no-repeat 0px -28px;
}
li#na {
	background:url(../../img/dic/na.gif) no-repeat 0px -28px;
}
li#ha {
	background:url(../../img/dic/ha.gif) no-repeat 0px -28px;
}
li#ma {
	background:url(../../img/dic/ma.gif) no-repeat 0px -28px;
}
li#ya {
	background:url(../../img/dic/ya.gif) no-repeat 0px -28px;
}
li#ra {
	background:url(../../img/dic/ra.gif) no-repeat 0px -28px;
}
li#wa {
	background:url(../../img/dic/wa.gif) no-repeat 0px -28px;
}


li#a a {
	background:url(../../img/dic/a.gif) no-repeat;
}
li#a a:hover {
	background:url(../../img/dic/a.gif) no-repeat 0px -28px;
}
li#ka a {
	background:url(../../img/dic/ka.gif) no-repeat;
}
li#ka  a:hover {
	background:url(../../img/dic/ka.gif) no-repeat 0px -28px;
}
li#sa a {
	background:url(../../img/dic/sa.gif) no-repeat;
}
li#sa a:hover {
	background:url(../../img/dic/sa.gif) no-repeat 0px -28px;
}
li#ta a {
	background:url(../../img/dic/ta.gif) no-repeat;
}
li#ta a:hover {
	background:url(../../img/dic/ta.gif) no-repeat 0px -28px;
}
li#na a {
	background:url(../../img/dic/na.gif) no-repeat;
}
li#na a:hover {
	background:url(../../img/dic/na.gif) no-repeat 0px -28px;
}
li#ha a {
	background:url(../../img/dic/ha.gif) no-repeat;
}
li#ha a:hover {
	background:url(../../img/dic/ha.gif) no-repeat 0px -28px;
}
li#ma a {
	background:url(../../img/dic/ma.gif) no-repeat;
}
li#ma a:hover {
	background:url(../../img/dic/ma.gif) no-repeat 0px -28px;
}
li#ya a {
	background:url(../../img/dic/ya.gif) no-repeat;
}
li#ya a:hover {
	background:url(../../img/dic/ya.gif) no-repeat 0px -28px;
}
li#ra a {
	background:url(../../img/dic/ra.gif) no-repeat;
}
li#ra a:hover {
	background:url(../../img/dic/ra.gif) no-repeat 0px -28px;
}
li#wa a {
	background:url(../../img/dic/wa.gif) no-repeat;
}
li#wa a:hover {
	background:url(../../img/dic/wa.gif) no-repeat 0px -28px;
}

/*その他の写真*/

div#sum {
	width:536px;
	height:151px;
	text-align:left;
	margin:15px auto;
	background:url(../../img/dic/other_photoBG.jpg) no-repeat bottom;
}

div#sum p {
	width:536px;
	height:41px;
	text-align:left;
	margin:0px;
	text-indent:-10000px;
	font-size:12px;
	background:url(../../img/dic/other_photo.gif) no-repeat;
}

div#sum ul {
	margin:0px auto 0px 20px;
}

div#sum ul li {
	float:left;
	margin:0px 15px 5px 15px;
}

div#sum img {
	border:none;
}

/*サイドナビ*/

div#side_navi {
	width:175px;
	height:100%;
	float:left;
	margin:15px 0px 0px 0px;
	font-size:0.8em;
}

div#side_navi ul {
	margin:0px 0px 0px 20px;
}
div#side_navi li {
	font-weight:bolder;
	padding:0px 0px 0px 15px;
	background:url(../../img/dic/arrow.gif) 5px 9px no-repeat;
}
div#side_navi li#this {
	background:url(../../img/dic/arrow.gif) 5px 9px no-repeat #FFEDFF;
}
div#side_navi li a {
	font-weight:normal;
}

/*花詳細*/

div#detaile {
	width:540px;
	margin:10px 10px 10px 0px;
	padding:0px 0px 0px 10px;
	float:right;
	font-size:0.9em;
	line-height:150%;
	_margin-right:5px;
	border-left:1px solid #ccc;
}
div#detaile dl {
	width:540px;
	padding:10px 0px 0px 0px;
	background:url(../../img/dic/detaile_bg.gif) no-repeat;
}

div#detaile dt {
	padding:10px 10px 5px 55px;
	background:url(../../img/dic/detaile_title.gif) center bottom no-repeat;
}
div#detaile dt strong {
	font-weight:bolder;
}

div#detaile dd p {
	padding:5px 20px;
}

div#detaile dd span {
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	display:block;
	background:url(../../img/dic/icon_ha.gif) 0px 2px no-repeat;
}

div#detaile dd strong {
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	display:block;
	background:url(../../img/dic/icon_ha.gif) 0px 2px no-repeat;
}


div#detaile dd p {
	background:url(../../img/dic/detaile_line.gif) center bottom no-repeat;
}

div#detaile dd#detaile_last p {
	padding-bottom:16px;
	background:url(../../img/dic/detaile_last_bg.gif) 4px bottom no-repeat;
}