/** Best 2 **/
#n_best #category_1 div.bestBox2 ul,
#n_best #category_2 div.bestBox2 ul{
	width: 109px;
	float: left;
}

#n_best #category_1 div.bestBox2 ul li,
#n_best #category_2 div.bestBox2 ul li{
	text-align: center;
}

#n_best #category_1 div.bestBox2 ul li.area,
#n_best #category_2 div.bestBox2 ul li.area{
	font-size: 8pt;
	color: gray;
	text-align: center;
}


/** Best **/
#n_best{
width: 680px;
background: center url(http://static.sunnypages.jp/imgn/vborder_bg.gif) repeat-y;
}

#n_best img.image{
	float: left;
	border: solid thin #cccccc;
	margin: 10px;
	width: 90px;
	height: 70px;
}

#n_best #category_1{
width: 335px;
float: left;
}
#n_best #category_2{
width: 335px;
float: right;
}
#n_best #category_1 h3,
#n_best #category_2 h3{
font-size: 12px;
font-weight: normal;
}
#n_best #category_1 a,
#n_best #category_2 a{
font-size: 14px;
color: #8888CC;
font-weight: bold;
}
#n_best #category_2 a.accent{
background: url('http://static.sunnypages.jp/img/accent03.png') no-repeat left;
padding-left: 20px;
margin-left: 10px;
font-size: 14px;
color: #8888CC;
font-weight: bold;
}

#n_best #category_1 h2,
#n_best #category_2 h2 {
width: 295px;
height: 20px;
background: url(http://static.sunnypages.jp/imgn/title_bar01.gif) no-repeat;
position: relative;
top: 0;
left: 0;
font-size: 12px;
font-weight: bold;
padding: 7px 0px 0px 40px;
margin-bottom: 10px;
z-index: 0
}
#n_best #category_1 h2 img.more,
#n_best #category_2 h2 img.more{
position: absolute;
top: 2px;
left: 280px;
z-index: 0
}

#n_best, #n_popular_photos,#n_popular_events,#n_new_reviews,#n_browse{
margin-bottom: 20px;
}

#n_coupons h2,
#n_popular_photos h2,
#n_popular_events h2,
#n_new_reviews h2{
width: 640px;
height: 20px;
padding: 7px 0px 0px 40px;
font-size: 12px;
font-weight: bold;
vertical-align:top;
}

#n_coupons h2 img.more,
#n_popular_photos h2 img.more,
#n_popular_events h2 img.more,
#n_new_reviews h2 img.more{
vertical-align:top;
margin-top:-2px;
margin-left:430px;
}

#n_popular_photos h2{ background: url(http://static.sunnypages.jp/imgn/title_bar_photos.gif) no-repeat; }
#n_popular_events h2{ background: url(http://static.sunnypages.jp/imgn/title_bar_event.gif) no-repeat; }
#n_new_reviews h2{ background: url(http://static.sunnypages.jp/imgn/title_bar_reviews.gif) no-repeat; }

/** BROWSE  ******/

#n_browse{
padding-bottom: 0px;
}

#n_browse h2{
font-size: 12pt;
margin: 5px;
}

#n_browse div.box1_1{
background: url(http://static.sunnypages.jp/imgn/browse_box1_1.gif) no-repeat top;
padding-top: 6px;
}
#n_browse div.box1_2{

background: url(http://static.sunnypages.jp/imgn/browse_box1_2.gif) no-repeat bottom;
padding-bottom: 6px;
}

#n_browse div.box1_3{
background: url(http://static.sunnypages.jp/imgn/browse_box1_3.gif) repeat-y;
padding: 0px 6px;
}

#n_browse div.box2_1{
width: 658px;
background: url(http://static.sunnypages.jp/imgn/browse_box2_1.gif) no-repeat top;
padding-top: 6px;
}

#n_browse #n_browse_tabs{
  position: relative;
  height: 28px;
  top: 1px;
  left: 1px;
  z-index: 2;
}

#n_browse #n_browse_tabs li{
  display:inline;
  text-align: center;
  line-height: 28px;
  font-size: 12pt;
}

#n_browse #n_browse_tabs li a{
  width: 119px;
  height: 28px;
  float: left;
  color: white;
  text-align: center;
  margin-right: 2px;
  background: url(http://static.sunnypages.jp/imgn/browse_tab_off.gif) no-repeat
}

#n_browse #n_browse_tabs li.on a{ background: url(http://static.sunnypages.jp/imgn/browse_tab_on.gif) no-repeat; color: black; }

#n_browse div.box2_2{
background: url(http://static.sunnypages.jp/imgn/browse_box2_2.gif) no-repeat bottom;
padding-bottom: 6px;
}

#n_browse div.box2_3{
background: url(http://static.sunnypages.jp/imgn/browse_box2_3.gif) repeat-y;
padding: 0px 6px;
}

#n_browse table td {
text-align: left;
vertical-align: top;
}

#n_browse .category1{
}
#n_browse .category1 li{
  text-align: center;
}
#n_browse .category1 li.title a{
  font-size: 10pt;
  font-weight: bold;
  color: #447bdc;
}

#n_browse .category1 li.image img{
  border: solid 1px #dddddd;
  padding: 2px;
}

#n_browse .category1 li.title {
  padding-bottom: 10px;
}

#n_browse .category2 li a,
#n_browse .coupon li a{
  color: #447bdc;
  font-size: 10pt;
  background: url(http://static.sunnypages.jp/imgn/arrow_blue.gif) no-repeat left;
  padding-left: 12px;
  margin-left: 18px;
}

#n_browse .couponCategory{
  margin-bottom: 20px;
}

#n_browse h3{
  color: #fe9416;
  font-size: 10pt;
  padding: 5px 0px;
  font-weight: normal;
}

#n_browse .coupon li{
  float: left;
  width: 200px;
}

#n_browse .hidden {
display: none;
}

#n_browse .guide {
  margin: 0px 10px 10px 0px;
  border-bottom: dotted 1px gray;
}

#n_browse .guide li.title a{
  color: #447bdc;
  font-size: 12pt;
}
#n_browse .guide li.description  img{
float: left;
margin: 0px 5px 5px 0px;
}
#n_browse .guide li.description {
  font-size: 10pt;
  padding-top: 5px;
  display: block;
  line-height: 11pt;
  text-align: justify;
    
}

/*******************************/

#n_popular_photos #wrapper {
	width:620px;
	height:110px;
	margin:5px auto 0;
	overflow:hidden;
}

#n_popular_photos .prev,
#n_popular_photos .next
{
	width: 30px;
	text-align: center;
}

#n_popular_photos {
background: #e7e7e5;
}

#n_popular_photos ul.list_photos {
width: 3000px;
padding: 10px;
}

#n_popular_photos ul.list_photos li{
width: 85px;
height: 85px;
float: left;
border: 3px solid white;
margin: 0px 5px 0px 5px;
}

#n_popular_photos ul.list_photos li img {
width: 85px;
height: 85px;
}

#n_coupons {margin-bottom: 20px}
#n_coupons h2{ background: url(http://static.sunnypages.jp/imgn/coupons.gif) no-repeat; }
#n_coupons h2 img.more{ float:right; margin-right: 10px; margin-left: 0px;}
#n_coupons ul{
	padding-top: 5px;
	width: 168px;
	float: left;
	background-color: #efefef;
	border-right: solid 2px #d1d0d0;
}
#n_coupons ul.last{
	border-right: 0;
}
#n_coupons ul li{
	text-align: center;
}
#n_coupons ul li.coupon{
	color: red;
	font-size: 10pt;
	font-weight: bold;
	margin: 2px 10px;
	padding: 3px;
	border-top: dotted 2px black;
	border-bottom: dotted 2px black;
	height: 22pt;
}
#n_coupons ul li.title{
	font-size: 10pt;
	font-weight: bold;
}
#n_coupons ul li.category{
	font-size: 10pt;
	color: gray;
	padding-bottom: 5px;
}
#n_popular_events{
background: center url(http://static.sunnypages.jp/imgn/vborder_bg.gif) repeat-y;
}
#n_popular_events .list_events{
margin: 0 auto 0 auto;
width: 660px;
padding: 10px;
}
#n_popular_events .list_events .left{
width: 320px;
float: left;
}
#n_popular_events .list_events .right{
width: 320px;
float: right;
}
#n_popular_events .list_events .event_image{
float: left;
margin-right: 10px;
height: 100px;
}
#n_popular_events .list_events .event_image img{
border: solid thin #cccccc;
}
#n_popular_events .list_events .event_image a{
display:block;
font-size: 80%;
}
#n_popular_events .list_events .event_title{
font-weight: bold;
font-size: 90%;
}
#n_popular_events .list_events .event_date{
font-size: 80%;
color: green;
margin-bottom: 10px;
}
#n_popular_events .list_events .event_text{
font-size: 80%;
}

#n_new_reviews .list_reviews{
width: 660px;
padding: 10px;
}
#n_new_reviews .reviewBox{
width:560px;
vertical-align:top;
}
#n_new_reviews .reviewBox li.review_image{
float: left;
font-size: 80%;
margin-right: 10px;
height: 80px;
}
#n_new_reviews .reviewBox li.review_image a{
display: block;
font-size:80%;
}
#n_new_reviews .reviewBox li.review_info h4{
font-weight: bold;
font-size: 90%;
margin-bottom: 10px;
}
#n_new_reviews .reviewBox li.review_title{
font-weight: none;
text-decoration: none;
color: gray;
font-size: 90%;
}

#n_new_reviews .reviewBox li.review_info h4 strong,#n_new_reviews .reviewBox li.review_text{
font-size: 80%;
}

#n_best #category_1,#n_best #category_2{
background: #fbfbfb;
padding-bottom: 10px;
}
#n_best .bestBox h3{
	display:inline;
	font-size: 90%;
	padding-left: 30px;
}
#n_best .bestBox h3.ranking1{
	background: left url(http://static.sunnypages.jp/imgn/icon_ranking1.gif) no-repeat;
}
#n_best .bestBox h3.ranking2{
	background: left url(http://static.sunnypages.jp/imgn/icon_ranking2.gif) no-repeat;
}
#n_best .bestBox h3.ranking3{
	background: left url(http://static.sunnypages.jp/imgn/icon_ranking3.gif) no-repeat;
}
#n_best #category_1 .bestBox a.more,
#n_best #category_2 .bestBox a.more{
	font-size: 10px;
}
#n_best .bestBox p{
	font-size: 10pt;
	padding-left: 30px;
}

/*---------------------------FeaturedReview_Box*/
.n_RightBox .FeaturedReview_Box{
padding: 10px;
}
.n_RightBox .FeaturedReview_Box .image{
float: left;
border: solid thin #cccccc;
margin-right: 10px;
}
.n_RightBox .FeaturedReview_Box .name{
font-size: 80%;
}
.n_RightBox .FeaturedReview_Box .name span{
display: block;
}
.n_RightBox .FeaturedReview_Box .user{
font-size: 80%;
}
.n_RightBox .FeaturedReview_Box .text{
clear: both;
font-size: 80%;
margin-top: 10px;
}

.n_RightBox .FeaturedReview_Box .text a.more {
	font-size: 10px;
	color: #8888cc;
}

/*---------------------------FeaturedSunnyUser_Box*/
.n_RightBox .FeaturedSunnyUser_Box{
width: 240px;
margin: 0 auto;
}
.n_RightBox .FeaturedSunnyUser_Box li{
float: left;
font-size: 80%;
padding: 9px;
width: 60px;
height: 60px;
}

/*---------------------------DiscountCoupons_Box*/
.n_RightBox .content dl.DiscountCoupons_Box{
width: 240px;
margin: 0 auto 0 auto;
}

.n_RightBox .content dl.DiscountCoupons_Box a.more {
	font-size: 10px;
	color: #8888cc;
}

.n_RightBox .content dl.DiscountCoupons_Box img{
border: solid thin #CCCCCC;
}
.n_RightBox .content dl.DiscountCoupons_Box dt{
float: left;
margin-right: 10px;
}
.n_RightBox .content dl.DiscountCoupons_Box dd strong{
font-size: 90%;
}
.n_RightBox .content dl.DiscountCoupons_Box dd span{
font-size: 80%;
display: block;
}

/*---------------------------Reviewers_Box*/
.n_RightBox .Reviewers_Box {
padding: 10px;
}
.n_RightBox .Reviewers_Box ul{
padding-left: 30px;
}
.n_RightBox .Reviewers_Box ul li{
font-size: 80%;
}
.n_RightBox .Reviewers_Box ul li a{
display: block;
}
.n_RightBox .Reviewers_Box .image img{
border: solid thin #cccccc;
}

.n_RightBox .Reviewers_Box ul.ranking01 li.image,
.n_RightBox .Reviewers_Box ul.ranking02 li.image,
.n_RightBox .Reviewers_Box ul.ranking03 li.image{
width: 60px;
float: left;
}

.n_RightBox .Reviewers_Box .ranking01 td,
.n_RightBox .Reviewers_Box .ranking02 td,
.n_RightBox .Reviewers_Box .ranking03 td{
padding: 2px;
}

.n_RightBox .Reviewers_Box .ranking01{
background: left top url(http://static.sunnypages.jp/imgn/icon_ranking01.gif) no-repeat;
}
.n_RightBox .Reviewers_Box .ranking02{
background: left top url(http://static.sunnypages.jp/imgn/icon_ranking02.gif) no-repeat;
}
.n_RightBox .Reviewers_Box .ranking03{
background: left top url(http://static.sunnypages.jp/imgn/icon_ranking03.gif) no-repeat;
}

.n_RightBox .Reviewers_Box .ranking04,
.n_RightBox .Reviewers_Box .ranking05,
.n_RightBox .Reviewers_Box .ranking06{
width: 50px;
float: left;
}
.n_RightBox .Reviewers_Box .ranking04{
background: left top url(http://static.sunnypages.jp/imgn/icon_ranking04.gif) no-repeat;
}
.n_RightBox .Reviewers_Box .ranking05{
background: left top url(http://static.sunnypages.jp/imgn/icon_ranking05.gif) no-repeat;
}
.n_RightBox .Reviewers_Box .ranking06{
background: left top url(http://static.sunnypages.jp/imgn/icon_ranking06.gif) no-repeat;
}


/*---------------------------todaysArticle_Box*/
.n_RightBox .todaysArticle_Box{
padding: 10px;
}
.n_RightBox .todaysArticle_Box h4{
font-size: 90%;
}
.n_RightBox .todaysArticle_Box p{
font-size: 80%;
}

/*---------------------------RightBox*/
div#n_main_message{
margin: 10px 0px 0px 0px;
padding: 2px 2px 2px 2px;
width:674px;
background: #d4e3af;
}
div#n_main_message h1{
margin: 0px auto 0px auto;
padding: 10px;
width:650px;
background: #ebf5d3;
border:2px solid white;
font-weight: normal;
text-align: center;
}

table#n_main_message2{
margin: 10px 0px 10px 0px;
padding: 2px 2px 2px 2px;
font-size: 10pt;
width: 674px;
}
table#n_main_message2 td{
text-align: center;
}

table#n_main_message2 td a{
padding-left: 10px;
background: url('http://static.sunnypages.jp/img/accent01.gif') no-repeat left;
}
/*---------------------------------------------*/

/* -------------------- Mobile */

div#mobile{
width: 260px;
height: 240px;
background: url('http://static.sunnypages.jp/imgn/mobile_open.gif') no-repeat; 
margin-bottom: 10px;
}

div#mobile div.content{
position: relative;
left: 10px;
top: 210px;
font-size: 8pt;
}

div#mobile div.content select{
	width: 100px;
}

/*---------------------------RightBox*/
div.n_MyAccount{
width: 240px;
height: 106px;
background: url(http://static.sunnypages.jp/imgn/box_myaccount.gif) no-repeat;
margin-bottom: 10px;
padding: 10px;
font-size: 12px;
}

div.n_MyAccount .guest td {
padding: 4px;
}

div.n_MyAccount .signup {
padding-left: 10px;
vertical-align: middle
}

div.n_MyAccount img.profile_pict{
margin-right: 10px;
float:left;
}
div.n_MyAccount strong{
font-size: 12px;
font-weight:bold;
}
div.n_MyAccount .profile_link,div.n_MyAccount .personal_info{
clear: both;
}
div.n_MyAccount .personal_info{
height: 40px;
}
div.n_MyAccount .personal_info li{
float: left;
}
div.n_MyAccount .profile_link li{
display:inline;
}
div.n_MyAccount .personal_info li,div.n_MyAccount .profile_link li a{
font-size: 10px;
}

div.n_MyAccount .personal_info li{
width: 60px;
height: 14px;
padding: 2px 0px 2px 20px;
margin: 0px 0px 0px 0px;
}
div.n_MyAccount .personal_info li.icon_views{ background: left url(http://static.sunnypages.jp/imgn/icon_views.gif) no-repeat; }
div.n_MyAccount .personal_info li.icon_friends{ background: left url(http://static.sunnypages.jp/imgn/icon_friends.gif) no-repeat; }
div.n_MyAccount .personal_info li.icon_photos{ background: left url(http://static.sunnypages.jp/imgn/icon_photos.gif) no-repeat; }
div.n_MyAccount .personal_info li.icon_reviews{ background: left url(http://static.sunnypages.jp/imgn/icon_reviews.gif) no-repeat; }
	div.n_MyAccount .personal_info li.icon_fans{ background: left url(http://static.sunnypages.jp/imgn/icon_fans.gif) no-repeat; }
/*---------------------------------------------*/

.n_RightBox .more{
	font-size: 10pt;
	text-align: right;
	padding-right: 5px;
}

.bar h2.browseCategories { background: url(http://static.sunnypages.jp/imgn/browse_category.gif) no-repeat; }

.n_RightBox div.news{
	font-size: 10pt;
	padding: 10px 10px;
}

.n_RightBox div.news li.date{
	color: gray;
}

.n_RightBox div.news li.title{
}

div#no_flash{
	padding: 10px;
	font-size: 10pt;
	text-align: left;
}

div#no_flash ul li{
background: url('http://static.sunnypages.jp/img/accent03.png') no-repeat left;
margin: 10px 0px;
padding-left: 20px;
}

div#no_flash img{
margin: 5px 0px 0px 0px;
}

#n_browse ul.guide_tab{
  background: url('http://static.sunnypages.jp/imgn/guide_tab_off.gif');
  border-bottom: solid 1px #dddddd;
  cursor: pointer;
  width: 295px;
  height: 49px;  
}
#n_browse ul.guide_tab:hover{
  background: url('http://static.sunnypages.jp/imgn/guide_tab_on.gif');
}
#n_browse ul.guide_tab:hover li.line1{
  color: white;
  font-style: italic; 
}
#n_browse ul.guide_tab li{
  padding-left: 20px;
  font-size: 10pt;
}
#n_browse ul.guide_tab li.line1{
  color: #ffb54c;
  line-height: 15px;
}
#n_browse ul.guide_tab li.line2{
  padding-left: 20px;
  line-height: 15px;
}
#n_browse ul.guide_tab li.line3{
  padding-left: 20px;
  line-height: 15px;
}

#n_browse div.box3{
  border: solid 1px #d6d6d6;
  padding: 2px;
  width: 655px;
  background-color: white;
}

#n_browse div.box3 td.images{
  position: relative;
  width: 352px;
}

#n_browse div.box3 td.images div{
  width: 352px;
  z-index: 1;
  position: absolute;
}