@charset "UTF-8";

/*============================================================
共通
============================================================*/
/*ヘッダー*/
#headerWrapper h1{
	width:157px;
	height:81px;
	background:url(../images/logo.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
}
#headerWrapper {
	height:166px;
	background:url(../images/header_bg_repeat.png) 0 0 repeat-x;
	position: relative;
	top: 0;
	z-index: 2;
}
#header {
	width:1228px;
	height:156px;
	margin:0 auto;
	background:url(../images/header_bg.png) center top no-repeat;
	position:relative;
}
#header h1 {
	text-align:center;
}
#header ul {
    width: 710px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#header li {
	float:left;
}
/*コンテンツ*/
#contents {
	background:url(../images/contents_bg.png) 0 top repeat-x;
	position: relative;
	top: -10px;
	z-index: 1;
}
#contentsBlock {
	width:1140px;
	margin:0 auto;
}
#contentsBlock h2 {
	text-align:center;
}
#contentsInr {
	width:960px;
	margin:0 auto;
}
#contentsInr h3 {
	background:url(../images/line_ttl.png) 0 bottom no-repeat;
	padding-bottom:5px;
	margin-bottom:20px;
}
#pageTop {
	text-align:center;
	margin:25px 0;
}
/*フッター*/
#footerWrapper {
	background-color:#fcfcfc;
	border-top:1px #d7d3d0 solid;
}
#footer {
	background:url(../images/footer_bg.png) right top no-repeat;
	width:1023px;
	height:260px;
	margin:0 auto;
}
#footer li {
	float:left;
	padding-right:32px;
}
#footer li#map {
	margin-top:14px;
}
#footer li#address {
	margin-top:57px;
}
#copyrightWrapper {
	background:url(../images/copyright_bg.png) 0 0 repeat-x;
}
#copyright {
	text-align:center;
}
.kaigai {
    position: absolute;
    right: 8em;
    top: 2em;
    width: 200px;
}
.kaigai img {
	width: 100%; 
}
/*============================================================
TOP
============================================================*/
#news {
	width:960px;
}
#news dl {
	background:url(../images/dotto_list.png) 0 bottom no-repeat;
	padding:10px 0;
}
#news dt {
	width:115px;
	float:left;
	color:#655648;
}
#news dd {
	width:845px;
	float:right;
	color:#655648;
}

img.kv {
	width: 100%;
}

.coupon {
	font-weight: bold; 
	font-size: 1.2em; 
	margin-bottom:1rem; 
	margin-top: 1.5rem;
}

#priceListBlock {
	border: #999 solid 1px;
	padding:47px 42px 20px 42px;
}
#priceList {
	padding:0 ;
}
#priceList h3 {
	text-align:center;
	background:none;
}
#priceList li {
	margin-bottom:30px;
}
#priceList li h4 {
	background:url(../images/line_price.png) 0 bottom no-repeat;
	padding-bottom:5px;
	margin-bottom:20px;
}
#priceListA,
#priceListB,
#priceListC {
	width:100%;
	float:left;
}
#priceListA li>dl {
	width:210px;
	float:left;
	/*background:url(../images/dotto_price.png) 0 bottom no-repeat;*/
	margin-bottom:8px;
	padding-bottom:5px;
	margin-right: 50px;
}
#priceListA li>dl:last-child {
	margin-right: 0px;
	border-bottom:none;
}
#priceListA li dt p {
	font-size:75%;
	font-weight: bold;
}

#priceListB li>dl:first-child {
	width:100%;
	float:left;
	/*background:url(../images/dotto_price.png) 0 bottom no-repeat;*/
	margin-bottom:8px;
	padding-bottom:5px;
	padding-right: 300px;
}

#priceListB li>dl,
#priceListC li>dl {
	width:40%;
	float:left;
	/*background:url(../images/dotto_price.png) 0 bottom no-repeat;*/
	margin-bottom:8px;
	padding-bottom:5px;
	margin-right: 36px;
}
#priceListB li dt,
#priceListC li dt {
	float:left;
}
#priceListB li dd,
#priceListC li dd {
	float:left;
	margin-left:50px;
}

#priceListA,
#priceListB,
#priceListC {
	background:url(../images/dotto_price2.png) 0 bottom repeat-x;
	margin-bottom:24px;
}

#priceListL {
	width:345px;
	float:left;
}
#priceListL li>dl,
#priceListR li>dl {
	background:url(../images/dotto_price.png) 0 bottom no-repeat;
	margin-bottom:7px;
	padding-bottom:5px;
}
#priceListL li>dl:last-child,
#priceListR li>dl:last-child {
	border-bottom:none;
}
#priceListL li dt,
#priceListA li dt {
	float:left;
}
#priceListL li dd,
#priceListR li dd,
#priceListA li dd {
	float:right;
}
#priceListR {
	width:345px;
	float:right;
}
/*
#priceListR li>dl {
	background:url(../images/dotto_price.png) 0 bottom no-repeat;
	margin-bottom:7px;
	padding-bottom:5px;
}
#priceListR li>dl:last-child {
	border-bottom:none;
}
*/
#priceListR li dt {
	float:left;
}
/*
#priceListR li dd {
	float:right;
}
*/
.pricePlusMenu {
	border:#bcb3ab solid 1px;
	padding:15px;
	margin:15px 0 0 0;
}
.pricePlusMenu dl {
	margin-bottom:7px;
}
.pricePlusMenu dl:last-child {
	margin-bottom:0;
}

#introduction {
	text-align:center;
	margin-bottom:80px;
}
#introduction img {
	margin-bottom:15px;
}
#introduction p {
	margin-bottom:15px;
}
/*============================================================
other
============================================================*/
.red14 {
	font-size:14px;
	color:#a40000;
}
.text10 {
	font-size:10px;
	margin-bottom:20px;
}

.content-wrapper {
	width: 1056px;
	height: auto;
	margin: 0 auto;
}
.content {
	width: 1056px;
/*	float: left;*/
}
/*
.side {
	width: 210px;
	float: right;
}
*/
.centerise {
	text-align: center;
}
.space-top01 {
	margin: 65px auto;
	text-align: center;
}
.space-top02 {
	margin-top: 30px;
}
.space-top03 {
	margin-top: 20px;
}
.clear {
	clear: both;
}
.information-box {
	padding: 0 50px 60px 50px;
}
.rssHeader {
	display: none;
}
.rssRow p {
	margin-bottom: 10px;
}
.rssRow {
	border-bottom: dotted 1px #000000;
	margin-bottom: 10px;
}
.taiken-square {
	overflow: auto;
	width: 744px;
	margin: 16px 0 0 0;
}
.taiken-interview {
	width: 504px;
	float: left;
}
.taiken-images {
	width: 240px;
	float: left;
}
.taiken-images img {
	float: right;
}
#kuchikomi {
	margin: 26px 0 0 0;
}
.mb48 {
	margin-bottom: 48px;
}

#concept {
/*	padding: 20px 20px 80px 20px;*/
	max-width: 744px;
	margin: auto;
}
#concept h2 {
	text-align: center;
}
#concept .mainImg {
	text-align: center;
}
#concept .message {
	padding: 40px 0 0 0;
	text-align: center;
}

/*============================================================
style
============================================================*/
#style {
/*	padding: 20px 20px 80px 20px;*/
	max-width: 744px;
	margin: auto;
}
#style h2 {
	text-align: center;
}
#style .mainImg {
	text-align: center;
}
#style .styleBox{
	margin:24px 0 40px;
	clear:both;
}
#style .styleBox .styleBoxL{
	float:left;
	width:362px;
}
#style .styleBox .styleBoxR{
	float:right;
	width:362px;
    margin-top: 43px; /* 170915 style.html 用に追記 */
}

/*============================================================
flow
============================================================*/
#flow {
/*	padding: 20px 20px 80px 20px;*/
	max-width: 744px;
	margin: auto;
}
#flow h3{
	padding:16px 0;
}
#flow .flowBlock{
	margin-bottom:32px;
}
#flow .flowBoxL{
	float:left;
	width:526px;
}
#flow .flowBoxR{
	float:right;
	width:200px;
}
#flow .flowBlock02{
	padding:16px 0;
	border-bottom:#010101 1px dotted;
}
#flow .flowBoxR02{
	float:right;
	width:200px;
}
#flow .flowBlock03{
	padding:16px 0 0;
}
/*============================================================
voice
============================================================*/
#voice {
/*	padding: 20px 20px 80px 20px;*/
	max-width: 744px;
	margin: auto;
}
#voice .faqBox{
	margin:24px 0;
}
#voice .faqBox dt{
	border-bottom: #0D0B09 1px solid;
	clear: both;
	background: url("../images/voice_q.png") no-repeat;
	padding: 0 0 0 100px;
	margin: 0 0 20px 0;
}
#voice .faqBox .faqLine{
	padding-bottom:8px;
	border-bottom:#0d0b09 1px solid;
}
#voice .faqBox dd{
	float:right;
	background: url("../images/voice_a.png") no-repeat;
	padding: 0 0 40px 100px;
	width: 86%;
}

@media screen and (max-width:700px) {
	body div {
    width: 100% !important;
}
	#priceListBlock {
     padding: 0px; 
}
	#priceList {
    padding: 0;
    margin: 3em;
    width: 90% !important;
}
	#priceListL, #priceListR {
     width: auto; 
     float: none; 
}
}