@charset "UTF-8";
/*==================================================
 COMMON LIB CSS
==================================================*/

a {
	color: #0074BD;
	font-size: 13px;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	
p {
	font-size: 13px;
	color: #333333;
}

img {
	vertical-align: middle;
}

.textBlue01 {
	color: #00AFEC !important;
}
.textOrange01 {
	color: #F18D42 !important;
}
.textBrown01 {
	color: #736357 !important;
}
.textBlack01 {
	color: #666666 !important;
}

.link01 {
	color: #0074BD;
	padding: 0px 0px 0px 30px;
	background: url(../img/common/drArrow01.png) no-repeat 0px center;
}
.link02 {
	color: #EEBAD2;
	padding: 0px 0px 0px 30px;
	background: url(../img/common/drArrow02.png) no-repeat 0px center;
}
.link03 {
	color: #0074BD;
	padding: 0px 0px 0px 30px;
	background: url(../img/common/drArrow03.png) no-repeat 0px center;
}
.pdf {
	padding: 0px 0px 0px 20px;
	background: url(../img/common/pdf_icon.png) no-repeat 0px center;
}

.markerBg01 {
	padding: 0px 10px;
	line-height: 24px;
	background: url(../img/common/markerBg01.png) no-repeat right center;
}

.ruleArea {
	overflow-y: scroll;
	height: 180px;
	font-size: 12px;
	color: #333333;
	padding: 10px;
	border: 1px solid #333333;
}
.spArea {
	background: #F2FBFE;
	font-size: 14px;
	border: 1px solid #7FD6F5;
	padding: 15px;
}
	.spArea em {
		color: #0074BD;
		text-decoration: underline;
	}

.title01 {
	font-size: 14px;
	font-weight: bold;
	color: #00AEEB;
}

.title02 {
	height: 36px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 40px;
	line-height: 36px;
	background: url(../img/common/title02Bg.gif) no-repeat 0px 0px;
}

.zipBtn {
	font-size: 12px;
	color: #FFFFFF;
	padding: 3px 8px;
	background: #0068B7;
	border: 0;
}

.topBtn {
	width: 224px;
	height: 51px;
	background: url(../img/common/topBtn.gif) no-repeat 0px 0px;
	border: 0px;
}
	.topBtn:hover {
		background: url(../img/common/topBtn.gif) no-repeat 0px -51px;
	}

.regBtn {
	width: 224px;
	height: 51px;
	background: url(../img/common/regBtn.gif) no-repeat 0px 0px;
	border: 0px;
}
	.regBtn:hover {
		background: url(../img/common/regBtn.gif) no-repeat 0px -51px;
	}

.pRegBtn {
	width: 224px;
	height: 51px;
	background: url(../img/common/pRegBtn.gif) no-repeat 0px 0px;
	border: 0px;
}
	.pRegBtn:hover {
		background: url(../img/common/pRegBtn.gif) no-repeat 0px -51px;
	}

.backBtn {
	width: 224px;
	height: 51px;
	background: url(../img/common/backBtn.gif) no-repeat 0px 0px;
	border: 0px;
}
	.backBtn:hover {
		background: url(../img/common/backBtn.gif) no-repeat 0px -51px;
	}
	
.nextBtn {
	width: 224px;
	height: 51px;
	background: url(../img/common/nextBtn.gif) no-repeat 0px 0px;
	border: 0px;
}
	.nextBtn:hover {
		background: url(../img/common/nextBtn.gif) no-repeat 0px -51px;
	}
	
.checkBtn {
	width: 224px;
	height: 51px;
	background: url(../img/common/checkBtn.gif) no-repeat 0px 0px;
	border: 0px;
}
	.checkBtn:hover {
		background: url(../img/common/checkBtn.gif) no-repeat 0px -51px;
	}
	
.endBtn {
	width: 224px;
	height: 51px;
	background: url(../img/common/endBtn.gif) no-repeat 0px 0px;
	border: 0px;
}
	.checkBtn:hover {
		background: url(../img/common/endBtn.gif) no-repeat 0px -51px;
	}

a.more {
	display: block;
	width: 138px;
	height: 33px;
	background: url(../img/common/moreBtn.png) no-repeat 0px 0px;
}
	a.more:hover {
		background: url(../img/common/moreBtn.png) no-repeat 0px -33px;
	}
a.more_s {
	display: block;
	width: 69px;
	height: 17px;
	background: url(../img/common/moreBtnS.png) no-repeat 0px 0px;
}
	a.more_s:hover {
		background: url(../img/common/moreBtnS.png) no-repeat 0px -17px;
	}
	
a.backnumber {
	display: block;
	width: 168px;
	height: 33px;
	background: url(../img/common/backnumberBtn.png) no-repeat 0px 0px;
}
	a.backnumber:hover {
		background: url(../img/common/backnumberBtn.png) no-repeat 0px -33px;
	}
	
a.returnVoiceBtn {
	display: block;
	width: 162px;
	height: 27px;
	background: url(http://api.gc-service.info/stylebook/media/img/voice/returnVoiceBtn.png) no-repeat 0px 0px;
}
	a.returnVoiceBtn:hover {
		background: url(http://api.gc-service.info/stylebook/media/img/voice/returnVoiceBtn.png) no-repeat 0px -27px;
	}
	
a.returnHeatBtn {
	display: block;
	width: 181px;
	height: 27px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/returnHeatBtn.png) no-repeat 0px 0px;
}
	a.returnHeatBtn:hover {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/returnHeatBtn.png) no-repeat 0px -27px;
	}
	
a.returnSpreadBtn {
	display: block;
	width: 198px;
	height: 27px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/returnSpreadBtn.png) no-repeat 0px 0px;
}
	a.returnSpreadBtn:hover {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/returnSpreadBtn.png) no-repeat 0px -27px;
	}
	
a.returnTellBtn {
	display: block;
	width: 250px;
	height: 27px;
	background: url(http://api.gc-service.info/stylebook/media/img/tell/returnTellBtn.png) no-repeat 0px 0px;
}
	a.returnTellBtn:hover {
		background: url(http://api.gc-service.info/stylebook/media/img/tell/returnTellBtn.png) no-repeat 0px -27px;
	}

.spBox {
	margin: 0px auto;
	font-size: 0px;
}
	.spBoxWrap {
		text-align: center;
		padding: 10px 20px;
		background: url(http://api.gc-service.info/stylebook/media/img/banner/spBg.png) repeat-y 0px 0px;
	}
	
	.spBox ul {
		width: 246px;
		margin: 0px auto;
	}
	.spBox ul li {
		float: left;
		display: inline;
		width: 82px;
		height: 123px;
		overflow: hidden;
	}
				
.rgBox {
	width: 282px;
	margin: 0px auto;
}
	.rgBoxWrap {
		height: 101px;
		padding: 0px 0px 0px 0px;
		background: url(http://api.gc-service.info/stylebook/media/img/banner/rgBanner.png) no-repeat 0px 0px;
	}
		.rgBox a {
			display: block;
			height: 53px;
			margin: 48px 0px 0px 0px;
		}
		.rgBox a.rg01 {
			float: left;
			width: 105px;
			background: url(http://api.gc-service.info/stylebook/media/img/banner/rgBanner.png) no-repeat 0px -48px;
		}
			.rgBox a.rg01:hover {
				background: url(http://api.gc-service.info/stylebook/media/img/banner/rgBanner.png) no-repeat 0px -149px;
			}
			
		.rgBox a.rg02 {
			float: left;
			width: 74px;
			background: url(http://api.gc-service.info/stylebook/media/img/banner/rgBanner.png) no-repeat -105px -48px;
		}
			.rgBox a.rg02:hover {
				background: url(http://api.gc-service.info/stylebook/media/img/banner/rgBanner.png) no-repeat -105px -149px;
			}
		
		.rgBox a.rg03 {
			float: left;
			width: 103px;
			background: url(http://api.gc-service.info/stylebook/media/img/banner/rgBanner.png) no-repeat -179px -48px;
		}
			.rgBox a.rg03:hover {
				background: url(http://api.gc-service.info/stylebook/media/img/banner/rgBanner.png) no-repeat -179px -149px;
			}	
			
a.lgBox {
	display: block;
	width: 280px;
	height: 52px;
	margin: 0px auto;
	background: url(http://api.gc-service.info/stylebook/media/img/banner/lgBanner.gif) no-repeat 0px 0px;
}
	a.lgBox:hover {
		background: url(http://api.gc-service.info/stylebook/media/img/banner/lgBanner.gif) no-repeat 0px -52px;
	}
	
a.miBox {
	display: block;
	width: 280px;
	height: 114px;
	margin: 0px auto;
	background: url(http://api.gc-service.info/stylebook/media/img/banner/miBanner.gif) no-repeat 0px 0px;
}
	a.miBox:hover {
		background: url(http://api.gc-service.info/stylebook/media/img/banner/miBanner.gif) no-repeat 0px -114px;
	}
	
a.gcBox {
	display: block;
	width: 280px;
	height: 166px;
	margin: 0px auto;
	background: url(http://api.gc-service.info/stylebook/media/img/banner/gcBanner.gif) no-repeat 0px 0px;
}
	a.gcBox:hover {
		background: url(http://api.gc-service.info/stylebook/media/img/banner/gcBanner.gif) no-repeat 0px -166px;
	}

.spbBox {
	width: 282px;
	text-align: center;
	margin: 0px auto;
}
	.spbBoxWrap {
		font-size: 14px;
		color: #736357;
		text-align: left;
		padding: 10px 0px 10px 0px;
	}

#mNavi {}
	#mNavi ul {
		margin: 10px -13px 0px 0px;
	}
		#mNavi ul li {
			float: left;
			display: inline;
			margin: 20px 8px 0px 0px;
		}
			#mNavi ul li a {
				display: block;
				width: 160px;
				height: 85px;
			}
			
			#mNavi ul li.mNavi01 a {
				width: 328px;
				background: url(../img/common/mNavi01.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi01 a.this,
				#mNavi ul li.mNavi01 a:hover {
					background: url(../img/common/mNavi01.png) no-repeat 0px -85px;
				}
				
			#mNavi ul li.mNavi02 a {
				width: 328px;
				background: url(../img/common/mNavi02.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi02 a.this,
				#mNavi ul li.mNavi02 a:hover {
					background: url(../img/common/mNavi02.png) no-repeat 0px -85px;
				}
				
			#mNavi ul li.mNavi03 a {
				background: url(../img/common/mNavi03.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi03 a.this,
				#mNavi ul li.mNavi03 a:hover {
					background: url(../img/common/mNavi03.png) no-repeat 0px -85px;
				}
				
			#mNavi ul li.mNavi04 a {
				background: url(../img/common/mNavi04.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi04 a.this,
				#mNavi ul li.mNavi04 a:hover {
					background: url(../img/common/mNavi04.png) no-repeat 0px -85px;
				}
				
			#mNavi ul li.mNavi05 a {
				background: url(../img/common/mNavi05.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi05 a.this,
				#mNavi ul li.mNavi05 a:hover {
					background: url(../img/common/mNavi05.png) no-repeat 0px -85px;
				}
				
			#mNavi ul li.mNavi06 a {
				background: url(../img/common/mNavi06.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi06 a.this,
				#mNavi ul li.mNavi06 a:hover {
					background: url(../img/common/mNavi06.png) no-repeat 0px -85px;
				}
			
			#mNavi ul li.mNavi07 a {
				background: url(../img/common/mNavi07.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi07 a.this,
				#mNavi ul li.mNavi07 a:hover {
					background: url(../img/common/mNavi07.png) no-repeat 0px -85px;
				}
			
			#mNavi ul li.mNavi08 a {
				background: url(../img/common/mNavi08.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi08 a.this,
				#mNavi ul li.mNavi08 a:hover {
					background: url(../img/common/mNavi08.png) no-repeat 0px -85px;
				}
			
			#mNavi ul li.mNavi09 a {
				background: url(../img/common/mNavi09.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi09 a.this,
				#mNavi ul li.mNavi09 a:hover {
					background: url(../img/common/mNavi09.png) no-repeat 0px -85px;
				}
				
			#mNavi ul li.mNavi10 a {
				background: url(../img/common/mNavi10.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi10 a.this,
				#mNavi ul li.mNavi10 a:hover {
					background: url(../img/common/mNavi10.png) no-repeat 0px -85px;
				}
				
			#mNavi ul li.mNavi11 {
				margin: 20px 14px 0px 0px;
			}
			#mNavi ul li.mNavi11 a {
				width: 220px;
				height: 170px;
				background: url(../img/common/mNavi11.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi11 a.this,
				#mNavi ul li.mNavi11 a:hover {
					background: url(../img/common/mNavi11.png) no-repeat 0px -170px;
				}
			
			#mNavi ul li.mNavi12 {
				width: 640px;
				margin: 20px 14px 0px 0px;
			}
			#mNavi ul li.mNavi12 a {
				float: right;
				width: 530px;
				height: 170px;
				background: url(../img/common/mNavi12.png) no-repeat 0px 0px;
			}
			
				#mNavi ul li.mNavi12 a.this,
				#mNavi ul li.mNavi12 a:hover {
					background: url(../img/common/mNavi12.png) no-repeat 0px -170px;
				}
			
			#mNavi ul li.mNavi13 {
				margin: 20px 14px 0px 0px;
			}
			#mNavi ul li.mNavi13 a {
				width: 220px;
				height: 170px;
				background: url(../img/common/mNavi13.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi13 a.this,
				#mNavi ul li.mNavi13 a:hover {
					background: url(../img/common/mNavi13.png) no-repeat 0px -170px;
				}
				
			#mNavi ul li.mNavi14 {
				height: 86px;
				margin: 20px 9px 0px 0px;
			}
			#mNavi ul li.mNavi14 a {
				width: 327px;
				height: 86px;
				background: url(../img/common/mNavi14_2.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi14 a.this,
				#mNavi ul li.mNavi14 a:hover {
					background: url(../img/common/mNavi14_2.png) no-repeat 0px -86px;
				}
			#mNavi ul li.mNavi15 {
				height: 86px;
				margin: 20px 9px 0px 0px;
			}
			#mNavi ul li.mNavi15 a {
				width: 327px;
				height: 86px;
				background: url(../img/common/mNavi15_2.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi15 a.this,
				#mNavi ul li.mNavi15 a:hover {
					background: url(../img/common/mNavi15_2.png) no-repeat 0px -86px;
				}
			#mNavi ul li.mNavi16 {
				height: 86px;
				width:164px;
				margin: 20px 0px 0px 0px;
				background:url(../img/common/mNavi16Bg.png) no-repeat 0px 0px;
			}
			#mNavi ul li.mNavi16 a {
				width: 143px;
				height: 21px;
				background: url(../img/common/mNavi16.png) no-repeat 0px 0px;
				margin-top:65px;
			}
				#mNavi ul li.mNavi16 a.this,
				#mNavi ul li.mNavi16 a:hover {
					background: url(../img/common/mNavi16.png) no-repeat 0px -21px;
				}
			#mNavi ul li.mNavi17 {
				height: 86px;
				margin: 20px 0px 0px 0px;
			}
			#mNavi ul li.mNavi17 a {
				width: 163px;
				height: 86px;
				background: url(../img/common/mNavi17.png) no-repeat 0px 0px;
			}
				#mNavi ul li.mNavi17 a.this,
				#mNavi ul li.mNavi17 a:hover {
					background: url(../img/common/mNavi17.png) no-repeat 0px -86px;
				}

/*
#mNavi {
	width: 613px;
	margin: 0px auto;
}
	#mNavi ul {
		margin: 0px -13px 0px 0px;
	}
		#mNavi ul li {
			float: left;
			display: inline;
			margin: 10px 13px 0px 0px;
		}
			#mNavi ul li a {
				display: block;
				width: 300px;
				height: 160px;
			}
				#mNavi ul li.mNavi00 {
					width: 300px;
					height: 160px;
					background: url(http://api.gc-service.info/stylebook/media/img/common/mNavi00.png) no-repeat 0px 0px;
				}
				#mNavi ul li.mNavi01 a {
					background: url(../img/common/mNavi01.png) no-repeat 0px 0px;
				}
					#mNavi ul li.mNavi01 a:hover {
						background: url(../img/common/mNavi01.png) no-repeat 0px -160px;
					}
					
				#mNavi ul li.mNavi02 a {
					background: url(../img/common/mNavi02.png) no-repeat 0px 0px;
				}
					#mNavi ul li.mNavi02 a:hover {
						background: url(../img/common/mNavi02.png) no-repeat 0px -160px;
					}
					
				#mNavi ul li.mNavi03 a {
					background: url(../img/common/mNavi03.png) no-repeat 0px 0px;
				}
					#mNavi ul li.mNavi03 a:hover {
						background: url(../img/common/mNavi03.png) no-repeat 0px -160px;
					}
					
				#mNavi ul li.mNavi04 a {
					background: url(../img/common/mNavi04.png) no-repeat 0px 0px;
				}
					#mNavi ul li.mNavi04 a:hover {
						background: url(../img/common/mNavi04.png) no-repeat 0px -160px;
					}
					
				#mNavi ul li.mNavi05 a {
					background: url(../img/common/mNavi05.png) no-repeat 0px 0px;
				}
					#mNavi ul li.mNavi05 a:hover {
						background: url(../img/common/mNavi05.png) no-repeat 0px -160px;
					}
*/
.noteFrame01 {}
	.noteFrame01Wrap {
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
		.noteFrame01 br,
		.noteFrame01 .textArea,
		.noteFrame01 .textArea a,
		.noteFrame01 .textArea p {
			line-height: 24px;
			layout-grid-line: 24px;
		}
		
		.noteFrame01 .textArea,
		.noteFrame01 .textArea p {
			color: #736357;
		}
		
		.noteFrame01 .moreInfo {
			height: 48px;
			padding: 0px 83px 0px 93px;
			background: url(../img/common/noteFrame01MoreBg.png) repeat-y 0px 0px;
		}
			.noteFrame01 a.more {
				float: right;
			}
			
.noteFrame02 {}
	.noteFrame02Wrap {
		background: url(../img/common/noteFrame02Bg.png) repeat-y 0px 0px;
	}
		.noteFrame02Wrap,
		.noteFrame02Wrap p{
			line-height: 28.5px;
		}
		
.noteFrame03 {}
	.noteFrame03Wrap {
		padding: 0px 80px 10px 95px;
		background: url(../img/common/noteFrame03Bg.png) repeat-y 0px 0px;
	}
		.noteFrame03Wrap,
		.noteFrame03Wrap p{
			line-height: 28.5px;
		}
		
.noteFrameWide01 {}
	.noteFrameWide01Wrap {
		padding: 0px 80px 10px 125px;
		background: url(../img/common/noteFrameWide01Bg.png) repeat-y 0px 0px;
	}
		.noteFrameWide01 br,
		.noteFrameWide01 .textArea,
		.noteFrameWide01 .textArea a,
		.noteFrameWide01 .textArea p {
			line-height: 24px;
			layout-grid-line: 24px;
		}
		
.ministerBox {
	width: 670px;
	height: 696px;
	background: url(http://api.gc-service.info/stylebook/media/img/minister/ministerBox.png) no-repeat 0px 0px;
}
	.ministerBoxWrap {
		padding: 310px 65px 0px 65px;
	}
		.ministerBox .textArea {
			font-size: 14px;
			color: #736357;
			line-height: 24px;
		}
		
.elderlyBox {}
	.elderlyBox .noteFrame01Wrap {
		background: url(../img/common/noteFrameWide01Bg.png) repeat-y 0px 0px;
	}
	.elderlyBox .noteFrame01Inner {
		padding: 0px 82px 14px 140px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/elderlyIconBg.png) no-repeat 850px 0px;
		
	}
	.elderlyBox .noIcon {
		background: none;
	}
	.elderlyBox .imgArea {
		text-align: center;
		line-height: 24px;
	}
	.elderlyBox .textArea {
		font-size: 14px;
		color: #736357;
		line-height: 24px;
	}
	.elderlyBox h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.elderlyBox h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		
	.elderlyBox .imgArea01 {
		width: 120px;
		float: left;
	}
		.elderlyBox .imgArea img {
			
		}
	.elderlyBox .textArea01 {
		width: 220px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
	.elderlyBox .imgArea02 {
		text-align: center;
	}
		.elderlyBox .imgArea img {
			
		}
	.elderlyBox .textArea02 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		padding: 0px 0px 0px 20px;
	}
	
.elderly02Box {}
	.elderly02Box .noteFrame01Wrap {
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
	.elderly02Box .noteFrame01Inner {
		padding: 0px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/elderlyIconBg.png) no-repeat 520px 0px;
		
	}
	.elderly02Box .imgArea {
		float: left;
		width: 100px;
		text-align: center;
	}
		.elderly02Box .imgArea img {
			margin: 0px 0px 0px 0px;
		}
	.elderly02Box .textArea {
		float: right;
		width: 420px;
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
	.elderly02Box h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.elderly02Box h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.elderly02Box ul {
		list-style-type: disc;
      	padding: 0px 0px 0px 20px;
	}
		.elderly02Box ul li {
			line-height: 24px;
		}
		
.workBox {}
	.workBox .noteFrame01Wrap {
		background: url(../img/common/noteFrameWide01Bg.png) repeat-y 0px 0px;
	}
	.workBox .noteFrame01Inner {
		padding: 0px 82px 14px 140px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/workIconBg.png) no-repeat 850px 0px;
		
	}
	.workBox .noIcon {
		background: none;
	}
	.workBox .imgArea {
		text-align: center;
		line-height: 24px;
	}
	.workBox .textArea {
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
	.workBox h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.workBox h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		
	.workBox .imgArea01 {
		width: 120px;
		float: left;
	}
		.workBox .imgArea img {
			
		}
	.workBox .textArea01 {
		width: 220px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
	.workBox .imgArea02 {
		text-align: center;
	}
		.workBox .imgArea img {
			
		}
	.workBox .textArea02 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		padding: 0px 0px 0px 20px;
	}
	
.work02Box {}
	.work02Box .noteFrame01Wrap {
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
	.work02Box .noteFrame01Inner {
		padding: 0px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/workIconBg.png) no-repeat 520px 0px;
		
	}
	.work02Box .imgArea {
		float: left;
		width: 140px;
		text-align: center;
	}
		.work02Box .imgArea img {
			margin: 0px 0px 0px 0px;
		}
	.work02Box .textArea {
		float: right;
		width: 380px;
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
	.work02Box h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.work02Box h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.work02Box ul {
		list-style-type: disc;
      	padding: 0px 0px 0px 20px;
	}
		.work02Box ul li {
			line-height: 24px;
		}
		
.work03Box {}
	.work03Box .noteFrame01Wrap {
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
	.work03Box .noteFrame01Inner {
		padding: 0px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/workIconBg.png) no-repeat 520px 0px;
		
	}
	.work03Box .imgArea {
		float: left;
		width: 100px;
		text-align: center;
	}
		.work03Box .imgArea img {
			margin: 0px 0px 0px 0px;
		}
	.work03Box .textArea {
		float: right;
		width: 420px;
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
	.work03Box h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.work03Box h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.work03Box ul {
		list-style-type: disc;
      	padding: 0px 0px 0px 20px;
	}
		.work03Box ul li {
			line-height: 24px;
		}
		
.childBox {}
	.childBox .noteFrame01Wrap {
		background: url(../img/common/noteFrameWide01Bg.png) repeat-y 0px 0px;
	}
	.childBox .noteFrame01Inner {
		padding: 0px 82px 14px 140px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/childIconBg.png) no-repeat 850px 0px;
		
	}
	.childBox .noIcon {
		background: none;
	}
	.childBox .imgArea {
		text-align: center;
		line-height: 24px;
	}
	.childBox .textArea {
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
	.childBox h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.childBox h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		
	.childBox .imgArea01 {
		width: 120px;
		float: left;
	}
		.childBox .imgArea img {
			
		}
	.childBox .textArea01 {
		width: 220px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
	.childBox .imgArea02 {
		text-align: center;
	}
		.childBox .imgArea img {
			
		}
	.childBox .textArea02 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		padding: 0px 0px 0px 20px;
	}
	
.sportsBox {}
	.sportsBox .noteFrame01Wrap {
		background: url(../img/common/noteFrameWide01Bg.png) repeat-y 0px 0px;
	}
	.sportsBox .noteFrame01Inner {
		padding: 0px 82px 14px 140px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/sportsIconBg.png) no-repeat 850px 0px;
		
	}
	.sportsBox .noIcon {
		background: none;
	}
	.sportsBox .imgArea {
		text-align: center;
		line-height: 24px;
	}
	.sportsBox .textArea {
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
	.sportsBox h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.sportsBox h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		
	.sportsBox .imgArea01 {
		width: 120px;
		float: left;
	}
		.childBox .imgArea img {
			
		}
	.sportsBox .textArea01 {
		width: 220px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
	.sportsBox .imgArea02 {
		text-align: center;
	}
		.sportsBox .imgArea img {
			
		}
	.sportsBox .textArea02 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		padding: 0px 0px 0px 20px;
	}
	
.brownoutBox {}
	.brownoutBox .noteFrame01Wrap {
		background: url(../img/common/noteFrameWide01Bg.png) repeat-y 0px 0px;
	}
	.brownoutBox .noteFrame01Inner {
		padding: 0px 82px 14px 140px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/brownoutIconBg.png) no-repeat 850px 0px;
		
	}
	.brownoutBox .noIcon {
		background: none;
	}
	.brownoutBox .imgArea {
		text-align: center;
		line-height: 24px;
	}
	.brownoutBox .textArea {
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
		.brownoutBox .textArea ul {
			list-style-type: disc;
			padding: 0px 0px 0px 2em;
		}
		.brownoutBox .textArea ul.listStyleNone {
			list-style-type: none;
			padding: 0px;
		}
			.brownoutBox .textArea ul li {
				line-height: 24px;
			}
	.brownoutBox .imgArea01 {
		float: left;
		width: 120px;
		text-align: center;
		line-height: 24px;
	}
	.brownoutBox .textArea01 {
		float: right;
		width: 240px;
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
		.brownoutBox .textArea01 ul {
			list-style-type: disc;
			padding: 0px 0px 0px 2em;
		}
			.brownoutBox .textArea01 ul li {
				line-height: 24px;
			}
	.brownoutBox .textArea02 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		padding: 0px 0px 0px 20px;
	}
		.brownoutBox .textArea02 ul {
			list-style-type: disc;
			padding: 0px 0px 0px 2em;
		}
			.brownoutBox .textArea02 ul li {
				line-height: 24px;
			}
	.brownoutBox h3 {
		font-size: 15px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.brownoutBox h4 {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
	.brownoutBox .banner {
		width: 650px;
		margin: 0px auto;
	}
	.brownoutBox .banner ul {
		margin: 0px -50px 0px 0px;
	}
		.brownoutBox .banner ul li {
			float: left;
			display: inline;
			width: 300px;
			height: 71px;
			margin: 0px 50px 30px 0px;
		}
	
.projectBox {}
	.projectBox .noteFrame01Wrap {
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
	.projectBox .noteFrame01Inner {
		padding: 0px 62px 14px 90px;
		/* background: url(http://api.gc-service.info/stylebook/media/img/icon/projectIconBg.png) no-repeat 520px 0px; */
		
	}
	.projectBox .imgArea {
		width: 180px;
		float: left;
	}
		.projectBox .imgArea img {
			padding: 0px 0px 20px 10px;
		}
	.projectBox .textArea {
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
		.projectBox .textArea h3 {
			font-size: 15px;
			font-weight: bold;
			color: #736357;
			line-height: 24px;
		}
		
		.projectBox .tableType03 th,
		.projectBox .tableType03 td {
			line-height: 24px;
		}
		
.projectBox02 {}
	.projectBox02 .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.projectBox02 .imgArea {
		width: 190px;
		float: left;
	}
		.projectBox02 .imgArea img {
			padding: 0px 0px 20px 10px;
		}
	.projectBox02 .textArea {
		float: right;
		width: 330px;
		font-size: 12px;
		color: #736357;
		line-height: 24px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/projectIconBg.png) no-repeat center 30px;
	}
		.projectBox02 .textArea h3 {
			font-size: 15px;
			font-weight: bold;
			color: #736357;
			line-height: 20px;
		}
		
.projectBox03 {}
	.projectBox03 .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.projectBox03 .imgArea {
		width: 160px;
		float: left;
	}
		.projectBox03 .imgArea img {
			margin: 0px 0px 0px 20px;
		}
	.projectBox03 .textArea {
		width: 334px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		
.spreadBox {}
	.spreadBox .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.spreadBox .imgArea {
		width: 150px;
		float: left;
	}
		.spreadBox .imgArea img {
			margin: 0px 0px 0px 10px;
		}
	.spreadBox .textArea {
		width: 360px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		
.cityBox {}
	.cityBox .noteFrame01Wrap {
	}
	.cityBox .noteFrame01Inner {
		padding: 20px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/cityIconBg.png) no-repeat 520px 0px;
	}
	.cityBox .imgArea {
		width: 150px;
		float: left;
	}
		.cityBox .imgArea img {
			
		}
	.cityBox .textArea {
		width: 370px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
.bondsBox {}
	.bondsBox .noteFrame01Wrap {
	}
	.bondsBox .noteFrame01Inner {
		padding: 20px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/bondsIconBg.png) no-repeat 520px 0px;
	}
	.bondsBox .imgArea {
		width: 150px;
		float: left;
	}
		.bondsBox .imgArea img {
			
		}
	.bondsBox .textArea {
		width: 370px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
.coolBox {}
	.coolBox .noteFrame01Wrap {
	}
	.coolBox .noteFrame01Inner {
		padding: 20px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/coolIconBg.png) no-repeat 560px 0px;
	}
	.coolBox .imgArea {
		width: 150px;
		float: left;
	}
		.coolBox .imgArea img {
			
		}
	.coolBox .textArea {
		width: 370px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
.greetingBox {}
	.greetingBox .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.greetingBox .imgArea {
		width: 160px;
		float: left;
	}
		.greetingBox .imgArea img {
			margin: 0px 0px 0px 20px;
		}
	.greetingBox .textArea {
		width: 334px;
		float: right;
		font-size: 13px;
		line-height: 24px;
	}
	
.greetingBox02 {}
	.greetingBox02 .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.greetingBox02 .imgArea {
		width: 190px;
		float: left;
	}
		.greetingBox02 .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.greetingBox02 .textArea {
		width: 330px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/mailIconBg.png) no-repeat center 30px;
	}
	.greetingBox02 .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	
.greetingBox03 {}
	.greetingBox03 .noteFrame01Wrap {
		padding: 0px 62px 17px 90px;
	}
	
	.greetingBox03 .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/mailIconBg.png) no-repeat right top;
	}
	.greetingBox03 .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.greetingBox03 .textArea ul.sp {
		padding: 20px 0px 0px 0px;
	}
		.greetingBox03 .textArea ul.sp li {
			float: left;
			display: inline;
			padding: 0px 0px 0px 15px;
		}
		
.messageBox {}
	.messageBox .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.messageBox .imgArea {
		width: 160px;
		float: left;
	}
		.messageBox .imgArea img {
			margin: 0px 0px 0px 20px;
		}
	.messageBox .textArea {
		width: 334px;
		float: right;
		font-size: 13px;
		line-height: 24px;
	}

.tellBox {}
	.tellBox .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.tellBox .imgArea {
		height: 95px;
	}
		.tellBox .imgArea img {
			
		}
	.tellBox .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}

.tellBox02 {}
	.tellBox02 .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.tellBox02 .imgArea {
		width: 180px;
		float: left;
	}
		.tellBox02 .imgArea img {
		}
	.tellBox02 .textArea {
		width: 314px;
		float: right;
		font-size: 13px;
		color: #736357
		line-height: 24px;
	}
	
.knowBox {}
	.knowBox .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.knowBox .imgArea {
		width: 160px;
		float: left;
	}
		.knowBox .imgArea img {
			margin: 0px 0px 0px 20px;
		}
	.knowBox .textArea {
		width: 334px;
		float: right;
		font-size: 13px;
		color: #333333;
		line-height: 24px;
	}

.heatBox {}
	.heatBox .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.heatBox .imgArea {
		width: 190px;
		float: left;
	}
		.heatBox .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.heatBox .textArea {
		width: 330px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/heatIconBg.png) no-repeat center 30px;
	}
	.heatBox .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 20px;
	}
	
.heatBox02 {}
	.heatBox02 .noteFrame01Wrap {
		
	}
	.heatBox02 .noteFrame01Inner {
		background: url(http://api.gc-service.info/stylebook/media/img/icon/heatIconBg.png) no-repeat 510px 0px;
		padding: 0px 62px 14px 90px;
	}
	.heatBox02 .imgArea {
	}
		.heatBox02 .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.heatBox02 .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.heatBox02 .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	
.heatBox03 {}
	.heatBox03 .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.heatBox03 .imgArea {
		width: 190px;
		float: left;
	}
		.heatBox03 .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.heatBox03 .textArea {
		width: 330px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		background-image: url(http://api.gc-service.info/stylebook/media/img/heat/penIconBg.png) no-repeat center 30px;
	}
	.heatBox03 .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	
.heatBox04 {}
	.heatBox04 .noteFrame01Wrap {
		padding: 24px 62px 14px 90px;
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
	.heatBox04 .imgArea {
	}
	.heatBox04 .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/heatIconBg.png) no-repeat center 30px;
	}
	
.becameBox {}
	.becameBox .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.becameBox .imgArea {
		width: 190px;
		float: left;
	}
		.becameBox .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.becameBox .textArea {
		width: 330px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/bearIconBg.png) no-repeat center 30px;
	}
	.becameBox .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 20px;
	}
	
.becameBox02 {}
	.becameBox02 .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.becameBox02 .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		.becameBox02 .textArea img {
			margin: 0px 0px 0px 15px;
		}
	.becameBox02 .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 22px;
	}
	.becameBox02 ul {
		list-style-type: disc;
      	padding: 0px 0px 0px 20px;
	}
		.becameBox02 ul li {
			line-height: 24px;
		}
	
.becameBox03 {}
	.becameBox03 .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.becameBox03 .imgArea {
	}
		.becameBox03 .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.becameBox03 .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.becameBox03 .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 20px;
	}
	
.becameBox04 {}
	.becameBox04 .noteFrame01Wrap {
		
	}
	.becameBox04 .noteFrame01Inner {
		background: url(http://api.gc-service.info/stylebook/media/img/icon/bearIconBg.png) no-repeat 510px 0px;
		padding: 0px 62px 14px 90px;
	}
	.becameBox04 .imgArea {
	}
		.becameBox04 .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.becameBox04 .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.becameBox04 .textArea h3 {
		font-size: 18px;
		font-weight: bold;
		color: #736357;
		line-height: 24px;
	}
	.becameBox04 p {
		color: #736357;
	}
	.becameBox04 ul {
		list-style-type: disc;
      	padding: 0px 0px 0px 20px;
	}
		.becameBox04 ul li {
			line-height: 24px;
		}

.voiceBox {}
	.voiceBox .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.voiceBox .imgArea {
		height: 95px;
	}
		.voiceBox .imgArea img {
			
		}
	.voiceBox .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
.voiceBox02 {}
	.voiceBox02 .noteFrame01Wrap {
		padding: 0px 0px 0px 0px;
	}
	.voiceBox02 .noteFrame01Inner {
		padding: 20px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/voiceIconBg.png) no-repeat 520px top;
	}
	.voiceBox02 .imgArea {
		float: left;
		width: 300px;
		text-align: right;
	}
	.voiceBox02 .textArea {
		float: right;
		width: 210px;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		.voiceBox02 .textArea p {
			padding: 0px 10px 0px 20px;
			background: url(http://api.gc-service.info/stylebook/media/img/voice/circle.png) no-repeat 0px 5px;
		}
		
.actBox01 .noteFrame03Wrap {
	padding: 7px 60px 28px 105px;
	background: url(../img/common/noteFrame03Bg.png) repeat-y 0px -2px;
}
	.actBox01 .textArea {
		line-height: 24px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/candoIconBg.png) no-repeat center center;
	}
	.actBox01 ul {
		margin: 12px -30px 0px 0px;
	}
		.actBox01 ul li {
			float: left;
			display: inline;
			width: 260px;
			height: 48px;
			margin: 0px 10px 0px 0px;
		}
		.actBox01 ul li img {
			float: left;
		}
		.actBox01 ul li p {
			margin: 0px 0px 0px 46px;
		}
			.actBox01 ul li p,
			.actBox01 ul li a {
				font-size: 14px;
				font-weight: bold;
				color: #736357;
				line-height: 36px;
			}
		
.actBox02 {}
	.actBox02 .noteFrame01Wrap {
		padding: 0px 62px 14px 90px;
	}
	.actBox02 .textArea,
	.actBox02 .textArea p {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.actBox02 .textArea {
		background: url(http://api.gc-service.info/stylebook/media/img/icon/act01IconBg.png) no-repeat center center;
	}
	
.candoBox {}
	.candoBox .noteFrame01Wrap {
		padding: 20px 62px 14px 90px;
	}
	.candoBox .imgArea {
		width: 180px;
		float: left;
	}
		.candoBox .imgArea img {
			
		}
	.candoBox .textArea {
		width: 314px;
		float: right;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	
.candoActBox {}
	.candoActBox .noteFrame02Wrap {
		padding: 0px 50px 5px 65px;
	}
	.candoActBox .imgArea {
		width: 145px;
		float: left;
	}
		.candoActBox .imgArea img {
			
		}
	.candoActBox .textArea,
	.candoActBox .textArea p {
		width: 400px;
		float: right;
		font-size: 12px;
		color: #736357;
		line-height: 28.5px;
	}
	.candoActBox .textArea {
		background: url(http://api.gc-service.info/stylebook/media/img/icon/candoIconBg.png) no-repeat  center center;
	}
	
.candoActBox2 {}
	.candoActBox2 .noteFrame02Wrap {
		background: url(http://api.gc-service.info/stylebook/media/img/icon/candoIconBg.png) no-repeat  center center;
	}
	
.newsList {}
.newsListWrap {}
	.newsList h2 {
		height: 30px;
		background: url(../img/common/newsListTitle.gif) no-repeat 0px 0px;
	}
	.newsList h2 span {
		float: left;
	}
	.newsList h2 a {
		display: block;
		float: right;
		width: 65px;
		height: 30px;
		background: url(../img/common/newsListBtn.gif) no-repeat 0px 0px;
	}
	
.reportList {}
.reportListWrap {}
	.reportList h2 {
		height: 30px;
		background: url(../img/common/reportListTitle.gif) no-repeat 0px 0px;
	}
	.reportList h2 span {
		float: left;
	}
	.reportList h2 a {
		display: block;
		float: right;
		width: 65px;
		height: 30px;
		background: url(../img/common/reportListBtn.gif) no-repeat 0px 0px;
	}
	
.membersList {}
.membersListWrap {}
	.membersList h2 {
		height: 30px;
		background: url(../img/common/membersListTitle.gif) no-repeat 0px 0px;
	}
	.membersList h2 span {
		float: left;
	}
	.membersList h2 a {
		display: block;
		float: right;
		width: 65px;
		height: 30px;
		background: url(../img/common/membersListBtn.gif) no-repeat 0px 0px;
	}
	
.messageList {}
	.messageList ul {
		margin: 0px -20px 0px 0px;
	}
		.messageList ul li {
			float: left;
			display: inline;
			width: 316px;
			word-wrap: break-word;
			margin: 20px 20px 0px 0px;
		}
			.messageList .messageListBox {
				background: url(http://api.gc-service.info/stylebook/media/img/message/messageTp.png) no-repeat 0px top;
				padding: 10px 0px 0px 0px;
			}
			.messageList .messageListBoxWrap {
				background: url(http://api.gc-service.info/stylebook/media/img/message/messageBt.png) no-repeat 0px bottom;
				padding: 0px 0px 10px 0px;
			}
			.messageList .messageListBoxInner {
				background: url(http://api.gc-service.info/stylebook/media/img/message/messageBg.png) repeat-y 0px top;
				padding: 10px 20px;
			}
				.messageList .messageListBox .author {
					min-height: 175px;
					height: auto !important;
					height: 175px;
					border-bottom: 1px dotted #C0C0C0;
				}
				
				.messageList .messageListBox .title {
					font-weight: bold;
					color: #00B0EE;
				}

					.messageList .messageListBox .author .imgArea,
					.messageList .messageListBox .author .textArea {
						padding: 0px 0px 20px 0px;
						line-height: 
					}
					.messageList .messageListBox .author .imgArea {
						float: left;
						width: 120px;
						text-align: left;
					}
						.messageList .messageListBox .author .imgArea img {
							margin: 0px;
							padding: 1px;
							border: 1px solid #00B0EE;
						}
					.messageList .messageListBox .author .textArea {
						font-size: 12px;
						color: #736357;
						float: right;
						width: 150px;
					}
				.messageList .messageListBox .comment {
					min-height: 250px;
					height: auto !important;
					height: 250px;
					font-size: 12px;
					color: #736357;
				}
				.messageList .messageListBox .url {
					min-height: 20px;
					height: auto !important;
					height: 20px;
				}
				.messageList .messageListBox .url a {
					font-size: 12px;
					font-weight: bold;
					color: #00B0EE;
					text-decoration: none;
				}
					.messageList .messageListBox .url a:hover {
						text-decoration: underline;
					}
	
.newsBox {}
	.newsBox ul {
		padding: 21px 53px 18px 93px;
	}
		.newsBox ul li {
			font-size: 14px;
			line-height: 24px;
			padding: 0px 0px 0px 110px;
		}
		.newsBox ul li .date {
			float: left;
			line-height: 24px;
		}
		.newsBox ul li p {
			line-height: 24px;
			margin: 0px 0px 0px 90px;
		}
		.newsBox ul li a {
			line-height: 24px;
		}
		.newsBox ul li.news {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/newsIcon.png) no-repeat 0px 0px;
		}
		.newsBox ul li.seminar {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/seminarIcon.png) no-repeat 0px 0px;
		}
		.newsBox ul li.report {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/reportIcon.png) no-repeat 0px 0px;
		}
		
.newsBox02 {}
	.newsBox02 .noteFrame01Wrap {
		padding: 0px 0px 0px 0px;
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
	.newsBox02 .noteFrame01Inner {
		padding: 0px 0px 0px 0px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/newsIconBg.png) no-repeat 520px 0px;
	}
	.newsBox02 ul {
		padding: 21px 53px 18px 93px;
	}
		.newsBox02 ul li {
			font-size: 14px;
			line-height: 24px;
			padding: 0px 0px 0px 0px;
		}
		.newsBox02 ul li.news {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/newsIcon.png) no-repeat 150px 0px;
		}
		.newsBox02 ul li.seminar {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/seminarIcon.png) no-repeat 150px 0px;
		}
		.newsBox02 ul li.report {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/reportIcon.png) no-repeat 150px 0px;
		}
		
.newsBox03 {}
	.newsBox03 .noteFrame01Wrap {
		background: url(../img/common/noteFrame01Bg.png) repeat-y 0px 0px;
	}
	.newsBox03 .noteFrame01Inner {
		padding: 16px 63px 19px 103px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/newsIconBg.png) no-repeat 520px 0px;
	}
	.newsBox03 h2 {
		font-size: 14px;
		font-weight: bold;
		line-height: 24px;
	}
	.newsBox03 h2 span {
		line-height: 24px;
		background: #FCEE21;
	}
	.newsBox03 .date {
		height: 30px;
		line-height: 30px;
		padding: 0px 0px 0px 120px;
	}
		.newsBox03 .news {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/newsIcon.png) no-repeat 0px center;
		}
		.newsBox03 .seminar {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/seminarIcon.png) no-repeat 0px center;
		}
		.newsBox03 .report {
			background: url(http://api.gc-service.info/stylebook/media/img/icon/reportIcon.png) no-repeat 0px center;
		}
	.newsBox03 p {
		font-size: 14px;
		line-height: 24px;
	}
	.newsBox03 .img {
		text-align: center;
		padding: 24px 0px 0px 0px;
	}
	
.committeeBox {}
	.committeeBox .noteFrame01Wrap {
	}
	.committeeBox .noteFrame01Inner {
		padding: 20px 62px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/projectIconBg.png) no-repeat 520px 0px;
	}
	.committeeBox .imgArea {
	}
		.committeeBox .imgArea img {
			
		}
	.committeeBox .titleArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		.committeeBox .titleArea h3 {
			font-size: 15px;
			font-weight: bold;
			color: #736357;
			line-height: 20px;
		}
	.committeeBox .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
		padding: 0px 20px 0px 20px;
	}
		.committeeBox .textArea p {
			color: #736357;
		}
		.committeeBox .textArea h4 {
			font-size: 14px;
			color: #736357;
			line-height: 24px;
		}
		
.committeeBox02 {}
	.committeeBox02 .noteFrame01Wrap {
	}
	.committeeBox02 .noteFrame01Inner {
		padding: 20px 62px 14px 90px;
		/* background: url(http://api.gc-service.info/stylebook/media/img/icon/projectIconBg.png) no-repeat 520px 0px; */
	}
	.committeeBox02 .imgArea {
		float: left;
		width: 180px;
		text-align: center;
	}
		.committeeBox02 .imgArea img {
			
		}
	.committeeBox02 .titleArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		.committeeBox02 .titleArea h3 {
			font-size: 15px;
			font-weight: bold;
			color: #736357;
			line-height: 24px;
		}
	.committeeBox02 .textArea {
		float: right;
		width: 330px;
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		.committeeBox02 .textArea p {
			color: #736357;
		}
		.committeeBox02 .textArea h4 {
			font-size: 15px;
			color: #736357;
			line-height: 24px;
		}
		
.approvalBox {}
	.approvalBox .noteFrame01Wrap {
		padding: 0px 60px 14px 90px;
	}
	.approvalBox .imgArea {
	}
		.approvalBox .imgArea img {
			margin: 0px 0px 0px 15px;
		}
	.approvalBox .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
		.approvalBox .tableType04 {
			margin: 0px 0px 0px 0px;
		}
		
		.approvalBox p{
			color: #736357;
		}
		
.secretariatBox {}
	.secretariatBox .noteFrame01Wrap {
	}
	.secretariatBox .noteFrame01Inner {
		padding: 0px 60px 14px 90px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/suzuIconBg.png) no-repeat 520px 300px;
	}
	.secretariatBox .textArea {
		font-size: 13px;
		color: #736357;
		line-height: 24px;
	}
	.secretariatBox .tableType06 {
		margin: 25px 0px 0px 0px;
	}
		.secretariatBox .tableType06  table th {
			vertical-align: top;
		}
		.secretariatBox .tableType06  table th span {
			float: right;
			display: block;
			width: auto;
			font-size: 12px;
			color: #FFFFFF;
			padding: 3px 10px;
			background: #00AEEB;
		}
		
		.secretariatBox .tableType06  table td {
			text-indent: 0em;
			padding: 0px 10px;
		}
	
	.secretariatBox p{
		color: #736357;
	}

.studentBox {}
	.studentBox .noteFrame01Wrap {
		padding: 0px 60px 14px 90px;
	}
	.studentBox h3 {
		font-size: 14px;
		color: #E26AA1;
		padding: 22px 0px 18px 80px;
		background: url(http://api.gc-service.info/stylebook/media/img/icon/studentIconBg.png) no-repeat 0px center;
	}
	.studentBox .tableType06 {
		padding: 0px 30px;
		margin: 10px 0px 0px 0px;
	}
		.studentBox .tableType06  table td {
			text-indent: 0em;
			padding: 0px 10px;
		}
	
	.studentBox p{
		color: #736357;
	}
	
.incomeBox {}
	.incomeBox .noteFrame01Wrap {
		padding: 0px 90px 14px 120px;
	}
	.incomeBox .textArea {
		font-size: 12px;
		color: #736357;
		line-height: 24px;
	}
	
.partnerBox {
}
	.partnerBox .noteFrame01Wrap {
		padding: 0px 55px 14px 90px;
	}
	.partnerBox .textArea {
		padding: 17px 0px 24px 0px;
		border-top: 1px solid #00AEEB;
		border-bottom: 1px solid #00AEEB;
	}
		
		.partnerBox .tableType02 {}
			.partnerBox .tableType02 table {
				}
				
				.partnerBox .tableType02 table th {
					font-weight: bold;
					color: #FFFFFF;
					padding: 0px 10px;
					line-height: 24px;
					background: url(http://api.gc-service.info/stylebook/media/img/partner/thBg.jpg) repeat-x 0px 0px;
					border-top: 1px solid #00AEEB;
					border-left: 1px solid #00AEEB;
					}

		.partnerBox .tableType04 {}
			.partnerBox .tableType04 table {
				}
				.partnerBox .tableType04 table td {
					padding: 0px 10px;
					line-height: 24px;
					}

.frame01 {
	width: 830px;
	font-size: 0px;
	margin: 0px auto;
}
	.frame01Wrap {
		padding: 20px 45px 20px 45px;
		background: url(http://api.gc-service.info/stylebook/media/img/regist/frame01Bg.png) repeat-y 0px 0px;
	}
		.frame01 p {
			font-size: 14px;
		}
		
.frame02 {
}
	.frame02Wrap {
		padding: 20px;
		background: #FFFFFF;
		border: 3px solid #22A3DA;
	}
	
	.voiceAct .frame02Wrap {}
		.voiceAct ul {
			margin: 0px -44px 0px 0px;
		}
			.voiceAct ul li {
				float: left;
				display: inline;
				width: 280px;
				height: 50px;
				margin: 0px 44px 0px 0px;
			}
			.voiceAct ul li img {
				float: left;
			}
			.voiceAct ul li p {
				margin: 0px 0px 0px 50px;
				line-height: 50px;
				border-bottom: 3px dotted #EEBAD2;
			}
				.voiceAct ul li p,
				.voiceAct ul li a {
					font-size: 15px;
					font-weight: bold;
					color: #736357;
					line-height: 37px;
				}
	
		
.tableType01 {}
	.tableType01 table {
		width: 100%;
	}
		.tableType01 table th,
		.tableType01 table td {
			font-size: 14px;
			padding: 3px 5px;
			text-align: left;
			vertical-align: middle;
		}

.tableType02 {}
	.tableType02 table {
		width: 100%;
	}
		.tableType02 table th,
		.tableType02 table td {
			font-size: 14px;
			padding: 3px 5px;
			text-align: left;
			vertical-align: top;
		}
		
.tableType03 {}
	.tableType03 table {
		width: 100%;
		background: #FFFFFF;
	}
		.tableType03 table,
		.tableType03 table th,
		.tableType03 table td {
			border: 1px solid #18A6E8;
		}
		
		.tableType03 table th,
		.tableType03 table td {
			font-size: 12px;
			color: #716256;
			padding: 0px 5px;
		}
		
		.tableType03 table th {
			text-align: right;
		}
		
.tableType04 {}
	.tableType04 table {
		width: 100%;
	}
		.tableType04 table,
		.tableType04 table th,
		.tableType04 table td {
			
		}
		
		.tableType04 table .rline {
			border-right: 1px solid #E8E6E3;
		}
		
		.tableType04 table th,
		.tableType04 table td {
			height: 24px;
			font-size: 12px;
			line-height: 24px;
			color: #716256;
			vertical-align: top;
			text-indent: 5px;
		}
		
		.tableType04 table th {}
			.tableType04 table th h3 {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				text-align: center;
				line-height: 21px;
				margin: 1px;
				background: #BAE2F8;
			}
			
.tableType05 {}
	.tableType05 table {
		width: 100%;
	}
		.tableType05 table th,
		.tableType05 table td {
			font-size: 12px;
			text-align: left;
		}
		.tableType05 table th {
			vertical-align: middle;
			padding: 3px 5px;
		}
		.tableType05 table td {
			padding: 3px 5px 15px 5px;
		}
		
.tableType06 {}
	.tableType06 table {
		width: 100%;
	}
		.tableType06 table,
		.tableType06 table th,
		.tableType06 table td {
			
		}
		
		.tableType06 table .rline {
			border-right: 1px dotted #E8E6E3;
		}
		
		.tableType06 table th,
		.tableType06 table td {
			font-size: 12px;
			line-height: 24px;
			color: #716256;
			vertical-align: top;
			text-indent: 5px;
			padding: 0px 10px;
		}
		
.tableType07 {}
	.tableType07 table {
		width: 100%;
	}
		.tableType07 table th,
		.tableType07 table td {
			font-size: 12px;
			text-align: left;
		}
		.tableType07 table th {
			vertical-align: middle;
		}
		.tableType07 table td {
		}
			.tableType07 table td ul li {
				line-height: 24px;
			}
			
.profileTable01 {
	width: 450px;
	margin: 0px auto;
	}
	.profileTable01 table {
		width: 100%;
		}
		.profileTable01 table th,
		.profileTable01 table td {
			font-size: 12px;
			padding: 3px 8px;
			border: 1px solid #FFFFFF;
			}
		
		.profileTable01 table th {
			color: #FFFFFF;
			background: #26ADF2;
			}
		
		.profileTable01 table td {
			background: #E6E6E6;
		}
		
.profileTable02 {
	width: 450px;
	/* height: 80px; */
	/* overflow-y: scroll; */
	margin: 0px auto;
	}
	.profileTable02 table {
		width: 100%;
		}
		.profileTable02 table th,
		.profileTable02 table td {
			font-size: 12px;
			padding: 3px 8px;
			border: 1px solid #FFFFFF;
			}
		
		.profileTable02 table th {
			color: #FFFFFF;
			background: #26ADF2;
			}
		
		.profileTable02 table td {}
	
		
#smNavi ul.regist li.smNavi01 a {
	width: 499px;
	background: url(http://api.gc-service.info/stylebook/media/img/regist/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.regist li.smNavi01 a:hover,
	#smNavi ul.regist li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/regist/smNavi.png) no-repeat 0px -93px;
	}
	
#smNavi ul.regist li.smNavi02 a {
	width: 500px;
	background: url(http://api.gc-service.info/stylebook/media/img/regist/smNavi.png) no-repeat -499px 0px;
}
	#smNavi ul.regist li.smNavi02 a:hover,
	#smNavi ul.regist li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/regist/smNavi.png) no-repeat -499px -93px;
	}

/*
#smNavi ul.project li a {
	height: 58px;
}
#smNavi ul.project li.smNavi01 a {
	width: 366px;
	background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.project li.smNavi01 a:hover,
	#smNavi ul.project li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat 0px -58px;
	}
	
#smNavi ul.project li.smNavi02 a {
	width: 321px;
	background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -366px 0px;
}
	#smNavi ul.project li.smNavi02 a:hover,
	#smNavi ul.project li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -366px -58px;
	}
	
#smNavi ul.project li.smNavi03 a {
	width: 313px;
	background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -687px 0px;
}
	#smNavi ul.project li.smNavi03 a:hover,
	#smNavi ul.project li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -687px -58px;
	}
*/

#smNavi ul.project li a {
	height: 58px;
}
#smNavi ul.project li.smNavi01 a {
	width: 290px;
	background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.project li.smNavi01 a:hover,
	#smNavi ul.project li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat 0px -58px;
	}
#smNavi ul.project li.smNavi02 a {
	width: 221px;
	background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -290px 0px;
}
	#smNavi ul.project li.smNavi02 a:hover,
	#smNavi ul.project li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -290px -58px;
	}
#smNavi ul.project li.smNavi03 a {
	width: 252px;
	background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -511px 0px;
}
	#smNavi ul.project li.smNavi03 a:hover,
	#smNavi ul.project li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -511px -58px;
	}
#smNavi ul.project li.smNavi04 a {
	width: 237px;
	background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -763px 0px;
}
	#smNavi ul.project li.smNavi04 a:hover,
	#smNavi ul.project li.smNavi04 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/project/smNavi.png) no-repeat -763px -58px;
	}
	
	
#smNavi ul.tell li.smNavi01 a {
	width: 165px;
	background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.tell li.smNavi01 a:hover,
	#smNavi ul.tell li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat 0px -58px;
	}
	
#smNavi ul.tell li.smNavi02 a {
	width: 190px;
	background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -165px 0px;
}
	#smNavi ul.tell li.smNavi02 a:hover,
	#smNavi ul.tell li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -165px -58px;
	}
	
#smNavi ul.tell li.smNavi03 a {
	width: 236px;
	background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -355px 0px;
}
	#smNavi ul.tell li.smNavi03 a:hover,
	#smNavi ul.tell li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -355px -58px;
	}
#smNavi ul.tell li.smNavi04 a {
	width: 194px;
	background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -591px 0px;
}
	#smNavi ul.tell li.smNavi04 a:hover,
	#smNavi ul.tell li.smNavi04 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -591px -58px;
	}
#smNavi ul.tell li.smNavi05 a {
	width: 215px;
	background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -785px 0px;
}
	#smNavi ul.tell li.smNavi05 a:hover,
	#smNavi ul.tell li.smNavi05 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/tell/smNavi.png) no-repeat -785px -58px;
	}
	
/*
#smNavi ul.heat li.smNavi01 a {
	width: 299px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.heat li.smNavi01 a:hover,
	#smNavi ul.heat li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat 0px -58px;
	}
	
#smNavi ul.heat li.smNavi02 a {
	width: 335px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -299px 0px;
}
	#smNavi ul.heat li.smNavi02 a:hover,
	#smNavi ul.heat li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -299px -58px;
	}
	
#smNavi ul.heat li.smNavi03 a {
	width: 366px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -634px 0px;
}
	#smNavi ul.heat li.smNavi03 a:hover,
	#smNavi ul.heat li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -634px -58px;
	}
*/
#smNavi ul.heat li.smNavi01 a {
	width: 222px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.heat li.smNavi01 a:hover,
	#smNavi ul.heat li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat 0px -58px;
	}
	
#smNavi ul.heat li.smNavi02 a {
	width: 278px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -222px 0px;
}
	#smNavi ul.heat li.smNavi02 a:hover,
	#smNavi ul.heat li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -222px -58px;
	}
	
#smNavi ul.heat li.smNavi03 a {
	width: 237px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -500px 0px;
}
	#smNavi ul.heat li.smNavi03 a:hover,
	#smNavi ul.heat li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -500px -58px;
	}
#smNavi ul.heat li.smNavi04 a {
	width: 263px;
	background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -737px 0px;
}
	#smNavi ul.heat li.smNavi04 a:hover,
	#smNavi ul.heat li.smNavi04 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/heat/smNavi.png) no-repeat -737px -58px;
	}


/*
#smNavi ul.spread li.smNavi01 a {
	width: 213px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.spread li.smNavi01 a:hover,
	#smNavi ul.spread li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat 0px -58px;
	}
#smNavi ul.spread li.smNavi02 a {
	width: 239px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -213px 0px;
}
	#smNavi ul.spread li.smNavi02 a:hover,
	#smNavi ul.spread li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -213px -58px;
	}
	
#smNavi ul.spread li.smNavi03 a {
	width: 257px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -452px 0px;
}
	#smNavi ul.spread li.smNavi03 a:hover,
	#smNavi ul.spread li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -452px -58px;
	}
	
#smNavi ul.spread li.smNavi04 a {
	width: 291px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -709px 0px;
}
	#smNavi ul.spread li.smNavi04 a:hover,
	#smNavi ul.spread li.smNavi04 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -709px -58px;
	}
*/

#smNavi ul.spread li.smNavi01 a {
	width: 319px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.spread li.smNavi01 a:hover,
	#smNavi ul.spread li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat 0px -58px;
	}
#smNavi ul.spread li.smNavi02 a {
	width: 335px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -319px 0px;
}
	#smNavi ul.spread li.smNavi02 a:hover,
	#smNavi ul.spread li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -319px -58px;
	}
	
#smNavi ul.spread li.smNavi03 a {
	width: 346px;
	background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -654px 0px;
}
	#smNavi ul.spread li.smNavi03 a:hover,
	#smNavi ul.spread li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/spread/smNavi.png) no-repeat -654px -58px;
	}

#smNavi ul.approval li.smNavi01 a {
	width: 519px;
	background: url(http://api.gc-service.info/stylebook/media/img/approval/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.approval li.smNavi01 a:hover,
	#smNavi ul.approval li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/approval/smNavi.png) no-repeat 0px -58px;
	}
#smNavi ul.approval li.smNavi02 a {
	width: 481px;
	background: url(http://api.gc-service.info/stylebook/media/img/approval/smNavi.png) no-repeat -519px 0px;
}
	#smNavi ul.approval li.smNavi02 a:hover,
	#smNavi ul.approval li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/approval/smNavi.png) no-repeat -519px -58px;
	}
	
#smNavi ul.join li.smNavi01 a {
	width: 264px;
	background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat 0px 0px;
}
	#smNavi ul.join li.smNavi01 a:hover,
	#smNavi ul.join li.smNavi01 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat 0px -58px;
	}
#smNavi ul.join li.smNavi02 a {
	width: 230px;
	background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat -264px 0px;
}
	#smNavi ul.join li.smNavi02 a:hover,
	#smNavi ul.join li.smNavi02 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat -264px -58px;
	}
#smNavi ul.join li.smNavi03 a {
	width: 233px;
	background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat -494px 0px;
}
	#smNavi ul.join li.smNavi03 a:hover,
	#smNavi ul.join li.smNavi03 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat -494px -58px;
	}
#smNavi ul.join li.smNavi04 a {
	width: 273px;
	background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat -727px 0px;
}
	#smNavi ul.join li.smNavi04 a:hover,
	#smNavi ul.join li.smNavi04 a.this {
		background: url(http://api.gc-service.info/stylebook/media/img/devtools/smNavi.png) no-repeat -727px -58px;
	}
	
.actMenu {}
	.actMenu ul {
		margin: 0px -5px 0px 0px;
	}
		.actMenu ul li {
			float: left;
			display: inline;
			margin: 0px 5px 0px 0px;
		}
			.actMenu ul li a {
				display: block;
				width: 125px;
				height: 72px;
			}
				.actMenu ul li.actMenu01 a {
					background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu01.png) no-repeat 0px 0px;
				}
					.actMenu ul li.actMenu01 a:hover {
						background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu01.png) no-repeat 0px -72px;
					}
				.actMenu ul li.actMenu02 a {
					background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu02.png) no-repeat 0px 0px;
				}
					.actMenu ul li.actMenu02 a:hover {
						background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu02.png) no-repeat 0px -72px;
					}
				.actMenu ul li.actMenu03 a {
					background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu03.png) no-repeat 0px 0px;
				}
					.actMenu ul li.actMenu03 a:hover {
						background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu03.png) no-repeat 0px -72px;
					}
				.actMenu ul li.actMenu04 a {
					background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu04.png) no-repeat 0px 0px;
				}
					.actMenu ul li.actMenu04 a:hover {
						background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu04.png) no-repeat 0px -72px;
					}
				.actMenu ul li.actMenu05 a {
					background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu05.png) no-repeat 0px 0px;
				}
					.actMenu ul li.actMenu05 a:hover {
						background: url(http://api.gc-service.info/stylebook/media/img/voice/actMenu05.png) no-repeat 0px -72px;
					}

.tNavi {}
	.tNavi ul {
		margin: 0px -10px 0px 0px;
	}
	.tNavi ul li {
		float: left;
		display: inline;
		margin: 0px 9px 8px 0px;
	}
		.tNavi ul li a {
			display: block;
			width: 158px;
			height: 33px;
		}
		.tNavi ul li.tNavi01 a {
			width: 159px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu01.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi01 a:hover,
			.tNavi ul li.tNavi01 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu01.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi02 a {
			width: 158px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu02.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi02 a:hover,
			.tNavi ul li.tNavi02 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu02.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi03 a {
			width: 158px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu03.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi03 a:hover,
			.tNavi ul li.tNavi03 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu03.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi04 a {
			width: 158px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu04.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi04 a:hover,
			.tNavi ul li.tNavi04 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu04.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi05 a {
			width: 159px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu05.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi05 a:hover,
			.tNavi ul li.tNavi05 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu05.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi06 a {
			width: 159px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu06.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi06 a:hover,
			.tNavi ul li.tNavi06 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu06.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi07 {
			margin: 0px 10px 8px 0px;
		}
		.tNavi ul li.tNavi07 a {
			width: 134px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu07.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi07 a:hover,
			.tNavi ul li.tNavi07 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu07.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi08 {
			margin: 0px 10px 8px 0px;
		}
		.tNavi ul li.tNavi08 a {
			width: 134px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu08.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi08 a:hover,
			.tNavi ul li.tNavi08 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu08.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi09 a {
			width: 134px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu09.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi09 a:hover,
			.tNavi ul li.tNavi09 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu09.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi10 a {
			width: 134px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu10.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi10 a:hover,
			.tNavi ul li.tNavi10 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu10.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi11 a {
			width: 134px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu11.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi11 a:hover,
			.tNavi ul li.tNavi11 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu11.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi12 a {
			width: 135px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu12.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi12 a:hover,
			.tNavi ul li.tNavi12 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu12.gif) no-repeat 0px -33px;
			}
		.tNavi ul li.tNavi13 a {
			width: 135px;
			background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu13.gif) no-repeat 0px 0px;
		}
			.tNavi ul li.tNavi13 a:hover,
			.tNavi ul li.tNavi13 a.this {
				background: url(http://api.gc-service.info/stylebook/media/img/devtools/tMenu13.gif) no-repeat 0px -33px;
			}

.tabBox {
	border: 2px solid #00AEEB;
	background: #FFFFFF;
}
	.tabBoxWrap {
		padding: 25px;
		min-height: 800px;
		height: auto !important;
		height: 800px;
	}

.sitemap {}
	.sitemap h3 {
		padding: 5px 0px 5px 25px;
		background: url(../img/common/drArrow01.png) no-repeat 0px center;
		border-bottom: 3px dotted #00AEEB;
	}
	.sitemap h4 {
		padding: 8px 0px 8px 15px;
		background: url(../img/common/bNaviArrow.png) no-repeat 0px center;
	}
	.sitemap h5 {
		padding: 5px 0px 5px 15px;
		background: url(../img/common/lArrow01.png) no-repeat 0px center;
	}
	.sitemap ul li,
	.sitemap a {
		font-size: 12px;
		color: #716256;
	}
	.sitemap ul {}
	.sitemap ul li {
		padding: 0px 0px 0px 40px;
	}
	
.pagenation {
	color: #716256;;
}
	.pagenation a {
		font-size: 12;
		color: #00B0EE;
		text-decoration: none;
	}
	.pagenation a.this {
		font-weight: bold;
	}
	.pagenation a:hover {
		text-decoration: underline;
	}

#memberType {}
	#memberType ul {}
	#memberType ul li {
		float: left;
		display: inline;
		margin: 0px 20px 0px 0px;
	}
	#memberType ul li a {
		display: block;
		width: 104px;
		height: 25px;
	}
	
	#memberType ul li.memberType01 a {
		background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType01Btn.png) no-repeat 0px 0px;
	}
		#memberType ul li.memberType01 a.this,
		#memberType ul li.memberType01 a:hover {
			background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType01Btn.png) no-repeat 0px -25px;
		}
	#memberType ul li.memberType02 a {
		background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType02Btn.png) no-repeat 0px 0px;
	}
		#memberType ul li.memberType02 a.this,
		#memberType ul li.memberType02 a:hover {
			background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType02Btn.png) no-repeat 0px -25px;
		}
	#memberType ul li.memberType03 a {
		background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType03Btn.png) no-repeat 0px 0px;
	}
		#memberType ul li.memberType03 a.this,
		#memberType ul li.memberType03 a:hover {
			background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType03Btn.png) no-repeat 0px -25px;
		}
	
	.memberCategory01 {
		display: block;
		width: 104px;
		height: 25px;
		background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType01Btn.png) no-repeat 0px 0px;
	}
		a.memberCategory01:hover {
			background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType01Btn.png) no-repeat 0px -25px;
		}
		
	.memberCategory02 {
		display: block;
		width: 104px;
		height: 25px;
		background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType02Btn.png) no-repeat 0px 0px;
	}
		a.memberCategory02:hover {
			background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType02Btn.png) no-repeat 0px -25px;
		}
		
	.memberCategory03 {
		display: block;
		width: 104px;
		height: 25px;
		background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType03Btn.png) no-repeat 0px 0px;
	}
		a.memberCategory03:hover {
			background: url(http://api.gc-service.info/stylebook/media/img/approval/memberType03Btn.png) no-repeat 0px -25px;
		}
		
.twtr-doc {
	margin: 0px auto;
}
		
#syllabaryUl {}
	#syllabaryUl ul {
		height: 23px;
		padding: 0px 10px;
		background: url(http://api.gc-service.info/stylebook/media/img/approval/syllabaryBg.png) no-repeat 0px 0px;
	}
	#syllabaryUl ul li {
		float: left;
		display: inline;
		line-height: 23px;
		font-weight: bold;
		color: #FFFFFF;
	}
	#syllabaryUl ul li a {
		font-weight: bold;
		color: #FFFFFF;
		line-height: 23px;
	}
		#syllabaryUl ul li a.this,
		#syllabaryUl ul li a:hover {
			color: #FCEE21;
		}
		#syllabaryUl ul li a.noitem {
			color: #4DC6F1;
		}

#wbgt {

}
	#wbgtWrap {
		position: relative;
		width: 1000px;
		height: 800px;
	}
	
	#loading {
		position: absolute;
		width: 1000px;
		height: 800px;
		background: url(http://api.gc-service.info/stylebook/media/img/wbgt/loader.gif) no-repeat center center;
	}
		#loading span {
			display: block;
			font-size: 12px;
			color: #666666;
			text-align: center;
			padding: 410px 0px 0px 0px;
		}
	
	#wbgt .jp00Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp00Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp01Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp01Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp02Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp02Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp03Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp03Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp04Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp04Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp05Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp05Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp06Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp06Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp07Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp07Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp08Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp08Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp09Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp09Bg.jpg) no-repeat 0px 0px; }
	#wbgt .jp10Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/jp10Bg.jpg) no-repeat 0px 0px; }
	
	#wbgt .st02Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st02Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st03Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st03Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st04Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st04Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st05Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st05Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st06Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st06Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st07Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st07Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st08Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st08Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st09Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st09Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st10Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st10Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st11Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st11Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st12Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st12Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st13Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st13Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st14Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st14Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st15Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st15Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st16Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st16Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st17Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st17Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st18Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st18Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st19Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st19Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st20Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st20Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st21Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st21Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st22Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st22Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st23Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st23Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st24Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st24Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st25Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st25Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st26Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st26Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st27Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st27Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st28Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st28Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st29Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st29Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st30Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st30Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st31Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st31Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st32Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st32Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st33Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st33Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st34Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st34Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st35Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st35Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st36Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st36Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st37Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st37Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st38Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st38Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st39Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st39Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st40Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st40Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st41Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st41Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st42Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st42Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st43Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st43Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st44Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st44Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st45Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st45Bg.jpg) no-repeat 0px 0px; }
	#wbgt .st46Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/st46Bg.jpg) no-repeat 0px 0px; }
	
	#wbgt .pt01Bg { background: url(http://api.gc-service.info/stylebook/media/img/wbgt/area/pt01Bg.jpg) no-repeat 0px 0px; }
	
	#wbgtPoint {
		
	}
		#wbgtPointList a {
			position: absolute;
			display: block;
			width: 50px;
			height: 60px;
			text-decoration: none;
			z-index: 1;
		}
			#wbgtPointList  a:hover {
				display: block;
				width: 84px;
				/* height: 102px; */
				height: 138px;
				font-size: 14px;
				font-weight: bold;
				color: #736357;
				text-decoration: none;
				margin: -38px 0px 0px -17px;
				z-index: 2;
			}
			
			#wbgtPointList a .spotName {
				display: block;
				font-size: 12px;
				font-weight: bold;
				color: #736357;
				text-align: center;
				padding: 5px 0px 0px 0px;
			}
				#wbgtPointList a:hover .spotName {
					display: block;
					font-size: 16px;
					font-weight: bold;
					color: #736357;
					text-align: center;
					padding: 8px 0px 0px 0px;
				}
				
			#wbgtPoint a .spotTemp {
				display: none;
			}
				#wbgtPoint a:hover .spotTemp {
					display: block;
					font-size: 12px;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					padding: 80px 0px 0px 0px;
				}
				
			#wbgtPointList a.top {
				background-position: center 22px !important;
			}
				#wbgtPointList a.top:hover {
					background-position: 0px 0px !important;
				}
				#wbgtPointList a.top .spotName {
					display: block;
					font-size: 12px;
					font-weight: bold;
					color: #736357;
					text-align: center;
					padding: 5px 0px 0px 0px;
				}
				#wbgtPointList a.top:hover .spotName {
					display: block;
					font-size: 16px;
					font-weight: bold;
					color: #736357;
					text-align: center;
					padding: 8px 0px 0px 0px;
				}
			
			#wbgtPointList a.bottom {
				background-position: center 8px !important;
			}
				#wbgtPointList a.bottom:hover {
					background-position: 0px 0px !important;
				}
				#wbgtPointList a.bottom .spotName {
					display: block;
					font-size: 12px;
					font-weight: bold;
					color: #736357;
					text-align: center;
					padding: 45px 0px 0px 0px;
				}
				#wbgtPointList a.bottom:hover .spotName {
					display: block;
					font-size: 16px;
					font-weight: bold;
					color: #736357;
					text-align: center;
					padding: 8px 0px 0px 0px;
				}
			#wbgtPointList a.lvxx {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLvxxS.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lvxx:hover {
					height: 102px !important;
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLvxxL.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv00 {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv00:hover {
					height: 102px !important;
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01L.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv01 {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv01:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01L.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv02 {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv02S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv02:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv02L.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv03 {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv03S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv03:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv03L.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv04 {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv04S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv04:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv04L.gif) no-repeat 0px 0px;
				}
			
			#wbgtPointList a.lvxxJ {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLvxxS.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lvxxJ:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLvxxL.gif) no-repeat 0px 0px;
				}
				
			#wbgtPointList a.lv00J {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv00S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv00J:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv00LJ.gif) no-repeat 0px 0px;
				}
				
			#wbgtPointList a.lv01J {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv01J:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01LJ.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv02J {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv02S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv02J:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv02LJ.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv03J {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv03S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv03J:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv03LJ.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv04J {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv04S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv04J:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv04LJ.gif) no-repeat 0px 0px;
				}
			
			#wbgtPointList a.lvxxY {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLvxxS.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lvxxY:hover {
					height: 102px !important;
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLvxxL.gif) no-repeat 0px 0px;
				}
				
			#wbgtPointList a.lv00Y {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv00S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv00Y:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv00LY.gif) no-repeat 0px 0px;
				}
				
			#wbgtPointList a.lv01Y {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv01Y:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv01LY.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv02Y {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv02S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv02Y:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv02LY.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv03Y {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv03S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv03Y:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv03LY.gif) no-repeat 0px 0px;
				}
			#wbgtPointList a.lv04Y {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv04S.gif) no-repeat center 22px;
			}
				#wbgtPointList a.lv04Y:hover {
					background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtLv04LY.gif) no-repeat 0px 0px;
				}
				
			#wbgtPointDetail01 {
				position: absolute;
				top: 100px;
				left: 25px;
				width: 550px;
				font-size: 16px;
				font-weight: bold;
				color: #736357;
			}
				#wbgtPointDetail01 span {
					font-size: 20px;
					font-weight: bold;
					color: #FFFFFF;
					background: #00AEEB;
					padding: 0px 8px;
				}
			#wbgtPointDetail02 {
				position: absolute;
				top: 150px;
				left: 25px;
				width: 550px;
				font-size: 12px;
				font-weight: bold;
				color: #736357;
			}
				#wbgtPointDetail02 span {
					font-size: 20px;
					font-weight: bold;
					color: #FFFFFF;
					background: #F15A24;
					padding: 0px 8px;
				}
			#wbgtPointDetail03 {
				position: absolute;
				top: 200px;
				left: 25px;
				width: 550px;
				font-size: 12px;
				font-weight: bold;
				color: #736357;
			}
				#wbgtPointDetail03 span {
					display: block;
					font-size: 12px;
					font-weight: bold;
					color: #736357;
					padding: 0px 0px 10px 0px;
				}
				#wbgtPointDetail03 table {
					width: 100%;
				}
					#wbgtPointDetail03 table th,
					#wbgtPointDetail03 table td {
						border: 1px solid #736357;
						padding: 3px 8px;
						font-size: 12px;
						font-weight: bold;
						color: #736357;
						text-align: center;
						vertical-align: middle;
					}
					#wbgtPointDetail03 table th {}
					#wbgtPointDetail03 table td {}
						#wbgtPointDetail03 table td.lv01 {
							background: #ACE843;
						}
						#wbgtPointDetail03 table td.lv02 {
							background: #F0F000;
						}
						#wbgtPointDetail03 table td.lv03 {
							color: #FFFFFF;
							background: #F15A24;
						}
						#wbgtPointDetail03 table td.lv04 {
							color: #FFFFFF;
							background: #B10000;
						}
						
			#wbgtButtons {
				position: absolute;
				top: 400px;
				left: 25px;
				width: 550px;
				text-align: center;
			}
			

	#wbgt ul.tab {}
		#wbgt ul.wbgtTab li {
			float: left;
			display: inline;
			margin: 0px 10px 0px 0px;
		}
		#wbgt ul.wbgtTab li a {
			display: block;
			width: 240px;
			height: 44px;
		}
		#wbgt ul.wbgtTab li.wbgtTab01 a {
			background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtTab01.jpg) no-repeat 0px 0px;
		}
			#wbgt ul.wbgtTab li.wbgtTab01 a.this,
			#wbgt ul.wbgtTab li.wbgtTab01 a:hover {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtTab01.jpg) no-repeat 0px -44px;
			}
			
		#wbgt ul.wbgtTab li.wbgtTab02 a {
			background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtTab02.jpg) no-repeat 0px 0px;
		}
			#wbgt ul.wbgtTab li.wbgtTab02 a.this,
			#wbgt ul.wbgtTab li.wbgtTab02 a:hover {
				background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtTab02.jpg) no-repeat 0px -44px;
			}
			
		#wbgt ul.wbgtTab li.wbgtTab03 {
			float: right;
			margin: 0px;
			padding: 5px 0px 0px 0px;
		}
		
		#wbgtArea {
			position: absolute;
			left: 25px;
			top: 25px;
		}
			#wbgtArea h3 {
				font-size: 16px;
				color: #00AEEB;
			}
			#wbgtArea ul {}
				#wbgtArea ul li {
					float: left;
					display: inline;
					font-size: 13px;
					color: #00AEEB;
					padding: 0px 8px 0px 0px;
				}
					#wbgtArea ul li img {
						margin: 4px 0px 0px 0px;
					}
					#wbgtArea ul li a {
						font-size: 13px;
						color: #00AEEB;
					}
					
			#wbgtArea p {
				clear: both;
				font-size: 13px;
				color: #736357;
			}
		
		#wbgtDate {
			position: absolute;
			left: 250px;
			top: 25px
		}
			.dateTop {
				left: 250px !important;
				top: 25px !important;
			}
			.dateSub {
				left: 25px !important;
				top: 25px !important;
			}
			#wbgtDate ul {}
				#wbgtDate ul li {
					float: left;
					display: inline;
					padding: 0px 8px 0px 0px;
				}
					#wbgtDate ul li a {
						display: block;
						width: 70px;
						height: 30px;
						font-size: 14px;
						font-weight: bold;
						color: #666666;
						text-align: center;
						line-height: 30px;
						text-decoration: none;
						background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtDateBtn.gif) no-repeat 0px 0px;
					}
						#wbgtDate ul li a.this, 
						#wbgtDate ul li a:hover {
							color: #FCEE21;
							background: url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtDateBtn.gif) no-repeat 0px -30px;
						}
			#wbgtDate p {
				clear: both;
				font-size: 13px;
				color: #736357;
			}
		
		#wbgtTime {
			position: absolute;
			left: 720px;
			top: 33px;
			width: 240px;
		}
			#wbgtTime p {
				font-size: 20px;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
				line-height: 30px;
			}
			
		#whatWbgt {
			position: absolute;
			left: 620px;
			top: 95px;
			width: 330px;
		}
		#whatWbgt.point {
			left: 620px !important;
			top: 35px !important;
		}
			#whatWbgt h3 {
				font-size: 13px;
				font-weight: bold;
				color: #ED1C24;
				text-align: center;
			}
			
			#whatWbgt p {
				font-size: 12px;
				color: #000000;
				padding: 3px 5px;
			}
			
		#wbgtTable {
			position: absolute;
			left: 620px;
			top: 200px;
			width: 330px;
		}
		#wbgtTable.point {
			left: 620px !important;
			top: 140px !important;
		}
			#wbgtTable table {
				width: 100%;
			}
				#wbgtTable th,
				#wbgtTable td {
					font-size: 13px;
					color: #736357;
					padding: 3px;
					vertical-align: middle;
				}
				
				#wbgtTable th {
					text-align: center;
				}
					#wbgtTable th span {
						display: block;
						background: #BFDFFF;
						padding: 3px 8px;
					}
				#wbgtTable td {
					text-align: left;
				}
				
		#wbgtInfo {
			padding: 10px 10px 10px 80px;
			border: 1px solid #99CCFF;
			background: #FFFFFF url(http://api.gc-service.info/stylebook/media/img/wbgt/wbgtInfo.jpg) no-repeat 35px center;
		}
			#wbgtInfo h4 {
				font-size: 12px;
				color: #736357;
				padding: 0px 1em;
			}
			#wbgtInfo ul {}
				#wbgtInfo ul li {
					font-size: 12px;
					color: #736357;
					text-indent: -1em;
					padding: 0px 0px 0px 1em;
				}
		
		#partnerBanner {}
			#partnerBanner ul {
				margin: 0px -20px 0px 0px;
			}
				#partnerBanner ul li{
					float: left;
					display: inline;
					width: 320px;
					height: 85px;
					margin: 20px 20px 0px 0px;
				}
		#relationBanner {}
			#relationBanner ul {
				margin: 0px -20px 0px 0px;	
			}
				#relationBanner ul li{
					float: left;
					display: inline;
					width: 320px;
					height: 85px;
					margin: 20px 20px 0px 0px;
				}
				
#bannerArea01 {
	width: 1000px;
	margin: 0px auto;
}
	#bannerArea01 ul {
		padding: 0px 0px 50px 0px;
		margin: 0px -20px 0px 0px;
	}
		#bannerArea01 ul li {
			float: left;
			display: inline;
			width: 235px;
			height: 60px;
			margin: 0px 20px 15px 0px;
		}
		
		#bannerArea01 ul li.banner09 {
			padding: 0px 0px 0px 117px;
		}
		
#aboutKokoro {
	height: 97px;
	background: url(http://api.gc-service.info/stylebook/media/img/kokoro/aboutKokoroBg.png) no-repeat 0px 0px;
}
	#aboutKokoro p {
		padding: 20px 30px 0px 400px;
	}
	

#kNavi {}
	#kNavi ul {
		margin: 10px -17px 0px 0px;
	}
		#kNavi ul li {
			float: left;
			display: inline;
			margin: 15px 17px 0px 0px;
		}
			#kNavi ul li a {
				display: block;
				height: 128px;
			}
			
			#kNavi ul li.kNavi01 a {
				background: url(../img/common/mNavi01.png) no-repeat 0px 0px;
			}

			#kNavi ul li.mNavi02 a {
				width: 763px;
				height: 171px;
				background: url(../img/common/mNavi02.png) no-repeat 0px 0px;
			}
				
			#kNavi ul li.kNavi03 a {
				width: 220px;
				height: 171px;
				background: url(../img/common/mNavi03.png) no-repeat 0px 0px;
			}

#kokoroUl {}
	#kokoroUl ul {
		margin: 0px -2px 0px 1px;
	}
		#kokoroUl ul li {
			float: left;
			display: inline;
			width: 196px;
			margin: 25px 2px 0px 0px;
			background: #FFFFFF url(http://api.gc-service.info/stylebook/media/img/kokoro/kokoroEntryBg.jpg) repeat-x 0px bottom;
			border: 1px solid #00B0EE;
		}
			#kokoroUl ul li a {
				display: block;
				min-height: 180px;
				height: auto !important;
				height: 180px;
				margin: 0px;
			}
				#kokoroUl ul li a:hover {
					text-decoration: none;
				}
		
			#kokoroUl ul li .textArea {
				font-size: 13px;
				line-height: 22px;
				margin: 20px 8px 0px 8px;
				background: #FFFFFF;
				border: 1px solid #00B0EE;
				overflow: hidden;
				zoom: 1;
			}
				#kokoroUl ul li .textArea .no {
					float: left;
					display: block;
					width: 29px;
					text-align: center;
					color: #FFFFFF;
					background: #FB6A0D;
					border-right: 1px solid #00B0EE;
				}
				#kokoroUl ul li .textArea .title {
					float: left;
					color: #00B0EE;
					padding: 0px 8px;
				}
				#kokoroUl ul li .textArea .date {
					float: right;
					color: #00B0EE;
					padding: 0px 8px;
				}
		#kokoroUl ul li .imgArea {
			margin: 15px 0px 0px 0px;
			text-align: center;
		}
		
		#kokoroDetail {
			width: 850px;
			margin: 0px auto;
			padding: 0px 0px 30px 0px;
			background: #FFFFFF url(http://api.gc-service.info/stylebook/media/img/kokoro/kokoroEntryBg02.jpg) repeat-x 0px bottom;
			border: 1px solid #00B0EE;
		}
			#kokoroDetail .titleArea {
				font-size: 13px;
				background: #FFFFFF;
				border-bottom: 1px solid #00B0EE;
				overflow: hidden;
				zoom: 1;
			}
				#kokoroDetail .titleArea .no,
				#kokoroDetail .titleArea .title,
				#kokoroDetail .titleArea .date {
					font-size: 25px;
					font-weight: bold;
					height: 48px;
					line-height: 48px;
				}
				
				#kokoroDetail .titleArea .no {
					float: left;
					display: block;
					width: 50px;
					text-align: center;
					color: #FFFFFF;
					background: #FB6A0D;
					border-right: 1px solid #00B0EE;
				}
				#kokoroDetail .titleArea .title {
					float: left;
					color: #00B0EE;
					padding: 0px 8px;
				}
				#kokoroDetail .titleArea .date {
					float: right;
					color: #00B0EE;
					padding: 0px 8px;
				}
				#kokoroDetail .imgArea {
					margin: 15px 0px 0px 0px;
					text-align: center;
				}
					#kokoroDetail .imgArea table {
						width: 100%;
					}
					#kokoroDetail .imgArea table td {
						text-align: center;
						vertical-align: middle;
						padding: 10px;
					}
					#kokoroDetail .caption {
						font-size: 14px;
						font-weight: bold;
					}
					
				#kokoroDetail .textArea {
					font-size: 14px;
					padding: 0px 110px;
				}
				
.social {
	padding: 0px 0px 10px 0px;
}
	.social ul {
		float: right;
	}
		.social ul li {
			float: left;
			display: inline;
			padding: 0px 0px 0px 20px;
			}
			
.approvalTab {
}
	.approvalTab ul {
	}
		.approvalTab ul li {
			float: left;
			display: inline;
			width: 188px;
			margin: 0px 10px 0px 0px;
		}
		.approvalTab ul li a {
			display: block;
			height: 25px;
			text-indent: -99999px;
		}
			.approvalTab ul li.approvalTab01 a {
				background: url(http://api.gc-service.info/stylebook/media/img/approval/tab01.jpg) no-repeat 0px 0px;
			}
				.approvalTab ul li.approvalTab01 a:hover,
				.approvalTab ul li.approvalTab01 a.this {
					background: url(http://api.gc-service.info/stylebook/media/img/approval/tab01.jpg) no-repeat 0px -25px;
				}
			.approvalTab ul li.approvalTab02 a {
				background: url(http://api.gc-service.info/stylebook/media/img/approval/tab02.jpg) no-repeat 0px 0px;
			}
				.approvalTab ul li.approvalTab02 a:hover,
				.approvalTab ul li.approvalTab02 a.this {
					background: url(http://api.gc-service.info/stylebook/media/img/approval/tab02.jpg) no-repeat 0px -25px;
				}
			
			.approvalTabArea {
				padding: 0px 25px;
				border-top: 1px solid #00AEEB;
				border-bottom: 1px solid #00AEEB;
			}

.categoryFrame01 {
		padding: 15px 0px 0px 0px;
		background: url(../img/common/categoryFrame01Tp.png) no-repeat center top
}
	.categoryFrame01Wrap {
		padding: 0px 0px 15px 0px;
		background: url(../img/common/categoryFrame01Bt.png) no-repeat center bottom
	}
	.categoryFrame01Inner {
		padding: 10px 30px;
		background: url(../img/common/categoryFrame01Bg.png) repeat-y center 0px;
	}