@charset "euc-jp";
/* CSS Document */
#pankuzu-photo{
	font-size:80%;
	margin:4px 0px 2px 10px;
	padding:6px 0 2px 0;
	width:670px;
	/*height:28px;*/
}
html>body #pankuzu-photo{
	margin:4px 0px 2px 20px;
	padding:6px 0 2px 0;
}


#pankuzu-photo a{
	color:#0033cc;
	margin:0;
	padding:0;
}
a#pankuzu-home{
	color:#0033cc;
	/* color:#b20400; */
}

h1#photo-title{
	display:block;
	float:left;
	border-left:7px solid #ce1f34;
	border-bottom:1px solid #333;
	margin:0px 0 10px 5px;
	padding:6px 0 0 6px;
	width:667px;
	font-size:120%;
	height:27px;
	background:url(/img/photo-title-bg.gif) no-repeat bottom right;
}
html>body h1#photo-title{
	margin:0px 0 10px 10px;
}




#photo-area{
	width:670px;
	margin:0 8px 15px 7px;
	padding:15px 0px 10px 0;
	background:url(/img/photoframe-top-bg.gif) no-repeat left top;
}
html>body #photo-area{
	margin:0 15px 15px 15px;
}
#photo-frame{
	width:670px;
	background:url(/img/photoframe-bg2.gif) repeat-y;
}

#photo_sq{
	width:468px;
	height:auto;
	padding-bottom:4px;
	margin:15px 0 0 0;
	text-align:center;
	display:block;
}

head~/* */body #photo_sq {
float:left;
}

#photo_sq img{
	background-color:#f6f6f6;
	padding:2px;
	border:1px solid #ccc;
}





/** ads by google ここから **/

*html #d4_ad_google02 {
margin:10px 0 0 54px;
}

#photo_ad_google {
font-size:70%;
width:376px;
margin:10px 0 0 45px;
padding:4px;
text-align:center;
background-color:#fff;
}

*html #photo_ad_google {
margin:10px 0 0 20px;
}

#photo_ad_google .content {
border:1px solid #999;
width:366px;
padding:2px 4px;
height:auto;
}

#photo_ad_google a {
text-decoration:none;
margin:0;
padding:0;
}

#photo_ad_google a:link p.title,#photo_ad_google a:visited p.title {
color:#0033ff;
font-weight: bold;
font-size:120%;
float:left;
margin:0;
padding:0;
}

#photo_ad_google a:hover p.title {
color:#ff9933;
text-decoration:underline;
margin:0;
padding:0;
}

#photo_ad_google p.url {
color:#008000;
font-weight: normal;
font-size:120%;
float:left;
margin:0 0 0 10px;;
padding:0;
}

#photo_ad_google p.txt {
clear:both;
color:#333;
font-size:100%;
margin:0;
padding:0;
}

#photo_ad_google p.txt_f {
clear:both;
color:#333;
font-size:100%;
margin:0;
padding-top:0;
padding-left:0;
padding-right:0;
padding-bottom:5px;
}

#photo_ad_google p.ads_by_google {
color:#333;
font-size:100%;
float:right;
margin:0;
padding:0;
}
#txt p.txt {
width:366px;
font-size:10px;
clear:both;
color:#333;
}
#txt02 p.ads_by_google {
width:366px;
font-size:10px;
color:#333;
text-align:right;
}


/** ads by google ここまで **/




#photo_data {
	width:202px;
	text-align:center;
	vertical-align:top;
}

.bt_back{
	display:block;
	float:left;
	background:url(/img/button-prev.gif) no-repeat center right #e5e5e5;
	font-size:90%;
	font-weight: bold;
	color: 2214AF;
	padding:7px 0 5px 8px;
	margin:0 0 0 2px;
	line-height: 100%;
	text-align:left;
	height:18px;
	width:88px;
}
/*  html>body .bt_back{
  margin:0 0 0 4px;
  }*/

.bt_next{
	display:block;
	float:left;
	background:url(/img/button-next.gif) no-repeat center left #e5e5e5;
	font-size:90%;
	font-weight: bold;
    	color: 2214AF;
    	padding:7px 8px 5px 0;
	margin:0;
    	line-height: 100%;
  	text-align:right;
  	height:18px;
  	width:88px;
}
.bt_back a:link,.bt_back a:visited,.bt_next a:link,.bt_next a:visited{
	color:#0033ff;
    	text-decoration:none;
}
.bt_back a:hover,.bt_next a:hover{
    	color:#FF6600;
    	text-decoration:underline;
}
#data_main{
	background:url(/img/caption-area-bg.gif) repeat-y #e5e5e5;
	width:190px;
	height:350px;
	padding:0px 4px;
	margin:10px 0; 
	text-align:left;
}
#photo-area p{
	line-height:130%;
	font-weight:normal;
	margin:0;
	padding:0px 3px 16px 3px;
  	text-align:left;
}
#photo-area p small{
	font-size:80%;
}
	#data_main ul{
	font-size:80%;
	list-style-type:none;
	margin:0 4px 0 8px;
	}
	#data_main ul li{
	padding:1px 0 3px 0;
	}
	#data_main ul li a{
	text-decoration:underline;
	}
	#data_main ul li a:link,#data_main ul li a:visited{
	color:#0033ff;
	}
	#data_main ul li a:hover{
	color:#ff6600;
	}


#photo-footer{
	width:670px;
	height:15px;
	background:url(/img/photoframe-bottom-bg.gif) no-repeat;
}


/* サムネイル領域 */
#map_image,#flower-all-link{
	background:url(/img/latest10-title-bg.gif) no-repeat #fff 1px 1px;
	width:656px;
	margin:0 10px;
	padding:1px;
	border:1px solid #ccc;
}
html>body #map_image,html>body #flower-all-link{
	margin:0 21px;
}
#map_image h2,#flower-all-link h2{
	display:block;
	float:left;
	width:205px;
	margin:0;
	padding:3px 0 0 18px;
	font-size:80%;
}
#map_image #weekly-link,#flower-all-link #weekly-link{
	display:block;
	float:left;
	width:430px;
	margin:0;
	padding-top:5px;
	text-align:right;
}
#weekly-link a{
	padding:0px 8px;
	border-left:1px solid #666;
	color:#0033cc;
	font-size:90%;
	font-weight:bold;
}
#map_image{
	overflow:hidden;
}
#map_image img{
	margin:11px;
}

/* JLoupe */
.pana_jloupe_area{
	margin:10px;
	padding:0;
	/*padding:0 0 0 146px;*/
	/*background:url(/img/j-loupe.gif) no-repeat 5px -15px;*/
	height:61px;
	font-size:90%;
}
html>body .pana_jloupe_area{
	margin:10px 20px;
}

/* 誕生花 */
h1#flower-title{
	display:block;
	float:left;
	border-left:7px solid #660099;
	border-bottom:1px solid #333;
	margin:0px 0 10px 5px;
	padding:6px 0 0 6px;
	width:667px;
	font-size:120%;
	height:27px;
	background:url(/img/flower-title-bg.gif) no-repeat bottom right;
}
html>body h1#flower-title{
	margin:0px 0 10px 10px;
}

#flower-monthly-list{
	width:180px;
	height:300px;
	text-align:center;
	margin:10px 2px;
	background:url(/img/flower-monthly-list-bg.gif) no-repeat right top;
	/*border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;*/
	padding:15px 0 5px 0;
}
html>body #flower-monthly-list{
	margin:10px 4px;
}
#flower-monthly-list strong{
	color:#666;
}
#flower-monthly-list ul{
	width:150px;
	float:left;
	list-style-type:none;
	margin:10px 0;
	padding:0 15px;
}
#flower-monthly-list ul li{
	width:50px;
	float:left;
	padding:0;
	font-size:100%;
	text-align:center;
}
#flower-monthly-list ul li a:link,#flower-monthly-list ul li a:visited{
	font-weight:normal;
	border:none;
	padding:0;
	color:#333;
}
#flower-monthly-list ul li a:hover{
	color:#3366ff;
	text-decoration:underline;
}
#flower-all-link{
	background:url(/img/latest10-title-bg.gif) no-repeat #fff 1px 1px;
	width:656px;
	margin:0 10px;
	padding:1px;
	border:1px solid #ccc;
}
html>body #flower-all-link{
	margin:0 21px;
}
#flower-all-link h2{
	display:block;
	float:left;
	width:135px;
	margin:0;
	padding:3px 0 0 18px;
}
#flower-all-link #weekly-link{
	display:block;
	float:left;
	width:500px;
	margin:0;
	padding:0px;
	text-align:right;
}
#flower-all-link #weekly-link a{
	padding:0px 6px;
	border-left:1px solid #666;
	color:#0033ff;
	font-size:80%;
	font-weight:normal;
}
#flower-all-link ul{
	width:626px;
	display:block;
	float:left;
	list-style-type:none;
	margin:10px 0;
	padding:0 0 0 30px;
}
#flower-all-link ul li{
	width:208px;
	display:block;
	float:left;
	margin:0;
	padding:0 0 1px 0;
}
#flower-all-link ul li a:link,#flower-all-link ul li a:visited{
	padding:0 0 0 4px;
	color:#333;
	border:none;
	font-size:80%;
	font-weight:normal;
}
#flower-all-link ul li a:hover{
	color:#0033cc;
}

/* 地球の風景 */
h1#hum-title{
	display:block;
	float:left;
	border-left:7px solid #339900;
	border-bottom:1px solid #333;
	margin:0px 0 10px 5px;
	padding:6px 0 0 6px;
	width:667px;
	font-size:120%;
	height:27px;
	background:url(/img/hum-title-bg.gif) no-repeat bottom right;
}
html>body h1#hum-title{
	margin:0px 0 10px 10px;
}
p#hum_text{
	height:360px;
	background:url(/img/hum-text-bg.gif) no-repeat bottom center;
}

/* 写真特集 */
#photospecial-title{
	display:block;
	float:left;
	border-left:7px solid #f4399a;
	border-bottom:1px solid #333;
	margin:0px 0 10px 5px;
	padding:6px 0 0 6px;
	width:667px;
	font-size:120%;
	height:27px;
	background:url(/img/photospecial-title-bg.gif) no-repeat bottom right;
}
html>body h1#photospecial-title{
	margin:0px 0 10px 10px;
}
#data_main p small{
	font-size:80%;
}
#photo-menunav{
	text-align:left;
	width:190px;
	padding:0 0 20px 0;
}

#menu-title{
	display:none;
	font-weight:bold;
}
#photo-menunav ul{
	text-align:left;
	margin:6px 0 0 8px;
	padding:0 0 0px 0;
	font-size:80%;
}
#photo-menunav ul li{
	padding:0 0 3px 0px;
}
#photo-menunav ul li a.menulink{
	padding:0 6px 0 8px;
	margin:0;
	background:url(/img/black_tri.gif) no-repeat 0 3px;
}
#photo-menunav ul li a.menulink:link,#photo-menunav ul li a.menulink:visited{
	text-decoration:none;
	color:#3366FF;
}
#photo-menunav ul li a.menulink:hover{
	text-decoration:underline;
	color:#ff9933;
}
#photo-menunav small{
	font-size:60%;
}


#photo-menunav ul li img {
margin:0 0 0 45px;
}


#photo-menunav ul.menulink_back li{
	line-height:100%;
}

#photo-menunav ul.menulink_back a{
	padding:0 0 0 8px;
	margin:0;
	background:url(/img/black_tri.gif) no-repeat 0 3px;
}
#photo-menunav ul.menulink_back a:link,#photo-menunav ul.menulink_back a:visited{
	color:#333333;
	text-decoration:none;
}
#photo-menunav ul.menulink_back a:hover{
    	color:#3366ff;
    	text-decoration:underline;
}

/* 写真特集セレクトボックス */
#photo-area p{
	font-size:80%;
}
#form1{
	font-size:75%;
	 padding:0px 4px 4px 4px;
}
#form1 select{
}
#form1 option{
	 padding:2px 0px 0px 0px;
}
#spe01{
	text-align:center;
	width:180px;
	padding:10px 0 0 4px;
}


/* 写真系ランキング右側 */
#right .ranking-box-right table{
	width:292px;
	padding:0px;
	margin:10px 0px 0px 2px;
	display:block;
	float:left;
}
html>body #right .ranking-box-right table{
	margin:10px 0px 0px 4px;
}

#right .ranking-box-right td{
	line-height:120%;
	padding:2px 12px 2px 0;
	font-size:75%;
	text-align:left;
}
#right .ranking-box-right td.positions{
	padding:0 10px 0 0;
	text-align:right;
	/*width:36px;*/
}

#right .ranking-box-right td.photo-center{
	padding:0 10px 4px 6px;
	text-align:center;
}
#right .ranking-box-right td a{
	text-align:left;
}
