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

/**/
#contents_head{background-image: url(../images/guide/head.jpg);}

/**/
#sudemenu01 a{background-image: url(../images/guide/sidemenu01.jpg);}
#sudemenu02 a{background-image: url(../images/guide/sidemenu02.jpg);}
#sudemenu03 a{background-image: url(../images/guide/sidemenu03.jpg);}
#sudemenu04 a{background-image: url(../images/guide/sidemenu04.jpg);}
#sudemenu05 a{background-image: url(../images/guide/sidemenu05.jpg);}
#sudemenu06 a{background-image: url(../images/guide/sidemenu06.jpg);}
#sudemenu07 a{background-image: url(../images/guide/sidemenu07.jpg);}
#sudemenu08 a{background-image: url(../images/guide/sidemenu08.jpg);}
#sudemenu09 a{background-image: url(../images/guide/sidemenu09.jpg);}
#sudemenu01 a:hover,
#sudemenu02 a:hover,
#sudemenu03 a:hover,
#sudemenu04 a:hover,
#sudemenu05 a:hover,
#sudemenu06 a:hover,
#sudemenu07 a:hover,
#sudemenu08 a:hover,
#sudemenu09 a:hover{
	background-position: -170px;
}

/**/
#shortcut01 a{background-image: url(../images/guide/shortcut01.jpg);}
#shortcut02 a{background-image: url(../images/guide/shortcut02.jpg);}
#shortcut03 a{background-image: url(../images/guide/shortcut03.jpg);}
#shortcut04 a{background-image: url(../images/guide/shortcut04.jpg);}
#shortcut05 a{background-image: url(../images/guide/shortcut05.jpg);}
#shortcut06 a{background-image: url(../images/guide/shortcut06.jpg);}
#shortcut07 a{background-image: url(../images/guide/shortcut07.jpg);}
#shortcut08 a{background-image: url(../images/guide/shortcut08.jpg);}
#shortcut09 a{background-image: url(../images/guide/shortcut09.jpg);}

/**/
#selected{
	margin-bottom: 30px;
	width: 560px;
	position: relative;
	font-size: 12px;
}
#selected ul{}
#selected li{
	float: left;
	margin-bottom: 1px;
}
#selected li.leftside{
	margin-right: 5px;
}
#selected li,
#selected a{
	display: block;
	width: 132px;
	height: 25px;
}
#selected a{
	text-decoration: none;
	text-indent: -9999px;
	font-size: 0.1em;
	background-repeat: no-repeat;
}
#selected a:hover{}
#selected01 a{background-image: url(../images/guide/selected1.gif);}
#selected02 a{background-image: url(../images/guide/selected2.gif);}

/**/
.flor_select{
	width: 560px;
	position: relative;
	background-color: #FFFFFF;
	height: 580px;
	margin-top: 10px;
	background-repeat: no-repeat;
}
#flor01{background-image: url(../images/guide/flor01.gif);}
#flor02{background-image: url(../images/guide/flor02.gif);}

.flor_selectbotton{
	position: absolute;
	display: block;
}
.flor_selectbotton a{
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 0.1em;
	display: block;
}
#flor01_select01{width: 259px; height: 167px; top: 0px; left: 263px;}
#flor01_select02{width: 95px; height: 110px; top:200px; left: 263px;}
#flor01_select03{width:100px; height: 110px; top:200px; left: 358px;}
#flor01_select04{width:102px; height: 110px; top:200px; left: 458px;}
#flor01_select05{width:173px; height: 254px; top:310px; left: 1px;}
#flor01_select01 a{background-image: url(../images/guide/flor01_select01.gif); width: 259px; height: 167px;}
#flor01_select02 a{background-image: url(../images/guide/flor01_select02.gif); width: 95px; height: 110px;}
#flor01_select03 a{background-image: url(../images/guide/flor01_select03.gif); width:100px; height: 110px;}
#flor01_select04 a{background-image: url(../images/guide/flor01_select04.gif); width:102px; height: 110px;}
#flor01_select05 a{background-image: url(../images/guide/flor01_select05.gif); width:173px; height: 254px;}
#flor01_select01 a:hover{ background-position:-259px;}
#flor01_select02 a:hover{ background-position:-95px;}
#flor01_select03 a:hover{ background-position:-100px;}
#flor01_select04 a:hover{ background-position:-102px;}
#flor01_select05 a:hover{ background-position:-173px;}
#flor02_select01{width: 59px; height: 110px; top: 0px; left: 60px;}
#flor02_select02{width: 48px; height: 110px; top: 0px; left:215px;}
#flor02_select03{width: 264px; height: 26px; top: 137px; left:262px;}
#flor02_select04{width: 65px; height: 106px; top: 200px; left:262px;}
#flor02_select05{width: 51px; height: 106px; top: 200px; left:327px;}
#flor02_select06{width: 53px; height: 106px; top: 200px; left:378px;}
#flor02_select07{width: 65px; height: 106px; top: 200px; left:429px;}
#flor02_select08{width: 78px; height: 106px; top: 200px; left:482px;}
#flor02_select01 a{background-image: url(../images/guide/flor02_select01.gif); width: 59px; height: 110px;}
#flor02_select02 a{background-image: url(../images/guide/flor02_select02.gif); width: 48px; height: 110px;}
#flor02_select03 a{background-image: url(../images/guide/flor02_select03.gif); width: 264px; height: 26px;}
#flor02_select04 a{background-image: url(../images/guide/flor02_select04.gif); width: 65px; height: 106px;}
#flor02_select05 a{background-image: url(../images/guide/flor02_select05.gif); width: 51px; height: 106px;}
#flor02_select06 a{background-image: url(../images/guide/flor02_select06.gif); width: 51px; height: 106px;}
#flor02_select07 a{background-image: url(../images/guide/flor02_select07.gif); width: 53px; height: 106px;}
#flor02_select08 a{background-image: url(../images/guide/flor02_select08.gif); width: 78px; height: 106px;}
#flor02_select01 a:hover{ background-position:-59px;}
#flor02_select02 a:hover{ background-position:-48px;}
#flor02_select03 a:hover{ background-position:-264px;}
#flor02_select04 a:hover{ background-position:-65px;}
#flor02_select05 a:hover{ background-position:-51px;}
#flor02_select06 a:hover{ background-position:-51px;}
#flor02_select07 a:hover{ background-position:-53px;}
#flor02_select08 a:hover{ background-position:-78px;}

.flor_select .list_area{
	width: 370px;
	left: 190px;
	top: 310px;
	position: absolute;
}
.flor_select ul{
	padding: 30px 0 0 30px;
}
.flor_select li{
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	background-position: 0px 4px;
	border-bottom: 1px dashed;
	border-bottom-color: #CCCCCC;
}
/**/
#img_area{}
#img_area .clr{
	display: block;
	height: 10px;
}
#img_area div.left{
	float: left;
}
#img_area div.left div.box{
	padding: 5px;
	border: 1px solid;
	border-color: #CCCCCC;
}
#img_area div.right{
	width: 215px;
	float: right;
}
#img_area div.right ul{}
#img_area div.right li{
	float: left;
	margin-left: 5px;
}
/**/
#guide_more{
	background-image: url(../images/guide/guide_more_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 560px;
	padding-bottom: 10px;
}
#guide_more h3{
	background-image: url(../images/guide/guide_more_head.gif);
	display: block;
	height: 45px;
	font-size: 0.1em;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#guide_more .inner{
	background-color: #D5E2FB;
	padding: 0 5px;
}
#guide_more ul{}
#guide_more li{
	float: left;
}
#guide_more li,
#guide_more a{
	display: block;
	width: 270px;
	height: 40px;
}
#guide_more a{
	background-repeat: no-repeat;
	font-size: 0.1em;
	text-decoration: none;
	text-indent: -9999px;
}
#guide_more a:hover{
	background-position: -270px;
}
#guide_more01{
	margin-right: 10px;
}
#guide_more01 a{
	background-image: url(../images/guide/guide_more01.jpg);
}
#guide_more02 a{
	background-image: url(../images/guide/guide_more02.jpg);
}