@charset "UTF-8";

/* **************************************
*Since: 2007-11-26
*Modified: 2007-11-30
           2008-11-10
           2008-11-12
************************************** */


/* info
---------------------------------------------------------------------------------------- */
#info{
	padding:16px 0px 0px 10px;
}


/* content
---------------------------------------------------------------------------------------- */
#content{
	background:url(../images/bg_content.gif) repeat-y top;
	width:770px;
	float:left;
}

/* mainContent
---------------------------------------------------------------------------------------- */
#mainContent{
	margin:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px;
	float:right;
}

#mainContent dl{
	width:165px;
	float:left;
	padding:10px 0px 5px 10px;
}

#mainContent dl dt {
	width:145px;
	height:13px;
	cursor:pointer;
	background:#3D2C05;
	color:#fff;
	line-height:1;
	padding:5px 10px;
	margin:0px 0px 2px 0px;
}

#mainContent dl dt.normal {
	background:#4F3906;
}

#mainContent dl dt.hover {
	background:#3D2C05;
}

#mainContent dl dd ul {
	margin:0px 0px 10px 0px;
}

#mainContent dl dd ul li {
	font-size:85%;
	line-height:1.1;
	padding:7px 0px 0px 10px;
	height:12px;
}

#mainContent dl dd ul li a{
	color:#fff;
	height:12px;
}

#mainContent dl dd ul li.focus a{
	text-decoration:underline;
}

#mainContent ul li a:hover{
	display:block;
	color:#fff;
}



/* loNavi
---------------------------------------------------------------------------------------- */
#loNavi{
	position:relative;
}

#loNavi dl dd ul li.loNavi01{
	background:url(../images/lonavi01_hover.gif) no-repeat;
}

#loNavi dl dd ul li.loNavi02{
	background:url(../images/lonavi02_hover.gif) no-repeat;
}

#loNavi dl dd ul li.loNavi03{
	background:url(../images/lonavi05_hover.gif) no-repeat;
	position:absolute;
	bottom:0px;
	left:0px;
}



/* plan
---------------------------------------------------------------------------------------- */
#mainContent div.sakura {
	float:right;
	width:455px;
	background:#fff;
	margin:10px 10px 10px 0px !important;
	margin:10px 5px 10px 0px;
}

#mainContent div.inner {
	padding:10px 10px 10px 10px !important;
	padding:10px 10px 0px 10px;
}

*:first-child+html #mainContent div.inner {
	padding:10px 10px 0px 10px !important;
}

#mainContent div.imagewrap {
	margin:-10px -10px -10px -10px !important;
	margin:-10px -10px -18px -10px;
}

*:first-child+html #mainContent div.imagewrap {
	margin:-10px -10px -18px -10px !important;
}

#mainContent div.sakura p{
	margin:0px 0px 10px 0px;
	clear:both;
}

#mainContent div.sakura p.image{
	clear:both;
}

#mainContent div.sakura h1{
	text-align:center;
	margin:0px 0px 20px 0px;
	font-size:140%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#mainContent div.sakura h2.border{
	font-size:120%;
	margin:20px 0px 15px 0px;
	border-bottom:1px dotted #ccc;
}

#mainContent div.sakura h2.gray{
	font-size:120%;
	margin:20px 0px 15px 0px;
	padding:2px 5px;
	background:#3f3f3f;
	color:#fff;
}

#mainContent div.sakura h3.gray{
	margin:10px 0px;
	padding:2px 5px;
	background:#3f3f3f;
	float:left;
	color:#fff;
}

#mainContent div.sakura h2.safro{
	font-size:120%;
	margin:20px 0px 10px 0px;
	padding:5px 0px 5px 25px;
	background:url(../images/ico_safro.gif) no-repeat left;
}

#mainContent div.sakura h2.mens{
	font-size:120%;
	margin:20px 0px 10px 0px;
	padding:5px 0px 5px 25px;
	background:url(../images/ico_mens.gif) no-repeat left;
}

#mainContent div.sakura h2.ladys{
	font-size:120%;
	margin:20px 0px 10px 0px;
	padding:5px 0px 5px 25px;
	background:url(../images/ico_ladys.gif) no-repeat left;
}

#mainContent div.sakura span{
	color:#b70a36;
}

#mainContent div.sakura del{
	color:#b70a36;
}