@charset "utf-8";

/* ＠日記  */
#diary .ad_smTop{
	margin: 0 0 2px 0;
}

#diary #borderBox {
	background: #faf5ea;
}

#diary_top #borderBox {
	padding-top: 20px;
	background: url(../data/diary/img/top_bg_main.png) no-repeat left top #7cb3b3;
	border: 1px solid #669999;
}

/* 右＠日記 */
#diary #adArea #bgBox{
	margin-bottom: 20px;
	background: #f4d04f;
	border: 1px solid #e7dcc1;
  /* 角丸 */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}

/* 右＠日記 */
#diary #adArea #bgBox .innerBox{
	margin: 10px;
	background: #fff;
	padding: 10px;
}
#diary .ency{
	margin: 10px;
	background: #fff;
}
#diary .ency .clearfix{
	padding: 7px;
	background: #e2e2e2;
}
#diary .ency .age{
	padding: 0 10px;
	background: #ff9000;
	color: #fff;
	line-height: 23px;
	font-weight: bold;
	text-align: center;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary .ency ul{
	padding: 10px;
}
#diary .ency li{
	padding-left: 18px;
	background: url(../img/cmn_arrow_yerrow.gif) no-repeat left;
	line-height: 1.8;
}
/* 右＠プロフィール */
#diary .profile .name{
	margin-bottom: 10px;
	padding: 0 10px;
	background: #fee58c;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary .profile .fltImg{
	margin: 0 0 10px 10px;
}
/* 右＠コメント */
#diary .comment{
	margin: 10px;
	background: #fee58c;
	color: #663300;
}
#diary .comment h3{
	padding: 10px 0;
}
#diary .comment h4{
	margin: 0 10px;
	background: url(../data/diary/img/bg_comment.jpg) no-repeat right;
	line-height: 1.8;
}
#diary .comment p{
	padding: 0 10px 10px;
}
/* 右＠他メンバー */
#diary .member ul{
	text-align: center;
}
#diary .member li{
	margin-top: 7px;
}
#diary .member li:first-child{
	margin-top: 0;
}
#diary .member li a{
	padding-left: 25px;
	background: url(../data/diary/img/bg_member_link.gif) no-repeat 7px #fee58c;
	width: 235px;
	height: 30px;
	display: block;
	text-align: left;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}


/* -----------------------------------------------------------------------------------------------------------------------モバイルレイアウト : 480 px およびそれ以下. */
/*--------------------------------------------------------------------------------------------------------------------- ＠日記  */

/* 日記トップ */
#diary_top .topLeft{
	padding: 0 2%;
	width: 96%;
}
#diary_top .topRight{
	padding: 10px 2%;
	width: 96%;
}
#diary_top .topRight .blockR{
	margin-bottom: 10px;
}
#diary_top .topRight .dateBox{
	padding: 0 8px;
	background-color: #f16209;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary_top .topRight .dateBox img{
	margin-right: 7px;
	vertical-align: middle;
	width: 70%;
}
#diary_top .topRight ul{
	padding-top: 6px;
}
#diary_top .topRight li{
	margin-bottom: 6px;
	padding: 5px 20px;
	background: url(../data/diary/img/bg_member_link.gif) no-repeat 5px #fee58c;
	font-size: 85%;
	font-weight: bold;
	text-align:center;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary_top .topRight li a         { color: #efa500; text-decoration: none;}
#diary_top .topRight li a:visited { color: #efa500;}
#diary_top .topRight li a:active  { color: #efa500;}
#diary_top .topRight li a:hover   { color: #fff;}

#diary_top .topRight li img{
	margin: 0 auto;
	display: block;
}
#diary_top .topRight .btnBn{
	padding: 1px 5px;
	background-color: #529a9a;
	line-height: 24px;
	height: 24px;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
/* 日記トップ プロフィル */
#diary_top .memberProfile{
	margin: 0 2%;
	padding: 2%;
	background-color: #fff;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary_top .memberProfile h3{
	margin: 1em 0 7px 0;
}
#diary_top .memberProfile h4{
	margin-bottom: 1em;
	padding-left: 22px;
	background:url(../data/diary/img/bg_member_link.gif) no-repeat 7px #fee58c;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary_top .memberProfile h5{
	margin-bottom: 0.5em;
}
#diary_top .memberProfile .menber{
	padding-bottom: 2em;
}
#diary_top .memberProfile .photo{
	width: 18%;
	float: left;
}
#diary_top .memberProfile .prf_com{
	width: 80%;
	float: right;
}
#diary_top .memberProfile .profile{
	width: 100%;
}
#diary_top .memberProfile .comment{
	margin-top: 1em;
	width: 100%;
}
/* 日記トップ バックナンバ */
#diary_top #backNumber{
	padding: 10px;
}
#diary_top h3.ttlBn{
	background-color: #529a9a;
	line-height: 30px;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary_top .bnMenber{
	margin: 10px 0;
	padding: 10px 2%;
	background-color: #94cdc7;
	color: #fff;
	width: 96%;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary_top .bnMenber img{
	margin: 0 10px 10px 0;
	float: left;
}
#diary_top .bnMenber .date{
	margin-bottom: 1em;
}
#diary_top .bnMenber h4 a         { color: #f60; font-weight:bold;}
#diary_top .bnMenber h4 a:visited { color: #f60;}
#diary_top .bnMenber h4 a:active  { color: #f60;}
#diary_top .bnMenber h4 a:hover   { color: #2e8a8a;}

/* サポーター */
#diary .txt_green_b         {
	color: #366;
	font-weight: bold;
}
#diary .center{
	text-align: center;
	width: 100%;
	margin-left: -10px;
}

/* ----------------------------------------------------------------------------------------------------------------------日記　個別 */
#diary #diary_hgroup{
	margin: 10px 0 10px 2%;
}
#diary #diary_hgroup .fltR{
	text-align: right;
}
#diary #diary_hgroup h4{
	margin-right: 10px;
}

/* 日記エントリ */
#diary .entry{
	margin: 0 3% 10px;
	padding: 10px 2.5%;
	background-color: #fff;
}
#diary .title{
	margin-bottom: 0.5em;
	color: #009999;
	font-size: 115%;
	font-weight: bold;
}
#diary .point {
	color: #ff9900;
	font-weight: bold;
}
/* エントリ内写真 */
#diary .fltBox {
	margin-left: 2.5%;
	padding: 5px;
	background-color: #f4f4f4;
	border: 1px solid #e6e6e6;
	float: right;
	width: 127px;
	text-align: center;
}
#diary .fltBox img {
	margin-bottom: 5px;
}
/* bnボタン */
#diary .btn_bn{
	margin: 0 3% 10px;
	text-align: right;
}

/* ---------------------------------------------------------------------------------------------------------------バックナンバー  */
#diary h3.ttlBn{
	margin: 0 3% 10px;
	background-color: #529a9a;
	line-height: 30px;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary .bnBox{
	margin: 0 3% 10px;
	padding: 0 2.5% 10px;
	background-color: #fff;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary .bnBox h4{
	padding: 3px 4px;
	background-color: #bedada;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary .ad_smTop{
	margin-top: 20px;
}
#diary .bnBox table{
	margin-top: 10px;
	width: 100%;
}
#diary .bnBox  .clearfix{
	padding-top: 2em;
}
#diary .bnBox th{
	background-color: #8cc7c7;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	width: 30%;
}
#diary .bnBox td{
	padding: 0 2%;
	background-color: #ececec;
	border-bottom: 4px solid #fff;
}
#diary .bnBox td.rest{
	color: #666;
	font-size: 85%;
}
#diary .bnBox  a         { color: #f90;}
#diary .bnBox  a:visited { color: #f90;}
#diary .bnBox  a:active  { color: #f90;}
#diary .bnBox  a:hover   { color: #2e8a8a;}

/* -------------------------------------------デスクトップレイアウト : 481 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print , screen and (min-width: 481px) {
/*--------------------------------------------------------------------------------------------------------------------- ＠日記  */
/* 日記トップ */
#diary_top .topLeft{
	padding: 0 0 20px 20px;
	background: url(../data/diary/img/top_bg_tree.jpg) no-repeat center;	
	width: 270px;
	float: left;
}
#diary_top .topLeft h2{
	margin-top: 125px;
}
#diary_top .topRight{
	margin-top: 0;
	padding: 20px 20px 0 10px;
	width: 315px;
	float: right;
}
#diary_top .topRight .blockR{
	margin-bottom: 40px;
}
#diary_top .topRight .dateBox img{
	width: 220px;
}
#diary_top .topRight li{
	padding: 0 0 0 20px;
	text-align: left;
	line-height: 30px;
}
#diary_top .topRight li img{
	margin: 0 2px 0 0;
	display: inline;
}
/* 日記トップ プロフィル */
#diary_top .memberProfile{
	margin: 0 10px 20px;
	padding: 10px;
}
#diary_top .memberProfile .menber{
	padding-bottom: 2em;
}
#diary_top .memberProfile .photo{
	width: 65px;
	float: left;
}
#diary_top .memberProfile .prf_com{
	width: 515px;
	float: right;
}
#diary_top .memberProfile .profile{
	width: 48%;
	float: left;
}
#diary_top .memberProfile .comment{
	margin-top: 0;
	width: 48%;
	float: right;
}
/* 日記トップ バックナンバ */
#diary_top #backNumber{
	padding: 10px 0 10px 10px;
}
#diary_top h3.ttlBn{
	margin-right: 10px;
	background-color: #529a9a;
	line-height: 30px;
  /* 角丸 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#diary_top .bnMenber{
	margin: 10px 10px 10px 0;
	padding: 10px 12px;
	background-color: #94cdc7;
	color: #fff;
	width: 280px;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
	float: left;
}
#diary_top .bnMenber h5{
	padding-top: 10px;
}
#diary_top .bnMenber .date{
	font-size: 85%;
}
#diary_top .bnMenber img{
	margin: 0 10px 10px 0;
	float: left;
}


/* ----------------------------------------------------------------------------------------------------------------------日記　個別 */

#diary #diary_hgroup{
	margin: 20px 0	20px 10px;
}
/* 日記エントリ */
#diary .entry{
	margin: 0 10px 10px;
	padding: 20px;
}
/* 日記エントリ内写真 */
#diary .fltBox {
	margin-left: 10px;
	padding: 5px;
	width: 240px;
	text-align: center;
}
/* バックナンバーボタン */
#diary .btn_bn{
	margin: 0 10px 10px;
}

#diary .listpoint {
margin-left: 1em; text-indent: -1em;
}
/* ---------------------------------------------------------------------------------------------------------------------バックナンバー  */
#diary h3.ttlBn{
	margin: 0 10px 10px;
}
#diary .bnBox{
	margin: 0 10px 10px;
	padding: 0 10px 10px 20px;
}
#diary .bnBox h4{
	margin-right: 10px;
}
#diary .bnBox table{
	margin-right: 10px;
	float: left;
	width: 284px;
	height: 125px;
}
}