@charset "shift_jis";

#page {
	border-color:#FFAA00;
}

/* gnavi start */
#gnavi .inner #gnavi01 a:hover,
#gnavi .inner .current#gnavi01 a {
	border-color:#FFAA00;
	color:#FFAA00;
}
/* gnavi end */


/* contents start */

/* main start */
#main .title01 {
	border-color:#CC8800;
	background-color:#FFAA00;
	background-image:url(../image/mypage/title_back_right.gif);
}
#main .title02 {
	border-color:#FFAA00;
}
#main .title02 strong {
	border-color:#FFAA00;
}
#main .title021 {
	width:50%;
	border-color:#FFAA00;
}
#main .title021 strong {
	border-color:#FF6647;
}
#main .title03 {
	border-color:#FFAA00;
}
.menu a.save:link,
.menu a.save:visited {
	display:block;
	float:right;
	width:93px;
	height:20px;
	background:url(../image/common/btn_mark.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-align:left;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#main #esMark .menu li a:link,
#main #esMark .menu li a:visited {
	float:none;
}
.menu2 a.save:hover {
	background-position:left bottom;
}
.menu2 a.save:link,
.menu2 a.save:visited {
	display:block;
	float:right;
	width:93px;
	height:20px;
	background:url(../image/common/btn_mark.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-align:left;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#main #esMark .menu2 li a:link,
#main #esMark .menu2 li a:visited {
	float:none;
}
.menu2 a.save:hover {
	background-position:left bottom;
}
/* lnavi start */
#main #lnavi a:hover,
#main #lnavi .current a {
	border-color:#FFAA00;
	color:#FFAA00;
}
#main #lnavi .graphbtn a {
	width: 158px;
	height: 25px;
	float: right;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	margin:3px;
	background-image: url(../image/mypage/btn_graph_alldata_load.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
/* lnavi end */

/* esNote start */
#main #esNote .noteBack {
	background-image:url(../image/mypage/note_back.gif);
}
#main #esNote .noteHeader {
	background-image:url(../image/mypage/note_header.gif);
}
#main #esNote .noteFooter {
	background-image:url(../image/mypage/note_footer.gif);
}
/* esNote end */

/* main end */

/* sub start */
#sub .title01 {
	border-color:#CC8800;
	background-color:#FFAA00;
	background-image:url(../image/mypage/title_back_left.gif);
}
#sub .wrapper {
	background-image:url(../image/mypage/sub_back.gif);
}
#sub .container {
	background-image:url(../image/mypage/sub_footer.gif);
}

#sub .title02 {
	border-color:#FFAA00;
	background-color:#FFE5B3;
}

/* sub end */

/* contents end */


/* footer start */
#footer #fnavi #fnavi01 a:hover,
#footer #fnavi .current#fnavi01 a {
	border-color:#FFAA00;
	color:#FFAA00;
}
/* footer end */

/* contents end */



/* oneday contents start */

#oneday #diary .entry .title {
	background-color:#FFAA00;
}
#oneday #diary .commentWrapper .title {
	background-color:#FFE5B3;
}
#oneday #diary .commentAdd .title {
	background-color:#FFE5B3;
}

/* oneday contents end */

/* health_calendar start */

#health_calendar div.top{
	background-color:#FFE5B3;
	padding:2px;
}
#health_calendar div.bottom{
	background-color:#FFAA00;
	padding:2px;
	color:#FFFFFF;
}
#health_calendar div.b_box{
	background-color:#EAEFF7;
	padding:2px;
	border: solid 1px #C5CFE6;
}



#health_calendar table.health_calendar {
	width:100%;
	border-collapse: collapse;
	border: 1px #FFFFFF solid;
}
#health_calendar table.health_calendar tr{
}
#health_calendar table.health_calendar th.time{
	background-color:#EEEEEE;
	width: 40px;
	text-align: center;
	border-bottom: solid 1px #DDDDDD;
}
#health_calendar table.health_calendar td.a{
	width: 90px;
	text-align: center;
	border-right: solid 1px #FFFFFF;
	padding:0px ;
}
#health_calendar table.health_calendar td.b{
	width: 90px;
	text-align: center;
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	padding:0 ;
}
#health_calendar hr.h_cal{
	width: 70px;
	align: center;
	border: solid 1px #EEEEEE;
	margin: auto;
	clear: both;
}
#health_calendar p.left{
	width: 90px;
	text-align: left;
	padding:0px ;
	margin: 0px;
	border: solid 1px #EEEEEE;
}
#health_calendar p.right{
	width: 90px;
	text-align: right;
	padding:0px ;
	margin: 0px;

}
#health_calendar div.week{
	width: 100%;
	height: auto;
	float: left;
}
#health_calendar div.week div.left{
	width: 45%;
	text-align:left;
	float: left;
}
#health_calendar div.week div.btn{
	width: 25%;
	vertical-align:center;
	float: left;
	margin-bottom: 5px;
}
#health_calendar div.week div.right{
	width: 20%;
	text-align:right;
	float: right;
}
#health_calendar .btn a.photo_disp:link,
#health_calendar .btn a.photo_disp:visited {
	display:block;
	width:96px;
	height:20px;
	background:url(../image/common/btn_photo_disp.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-align:left;
	text-decoration:none;
	outline:none;
}
#health_calendar .btn a.photo_disp:hover {
	background-position:left bottom;
}
#health_calendar .btn a.content_disp:link,
#health_calendar .btn a.content_disp:visited {
	display:block;
	width:96px;
	height:20px;
	background:url(../image/common/btn_content_disp.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-align:left;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
#health_calendar .btn a.content_disp:hover {
	background-position:left bottom;
}
/*
#health_calendar .paginate {
	padding:0 5px;
}
#health_calendar .paginate .pointer {
	float:left;
}
#health_calendar .paginate ul {
	float:right;
	text-align:right;
}
#health_calendar .paginate li {
	display:inline;
}
#health_calendar .paginate li a {
	padding:0 4px;
	color:#5A90FF;
}
#health_calendar  .paginate li.now a {
	padding:0 3px;
	line-height:1.5;
	border:1px solid #DDDDDD;
	background-color:#EEEEEE;
	font-weight:bold;
	color:#333333;
}*/
/* health_calendar end */

/* diary start */
#mydiary div.col_l{
	width: 25%;
	float: left;
	padding: 5px 0px 5px 0px;
	margin: 5px 5px 5px 0px;
}
#mydiary div.col_r{
	width: 100%;
	float: left;
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 5px 0px;
}
#mydiary div.col_l div.cals{
	border-top: 5px solid #DDDDDD;
	border-left: 5px solid #DDDDDD;
	border-right: 5px solid #DDDDDD;
}
#mydiary div.col_l div.cals_monthz{
	border: 5px solid #DDDDDD;
}
#mydiary div.cal_top{
	background-color: #ffcc00;
	padding: 2px;
	color: #FFFFFF;
}
#mydiary div.cal_top a{
	color: #FFFFFF;
}
#mydiary div.cal_top2{
	background-color: #99CC33;
	padding: 2px;
	color: #FFFFFF;
}
#mydiary div.cal_top2 a{
	color: #FFFFFF;
}
#mydiary div.cal_pre{
	float: left;
	width: 20%;
}
#mydiary div.cal_this{
	float: left;
	width: 60%;
	text-align: center;
}
#mydiary div.cal_next{
	text-align: right;
}

#mydiary table.cal_normal{
	border-collapse:separate;
}
#mydiary table.cal_normal tr{
	text-align: center;
	padding: 0;
}
#mydiary table.cal_normal th {
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #DDDDDD;
	background-color:#FFF2D8;
	vertical-align:middle;
	white-space:nowrap;
}
#mydiary table.cal_normal th.sun {
	color: #FF0033;
}
#mydiary table.cal_normal th.sat {
	color: #0033FF;
}
#mydiary table.cal_normal td {
	padding:0;
	border-top:5px solid #FFFFFF;
	border-bottom:1px solid #DDDDDD;
}

#mydiary table.cal_m{
	border-collapse:separate;
}
#mydiary table.cal_m tr{
	text-align: center;
	padding: 0;
	margin: 0;
}
#mydiary table.cal_m th{
	border-bottom:1px solid #DDDDDD;
}

#mydiary div.col_r ul.list {
	margin:0 0 3px 0;
	padding:10px 0;
	border-top:1px dashed #FFAA00;
	border-bottom:1px dashed #FFAA00;
}
#mydiary div.col_r ul.list li {
	padding:7px 5px 5px 5px;
	border-bottom:1px solid #FFE5B3;
}
#mydiary div.col_r ul.list li.even {
	background-color:#FFF2D8;
}
#mydiary div.col_r .date {
	padding:0 0 3px 0;
	border-bottom:1px solid #DDDDDD;
	font-weight:bold;
}
#mydiary div.col_r .entry {
	padding:2px 0 2px 0;
	border-bottom:1px solid #DDDDDD;
}
#mydiary div.col_r .entry .left {
	width:70%;
	text-align:left;
}
#mydiary div.col_r .entry .right {
	width:25%;
	text-align:right;
}
#mydiary div.col_r .entry .left .title {
	font-size:117%;
	font-weight:bold;
}
#mydiary div.col_r .entry .title {
	font-size:117%;
	font-weight:bold;
}
#mydiary div.col_r .entry .honbun {
	width: 70%;
}
#mydiary div.col_r .entry .imageWrapper {
	float:right;
}
#mydiary div.col_r .entry .imageWrapperLeft {
	float:left;
}
#mydiary div.col_r .entry .imageWrapper {
	margin:0 auto;
	padding:1px 1px 1px 1px;
	text-align:center;
}
#mydiary div.col_r .entry .imageWrapper img {
	vertical-align:middle;
}
#mydiary div.col_r .etc {
	padding:3px 0 0 0;
	text-align:right;
}
#mydiary div.not_exist {
	padding:5px;
	text-align:center;
}
/* /diary start */

/* calendar start */
.calendarArea{
	border-top:1px solid #ccc;
	margin:10px 0;
}

/* === clearfix ==*/
.calendarArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.calendarArea {
	display: inline-block;
	}

/* Hides from IE-mac 促*/
* html .calendarArea {height: 1%;}
.calendarArea {display: block;}
/* End hide from IE-mac */


.calendarArea p.monthMove{
	color:#5a90ff;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:13px;
}
.calendarArea p.monthMove img{
	vertical-align:middle;

}
.calendarArea p.monthMove a{
	margin:0 10px ;
}
.calendarArea ul{
	margin:5px 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

/* === clearfix ==*/
.calendarArea ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.calendarArea ul{
	display: inline-block;
	}

/* Hides from IE-mac 促*/
* html .calendarArea ul{height: 1%;}
.calendarArea ul{display: block;}
/* End hide from IE-mac */


.calendarArea ul li{
	float:left;
	display:inline;
	width:20px;
	margin:0 0 0 2px;

}
.calendarArea ul li span{
	display:block;
	text-align:center;
	font-weight:bold;
	color:#333;
}
.calendarArea ul li span.mon,
.calendarArea ul li span.tue,
.calendarArea ul li span.wed,
.calendarArea ul li span.thu,
.calendarArea ul li span.fri{
	border:1px solid #ccc;
}
.calendarArea ul li span.sat{
	border:1px solid #91b3f1;
	background-color:#e5eeff;
}
.calendarArea ul li span.sun{
	border:1px solid #f19191;
	background-color:#ffe5e7;
}
.calendarArea ul li.today span{
	border:none;
	color:#fff;
	font-size:18px;
}
.calendarArea ul li.today.down{
	background:url(../image/mypage/today_down.gif) no-repeat;
	width:34px;
	height:33px;
	margin-top:-5px;
	margin-bottom:-10px;
	position:relative;
}
.calendarArea ul li.today.down span.sat,
.calendarArea ul li.today.down span.sun,
.calendarArea ul li.today.normal span.sat,
.calendarArea ul li.today.normal span.sun,
.calendarArea ul li.today.up span.sat,
.calendarArea ul li.today.up span.sun{
	background-color:transparent;
}
.calendarArea ul li.today.down a,
.calendarArea ul li.today.normal a,
.calendarArea ul li.today.up a{
	color:#fff;
}
.calendarArea ul li.today.down a:hover{
	color:#fff;
}
.calendarArea ul li.today.up{
	background:url(../image/mypage/today_up.gif) no-repeat;
	width:34px;
	height:33px;
	margin-top:-12px;
	margin-bottom:-3px;
	position:relative;
}
.calendarArea ul li.today.normal{
	background:url(../image/mypage/today_normal.gif) no-repeat;
	width:34px;
	height:33px;
	margin-top:-7px;
	margin-bottom:-7px;
	position:relative;
}
.calendarArea ul li.today.down span{
	margin-top:2px;
}
.calendarArea ul li.today.up span{
	margin-top:9px;
}
.calendarArea ul li.today.normal span{
	margin-top:5px;
}
.calendarArea ul li span a{
	color:#333;
	text-decoration:underline;
}
.calendarArea ul li span a:hover{
	text-decoration:none;
}
.calendarArea ul li span.mon a:hover,
.calendarArea ul li span.tue a:hover,
.calendarArea ul li span.wed a:hover,
.calendarArea ul li span.thu a:hover,
.calendarArea ul li span.fri a:hover{
	color:#ffaa00;
}
.calendarArea ul li span.sat a:hover{
	color:#2053b0;
}
.calendarArea ul li span.sun a:hover{
	color:#ff0000;
}
.calendarArea .clear{
	clear: both;
	font: 1px/1px monospace;
	}
/* calendar end */

