@charset "shift_jis";

/* sub
----------------------------------------------------*/

/* ‹¤’Ê */
.section {
	width: 920px;
	margin: 0 auto 80px;
}
.section .inner {
	width: 880px;
	margin: 0 auto;
}
h2 {
	width:910px;
	height: 173px;
	margin-bottom: 35px;
	margin-top: 30px;
	padding-left: 50px;
	padding-top: 30px;
	line-height: 1.4em;
}
h2 img {
	display: block;
	margin-bottom: 13px;
}
h2 span {
	color: #b21a2a;
	font-weight: bold;
}
h3 {
	margin-bottom: 30px;
}
h4 {
	margin-bottom: 20px;
}


/* about
----------------------------------------------------*/
.about h2 {
	background :url(/brand/shijirakku/img/about_title_img.png) no-repeat;
}
.about .case .example {
	width: 880px;
	margin: 0 auto 35px;
}
.about .case .example li {
	float: left;
}
.about .case .example + p {
	text-align: center;
}
.about .case .btn {
	width: 860px;
	margin: 20px auto 0;
}
.about .case .btn li{
	margin: 0 10px;
	float: left;
}
.about .reason .reason {
	margin: 0 0 30px;
}
.about .reason .reason ul {
	margin: 10px 0;
}
.about .reason .reason ul li {
	background: url(/brand/shijirakku/img/contents_list_bg.gif) left 4px no-repeat;
	padding-left: 20px;
	font-weight: bold;
}
.about .reason .reason span {
	font-size: 12px;
	color: #666;
}
.about .reason .mechanism ul {
	background: url(/brand/shijirakku/img/about_point_number.gif) left top no-repeat;
	float: left;
	padding: 5px 0 0 40px;
	margin: 0 0 35px;
	font-weight: bold;
}
.about .reason .mechanism ul li:first-child + li {
	margin: 50px 0;
}
.about .reason .mechanism ul + p {
	float: right;
}
.about .reason .mechanism dl.point {
	background: url(/brand/shijirakku/img/about_point_qa.jpg) 0 0 no-repeat;
	height: 151px;
	margin: 0 0 40px -4px;
	padding: 75px 0 0 43px;
	position: relative;
}
.about .reason .mechanism dl.point dt {
	margin: 0 0 15px;	
}
.about .reason .mechanism dl.point dd.lastChild {
	position: absolute;
	top: 24px;
	right: 45px;
}
.about .reason .effect p.pkg {
	float:left;
	margin: 15px 25px 0 0px;
}
.about .reason .effect div {
	float: left;
	background: url(/brand/shijirakku/img/about_qa_img.jpg) no-repeat right 75px;
	width: 590px;
	padding: 15px 0 65px 0;
}
.about .reason .effect div p {
	margin: 0 0 48px;
}
.about .reason .effect div dl dt {
	float: left;
	margin: -16px 26px 0 0;
}
.about .reason .effect div dl dd {
	margin: 0 0 10px 145px;
	background: url(/brand/shijirakku/img/contents_list_bg.gif) left 4px no-repeat;
	padding-left: 23px;
	font-weight: bold;
}
.about .reason .effect div + p {
	text-align: center;
}


/* effect
----------------------------------------------------*/
.effect h2 {
	background: url(/brand/shijirakku/img/effect_title_img.png) no-repeat;
}
.effect .basicInfo .result {
	margin: 0 0 40px;
}
.effect .basicInfo .usage {
	margin: 0 0 40px;
}
.effect .basicInfo .usage h4 + p {
	margin: 0 0 20px;
}
.effect .basicInfo .usage div {
	float: left;
	width: 480px;
}
.effect .basicInfo .usage p.chart {
	float: left;
	margin: 0 50px 0 0;
}
.effect .basicInfo .usage dl {
	margin: 0 0 20px;
}
.effect .basicInfo .usage dl dt {
	font-weight: bold;
	margin: 0 0 6px;
}
.effect .basicInfo .usage dl dd {
	text-indent: -1.8em;
	padding-left: 28px;
	margin: 0 0 5px;
}
.effect .basicInfo .usage ul li {
	background: url(/brand/shijirakku/img/contents_list_bg.gif) left 4px no-repeat;
	padding-left: 20px;
}
.effect .basicInfo .element {
	margin: 0 0 40px;
}
.effect .basicInfo .element h4 + p {
	margin: 0 0 20px;
}
.effect .basicInfo .element dl {
	margin: 0 0 20px;
}
.effect .basicInfo .element dl dt {
	font-weight: bold;
	margin: 0 0 6px;
}
.effect .basicInfo .element dl dd {
	line-height: 1.8em;
	padding: 0 0 0 16px;
}
.effect .basicInfo .element ul li {
	background: url(/brand/shijirakku/img/contents_list_bg.gif) left 4px no-repeat;
	padding-left: 20px;
}
.effect .basicInfo .attention h4 + ul {
	margin: 0 0 30px;
}
.effect .basicInfo .attention h4 + ul li {
	margin: 0 0 5px;
}
.effect .basicInfo .attention  ul.btn {
	text-align: center;
}
.effect .basicInfo .attention  ul.btn li {
	display: inline-block;
	margin: 0 12px;
	vertical-align: top;	
}
.effect .secret p.lead {
	margin: 0 0 15px;
}
.effect .secret p.lead span {
	color: #b21a2a;
	font-weight: bold;
}
.effect .secret p.lead + div {
	height: 376px;
	position: relative;
	margin: 0 0 20px;
}
.effect .secret p.lead + div p {
	position: absolute;
	top: 122px;
	right: 83px;
}
.effect .secret p.lead + div p:first-child {
	top: 0;
	left: 0;
}
.effect .secret dl {
	background: url(/brand/shijirakku/img/effect_point_qa.jpg) no-repeat;
	height: 362px;
}
.effect .secret dl dt {
	padding: 22px 0 32px 144px;
}
.effect .secret dl dd {
	padding: 0px 0 15px 60px;
}
.effect .secret dl dd.lastChild {
	padding-left: 116px;
}
.effect .secret dl dd span {
	color: #b21a2a;
	font-weight: bold;
}
.effect .feature h4 + dl dt {
	font-weight: bold;
	margin: 0 0 18px;
	font-size: 18px;
}
.effect .feature h4 + dl dd {
	margin: 0 0 30px;
}
.effect .feature h4 + dl dd span {
	color: #b21a2a;
	font-weight: bold;
}
.effect .feature .formality h4 + p {
	margin: 0 0 30px;
}
.effect .feature .formality dl.point1 {
	background: url(/brand/shijirakku/img/effect_point_qa2.jpg) no-repeat;
	height: 1002px;
}
.effect .feature .formality dl.point2 {
	background: url(/brand/shijirakku/img/effect_point_qa3.jpg) no-repeat;
	height: 770px;
}
.effect .feature .formality dl {
	margin: 0 0 30px;
}
.effect .feature .formality dl dt {
	padding: 19px 0 30px 165px;
}
.effect .feature .formality dl dd {
	padding: 0 0 72px 134px;
}
.effect .feature .formality dl dd span {
	display: block;
	font-size: 14px;
	text-align: right;
	padding: 27px 129px 0 0;
}
.effect .feature .formality dl dd.txt {
	padding: 0 48px 60px 46px;
}
.effect .voice div.txt {
	float: left;
	width: 645px;
	margin: 0 46px 0 0;
}
.effect .voice div.txt p {
	margin: 0 0 25px;
}
.effect .voice div.txt p.lastChild {
	margin-bottom: 0;
}
.effect .voice dl {
	float: left;
}
.effect .voice dl dt {
	margin: 0 0 10px;
}
.effect .voice dl dd {
	font-size: 13px;
}
.effect .voice dl dd span {
	font-weight: bold;
	font-size: 15px;
	line-height: 2em;
}
.effect .think div.txt {
	width: 510px;
	float: left;
	margin: 0 0 30px;
}
.effect .think div.txt p {
	margin: 0 0 20px;
}
.effect .think div.txt dl {
	margin: 0 0 20px;
}
.effect .think div.txt dl dt {
	font-weight: bold;
}
.effect .think div.txt ul {
	height: 82px;
	background: url(/brand/shijirakku/img/trouble_text_bg.jpg) no-repeat;
	font-size: 20px;
	color: #b21a2a;
	font-weight: bold;
	padding: 15px 0 0 23px;
	margin: 0 0 20px;
}
.effect .think div.txt ul li {
	background: url(/brand/shijirakku/img/effect_icon_check.gif) left 2px no-repeat;
	padding: 0 0 0 35px;
	margin: 0 0 8px;
}
.effect .think div.image {
	float: right;
}
.effect .think div.image p {
	margin: 0 0 20px;
}
.effect .think div.image + p {
	text-align: center;
	clear: both;
}
.effect .think div.image ul {
	text-align: center;
}
.effect .think div.image ul li {
	margin: 0 10px;
	display: inline;
}


/* voice
----------------------------------------------------*/
.voice h2 {
	background:url(/brand/shijirakku/img/voice_title_img.png) no-repeat;
	line-height: 2.7em;
}
.voice .rate p {
	text-align: right;
	font-size: 13px;
	margin-right: 22px;
}
.voice .rate ul li {
	float: left;
}
.voice .reality h3 + p {
	text-align: right;
	margin: 0 22px 15px;
	font-size: 13px;
}
.voice .reality .qa {
	background: url(/brand/shijirakku/img/voice_point_bg.gif) no-repeat;
	height: 360px;
	margin: 0 0 40px;
}
.voice .reality .qa h4 {
	padding: 18px 0 0 25px;
	margin: 0 0 35px 0;
}
.voice .reality .qa p {
	float: left;
	padding: 0 0 0 24px;
}
.voice .reality .qa dl {
	float: right;
	width: 378px;
	margin: 8px 30px 0 0;
}
.voice .reality .qa dl dt {
	margin: 0 0 28px;
}
.voice .reality .qa + p {
	text-align: center;
}
.voice .answer h3 + p {
	text-align: right;
	margin: 0 22px 15px;
	font-size: 13px;
}
.voice .answer .pleasure {
	position: relative;
}
.voice .answer .pleasure p {
	float: left;
}
.voice .answer .pleasure dl {
	background: url(/brand/shijirakku/img/voice_qr_img04.png) no-repeat;
	width: 460px;
	height: 345px;
	position: absolute;
	top: 348px;
	right: 0;
}
.voice .answer .pleasure dl dt {
	padding: 44px 0 22px 34px;
	color: #fff;
}
.voice .answer .pleasure dl dd {
	padding: 0 53px 0 64px;
}
.voice .answer .pleasure dl dd span {
	color: #b21a2a;
	font-weight: bold;
}
.voice .answer p.btn {
	text-align: center;
}


/* check
----------------------------------------------------*/
.check h2 {
	background:url(/brand/shijirakku/img/check_title_img.png) no-repeat;
	line-height: 2.7em;
}
.check h2 img {
	margin-top: 19px;
}
.check.negative h2 img,
.check.positive h2 img {
	margin-top: 0;
}
.check p.ttl {
	position: absolute;
	margin-left: 70px;
}
.check p.pen {
	position: absolute;
	margin-left: 520px;
	margin-top: 450px;
}
.check p.checkBtn {
	width: 542px;
	margin: 40px auto 70px;
}
.check .board {
	background: url(/brand/shijirakku/img/check_board_bg.png) no-repeat;
	width: 640px;
	height: 810px;
	margin: 0 auto;
	padding-left: 60px;
	padding-top: 100px;
}
.check .board ul {
	margin-top: 90px;
}
.check.negative dl {
	background: url(/brand/shijirakku/img/check_result_bg1.png) no-repeat;
	width: 880px;
	height: 385px;
	margin: 0 auto;
	padding-top: 85px;
}
.check.positive dl {
	background: url(/brand/shijirakku/img/check_result_bg2.png) no-repeat;
	width: 880px;
	height: 385px;
	margin: 0 auto;
	padding-top: 85px;
}
.check.negative .section,
.check.positive .section {
	margin-bottom: 25px;
}
.check.negative dl dt,
.check.positive dl dt {
	position: absolute;
	margin-left: 60px;
}
.check.negative dl dd,
.check.positive dl dd {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 190px;
}
.check.negative ul {
	width: 926px;
	margin: 40px auto 70px;
}
.check.positive ul {
	text-align: center;
	width: 956px;
	margin: 40px auto 70px;
}
.check.negative ul li,
.check.positive ul li {
	display: inline-block;
	margin: 0 0 23px;
}
.check.negative ul li:first-child,
.check.positive ul li:first-child {
	margin-right: 10px;
}


/* tvcm
----------------------------------------------------*/
.tvcm h2 {
	background:url(/brand/shijirakku/img/tv_title_img.png) no-repeat;
}
.tvcm h2 img {
	margin-top: 46px;
}
.tvcm #movie {
	width:641px;
	margin:30px auto;
}
.tvcm #movie .lead {
	border-bottom: 1px solid #bf1b2d;
	color: #bf1b2d;
	font-size: 28px;
	line-height: 1;
	margin: 0 auto 15px;
	padding: 0 0 10px;
	text-align: center;
}
.tvcm #movie .thumb {
	width: 640px;
	margin: 0 auto;
	position: relative;
}
.tvcm #movie .thumb .btn-arrow-movie {
	position: absolute;
	display: block;
	top: 120px;
	left: 160px;
	width: 320px;
	height: 240px;
	background: url(/brand/shijirakku/img/btn-arrow-movie_off.png) no-repeat 0 0;
}
.tvcm #movie .thumb a .btn-arrow-movie:hover {
	background: url(/brand/shijirakku/img/btn-arrow-movie_on.png) no-repeat 0 0;
}
.tvcm p.btn {
	text-align: center;
	margin: 0 0 70px;
}