body {
	position:relative;
}
#heartdiary dl,#heartdiary dt,#heartdiary dd,#heartdiary ul,#heartdiary ol,#heartdiary li,
#heartdiary h2,#heartdiary h3,#heartdiary h4,#heartdiary h5,#heartdiary h6,
#heartdiary form,#heartdiary p,#heartdiary th,#heartdiary td,#heartdiary span {
	margin: 0;
	padding: 0;
	font-style: normal;
	text-decoration:none;
}
#heartdiary ul,
#heartdiary ol {
	list-style:none outside;
}
#heartdiary li {
	list-style:none outside;
}
#heartdiary img,
#popup img{
	border: none;
	vertical-align:bottom;
}
#heartdiary a{
	outline:0;
	color:#000;
}
#heartdiary {	
	width:950px;
	overflow:hidden;
	font-size:12px;
	line-height:150%;
	color:#5A2603;
	text-align:left;
}


/*------------------------------*/
/*------------ intro -----------*/
/*------------------------------*/
#heartdiary div.illustarea {
	width:950px;
}
#heartdiary div.intro{
	float:left;
	width:950px;
	height:160px;
	background:url(../index_img/illust-building.jpg) no-repeat left bottom;
}
#heartdiary div.intro ul.pankuzu li{
    color: #653000;
    display: inline;
    font-size: 10px;
    margin-top: 32px;
}
#heartdiary div.intro ul.pankuzu li a{
    color: #653000;
    padding-right: 8px;
    background: url("../index_img/pankuzu.jpg") no-repeat scroll right center;
}
#heartdiary div.intro h2{
	padding:10px 0 0 3px;
	float:left;
}
#heartdiary div.intro dl{
	padding:28px 0 0 5px;
	float:left;
}
#heartdiary div.intro dt{
	float:left;
	padding-right:10px;
	height:110px;
}
#heartdiary div.intro dd{
	float:left;
	color:#5A2603;
	font-size:10px;
	line-height:150%;
	padding-top:8px;
}
#heartdiary div.intro dd a:link,
#heartdiary div.intro dd a:visited{
	color:#5A2603;
	text-decoration:none;
}
#heartdiary div.intro dd a:hover,
#heartdiary div.intro dd a:active{
	color:#5A2603;
	text-decoration:underline;
}
#heartdiary div.intro dd p.date{
	width:36px;
	float:left;
	margin-right:7px;
}
div.illustright{
	width:552px;
	height:343px;
	float:right;
	position:relative;
}
div.illustright img.building{
	position:absolute;
	left:186px;
}
div.illustright a.season{
	position:absolute;
	top:210px;
	left:0px;
}
div.illustright a.favorite{
	position:absolute;
	top:0px;
	left:414px;
}
div.illustright a.blog{
	position:absolute;
	top:243px;
	left:372px;
}

div.illustleft{
	width:398px;
	height:201px;
	float:left;
	position:relative;
}
div.illustleft a.collabo{
	position:absolute;
	top:0px;
	left:267px;
}
div.illustleft a.users{
	position:absolute;
	top:11px;
	left:112px;
}
div.illustleft a.download{
	position:absolute;
	top:123px;
	left:112px;
}
div.illustleft img.board{
	position:absolute;
	top:97px;
	left:0px;
}


/*------------------------------*/
/*------------ main -----------*/
/*------------------------------*/

#heartdiary .mainarea {
	margin:0 0 5px;
	width:950px;
	overflow:hidden;
	background:url(../hdsidenav_img/hdside_bg.jpg) repeat-y 0 0;
	clear:both;
}
#heartdiary #maincontents {
	width:716px;
	float:right;
	padding-bottom:150px;
	background:url(../index_img/hdfooter-bg.gif) no-repeat 0 100%;
}
#heartdiary #maincontents h3 {
	width:716px;
	position:relative;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
}
#heartdiary #maincontents h3 span.ttltx,
#heartdiary #maincontents h3 span.lastup {
	position:absolute;
	left: 202px;
	top: 23px;
}

/*---------------*/

#heartdiary ul#pagelink{
	padding:0 0 20px 5px;
	width:716px;
	overflow:hidden;
}
#heartdiary #pagelink li{
	margin:4px 12px 0 0px;
	display:inline;
	float:left;
}
#heartdiary #pagelink li.last{
	margin:4px 0px 0 0px;
}

#heartdiary  a.desc{
	margin-top:3px; 
	display:block;
	padding-left:8px;
	color:#5A2603;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 50%;
	text-decoration:none;
	line-height:1.2;
	font-size:10px;
	zoom: 1;
}

#heartdiary .newmark a.desc{
	background:url(../index_img/new.gif)  no-repeat 0 1px;
	text-indent:27px;
	padding-left:0;
}
#heartdiary .newarrow a.desc{
	background:url(../index_img/new_arrow.gif)  no-repeat;
	text-indent:40px;
	line-height:1.3;
	padding-left:0;
}
#heartdiary  a.desc:hover,
#heartdiary .newmark a.desc:hover,
#heartdiary .newarrow a.desc:hover{
	text-decoration:underline;
}


/*---------------*/

#heartdiary #reccom {
	clear:both;
	padding:0 0 25px;
	margin-top:10px;
}
#heartdiary #reccom h3 {
	background:url(../index_img/season-bg.gif) no-repeat 0 22px;
	margin-bottom:10px;
}
#heartdiary #reccom ul {
	margin:0 0 0 6px;
	width:708px;
	overflow:hidden;
}
#heartdiary #reccom li {
	margin:6px 0 0 0;
	display:inline;
	float:right;
	width:347px;
	font-size:10px;
	line-height:1.2;
}
#heartdiary #reccom li.season {
	margin:8px 0 0 0;
	float:left;
	width:350px;
}
#heartdiary #reccom img {
	display:block;
}
/*#heartdiary #reccom a.desc {
	display:block;
	margin-top:3px;
	padding-left:8px;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 0.5em;
	color:#5A2603;
	text-decoration:none;
}*/

/*101111タップボックス追加 start*/
#heartdiary #reccom .left {
	float:left;
	width:350px;
}
#heartdiary #reccom .right {
	float:right;
	width:350px;
}

#heartdiary #reccom dl{
	width:350px;
}

#heartdiary #reccom #center{
	width:715px;
}


#heartdiary #reccom dl dd{
	margin:8px 0 0 0;
}
#heartdiary #reccom dl dd.copy{
	font-size:10px;
}
/*101111タップボックス追加 end*/

#heartdiary #reccom2 {
	clear:both;
	padding:0 0 25px;
	margin-top:10px;
}
#heartdiary #reccom2 h3 {
	margin-bottom:10px;
}
#heartdiary #reccom2 ul {
	margin:0 0 0 6px;
	width:708px;
	overflow:hidden;
}
#heartdiary #reccom2 li {
	margin:6px 0 0 0;
	display:inline;
	float:right;
	width:347px;
	font-size:10px;
	line-height:1.2;
}
#heartdiary #reccom2 li.season {
	margin:8px 0 0 0;
	float:left;
	width:350px;
}
#heartdiary #reccom2 img {
	display:block;
}
/*#heartdiary #reccom2 a.desc {
	display:block;
	margin-top:3px;
	padding-left:8px;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 0.5em;
	color:#5A2603;
	text-decoration:none;
}*/

/*101111タップボックス追加 start*/
#heartdiary #reccom2 .left {
	float:left;
	width:356px;
}
#heartdiary #reccom2 .right {
	float:right;
	width:356px;
}
#heartdiary #reccom2 dl,#heartdiary #reccom2 h3{
	width:356px;
}

#heartdiary #reccom2 dl dd{
	margin:3px 0 0 0;
}
#heartdiary #reccom2 dl dd.copy{
	font-size:10px;
}
#heartdiary #reccom2 dt{
	position:relative;
}
#heartdiary #reccom2 span.ttltx {
	position:absolute;
	left:203px;
	top:23px;
}
/*101111タップボックス追加 end*/
/*-----kagu@20110117追加-------*/
#heartdiary #kagu{
	width:716px;
	overflow:hidden;
	margin:0 0 35px 0;
	clear:both;
}
#heartdiary #kagu ul{
	width:700px;
	padding:10px 0 0 7px;
}
#heartdiary #kagu li{
	width:350px;
	float:left;
}
#heartdiary #kagu li div{
	width:350px;
	float:left;
}
#heartdiary #kagu div.clearfix{
	padding:3px 0 0 5px;
}
#heartdiary #kagu div{
	overflow:hidden;
	clear:both;
}
/*-----END_kagu-------*/

/*-----hd_season@20110117追加-------*/
#heartdiary #hd_season ul{
	background:url(../index_img/hd_season_border01.gif) repeat-y 10px 0;
	zoom:1;
	overflow:hidden;
}
#heartdiary #hd_season ul li{
	padding:0px 9px 0px 9px;
	width:220px;
	float:left;
}
#heartdiary #hd_season ul.hd_season_img2 li{
	background:url(../index_img/hd_season_border02.gif) no-repeat 0px 8px;
	padding-top:16px;
}
#heartdiary #hd_season ul.hd_season_border li{
	padding:8px 9px 8px 10px;
	width:716px;
	float:left;
}
#heartdiary #hd_season{
	width:716px;
	overflow:hidden;
	padding:0 0 35px 0;
	margin-top: 10px;
}
#heartdiary #hd_season h3{
	width:716px;
	overflow:hidden;
	padding:0 0 3px 0;
}
#heartdiary #hd_season h3 span.ttltx {
	left:195px;
	top:23px;
}
/*#heartdiary #hd_season a.desc {
	display:block;
	margin-top:3px;
	padding-left:8px;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 0.5em;
	color:#5A2603;
	text-decoration:none;
}*/
/*-----END_hd_season-------*/

#heartdiary #netonly {
	clear:both;
	padding-bottom:10px;
	margin-bottom:29px;
	width:716px;
	/*background:url(../index_img/netonly-bg.gif) no-repeat 0 100%;*/
}
#heartdiary #netonly h3 span.ttltx {
	left:364px;
	top:18px;
}
#heartdiary #netonly ul {
	margin:10px 0 0 0;
	width:716px;
	overflow:hidden;
}
#heartdiary #netonly li {
	margin:0 0 0 14px;
	display:inline;
	float:left;
	width:350px;
	font-size:10px;
	line-height:1.2;
}
#heartdiary #netonly li.wear {
	margin:0;
}
#heartdiary #netonly img {
	display:block;
}
/*#heartdiary #netonly a.desc {
	display:block;
	margin-top:3px;
	padding-left:18px;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 0.5em;
	color:#5A2603;
	text-decoration:none;
}*/

/*---------------*/

#heartdiary #floorguide {
	clear:both;
	margin-bottom:35px;
	width:716px;
	height:240px;
	overflow:hidden;
	background:#fff url(../index_img/floorguide-bg.gif) no-repeat 0 40px;
}
#heartdiary #floorguide h3 span.ttltx {
	left:224px;
	top:18px;
}

#heartdiary #floorguide ul{
	margin-left:15px;
}
#heartdiary #floorguide li{
	padding-left:10px;
}
#heartdiary #floorguide li.cafe{
	width:215px;
	float:left;
	position:relative;
}
#heartdiary #floorguide li.wear{
	width:215px;
	float:left;
	position:relative;
}
#heartdiary #floorguide li.liv{
	width:215px;
	float:left;
	position:relative;
}

#heartdiary #floorguide h4{
	padding:13px 0 0 0;
}

#heartdiary #floorguide p.banner{
	font-size:10px;
	width:195px;
	position:absolute;
	top:54px;
	left:21px;
}
#heartdiary #floorguide p.banner a.desc{
	margin-top:3px; 
	display:block;
	padding-left:8px;
	color:#5A2603;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 0.3em;
	text-decoration:none;
	line-height:1.2;
}

/*-------review@20110117削除--------*/
/*
#heartdiary #review {
	clear:both;
	padding-bottom:20px;
	margin-bottom:35px;
	width:716px;
	background:url(../index_img/review-bg.gif) no-repeat 0 100%;
}
#heartdiary #review h3 span.ttltx {
	left:275px;
	top:19px;
}
#heartdiary #review h3 span.lastup {
	padding:0 20px 0 0;
	right:0;
	top:19px;
}
#heartdiary #review ul {
	width:716px;
	overflow:hidden;
}
#heartdiary #review li {
	margin:14px 0 0 24px;
	display:inline;
	float:left;
	width:210px;
	font-size:10px;
	line-height:1.2;
}
#heartdiary #review a.photo img {
	margin-bottom:12px;
}
#heartdiary #review a.desc {
	display:block;
	padding-left:8px;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 0.4em;
	font-weight:bold;
	color:#C66A16;
	font-size:12px;
}
#heartdiary #review .spec {
	padding-bottom:10px;
}
#heartdiary #review .spec p {
	padding:2px 0 0 8px;
}
#heartdiary #review dl.star {
	padding-bottom:5px;
	width:210px;
	overflow:hidden;
}
#heartdiary #review dl.star dt {
	float:left;
	width:57px;
}
#heartdiary #review dl.star dd.star5 {
	float:left;
	width:83px;
}
#heartdiary #review dl.star dd.update {
	float:left;
	width:70px;
	font-size:10px;
	line-height:1.1;
}
#heartdiary #review .comment {
	width:200px;
}
#heartdiary #review .comment p.comttl {
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
}
#heartdiary #review .comment a.desc {
	margin-top:5px;
}
*/
/*---------------*/

#heartdiary #collabo {
	clear:both;
	margin-bottom:35px;
	width:716px;
	overflow:hidden;
	background:url(../index_img/collabo-bg.gif) no-repeat 0 100%;
}
#heartdiary #collabo h3 span.ttltx {
	left:237px;
	top:17px;
}

#heartdiary #collabo dl{
	float:left;
	padding:19px 29px 25px 36px;
}
#heartdiary #collabo dt{
	padding-bottom:9px;
}
#heartdiary #collabo dd{
	font-size:10px;
	line-height:150%;
	text-align:center;
	padding:12px 0 15px;
	background:url(../index_img/collabo-bg2.gif) no-repeat center top;
}
#heartdiary #collabo ul{
	padding:10px 15px 10px 15px;
	width:686px;
	overflow:hidden;
}
#heartdiary #collabo li{
	float:left;
	width:213px;
	padding:5px 0 10px 10px;
	font-size:10px;
}
/*#heartdiary #collabo a.desc{
	margin-top:3px; 
	display:block;
	padding-left:8px;
	color:#5A2603;
	background:url(../index_img/parts-arrow-mini.gif) no-repeat 0 50%;
	text-decoration:none;
	line-height:1.2;
	font-size:10px;
}*/

/*---------------*/

#heartdiary div.specialwrap {
	clear:both;
	margin-bottom:35px;
	width:716px;
	overflow:hidden;
	background:url(../index_img/special-bg.gif) no-repeat 0 100%;
}
#heartdiary #sdownload {
	float:left;
	width:356px;
	height:197px;
	overflow:hidden;
	/*100914追加*/
	padding-top:10px;
}
#heartdiary #sdownload h3 {
	padding:0 0 5px;
	width:356px;
}
#heartdiary #sdownload h4 {
	padding:0 0 9px 25px;
}
#heartdiary #sdownload a.photo {
	display:block;
	margin:0 0 0 25px;
	float:left;
	display:inline;
	width:187px;
}
#heartdiary #sdownload p {
	display:block;
	margin:3px 22px 0 0;
	float:right;
	display:inline;
	width:110px;
	font-size:10px;
	line-height:1.5;
}

/*---------------*/

#heartdiary #sminna {
	padding-bottom:7px;
	float:right;
	width:356px;
	min-height:190px;
	height:auto !important;
	height:190px;
	position:relative;
	/*100914追加*/
	padding-top:10px;
}
#heartdiary #sminna h3 {
	padding:0 0 5px;
	width:356px;
}
#heartdiary #sminna h4 {
	padding:0 0 10px 24px;
}
#heartdiary #sminna p {
	padding:0 210px 60px 24px;
	font-size:10px;
	line-height:1.5;
	background:url(../index_img/minna-bg.jpg) no-repeat 21px 100%;
}
#heartdiary #sminna .photo {
	position:absolute;
	left:176px;
	top:65px;
}
/*100914追加*/
#heartdiary #sminna .pict_koushin {
	display:block;
	position:absolute;
	width:98px;
	height:18px;
	top:-10px;
	left:0px;
	z-index:1;
}

/*---------------*/

#heartdiary #backnum {
	clear:both;
	margin-top:10px;
}
#heartdiary #backnum h3 {
	padding:0 0 7px;
}
#heartdiary #backnum ul {
	width:716px;
	overflow:hidden;
}
#heartdiary #backnum li {
	margin:10px 0 0 10px;
	float:left;
	display:inline;
	width:340px;
}

/*pegetop*/
#contentsArea #heartdiary .pagetop{
	clear:both;
	text-align:right;
	margin:0 0 50px;
}
#contentsArea #heartdiary .pagetop a{
	line-height:150%;
	background:url(../index_img/parts-arrow-t.gif) no-repeat left center;
	padding-left:12px;
	color:#5A2603;
}


/*------------------------------*/
/*-------- hdfooternavi --------*/
/*------------------------------*/

div#heartdiary ul.hdfooternavi{
	clear:both;
	width:910px;
	margin:0px 20px;
	font-size:10px;
	padding-top:15px;
}
div#heartdiary ul.hdfooternavi li.left{
	float:left;
}
div#heartdiary ul.hdfooternavi li.left a{
	line-height:150%;
	background:url(../index_img/parts-arrow-l.gif) no-repeat left center;
	padding-left:12px;
	color:#5A2603;
}
div#heartdiary ul.hdfooternavi li.right{
	float:right;
}
div#heartdiary ul.hdfooternavi li.right a{
	line-height:150%;
	background:url(../index_img/parts-arrow-t.gif) no-repeat left center;
	padding-left:12px;
	color:#5A2603;
}


/*------------------------------*/
/*--------- hdsidenavi ---------*/
/*------------------------------*/

div.sidebnrbox {

}


/*------------------------------*/
/*----------- ftarea -----------*/
/*------------------------------*/

#heartdiary div.ftarea dl,
#heartdiary div.ftarea dl dt,
#heartdiary div.ftarea dl dd,
#heartdiary div.ftarea ol,
#heartdiary div.ftarea ol li,
#heartdiary div.ftarea ul,
#heartdiary div.ftarea ul li,
#heartdiary div.ftarea p{
	margin:0;
	padding:0;
}

/*ftarea*/
.clearfix:after{
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
}

#heartdiary div.ftarea{
	width:950px;
	text-align:left;
}
#heartdiary div.ftarea .block01{
	padding:14px 0 12px 0;
	background:url(../index_img/ft_bg_01.gif) no-repeat;
}
#heartdiary div.ftarea .block01 ul.bnr {
}
#heartdiary div.ftarea .block01 ul.bnr li{
	margin-left:45px;
	width:272px;
	float:left;
	display:inline;
}
#heartdiary div.ftarea .block01 ul.bnr li p{
	margin:1px 0 0 0;
	padding:0;
	font-size:10px;
	color:#666;
}
#heartdiary div.ftarea .block01 ul.bnr li.first{
	margin-left:22px;
}
#heartdiary div.ftarea .block01-inner{
	clear:both;
	margin:12px 22px;
	padding:8px 11px;
	background:#EEEAE7;
}
#heartdiary div.ftarea .block01-inner ul{
	width:600px;
	float:left;
}
#heartdiary div.ftarea .block01-inner ul li{
	clear:both;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	background:url(../index_img/ft_ico_arr.gif) no-repeat 0 2px;
	font-size:12px;
	line-height:1.5;
}
#heartdiary div.ftarea .block01-inner ul li a:link    {color: #666 ; text-decoration: none ; }
#heartdiary div.ftarea .block01-inner ul li a:visited {color: #666 ; text-decoration: none ; }
#heartdiary div.ftarea .block01-inner ul li a:hover   {color: #666 ; text-decoration: underline ; }
#heartdiary div.ftarea .block01-inner ul li a:active  {color: #666 ; text-decoration: underline ; }
#heartdiary div.ftarea .block01-inner p{
	float:right;
	width:162px;
	padding:4px 0 0 0;
}


#heartdiary div.ftarea .block02{
	clear:both;
	background:url(../index_img/ft_bg_02.gif) no-repeat;
	height:31px;
}
#heartdiary div.ftarea .ft_ttl_02{
	margin:10px 0 0 0;
}
#heartdiary div.ftarea .block02 ul{
	margin:0 0 13px 4px;
}
#heartdiary div.ftarea .block02 ul li{
	float:left;
	height:31px;
	line-height:31px;
	width:157px;
	text-align:center;
	font-size:10px;
}
#heartdiary div.ftarea .block02 ul li a:link    {color: #666 ; text-decoration: none ; }
#heartdiary div.ftarea .block02 ul li a:visited {color: #666 ; text-decoration: none ; }
#heartdiary div.ftarea .block02 ul li a:hover   {color: #666 ; text-decoration: underline ; }
#heartdiary div.ftarea .block02 ul li a:active  {color: #666 ; text-decoration: underline ; }

#heartdiary div.ftarea .block03{
	clear:both;
	background:url(../index_img/ft_bg_03.gif) no-repeat;
	height:31px;
}
#heartdiary div.ftarea .ft_ttl_03{
	margin:13px 0 0 0;
}
#heartdiary div.ftarea .block03 ul{
	margin:0 0 13px 4px;
}
#heartdiary div.ftarea .block03 ul li{
	float:left;
	height:31px;
	line-height:31px;
	width:134px;
	text-align:center;
	font-size:10px;
}

#heartdiary div.ftarea .block03 ul li a:link    {color: #666 ; text-decoration: none ; }
#heartdiary div.ftarea .block03 ul li a:visited {color: #666 ; text-decoration: none ; }
#heartdiary div.ftarea .block03 ul li a:hover   {color: #666 ; text-decoration: underline ; }
#heartdiary div.ftarea .block03 ul li a:active  {color: #666 ; text-decoration: underline ; }