@charset "utf-8";

/*------------------------------------------------------------ ▼▼▼ コンポーネント ▼▼▼ ------------------------------------------------------------*/
/*-------------------- ▼　ログイン　▼ --------------------*/
.compoLogin {
	width: 300px;
	padding: 0 0 15px 0;
	}
.compoLogin .bgTop {
	padding: 10px 0 0 0;
	margin: 0 0 5px 0;
	background-image: url(../image/sub/login_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
.compoLogin .bgBottom {
	padding: 0 0 10px 0;
	background-image: url(../image/sub/login_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.compoLogin .bgMiddle {
	width: 280px;
	padding: 0 9px 0 9px;
	border-left: 1px solid #7A8499;
	border-right: 1px solid #7A8499;
	}

.compoLogin .login {
		width: 94px;
		display: block;
		padding: 5px 93px 5px 93px;
		line-height: 0;
		}
	.compoLogin .login a {
		width: 94px;
		height: 20px;
		display: block;
		text-indent: -9999px;
		font-size: 1px;
		background-image:url(../image/common/button_gnavi_login.gif);
		background-position: left top;
		background-repeat: no-repeat;
		}
	.compoLogin .login a:hover {
		background-image:url(../image/common/button_gnavi_login.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		}
	.compoLogin .paraLeft input {
		width: 270px;
		}
	.compoLogin .reminder {
		text-align: left;
		padding: 3px 0 0 0;
		}

.compoLogin .openid {
		margin: 5px 0 0 0;
		padding: 5px 0 0 0;
		border-top: 1px solid #DDDDDD;
		}
	.compoLogin table {
			width: 100%;
			}
	.compoLogin td {
			padding: 5px 3px 0 3px;
			}



/*-------------------- ▼　プロフィール（ログイン後）　▼ --------------------*/
.compoAfterLogin {
	width: 300px;
	padding: 0 0 15px 0;
	}
.compoAfterLogin .bgTop {
	padding: 5px 0 0 0;
	background-image: url(../image/sub/profile_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.compoAfterLogin .userName {
		background-color: #FFAA00;
		border-bottom: 3px solid #CC8800;
		}
	.compoAfterLogin .userName h3 {
		padding: 5px 0 5px 0;
		font-size: 115%;
		color: #FFFFFF;
		}
.compoAfterLogin .bgBottom {
	padding: 10px;
	text-align: left;
	background-image: url(../image/sub/profile_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	}
	.compoAfterLogin .bgBottom:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .compoAfterLogin .bgBottom {height: 1em;overflow: visible; }/**/
.profileBox {
	width: 280px;
	overflow: hidden;
	}
	profileBox:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html profileBox {height: 1em;overflow: visible; }/**/
.profilePh {
	float: left;
	width: 150px;
	}
	.profilePh .phBgTop {
		padding: 5px 0 0 0;
		background-image: url(../image/sub/profile_bg_ph_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		}
	.profilePh .phBgBottom {
		padding: 0 0 5px 0;
		background-image: url(../image/sub/profile_bg_ph_bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		}
	.profilePh .phBgMiddle {
		padding: 0 5px 0 5px;
		text-align: center;
		background-color: #EEEEEE;
		}
	.profilePh .userImage {
		border: 1px solid #FFFFFF;
		}

.profileInfo {
	float: right;
	width: 120px;
	padding: 5px 0 0 0;
	}
	.profileInfo .recordStatus {
		margin: 5px 0 5px 0;
		padding: 5px;
		border: 1px solid #DDDDDD;
		overflow: hidden;
		}
		.profileInfo .recordStatus:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .profileInfo .recordStatus {height: 1em;overflow: visible; }/**/
	.profileInfo .recordStatus ul {
		}
	.profileInfo .recordStatus ul li {
		float: left;
		padding: 5px 5px 0 0;
		}
	.profileInfo .jump {
		width: 100%;
		}

.goMypage {
	width: 100%;
	border-top: 1px solid #DDDDDD;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	}


/*-------------------- ▼　カロリーチェック　▼ --------------------*/
.compoCalCheck {
	width: 300px;
	}
	.compoRecent .rtitle {vertical-align:bottom;}

.checkList {
	width: 298px;
	border: 1px solid #CC8800;
	}
	.checkList .lead {
		text-align: left;
		padding: 5px 10px 5px 10px;
		font-weight: bold;
		background-color: #FFE5B3;
		}

	.checkList .section {
		text-align: left;
		padding: 10px;
		border-top: 1px dashed #CC8800;
		overflow: hidden;
		}
		.checkList .section:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .checkList .section {height: 1em;overflow: visible; }/**/

		.checkList .section h4 {
			width: 100%;
			text-align: left;
			font-size: 100%;
			font-weight: bold;
			}
		.checkList .section input {
			float: left;
			width: 240px;
			margin: 5px 0 0 0;
			}
		.checkList .section .searchicon {
			float: left;
			width: 20px;
			height: 20px;
			display: block;
			padding: 0 0 0 5px;
			margin: 3px 0 0 0;
			line-height: 0;
			}
			.checkList .section .searchicon a {
				width: 20px;
				height: 20px;
				display: block;
				text-indent: -9999px;
				font-size: 1px;
				background-image:url(../image/sub/button_searchicon.gif);
				background-position: left top;
				background-repeat: no-repeat;
				}
			.checkList .section .searchicon a:hover {
				background-image:url(../image/sub/button_searchicon.gif);
				background-position: left bottom;
				background-repeat: no-repeat;
				}
		.checkList .section h5 {
			width: 100%;
			text-align: left;
			font-size: 100%;
			font-weight: normal;
			padding: 5px 0 0 0;
			}
		.checkList .section .catList {
			overflow: hidden;
			}
			.checkList .section .catList:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .checkList .section .catList {height: 1em;overflow: visible; }/**/
			.checkList .section .catList ul {
				padding: 0 0 0 12px;
				}
			.checkList .section .catList ul li {
				float: left;
				white-space: nowrap;
				padding: 0  12px 0 0;
				}



/*-------------------- ▼　全体からの新着　▼ --------------------*/
.compoRecent {
	width: 300px;
	padding: 0 0 15px 0;
	}
	.compoRecent .rtitle {vertical-align:bottom;}

.subSummary {
	width: 280px;
	padding: 0 9px 0 9px;
	border: 1px solid #7A8499;
	}
	.subSummary .title {
		padding: 5px 0 3px 0;
		margin: 0 0 5px 0;
		border-bottom:1px dashed #7A8499;
		overflow: hidden;
		}
		.subSummary .title:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .subSummary .title {height: 1em;overflow: visible; }/**/
		.subSummary .title h4 {
			float: left;
			text-align: left;
			font-size: 100%;
			padding: 0 5px 0 5px;
			}
		.subSummary .title .text {
			float: right;
			text-align: right;
			vertical-align: middle;
			font-size: 85%;
			color: #808080;
			padding: 0 5px 0 5px;
			}
	.subSummary table {
		width: 100%;
		}
	.subSummary th, .subSummary td {
		text-align: left;
		padding: 2px 3px 2px 5px;
		vertical-align: top;
		}
	.subSummary td.time {
		width: 35px;
		}
	.subSummary .current th, .subSummary .current td {
		background-color:#E5EEFF;
		}



/*-------------------- ▼　バナー　▼ --------------------*/
.compoBanner {
	width: 300px;
	text-align: center;
	}
.compoBanner .bannerImage {
	padding: 10px 0 15px 0;
	}
.compoSSL {
	width: 208px;
	text-align: center;
	}
.compoSSL p.ssl {
	padding: 0px 5px 0px 5px;
	}

#navi_no_scroll {
}
	.side_fixed {
  	position: fixed;
  	top: 20px;
	}