@charset "utf-8";

a,
a:visited,
a:link {
	color:#4992c7;
	text-decoration: none;
}
a:active,
a:hover {
	color:#DF792E;
	text-decoration: underline;
}
#header {
	border-top: solid 2px #F8F6E9;
}
#nav {
	background: #EDF8E8;
}
#nav table th {
	background: url(/static/img/nav_user.gif) no-repeat right;
}
#nav table {
	background: url(/static/img/nav_user.gif) no-repeat left;
}
#nav table th a:hover,
#nav table th a:active {
	background: #F6FBF3;
}

#header.new.mini {
	margin: 0;
	border-top: solid 20px #F8F6E9;
}
#header.mini table #title {
	padding: 0;
}
#header.new.mini .wrapper1000>table {
	margin: 10px 0;
}
#nav2 table,
#nav2 table th { border-color: #BAE7AB; }
#nav2 table th a.travel { background: url(/static/img/icon14.gif) no-repeat 15px -3400px;}
#nav2 table th a.restaurant { background: url(/static/img/icon14.gif) no-repeat 15px -3350px;}
#nav2 table th a.thanks { background: url(/static/img/icon14.gif) no-repeat 15px -3451px;}
#nav2 table th a.osirase { width:24px;padding: 0;background: url(/static/img/icon14.gif) no-repeat 5px -3500px !important;}
#nav2 table th a.message { position:relative;display:block;width:24px;padding: 0;background: url(/static/img/icon14.gif) no-repeat 5px -3550px;}
#nav2 table th a.new_pict { background: url(/static/img/icon14.gif) no-repeat 15px -3600px;}
#nav2 table th a.mypage { background: url(/static/img/icon14.gif) no-repeat 15px -3650px;}
#nav2 table th a.regist { background: url(/static/img/icon14.gif) no-repeat 15px -3701px;}
#nav2 table th a.login { background: url(/static/img/icon14.gif) no-repeat 15px -3751px;}
#nav2 table th a:hover { background-color: #EDF8E8 !important; }
#nav2 table th a.campaign { background-position: 15px -241px; }
#nav2 > table th > a.column { background: url(/static/img/icon14.gif)  no-repeat 15px -4971px; }

#header.new.mini.user {
	border-top: solid 20px #EDF8E8;
	border-bottom-color: #BAE7AB;
}
#header.new.mini.user #nav2.mini table,
#header.new.mini.user #nav2.mini table th {
	border-color: #BAE7AB;
}
#header.new.mini.user h1,
#header.new.mini.user #links a {
	color:#5E9643;
	border-color: #BAE7AB;
}
#header.new.mini.user #nav2.mini table th a.travel { background: url(/static/img/icon12.gif) no-repeat 10px -1436px;}
#header.new.mini.user #nav2.mini table th a.restaurant { background: url(/static/img/icon12.gif) no-repeat 10px -1486px;}
#header.new.mini.user #nav2.mini table th a.new_pict { background: url(/static/img/icon12.gif) no-repeat 10px -1536px;}
#header.new.mini.user #nav2.mini table th a.mypage { background: url(/static/img/icon12.gif) no-repeat 10px -1585px;}
#header.new.mini.user #nav2.mini table th a.regist { background: url(/static/img/icon12.gif) no-repeat 10px -1636px;}
#header.new.mini.user #nav2.mini table th a.login { background: url(/static/img/icon12.gif) no-repeat 10px -1686px;}
#header.new.mini.user #nav2.mini table th a:hover {
	background-color: #EDF8E8;
}

#top_prof {position:relative;}
#top_prof .right {
	position: absolute;
	top: 5px;
	right: 0;
}
#top_prof .right2 {
	position: absolute;
	top: 25px;
	right: 0;
}
#top_prof table {width:auto !important;}
#top_prof table.left th {padding-right: 10px;}
#top_prof table td {height: 25px;}
#top_prof table.left th img {
	max-width: 50px;
	max-height: 50px;
}
#top_prof table.left td.menu {
	border-left: solid 1px #BAE7AB;
}
#top_prof table.left td.menu td {
	padding: 0 5px;
	border-right: solid 1px #BAE7AB;
}
#top_prof table.left td.menu td a,
#top_prof table.left td.menu td>span {
	display: block;
	padding: 7px 5px 6px;
	line-height: 100%;
	color: #333;
	font-weight: bold;
}
#top_prof table.left td.menu td a:hover,
#top_prof table.left td.menu td a:active,
#top_prof table.left td.menu td.on a,
#top_prof table.left td.menu td.on span {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #EDF8E8;
	text-decoration: none;
}
/* リスト追加用CSS */
.border {
	margin: 10px 0 !important;
	border: none;
	border-top: dotted 1px #CCC;
}
.border2 {
	margin: 10px 0 5px !important;
	border: none;
	border-top: dotted 1px #CCC;
}
.btd { border-top: dotted 1px #CCC; }
.bbd { border-bottom: dotted 1px #CCC; }
.tdone { color:#469FAC; }
.twish { color:#C44646; }
.tlike { color:#D2A519; }
.font10 {
	line-height: 150%;
}

.a-gray a,
.a-gray a:visited,
.a-gray a:link {
	color:#999;
	font-weight: bold;
	text-decoration: none;
}
.a-gray a:active,
.a-gray a:hover {
	color:#333;
	font-weight: bold;
	text-decoration: none;
}
a.black {
	color: #333;
	font-weight: 600;
}
a.black:hover,
a.black:active {
	color: #666;
	text-decoration: underline;
}

.icon12 {
	padding: 0 0 0 15px;
	background: url(/static/img/icon12.gif) no-repeat;
}
.icon12.prof { background-position: left -728px;}
.icon12.photo { background-position: left -758px;}
.icon12.blog { background-position: left -788px;}
.icon12.review2 { background-position: left -818px;}
.icon12.tweet { background-position: left -848px;}
.icon12.list { background-position: left -878px;}
.icon12.tick { background-position: left -908px;}
.icon12.friend { background-position: left -1998px;}
.icon12.follow { background-position: left -2028px;}
.icon12.sinsei { background-position: left -2058px;}
.icon12.thankyou { background-position: left -2338px;}
.icon12.plus { background-position: left -2438px;}
.icon12.followed { background-position: left -2468px;}

.icon12.tick2 {
	margin: 0;
	padding: 0 12px 0 0;
	background-position: left -2088px;
}

.icon16 {
	padding: 0 0 0 21px;
	background: url(/static/img/icon16.gif) no-repeat;
}
.icon16.travel { background-position: left -809px;}
.icon16.restaurant { background-position: left -839px;}
.icon16.fashion { background-position: left -869px;}
.icon16.cosme { background-position: left -899px;}
.icon16.interior { background-position: left -929px;}
.icon16.book { background-position: left -959px;}
.icon16.movie { background-position: left -989px;}
.icon16.music { background-position: left -1019px;}
.icon16.event { background-position: left -1049px;}
.icon16.shopping { background-position: left -1079px;}
.icon16.review { background-position: left -479px; }
.icon16.blog { background-position: left -1140px; }

span.hyouka15 {
	display: inline-block;
	min-height: 15px;
	padding: 0 0 0 88px;
	background: url(/static/img/hyouka15_5.gif) no-repeat;
	font-weight: bold;
	color: #C66;
}
span.hyouka15.hosi50 { background-position:left 0px; }
span.hyouka15.hosi45 { background-position:left -30px; }
span.hyouka15.hosi40 { background-position:left -60px; }
span.hyouka15.hosi35 { background-position:left -90px; }
span.hyouka15.hosi30{ background-position:left -120px; }
span.hyouka15.hosi25 { background-position:left -150px; }
span.hyouka15.hosi20 { background-position:left -180px; }
span.hyouka15.hosi15 { background-position:left -210px; }
span.hyouka15.hosi10 { background-position:left -240px; }
span.hyouka15.hosi5 { background-position:left -270px; }
span.hyouka15.hosi0 { background-position:left -300px; }
span.hyouka15.none { background-position:left -330px;font-size:83%;font-weight:normal;color:#999;line-height:150%; }
ul.list_ul li span.hyouka15 {
	font-size: 83%;
}

.mylist_photolist {
	margin-left: -10px;
}
.mylist_photolist .boxlist {
	float: left;
	position: relative;
	margin-left: 9px;
	margin-bottom: 10px;
	width: 184px;
	padding: 10px;
	border: solid #F6F6F6 10px;
}
.mylist_photolist .boxlist td {
	width: 184px;
	height: 184px;
	background: #F6F6F6;
	vertical-align: middle !important;
	text-align: center;
}
.mylist_photolist .boxlist td img {
	max-width: 184px;
	max-height: 184px;
}


ul.list_ul {
	border: solid 10px #F6F6F6;
	padding: 5px 10px;
}
ul.list_ul li {
	border-bottom: dotted 1px #CCC;
	padding: 5px 0;
}
ul.list_ul li:last-child {
	border:none;
}


#user_stats .status {
	border-color: #B7E3A8;
	background: #FAFDF9;
}
#user_stats .status hr {
	border-color: #94D77D;
}

hr.border { border-color: #BAE7AB; }

/* サイドのmyリスト */
#mylist.side {
	padding: 10px 0;
	border-top: solid 1px #B7E3A8;
	border-radius: 0 0 5px 5px;
	background: #F4FBF2;
}
#mylist.side .block div {
	padding: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background: none;
}
#mylist.side .eng {
	font-size: 100%;
}
#mylist.side .block table th {
	padding-right: 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 100%;
}
#mylist.side .block table th a {
	color: #333;
	font-weight: 600;
	text-decoration: underline
}
#mylist.side .block table th a:hover,
#mylist.side .block table th a:active {
	color: #666;
	text-decoration: none;
}
#mylist.side .block table {
	width: 100% !important;
	height: 50px;
}
#mylist.side .block table td.sum {
	width: 50px;
	height: 50px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	background: url(/static/img/bg_mylist_point3.gif) no-repeat;
	color: white;
	font-size: 117%;
	font-weight: 600;
	text-shadow: 0 0 3px #999;
	line-height: 100%;
}
#mylist.side .block.wish table td.sum {
	width: 50px;
	height: 50px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	background: url(/static/img/bg_mylist_point3.gif) no-repeat -55px bottom;
}
#mylist .block table td.sum a {
	display: block;
	padding: 18px 0;
	width: 100%;
	color: #FFF;
}
#mylist.side .mylist_block .brd, #mylist.top .mylist_block .brn {
	width: 50%;
	padding: 0 10px;
}
#mylist.side .bright {
	border-right: dotted 1px #80CD65;
}

.tab_s_box { border-color: #B8E3A9; }
.tab_s_box a {
	background: url(/static/img/bg_tag5.gif) no-repeat left bottom;
	color: #000;
	text-decoration: none;
}
.tab_s_box a:hover {
	background: url(/static/img/bg_tag5.gif) no-repeat right bottom;
	text-decoration: underline;
}

.follow_pop {
	display:inline-block;
	position: relative;
	background:#555;
}
.follow_pop .text {
	display: block;
	position: absolute;
	z-index:-1;
	right: 0;
	top: 30px;
	padding: 9px 8px 8px;
	width: 380px;
	border-radius: 5px;
	border: solid 1px #B8E3A9;
	background: #F4FBF2;
	line-height: 100%;
	text-align: center;
	color: #000;
	box-shadow: 0 2px 8px #CCC;
	
	opacity: 0;
	-webkit-transition: opacity 150ms ease-in-out;
}
.follow_pop img:hover + .text {
	z-index: 1;
	display: block;
	opacity: 0.95;
}

#layout_content_wrapper table.profile,
#layout_content_wrapper table.profile td,
#layout_content_wrapper table.profile th {
	border-color: #B7E3A8;
}
#layout_content_wrapper table.profile th {
	background-color: #F4FBF2;
}

.osirase_pop .osirase_box { border-color: #B8E3A9; }
.osirase_pop .osirase_box h3,
.osirase_pop .osirase_box li { border-color: #81CC66; }

/* ＝＝＝＝＝
■
＝＝＝＝＝ */
#timeline .timeline-head a,
#timeline .timeline-body .more a,
#timeline .timeline-text .tit a,
#timeline .new-status table td > a,
#timeline .new-status table td.vote_td > span { color: #25381D; }
#timeline .timeline-photos { background-color: #CFECC6; }
#timeline .timeline-head,
#timeline .timeline-body .more a,
#timeline .timeline-text,
#timeline .new-status,
#timeline .new-status table td,
#timeline .new-status table.right td { border-color: #CFECC6; }
#timeline-title,
#timeline .timeline-body .more a:hover,
#timeline .new-status table td > a:hover { background-color: #F4FBF2; }

#timeline .timeline-photos li {
	width: 81px;
	height: 81px;
}
#timeline .timeline-photos li:nth-child(1) {
	width: 326px;
	height: 163px;
}
#timeline .timeline-photos.total2 li {
	width: 245px;
	height: 163px;
}
#timeline .timeline-photos.total2 li:nth-child(2) {
	width: 244px;
	height: 163px;
}
#timeline .timeline-photos.total3 li {
	width: 163px;
	height: 163px;
}
#timeline .timeline-photos.total3 li:nth-child(1) { width: 162px; }
#timeline .time-icon14.like { background-position: -54px top; }
#timeline .time-icon14.comment { background-position: -54px -14px; }
#timeline .time-icon14.view { background-position: -54px -28px; }
#timeline .time-icon14.time { background-position: -54px -42px; }
#timeline .time-icon20.blog { background-position: -20px top; }
#timeline .time-icon20.review2 { background-position: -20px -20px; }
#timeline .time-icon20.column { background-position: -20px -40px; }
#timeline .time-icon20.thanks { background-position: -20px -20px; }
#timeline .time-icon20.photo { background-position: -20px -80px; }
#timeline .time-icon20.status { background-position: -20px -100px; }
#timeline .time-icon12.like { background-position: -52px -60px; }
#timeline .time-icon12.reply { background-position: -52px -72px; }

#timeline .timeline_comment { background-color: #F4FBF2; }
#timeline .timeline_comment > li { border-color: #CFECC6; }
#timeline .timeline_comment textarea,
#timeline .timeline_comment input[type=text] {
	width: 347px;
	border-color: #B7E3A8;
}
#timeline .timeline_comment input[type=submit] {
	border-color: #B7E3A8;
	background: -webkit-linear-gradient(top, #FFFFFF, #F4FBF2);
	background: -moz-linear-gradient(top, #FFFFFF, #F4FBF2);
	background: -o-linear-gradient(top, #FFFFFF, #F4FBF2);
	background: -ms-linear-gradient(top, #FFFFFF, #F4FBF2);
	background: linear-gradient(to bottom, #FFFFFF, #F4FBF2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#F4FBF2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#F4FBF2)";
}
#timeline .timeline_comment input[type=submit]:hover { background-color: #F4FBF2; }
#timeline .timeline_comment .more-comment a { color: #25381D; }