﻿@charset "utf-8";

/* common */
#contents #contents-inner {
	margin-bottom: 50px;
}
.assist-block .flavor-block h2 {
	margin-bottom: 5px;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.5;
	color: #ff3366;
	background: none;
}
.assist-block .flavor-block h2 strong {
	font-size: 133.3%;
}
#left-navi .ct-navi a {
	background: url(../images/snavi_casestudy.gif) 0 0 no-repeat;
}
#left-navi .ct-navi .head a {
	background-position: 0 0;
}
#left-navi .ct-navi .head a:hover {
	background-position: right 0;
}
#left-navi .ct-navi ul li.case01 a {
	background-position: -1px -40px;
}
#left-navi .ct-navi ul li.case01 a:hover,
#left-navi .ct-navi ul li.case01 a.current {
	background-position: -181px -40px;
}
#left-navi .ct-navi ul li.case02 a {
	height: 49px;
	background-position: -1px -80px;
}
#left-navi .ct-navi ul li.case02 a:hover,
#left-navi .ct-navi ul li.case02 a.current {
	background-position: -181px -80px;
}
#left-navi .ct-navi ul li.case03 a {
	background-position: -1px -130px;
}
#left-navi .ct-navi ul li.case03 a:hover,
#left-navi .ct-navi ul li.case03 a.current {
	background-position: -181px -130px;
}
#left-navi .ct-navi ul li.case04 a {
	background-position: -1px -170px;
}
#left-navi .ct-navi ul li.case04 a:hover,
#left-navi .ct-navi ul li.case04 a.current {
	background-position: -181px -170px;
}


/* index */
.main-area-index .mainimage {
	margin-bottom: 30px;
	height: 208px;
	background: url(http://www.sakura.ad.jp/casestudy/images/img_index-mainimage.jpg) left top no-repeat;
	overflow: hidden;
}
.main-area-index .mainimage p {
	text-indent: -999em;
}
.main-area-index h2 {
	margin-bottom: 15px;
}
.main-area-index .section-block {
	margin-bottom: 18px;
}
.main-area-index .txt-block {
}
.main-area-index .txt-block .left {
	width: 200px;
}
.main-area-index .txt-block .right {
	width: 520px;
}
.main-area-index .txt-block p {
	margin-bottom: 8px;
}
.main-area-index .txt-block p.case {
	margin-bottom: 18px;
}
.main-area-index .txt-block p.catch {
	font-size: 133.3%;
	font-weight: bold;
}
.main-area-index .txt-block p.link {
	margin-bottom: 0;
}

/* detail */
.main-area-detail p.case {
	margin-bottom: 8px;
}
.main-area-detail .lead-block {
	margin-bottom: 25px;
}
.main-area-detail .lead-block .left {
	width: 200px;
}
.main-area-detail .lead-block .right {
	width: 520px;
}
.main-area-detail .section-block {
	margin-bottom: 25px;
}
.main-area-detail #contents {
}
.main-area-detail #contents .txt-block {
	/* margin-bottom: 25px; */
}
.main-area-detail #contents .left.text {
	width: 520px;
}
.main-area-detail #contents .right.img {
	width: 200px;
	font-size: 83.3%;
}
.main-area-detail #contents .text {
	margin-bottom: -15px;
	overflow: hidden;
}
.main-area-detail #contents .text p {
	margin-bottom: 15px;
}
.main-area-detail #contents .figure {
	margin-bottom: 15px;
	text-align: center;
}
.main-area-detail #contents .figure p {
	padding-top: 5px;
}
.main-area-detail #contents .mid {
	padding-bottom: 15px;
}
.main-area-detail #profile {
}
.main-area-detail #profile h2.bgheader {
	margin-bottom: 20px;
}
.main-area-detail #profile .tbl-block {
	padding-bottom: 0;
}
.main-area-detail #profile .tbl-block table tr th,
.main-area-detail #profile .tbl-block table tr td {
	font-size: 100%;
	text-align: left;
}
.main-area-detail #profile .tbl-block table {
	border-top: 1px solid #cccccc;
}
.main-area-detail #profile .tbl-block table tr th {
	font-weight: bold;
}
.main-area-detail #charge {
}
.main-area-detail #charge .charge-block .left {
	width: 120px;
}
.main-area-detail #charge .charge-block .right {
	width: 600px;
}
.main-area-detail #charge .charge-block .comment {
	font-size: 116.6%;
	font-weight: bold;
	margin-bottom: 8px;
}
.main-area-detail #charge .charge-block p {
	margin-bottom: 16px;
}