@charset "utf-8";

/* ------------------------------------------- */



/* 共通要素

	

/* ------------------------------------------- */
#wrapper.fixed{
	position:fixed !important;
}

#wrapper.blur{
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

.Gray {

	background: -moz-linear-gradient(bottom, #E0E0E0, #fff);

	background: -webkit-gradient(linear, center bottom, center top, from(#F0F0F0), to(#fff));

	border: 1px #D8D8D8 solid;

}

.Green {

	background: -moz-linear-gradient(bottom, #268E02, #5EAB43);

	background: -webkit-gradient(linear, center bottom, center top, from(#268E02), to(#5EAB43));

	border: 1px solid #4FA133;

	color: #ffffff;

}

.Pink {

	background: -moz-linear-gradient(bottom, #E63C66, #EA577B);

	background: -webkit-gradient(linear, center bottom, center top, from(#E63C66), to(#EA577B));

}





.alnC { text-align: center !important; display:block; }

.alnC input { text-align: center !important; display:block; }



/* ------------------------------------------- */

/* レイアウト

/* ------------------------------------------- */





footer {
	padding: 12px 0px;
	font-size: 11px;
}

footer:after {

	content: '';

	display:block;

	clear: both;

}

footer dl, footer p {

	float: left;

	clear: left;

	margin: 0;

	padding: 0;

}

footer div {

	float: right;

}



/* ------------------------------------------- */

/* 表示方法選択

/* ------------------------------------------- */



footer .Displaymethod {
    float: none;
    padding: 1em 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}
footer .Displaymethod:after {
    content: '';
    display:block;
    clear: both;
    visibility: hidden;
}
footer .Displaymethod img {
    height: 14px;
}
footer .Displaymethod a{
    color: #009966;
    text-decoration: none;
}



/* linkList */
footer .linkList{
    width: 310px;
    margin: 0 auto 20px;
}
footer .linkList:after{
    content: "";
    clear:both;
    display: block;
    visibility: hidden;
}
footer .linkList li {
    list-style: none;
    float: left;
    background: url("../../img/ico_right.gif") no-repeat left center;
    background-size: auto 7px;
    padding: 2px 0 2px 8px;
    margin-right: 10px;
    min-width: 124px;
}
footer .linkList li a {
    text-decoration: none;
    color: #666;
}
footer .privacy{
    text-align: center;
    float: none;
    padding: -bottom: 7px;
}
footer .privacy img{
    width: 310px;
    display: block;
    margin: 0 auto 20px;
}
footer .aeon{
    text-align: center;
    float: none;
    margin-bottom: 7px;
    border-top: 1px solid #cccccc;
}
footer .aeon img:nth-child(1){
    width:135px !important;
}
footer .aeon img:nth-child(2){
    width:185px !important;
}
footer .aeon img:nth-child(3){
	display:block;
	margin:0 auto;
    width:320px !important;
}
footer .copyright{
    background: #161616;
    color: #FFFFFF;
    text-align: center;
    float: none;
    padding: 10px 0;
}


/* gapetop */



.gapetop {

	font-size: 11px;

	text-align: right;

	padding: 1.5em 1em 2em;

	position: relative;

}

.gapetop:after {

	content: '';

	display:block;

	clear: both;

}

.gapetop img {

	vertical-align: bottom;

}

.gapetop p {

	position: absolute;

	left: 8px;

	top: 0px;

	padding: 0.6em 0 0 0;

}





/* BigInfoArea */



.BigInfoArea {

	text-align: center;

	width: 320px;

	margin: 0px auto;

	overflow: hidden;

}

.BigInfoArea:after {

	content: '';

	display:block;

	clear: both;

}

.BigInfoArea dl {

	width: 156px;

	float: left;

	margin: 4px 1px;

}

.BigInfoArea dt {

	background: -moz-linear-gradient(bottom, #268E02, #5EAB43);

	background: -webkit-gradient(linear, center bottom, center top, from(#268E02), to(#5EAB43));

	border: 1px solid #4FA133;

	margin: 4px;

	text-align: center;

}

.BigInfoArea dt a {

	background: url(../img/common/btn_arow02.png) no-repeat 92% center;

	padding: 13px 30px 11px 30px;

	display: block;

	color: #ffffff;

}

.BigInfoArea dd {

	font-size: 12px;

}



.BigInfoArea .btn {

	-webkit-box-shadow: 0 3px 0 #F3F3F3, 0 -3px 0 #F3F3F3, 3px 0 0 #F3F3F3, -3px 0 0 #F3F3F3;

	padding: 0px;

	border-radius: 5px;

	-moz-border-radius: 5px;    /* Firefox */

	-webkit-box-shadow: 0px 0px 3px 0px #CCC; /* Safari, Chrome用 */

	-moz-box-shadow: 0px 0px 3px 0px #CCC; /* Firefox用 */

	box-shadow: 0px 0px 3px 0px #CCC;

}

.BigInfoArea .btn a {

	font-weight: bold;

	text-decoration: none;

	font-size: 15px;

}



/* AicompusBanner */

.AicompusBanner {

	text-align: center;

	padding-top: 1em;

	padding-bottom: 1em;

}

/* Banner */

.BannerArea {

	text-align: center;

	padding-top: 1em;

	padding-bottom: 1em;

}



/* 年末年始の休業のご案内*/

.shinsyun {

	text-align: center;

	margin: 1em 8px 0 8px;

}

.shinsyun a {

	display: block;

	text-align: center;

	padding: 15px 12px;

	color:#E63B65;

	border: 1px #E63B65 solid;

	text-decoration:none;

}



/* AicompusBanner */



#top .logo {

	float: left;

	padding: 0.4em 0 1em 1em;

}

#top .logo p {

	font-size: 9px;

	padding-bottom:5px;

}

#top .logo h1 {

	padding-left: 6px;

}
#top .logo h1 img{
    height: 48px;
}

#top .TelBox {

	float: right;

}

#top {

	overflow: hidden;

}

#top .TelBox p {

	display: block;

	text-align: right;

	padding: 0px 6px 0px 6px;

}

#top .TelBox ul {

	margin-top:6px;

	margin-left: 5px;

	list-style: none;

}

#top .TelBox li {

	float: left;

}

#top .TelBox ul:after {

 content: '';

 display: block;

 clear: both;

}



/* ------------------------------------------- */

/* タイトルデザイン　h2

/* ------------------------------------------- */



h2 {

	margin: 0px;

	padding: 0px 0px 0px 15px;

	height: 52px;

	line-height: 52px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	background: #E63C66;

	font-size: 16px;

}

#img{

	margin: 0px;

	padding: 8px 0px 0px 15px;

	height: 72px;

	line-height: 72px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	background: #E63C66;

	font-size: 16px;

}



/* サブ共通　ListType 01リスト */



.ListType01 ul {

	list-style: none;

	border-bottom: 1px solid #d8d8d8;

}

.ListType01 ul li {

	background: -moz-linear-gradient(bottom, #E0E0E0, #fff);

	background: -webkit-gradient(linear, center bottom, center top, from(#F0F0F0), to(#fff));

	border-top: 1px solid #D8D8D8;

	display: block;

	overflow: hidden;

	padding: 2px 8px;

}

.ListType01 ul li a {

	display: block;

	text-decoration: none;

	background:url(/_shared/img/common/btn_arrow01.png) no-repeat 98% center;

	-webkit-background-size: 10px 16px;

	display: block;

	font-size: 13px;

	color: #000;

	padding: 12px 0 12px 0;

}

.ListType01 ul li span {

	color: #E63C66;

	font-weight: bold;

	font-size: 15px;

	display: block;

	padding: 12px 0 4px;

}

.ListType01 ul li img {

	vertical-align: middle;

	padding: 0 1em 0 0;

	float: left;

}







/* サブ共通　カテゴリーリスト */

.ListCategory {

	border: 1px solid #D8D8D8;

	border-radius: 5px;

	-moz-border-radius: 5px;    /* Firefox */

	-webkit-border-radius: 5px; /* Safari,Chrome */

	margin: 20px 8px 8px 8px;

}

.ListCategory h3 {

	background: #D8D8D8;

	padding: 8px 0;

	text-align: center;

	margin: 0;

}

.ListCategory h3 img {

	padding-right: 0.6em;

	vertical-align: middle;

}

.ListCategory ul {

	list-style: none;

}

.ListCategory ul li {

	border-top: 1px solid #D8D8D8;

	display: block;

	font-size: 12px;

}

.ListCategory ul li a {

	padding: 16px 0 14px 14px;

	display: block;

	text-decoration: none;

	background:url(/_shared/img/common/btn_arrow01.png) no-repeat 98% center;

	-webkit-background-size: 10px 16px;

	color: #000;

}





#TopContent h3 {

	text-align: center;

	border-bottom: 1px solid #D6D6D6;

}





.bgPink {

	background: #faecec;

	margin: 1em;

	padding: 0.8em;

	border-radius: 6px;

	-moz-border-radius: 6px;    /* Firefox */

	-webkit-border-radius: 6px; /* Safari,Chrome */

}

.bgGreen {

	background: #EFF9F3;

	margin: 1em;

	padding: 0.8em;

	border-radius: 6px;

	-moz-border-radius: 6px;    /* Firefox */

	-webkit-border-radius: 6px; /* Safari,Chrome */

}

.bgGray {

	background: #F8F8F8;

	margin: 1em;

	padding: 1em;

	border-radius: 6px;

	-moz-border-radius: 6px;    /* Firefox */

	-webkit-border-radius: 6px; /* Safari,Chrome */

}





.lineGreen {

	margin: 1em;

	padding: 1em;

	border: 1px solid #009F3C;

	border-radius: 6px;

	-moz-border-radius: 6px;    /* Firefox */

	-webkit-border-radius: 6px; /* Safari,Chrome */

 -webkit-box-shadow: 0px 0px 3px 0px #CCC; /* Safari, Chrome用 */

	-moz-box-shadow: 0px 0px 3px 0px #CCC; /* Firefox用 */

	box-shadow: 0px 0px 3px 0px #CCC; /* CSS3 */	padding: 1em;

}



.linkPc {

	background: url(/_shared/img/common/ico_link.png) no-repeat left top;

	padding: 0 0 0 2.4em !important;

}

.linkPcS {

	background: url(/_shared/img/common/ico_links.png) no-repeat left top;

	padding: 0 0 0 2em !important;

}

.linkTel {

	background: url(/_shared/img/common/ico_tel.png) no-repeat left center;

	padding: 0 0 0 2em !important;

}





.line {

	border-bottom: 1px solid #CCC;

	margin-bottom: 20px;

}





.fs10 {

	font-size: 10px;

	font-weight: normal;

}









.ImgLeft {

	float: left;

	margin: 0 0.8em 0 0;

}

.ImgRight {

	float: right;

	margin: 0 0 0 0.6em;

}





.LineDot {

	border-bottom: 1px dotted #f0f0f0;

}







.mgT01 {

	margin-top: 1em;

}







.InfoBtnArea {

	width: 300px;

	margin: 0 auto 20px;

	height: auto;

}

.InfoBtnArea:after {

	content: '';

	display:block;

	clear: both;

}

.InfoBtnArea .btn {

	margin-bottom:10px;

}

.InfoBtnArea .btn a {

	position:relative;

	display:block;

	font-weight: bold;

	text-decoration: none;

	width:145px;

}

.InfoBtnArea .btn a img {

	display:block;

	width:145px;

}

.InfoBtnArea .btn a.cp {

	height:67px;

}

.InfoBtnArea .btn a.cp img {

	position:absolute;

	bottom:0;

	left:0;

}

.InfoBtnArea dl {

	width: 145px;

	float: left;

}

.InfoBtnArea dl:nth-child(2n) {

	float: right;

}

p.lead{
	margin: 0 0 0 0;
}
p.present{
	color:#ff3366;
	font-weight:bold;
}
h2.list {  padding: 5px 0 0px 38px; background: url(/episode/img/img_bg_h2.gif) no-repeat left center; font-size: 130%; margin-bottom:0px; margin-left:0.8em;color:#333; text-align:left;}


/*
    
    2014/05 新デザイン用CSS
    
*/
#top{
    border-bottom: 1px solid #CCCCCC;
}
#top .logo {
    padding-bottom: 0;
}

#top .gnav ul {
    padding: 5px 10px 5px;
    margin-top:6px;
    list-style: none;
    text-align:right;
}
#top .gnav li {
    margin-left:5px;
    display:inline-block;
}
#top .gnav li:first-child {
    margin-left:0;
}
#top .gnav li img{
    height: 56px;
}
#top .gnav ul:after {
    content: '';
    display: block;
    clear: both;
}

article{
    position:relative;
    background:#ffffff;
    display:block;
    padding-bottom: 20px;
}
/* メニュー */
.layer { /*display: none;*/ position: absolute; z-index: 99996; top: 0; left: 0; width: 100%; }
#first_view_layer { display: none; position: absolute; z-index: 99997; top: 0; left: 0; width: 100%; }
.layer_inner { position: relative; z-index: 99998; margin: 0 auto 0; width: 100%; padding: 10px 0;font-size: 1.1em; background: #009944; filter: alpha(opacity=0.9); -moz-opacity: 0.9; opacity: 0.9 }
.layer_inner img{
    max-width:100%;
}
.layer_inner .btn_close img{
    width: 23px;
}
.layer_inner a{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.layer_inner #pop_head{
    position: relative;
    height: 55px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.layer_inner #pop_head a{
    position: absolute;
    top: 0;
}
.layer_inner #pop_head .btn_shiryo img,
.layer_inner #pop_head .btn_consul img{
    width: 123px;
}
.layer_inner #pop_head .btn_shiryo{
    top: 0;
    left: 10px;
}
.layer_inner #pop_head .btn_consul{
    left: 146px;
}
.layer_inner #pop_head .btn_close{
    top: 13px;
    right: 10px;
}
.layer_inner .pc{
    background: url("../img/common/pop_pc.png") no-repeat right center;
    background-size: 14px 14px;
    padding-right: 20px;
}
.layer_inner #pop_main li{
    list-style-type: none;
    padding:0 5px 10px 35px;
    margin-top: 10px;
    background: url("../img/common/pop_arr_01.png") no-repeat 10px top;
    background-size: 17px 17px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.layer_inner #pop_main li li{
    background: url("../img/common/pop_arr_02.png") no-repeat left center;
    background-size: 6px 8px;
    padding-left: 10px;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 0.9em;
}
.layer_inner #pop_btm{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.layer_inner #pop_btm ul:after{
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
}
.layer_inner #pop_btm li{
    list-style-type: none;
    float: left;
    width: 130px;
    padding:10px;
}
.layer_inner #pop_btm li:nth-child(1){
    width: 129px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.layer_inner #pop_btm li img{
    display: inline;
    width: 14px;
}
.layer_inner #pop_btm .btn_pc{
    background: url("../img/common/pop_pc.png") no-repeat left center;
    background-size: 14px 14px;
    padding-left: 20px;
}
.layer_inner #pop_btm .btn_member{
    background: url("../img/common/pop_member.png") no-repeat left center;
    background-size: 14px 14px;
    padding-left: 20px;
}
.layer_inner #pop_foot{
    text-align: center;
    margin: 20px 10px;
}
.layer_inner #pop_foot .btn_close{
    background: url("../img/common/pop_close.png") no-repeat left center;
    background-size: 23px 23px;
    padding-left: 30px;
    height: 23px;
}
/*キャンペーン時削除*/
.totop{
    position: fixed;
    bottom: 30px;
    right: 0;
}
.totop img{
    height: 34px;
    display: block;
}

a.pc{
    background: url("../../img/ico_pc.gif") no-repeat right center;
    background-size: 13px 13px;
    padding-right: 15px;
}

.InfoBtnArea {
	width: 300px;
	margin: 15px auto 5px;
}
.InfoBtnArea .btns {
	margin-bottom:10px;
	width: 100%;
}
.InfoBtnArea .btns:after {
	content: '';
	display:block;
	clear: both;
}
.InfoBtnArea .btns li{
	width:145px;
	float: left;
	list-style-type: none;
	margin:0;
}
.InfoBtnArea .btns li.left{
	float: left;
}

.InfoBtnArea .btns li.right{
	float: right;
}
.InfoBtnArea .btns a {
	text-decoration: none;
}
.InfoBtnArea .btns img {
	display:block;
	width: 100%;
	margin: 0;
}

.InfoBtnArea .OtherBanners{
	width:300px;
	margin:0 auto 15px;
}
.InfoBtnArea .OtherBanners img{
	width:100%;
}

.BtnArea{
    background: #139f4a;
}
.BtnArea .section-inner{
    padding: 7px 0;
    float: none;
    width: 300px;
    margin: 0px auto;
}
.BtnArea .left{
    float: left;
}
.BtnArea .right{
    float: right;
}
.BtnArea .row li{
    list-style-type: none;
}
.BtnArea .row:after{
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}
.BtnArea .row img{
    width: 143px;
    display: block;
}
.BtnArea img{
    margin-top: 5px;
    margin-bottom: 5px;
}
.BtnArea .tel{
    float: none;
}
.BtnArea .tel img{
    width: 300px;
    margin-bottom: 0;
}

footer .BtnArea{
    margin-bottom: 10px;
}
#top .snav ul:after{
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
}
#top .snav ul{
	display:table;
	width:100%;
}
#top .snav ul li{
	display:table-cell;
    list-style-type: none;
	width:20%;
	text-align:center;
	background:url(/zwei/smp/_shared/img/common/bg_snav_l.png) no-repeat left center,
	url(/zwei/smp/_shared/img/common/bg_snav_r.png) no-repeat right center,
	url(/zwei/smp/_shared/img/common/bg_snav_m.png) repeat-x center center;
	background-size:auto 100%;
}
#top .snav ul li:nth-child(4){
	background:url(/zwei/smp/_shared/img/common/bg_snav_org_l.png) no-repeat left center,
	url(/zwei/smp/_shared/img/common/bg_snav_org_r.png) no-repeat right center,
	url(/zwei/smp/_shared/img/common/bg_snav_org_m.png) repeat-x center center;
	background-size:auto 100%;
}
#top .snav ul li:nth-child(5){
	background:url(/zwei/smp/_shared/img/common/bg_snav_red_l.png) no-repeat left center,
	url(/zwei/smp/_shared/img/common/bg_snav_red_r.png) no-repeat right center,
	url(/zwei/smp/_shared/img/common/bg_snav_red_m.png) repeat-x center center;
	background-size:auto 100%;
}
#top .snav ul li.active{
	background:url(/zwei/smp/_shared/img/common/bg_snav_l.png) no-repeat left center,
	url(/zwei/smp/_shared/img/common/bg_snav_r.png) no-repeat right center,
	url(/zwei/smp/_shared/img/common/bg_snav_m_on.png) repeat-x center center;
	background-size:auto 100%;
}

#top .snav ul li img{
/*    width: 100%;*/
	height:52px;
	vertical-align:bottom;
}
#top .snav.fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.BtmBannerArea{
    width: 320px;
    margin: 20px auto 10px;
    height: auto;
    text-align: center
}
.BtmBannerArea a{
    display: block;
    margin: 0 auto 5px;
}
.BtmBannerArea img{
    max-width: 300px;
}
.BtmBannerArea .leadtext{
    text-align: left;
    padding: 0 5px 10px;
}
a.bnr_btton{
    background: url("../img/common/bnr_bg.gif") no-repeat left top;
    background-size: 100% auto;
    display: block;
    width: 285px;
    height: 51.5px;
    text-decoration: none;
    color: #000;
    line-height: 1.2;
    text-align: left;
    font-size: 0.9em;
    padding-top: 20px;
    padding-left: 15px;
}
a.bnr_btton .bnr_btton_title{
    display: block;
    color: #48be6b;
    font-size: 1.2em;
    font-weight: bold;
}

/* ----------------------------------------------------
* grobalNav
* -------------------------------------------------- */
#grobalNav {
	background-color: #fff;
	z-index: 2000;
	padding-top: 10px;
}
#grobalNav.party {
	border-bottom: 5px solid #a72126;
}
#grobalNav.club {
	border-bottom: 5px solid #4553a3;
}
#grobalNav.consult {
	border-bottom: 5px solid #039844;
}
#grobalNav.wedding {
	border-bottom: 5px solid #d60885;
}
#grobalNav .navTab {
	height: 30px;
	margin-left: 10px;
	margin-right: 10px;
}
#grobalNav ul li {
	float: left;
	border-radius: 5px 5px 0 0;
	background: -moz-linear-gradient(top, #eee, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background-color: #f6f6f6;
	width: 25%;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#grobalNav ul li a {
	color: #666;
	display: block;
	height: 100%;
	text-decoration: none;
	font-size: 12px;
}
#grobalNav ul .active {
	background-image: none;
}
#grobalNav ul .active a {
	color: #fff;
}
#grobalNav.party .active {
	background-color: #a72126;
	border: 1px solid #a72126;
	border-bottom: none;
}
#grobalNav.club .active {
	background-color: #4553a3;
	border: 1px solid #4553a3;
	border-bottom: none;
}
#grobalNav.consult .active {
	background-color: #039844;
	border: 1px solid #039844;
	border-bottom: none;
}
#grobalNav.wedding .active {
	background-color: #d60885;
	border: 1px solid #d60885;
	border-bottom: none;
}

.top_text p.center{
	text-align:center;
}