@charset "utf-8";

/*タイトル*/

#title {
	width:522px;
	height:56px;}


/*メイン部分*/

#photobox {
	border:1px solid #2A83AD;
	width:520px;
	margin:0px 0px 20px 0px;
	padding:0px;}
	
#photobox #photo {
	width:520px;
	margin:0px;}

#photobox #midashi {
	width:494px;
	margin:20px 13px 0px 13px;}
	
#photobox #midashi img {
	height:80px;}


#cursor {
	width:494px;
	margin:15px 13px 0px 13px;}
	

/*写真切り替え部分*/

#photobtn {
clear:both;
width:496px;
height:40px;
margin:8px 0px 15px 13px;
}

#photobtntab{
width:496px;
height:40px;
font-size:12px;
line-height:1.5em;
margin:0px;
padding:0px;
}

#photobtntab li{
float:left;
display:block;
list-style-type:none;
padding:0px;
margin-right:2px;
}

#photobtntab li .last{
float:left;
display:block;
list-style-type:none;
padding:0px;
margin-right:0px;
}



/*ボタン*/
#btn {
clear:both;
width:522px;
height:27px;
margin:20px 0px 0px 0px;
}

#btntab{
width:522px;
height:27px;
font-size:12px;
line-height:1.5em;
margin:0px;
padding:0px;
}

#btntab li{
float:left;
display:block;
list-style-type:none;
padding:0px;
}

#btntab .flower{
text-indent:-10000px;
display:block;
width:113px;
height:27px;
margin:0px;
background-image:url(../photo/images/on_flower.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .flower a{
text-indent:-10000px;
display:block;
width:113px;
height:27px;
background-image:url(../photo/images/out_flower.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .flower a:hover{
text-indent:-10000px;
display:block;
width:113px;
height:27px;
background-image:url(../photo/images/on_flower.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .renga{
text-indent:-10000px;
display:block;
width:111px;
height:27px;
margin:0px;
background-image:url(../photo/images/on_renga.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .renga a{
text-indent:-10000px;
display:block;
width:111px;
height:27px;
background-image:url(../photo/images/out_renga.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .renga a:hover{
text-indent:-10000px;
display:block;
width:111px;
height:27px;
background-image:url(../photo/images/on_renga.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .natural{
text-indent:-10000px;
display:block;
width:91px;
height:27px;
margin:0px;
background-image:url(../photo/images/on_natural.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .natural a{
text-indent:-10000px;
display:block;
width:91px;
height:27px;
background-image:url(../photo/images/out_natural.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .natural a:hover{
text-indent:-10000px;
display:block;
width:91px;
height:27px;
background-image:url(../photo/images/on_natural.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .seasons{
text-indent:-10000px;
display:block;
width:96px;
height:27px;
margin:0px;
background-image:url(../photo/images/on_seasons.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .seasons a{
text-indent:-10000px;
display:block;
width:96px;
height:27px;
background-image:url(../photo/images/out_seasons.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .seasons a:hover{
text-indent:-10000px;
display:block;
width:96px;
height:27px;
background-image:url(../photo/images/on_seasons.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .relax{
text-indent:-10000px;
display:block;
width:111px;
height:27px;
margin:0px;
background-image:url(../photo/images/on_relax.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .relax a{
text-indent:-10000px;
display:block;
width:111px;
height:27px;
background-image:url(../photo/images/out_relax.gif);
background-position:top;
background-repeat:no-repeat;
}

#btntab .relax a:hover{
text-indent:-10000px;
display:block;
width:111px;
height:27px;
background-image:url(../photo/images/on_relax.gif);
background-position:top;
background-repeat:no-repeat;
}

/*メインイメージ*/
#img_main {
	clear:both;
	width: 520px;
	margin-bottom: 0px;	
}