@charset "UTF-8";

/* -----------------------------------------------
 *          style for Owner's Life Vol.1
 * ----------------------------------------------- */

/* =========== content title =========== */

#content-body h1 {
	margin-bottom: 2.33em;
}



/* =========== text styles =========== */ 

#content-body h2 {
	margin-top: -0.25em;
	margin-bottom: -0.3em;
	color: #cf121b;
	font-size: 117%;
	line-height: 1.44;
}

#content-body h3 {
	margin-top: -0.2em;
	margin-bottom: 0.5em;
	color: #cf121b;
	font-size: 117%;
	line-height: 1.44;
}

#content-body p {
	margin-top: -0.35em;
	margin-bottom: 2em;
	line-height: 1.7;
}

#content-body p,
#content-body div.image-block-A01 {
	color: #00567d;
}



/* ----- column title part (h2) ----- */

#content-body h2 span.volume-number,
#content-body h2 span.owner-name {
	color: #00567d;
}

#content-body h2 span.owner-name {
	font-size: 86%;
}

#content-body h2 em {
	display: block;
	margin-bottom: 0.25em;
}

#content-body h2 em span.quote-mark {
	display: none;
}



/* =========== section styles =========== */ 

/* ----- section-group ----- */

div.section-group {
	margin: 0;
	padding: 0;
}

/* ----- section-group-01 ----- */

#section-group-01 {
}


/* section-01 */

#section-01 {
	margin-bottom: 1em;
}

#section-01 div.float-left,
#section-01 div.float-right {
	width: 340px;
}


/* ----- section-group-02 ----- */

#section-group-02 {
	background: #c92f0d url(../img/index_bg_01.jpg) left bottom no-repeat;
}

/* section-02 */

#section-02 {
	margin-top: 3.33em;
}

#section-02 div.float-left {
	width: 193px;
	padding: 17px 13px 0 14px;
	color: white;
}

#section-02 div.float-left div {
	color: white;
}

#section-02 div.float-right {
	width: 460px;
	padding-left: 20px;
	padding-bottom: 3.33em;
	background: white;
}

#section-02 div.float-right div.image-block-A01 {
	margin-top: 3em;
}


/* section-03 */

#section-03 {
	margin-bottom: 0.83em;
}

#section-03 div.float-left {
	width: 193px;
	padding: 0 13px 149px 14px;
}

#section-03 div.float-left div {
	color: white;
}

#section-03 div.float-right {
	width: 460px;
	padding-left: 20px;
	background: white;
}

#section-03 div.float-right div.image-block-A01 {
	margin-top: 3em;
}



/* ----- section-group-03 ----- */

#section-group-03 {
	overflow: hidden;
	background: #ea4c0a url(../img/index_bg_02.jpg) right bottom no-repeat;
}


/* section-04 */

#section-04 {
}

#section-04 div.float-left {
	width: 460px;
	padding-top: 2.5em;
	padding-bottom: 1em;
	padding-right: 20px;
	background: white;
}

#section-04 div.float-right {
	width: 220px;
}


/* section-05 */

#section-05 {
	position: relative;
}

#section-05 div.float-left {
	width: 460px;
	padding-right: 20px;
	background: white;
}

#section-05 div.float-left p.pseudo-last-child {
	margin-bottom: -0.35em;
}

#section-05 div.float-right {
	width: 220px;
}


/* ----- section-06 ----- */

#section-06 {
	margin-top: 37px;
	margin-bottom: 45px;
}
#section-06 .date {
	margin:0;
	padding:0 0 3px 0;
	border-bottom: 1px solid #ccc;
	text-align:right;
	line-height: 1.4;
	font-size: 86%;
	color:#999;
}
#section-06 .notice {
	margin:0;
	padding:3px 0 0 0.7em;
	text-indent:-0.7em;
	line-height: 1.4;
	font-size: 86%;
	color:#999;
}

/* --- shop-information --- */

#shop-information {
	position: absolute;
	width: 193px;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 385px 13px 2.5em 14px;
}

#shop-information div.image-block-A01 {
	position: absolute;
	top: 0;
	left: 14px;
	color: white;
}

#shop-information div.image-block-A01 img {
	margin-bottom: 10px;
}

#shop-information h3,
#shop-information p,
#shop-information ul {
	margin: 0;
	padding: 0;
	color: white;
	line-height: 1.5em;
}