@charset "utf-8";

/**** typeWithSemmner ****/
#contents .contentsIn .typeWithSemmner #contentsMain{
width:570px;
float:left;
display:inline;
}
#contents .contentsIn .typeWithSemmner #contentsSide{
width:300px;
float:right;
}

/*** #contentsWrapper.typeWithSemmner ***/
.typeWithSemmner .newContents .col{width:600px;}
.typeWithSemmner .newContents .col2{width:270px;}
.typeWithSemmner .newContents .col3{width:170px;}

/**** light ****/
.newContents .midlight{color:#736156 !important;}
/**** Clear ****/
.clerBoth{ clear: both; }
.clerRight{ clear: right; }
.clerLeft{ clear: left; }
/*---------------------------------------------------------------------top*/
.withImgCol .lead {
	margin-right: 30px;
	_margin-right: 25px;
}

.video {
	_width: 294px;
}

dl.qrCode dt{
	display: block;
	float: left;
	width: 52px;
	line-height: 0;
	font-size: 0;
}
dl.qrCode dd{
	margin-left: 52px;
	padding-top: 6px;
	font-size: 0.8em;
}
/* Main movie */
.newContents #mainMovie{ padding-bottom: 19px; }

/* after login movie list */
.newContents #movieList{
	padding-top: 18px;
	margin-bottom: 20px;
	background:url(/common/images/border-bg.gif) repeat-x left top;
}
.newContents #movieList dl{
	width: 170px;
	float: left;
	margin: 0 10px;
	padding-bottom: 19px;
}
* html .newContents #movieList dl{ margin: 0 8px; }
.newContents #movieList dl dt{ margin-bottom: 8px; }

/* overray */

.quickViewMovie{
	width: 570px;
	height: 399px;
	margin: 0 auto 30px auto;
	text-align: center
}

/** col4Border **/
.newContents .col4Border{
width:922px;
margin-right:-22px;
overflow:hidden;
zoom:1;
margin-bottom:20px;
background:url(/seminar/images/col4border-bg.gif) repeat-y left top;
}
.newContents .col4Border .col4,
.newContents .col3Border .col3,
.newContents .col2Border .col2,
.newContents .col1Border .col1{
float:left;
width:208px;
margin-right:22px;
}

/** col3Border **/
.newContents .col3Border{
width:697px;
margin-right:-22px;
overflow:hidden;
zoom:1;
margin-bottom:20px;
background:url(/seminar/images/col4border-bg.gif) repeat-y left top;
}
/** col2Border **/
.newContents .col2Border{
width:472px;
margin-right:-22px;
overflow:hidden;
zoom:1;
margin-bottom:20px;
background:url(/seminar/images/col4border-bg.gif) repeat-y left top;
}
/** col1Border **/
.newContents .col1Border{
width:247px;
margin-right:-22px;
overflow:hidden;
zoom:1;
margin-bottom:20px;
background:url(/seminar/images/col4border-bg.gif) repeat-y left top;
}



/*-------------------------------------------------------------------detail*/
.seminarInfo{}
.seminarInfo p.tit{
font-size:0.8em;
font-weight:bold;
margin-bottom:0;
padding:0 5px 5px;
}
.seminarInfo dl.info{
font-size:0.8em;
position:relative;
background:url(/common/images/border-bg.gif) repeat-x left top;
}
.seminarInfo dl.info dt{
position:absolute;
left:0;
width:180px;
padding:8px 5px;
}
.seminarInfo dl.info dd{
padding:8px 5px 8px 180px;
background:url(/common/images/border-bg.gif) repeat-x left bottom;
}

.seminarEntry{
display:inline-block;
width:100%;
margin-bottom: 9px;
padding: 5px 0;
background-color: #f8f6f4;
}
.seminarEntry:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.seminarEntry{display:inline-block;}	
.seminarEntry p{ margin: 0; }
.seminarEntry p.title{
	float: left;
	display: block;
	width: 128px;
	padding-top: 11px;
	line-height: 0;
	height: 26px;
	border-right: 1px solid #e2ded7;
	text-align: center;
}
.seminarEntry .online{
	width:301px;
	float:left;
	padding-top: 7px;
}
.seminarEntry .online p,
.seminarEntry .telephone p{
	display: block;
	line-height: 1.1;
}
.seminarEntry .online .pT{ padding-top: 6px; }
.seminarEntry .telephone{
	width:228px;
	float: left;
}
p.telNumber{
	margin: 0;
	font-size:1.7em;
	font-weight:bold;
}
p.telNumber span.time{
	font-size:0.7em;
	font-weight:bold;
}

.newContents .seminarCourseTit{
	clear: both;
	background-color: #5f4e44;
	margin:0;
	padding:5px 0 0 18px;
	color:#fff;
	height:26px;
	font-size:1.2em;
}
.courseInfo{
padding:20px 0 13px 0;
margin-bottom: 15px;
background: url(/seminar/images/bg-course.gif) repeat-y right top;
}
.courseInfo p{
	margin: 0;
	padding: 0;
}
.courseInfo dl{
position:relative;
}
.courseInfo dl dt{
position:absolute;
left:0;
}
.courseInfo dl dd{
padding-left:30px;
padding-bottom:15px;
margin-bottom:15px;
background:url(/common/images/border-bg02.gif) repeat-x left bottom;
}
.courseInfo dl dd ul{
margin-bottom:0;
}


.heading2 .fwN{
color:#5f4e44 !important;
}


/* holidayP1 2011 */
.holidayP1 .borderBox {
    border: 1px solid #F7E5E9;
}
.holidayP1 .bgF7E5E9 {
    background-color: #F7E5E9 !important;
}
.holidayP1 .bgF7E5E9 .heading3 {
    color: #9A002A;
}
.holidayP1 .seminarCourseTit {
    background: url("/seminar/images/t-11holip1-bg.gif") no-repeat scroll left top transparent;
}
.holidayP1 .courseInfo {
    background: url("/seminar/images/bg-11holip1-corse.gif") repeat-y scroll right top #F7E5E9;
}

/* login */

.newContents .login.borderBox{
	padding: 13px 15px 0 15px;
	margin-bottom: 20px;
}
/* \*/
* html .newContents .login.borderBox{ padding: 13px 15px 9px 15px; }
*:first-child + html .newContents .login.borderBox{ padding: 13px 15px 9px 15px; }
/**/
.newContents .login p{
	display: block;
	float: left;
}
.newContents .login.borderBox p.leadText{ width: 515px; }
.typeWithSideB .newContents .login.borderBox p.leadText{ width: 515px; }
.newContents .login.borderBox p.btn{
	width: 205px;
	text-align: right;
}
.typeWithSideB .newContents .login.borderBox p.btn{ width: 140px; }
.newContents p.btn{
	line-height: 0;
	font-size: 0;
}
.newContents table.tableForm .separated td,
.newContents table.tableForm .separated th{ border-top-width: 2px;}
.newContents table.tableForm .login{ margin-top: 15px; }
.newContents table.tableForm .login p.leadText{ width: 340px; }
.newContents table.tableForm .login p.btn{
	width: 170px;
	text-align: right;
}
.newContents table.tableForm td.nowrap{ white-space:nowrap; }
.newContents table.tableForm .sampleText{
	color: #666666;
	font-size: 91.7%;
	margin-bottom: 0;
}

/* after login */
.afterLogin #header .headerIn .headerPersonal{
margin-top: 22px;
}

/* thanks page */
.newContents div.confirmationFlow{ margin-bottom: 30px; }
.newContents div.confirmationFlow dl dt{
	margin-bottom: 1px;
	font-weight: bold;
}
.newContents div.confirmationFlow dl dd{
	padding-left: 14px;
	padding-bottom: 1px;
	margin-bottom: 15px;
	background:url(/common/images/border-bg.gif) left bottom repeat-x;
}
.newContents div.confirmationFlow dl dd:last-child{ background-image: none; }


/*********************************************************** contentsFooter ***/
#contents .contentsIn #contentsWrapper #contentsFooter{
margin-top:30px;
overflow:hidden;
zoom:1;
clear:both;
}
#contents .contentsIn #contentsWrapper #contentsFooter .btns{
float:left;
}
#contents .contentsIn #contentsWrapper #contentsFooter .btns ul{
margin:0;
padding:0;
}
#contents .contentsIn #contentsWrapper #contentsFooter .btns ul li{
float:left;
margin-right:5px;
vertical-align:bottom;
line-height:0;
list-style:none;
}
#contents .contentsIn #contentsWrapper #contentsFooter .btns ul li.mixiBtn{
width:70px;
}
#contents .contentsIn #contentsWrapper #contentsFooter .btns ul li img{
vertical-align:top;
}
*:first-child+html #contents .contentsIn #contentsWrapper #contentsFooter .btns iframe.twitter-share-button{
width:60px!important;
}
* html #contents .contentsIn #contentsWrapper #contentsFooter .btns iframe.twitter-share-button{
width:60px!important;
}
#contents .contentsIn #contentsWrapper #contentsFooter p.pageTop{
width:107px;
float:right;
margin:10px 0 0 0;
line-height:0;
}
/******************************************************************** typeWithSideB ****/
#contents .contentsIn .typeWithSideB #contentsFooter{ width: 100%; }

/************************************************************ Semmner side contetns ****/
#contentsSide .sideNavi p{
	margin-top: 0;
	margin-bottom:0;
}
#contentsSide .sideNavi p.tilFirst{ margin-bottom: 19px; }
#contentsSide .sideNavi p.banner{
	clear: both;
	padding-top: 15px;
}
.typeWithSemmner  #contentsSide .sideNavi p.bannerTop{	margin-bottom: 15px; }

/** contents **/
#contentsSide .sideNavi .sideNaviContents{ border-top: 1px solid #736157; }
.typeWithSemmner #contentsSide .sideNavi .sideNaviContents{ border-top: 1px solid #dfdbd8; }
#contentsSide .sideNavi .sideNaviContents .current{ background-color: #E8E5E0; }
#contentsSide .sideNavi .sideNaviContents dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contentsSide .sideNavi .sideNaviContents dl{ display:inline-block; }
* html #contentsSide .sideNavi .sideNaviContents dl{ zoom:1; }
#contentsSide .sideNavi .sideNaviContents dl{
clear: both;
width: 171px;
margin: 0;
padding: 10px 0 10px 9px;
background:url(/common/images/border-bg.gif) repeat-x left bottom;
}
.typeWithSemmner #contentsSide .sideNavi .sideNaviContents dl{ width: 291px; }
#contentsSide .sideNavi .sideNaviContents .measure{
	position: relative;
	padding: 7px 0 7px 9px;
	background-image: none;
	border-bottom: 1px solid #dfdbd8;
}

#contentsSide .sideNavi .sideNaviContents dl dt,
#contentsSide .sideNavi .sideNaviContents dl dd{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#contentsSide .sideNavi .sideNaviContents dl dt img{border:1px solid #e8e5e0;}
#contentsSide .sideNavi .sideNaviContents dl dt a.areaLinkHover img,
#contentsSide .sideNavi .sideNaviContents dl dt a:hover img{border:1px solid #64b72f;}
#contentsSide .sideNavi .sideNaviContents .current dt img{ border: 1px solid #ffffff; }
#contentsSide .sideNavi .sideNaviContents dl dd{
	color:#5F4E44;
    line-height:1.5;
	font-size: 100%;
}
#contentsSide .sideNavi .sideNaviContents dl dd a:link,
#contentsSide .sideNavi .sideNaviContents dl dd a:visited{ text-decoration:none; }

#contentsSide .sideNavi .sideNaviContents dl dt{
	width: 84px;
	line-height: 0;
	font-size: 0;
}
#contentsSide .sideNavi .sideNaviContents dl dd{
	width: 85px;
	padding-top: 9px;
	font-weight: bold;
	font-size: 0.8em;
}
.typeWithSemmner #contentsSide .sideNavi .sideNaviContents dl dt{
	width: 94px;
	line-height: 0;
	font-size: 0;
}
.typeWithSemmner #contentsSide .sideNavi .sideNaviContents dl dd{
	width: 185px;
	padding-top: 0;
	font-weight: normal;
}
#contentsSide .sideNavi .sideNaviContents dl dd p,
#contentsSide .sideNavi .sideNaviContents dl dd a,
#contentsSide .sideNavi .sideNaviContents dl dd ul li a{ color: #5f4e46; }
#contentsSide .sideNavi .sideNaviContents dl dd a:hover,
#contentsSide .sideNavi .sideNaviContents dl dd a.areaLinkHover,
#contentsSide .sideNavi .sideNaviContents dl dd ul li a:hover,
#contentsSide .sideNavi .sideNaviContents dl dd ul li a.areaLinkHover{
	text-decoration:none;
	color: #43a328;
}
#contentsSide .sideNavi .sideNaviContents dl dd ul li{
	display: inline;
	font-size: 1.3em;
}
#contentsSide .sideNavi .sideNaviContents dl dd ul li a{
	margin-right: 18px;
	background:url(/common/images/arrow-small.gif) no-repeat left 0.4em;
	padding-left: 9px;
}
#contentsSide .sideNavi .sideNaviContents dl dd p a.link,
#contentsSide .sideNavi .sideNaviContents dl dd p a:visited,
#contentsSide .sideNavi .sideNaviContents dl dd ul li a.link,
#contentsSide .sideNavi .sideNaviContents dl dd ul li a:visited{ text-decoration:none; }
#contentsSide .sideNavi .sideNaviContents dl dd ul li a:hover,
#contentsSide .sideNavi .sideNaviContents dl dd ul li a.areaLinkHover{ background-image:url(/common/images/arrow-small-on.gif); }

.typeWithSemmner #contentsSide .sideNavi .sideNaviContents dl dd p,
.typeWithSemmner #contentsSide .sideNavi .sideNaviContents dl dd p a{
	padding: 0;
	line-height: 0;
	font-size: 0;
}
.typeWithSemmner #contentsSide .sideNavi .sideNaviContents dl dd p{ margin: 0 0 10px 0; }
.typeWithSemmner #contentsSide .sideNavi .sideNaviContents dl dd p.single{ margin: 24px 0 10px 0; }
#contentsSide .sideNavi .sideNaviContents .measure dd p.pickUpText{
	position: absolute;
	top: -1px;
	left: 0;
	text-indent: 0;
	width: 37px;
	height: 37px;
}


/* アイスコーヒー編 */
.icedCoffee .seminarEntry {
    background-color: #eaf4f7;
}

.icedCoffee .seminarCourseTit {
    background-color: #71b2c9;
}

#contentsSide .sideNavi .sideNaviContents dl dd.icedCoffee{
	padding-top: 0;
}


/* 121220追加 */
p.telNumber span.fontS{
	font-size: 0.6em!important;
	font-weight: normal;
	margin-left: 20px;
}

.winter2012p1 .seminarEntry {
	background-color: #ffebf2;
}
.winter2012p1 .seminarCourseTit {
	background-color: #cb0447;
}
.winter2012p1 .seminarEntry p.title {
	border-right: 1px solid #efa5be;
} 

/* 130514追加 */
#contentsSide .sideNavi .sideNaviContents dl dd.limited{
padding-top:0;
}
#contentsSide .sideNavi .sideNaviContents dl dd.limited span img{
padding-top:2px;
}
@media (max-width: 599px) {
	ul.backLinks.seminar__backLinks--bottom > li > a,
	ul.backLinks.top.seminar__backLinks--top > li > a {
		padding-left: 10px !important;
	}
}

@media (max-width: 909px) {
	header.local.seminar__header-wrapper > h1 {
		margin-left: 10px !important;
	}
}
header.local.seminar__header-wrapper {
	width: 900px;
	margin: auto;
}
@media (min-width: 910px) {
	ul.backLinks.seminar__backLinks--bottom {
		width: 900px;
		margin: auto;
	}
}

@media only screen and (min-width: 600px) and (max-width: 909px) {
	.backLinks.seminar__backLinks--bottom > li > a,
	.local.seminar__header-wrapper > ul.backLinks > li > a {
		padding-left: unset;
		background: unset;
	}

	.backLinks.seminar__backLinks--bottom,
	.local.seminar__header-wrapper > ul.backLinks {
		margin-left: 10px !important;
	}
}