@charset "utf-8";

/* ----------------------------------------------------
	サロン用clearfix
---------------------------------------------------- */
.clearfix, .block_nowSalon .boxWrap, .block_salonReport .boxWrap, .archiveList li, .soonList li, .description .title, .block_salonDetail, .block_salonDetail .title, .block_salonDetail .detail .btn, .movieWrap, .block_nextSalon, .salonCap, .block_photoGallery, .block_photoGallery .boxWrap, .block_soonSalon li, .block_soonSalon .nextLineup, .sbUpdates li, .sbUpdates .salonCap_m, .postList, .postList li, .detail_mainBottom, .detail_mainBottomTeacher, .boxPickup, .boxPickup .inner .iconFeature, .btn_block .inner ul, .select_month {
	zoom:1;/*for IE 5.5-7*/
}

.clearfix:after, .block_nowSalon .boxWrap:after, .block_salonReport .boxWrap:after, .archiveList li:after, .soonList li:after, .description .title:after, .block_salonDetail:after, .block_salonDetail .title:after, .block_salonDetail .detail .btn:after, .movieWrap:after, .block_nextSalon:after, .salonCap:after, .block_photoGallery:after, .block_photoGallery .boxWrap:after, .block_soonSalon li:after, .block_soonSalon .nextLineup:after, .sbUpdates li:after, .sbUpdates .salonCap_m:after, .postList:after, .postList li:after, .detail_mainBottom:after, .detail_mainBottomTeacher:after, .boxPickup:after, .boxPickup .inner .iconFeature:after, .btn_block .inner ul:after, .select_month:after {/*for modern browser*/
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* ----------------------------------------------------
	サロントップ
---------------------------------------------------- */
.block_salonTop {
	margin:20px 0px;
}

/* 講座3列レイアウト */
  .block_3Column {
}

.block_3Column .boxWrap {
	margin-bottom:25px;
}

.block_3Column .boxWrap .box {
	width:200px;
	float:left;
	position:relative;
}

.block_3Column .boxWrap .center {
	margin:0px 25px;
}

.block_3Column .boxWrap .photo, .block_3Column .boxWrap h4 {
	margin-bottom:10px;
}

.block_3Column .boxWrap .text {
	margin-bottom:40px;
}

.block_3Column .boxWrap .btn_more {
	position:absolute;
	bottom:0px;
}

.block_3Column .boxWrap .btn_more img {
	vertical-align:top;
}

.block_3Column .boxWrap .date {
	float:right;
	width: 200px;
	position:relative;
}

.block_3Column .boxWrap .date .ico_new_ar img {
	position:absolute;
	right:0;
	top:0;
 #top:2px;
}

.block_3Column .boxWrap .place {
	display:block;
	text-align:right;
}

.block_3Column .boxWrap h4 {
	font-size:131%;
	clear:both;
}

.block_nextSalon {
	margin-bottom:30px;
}

.block_nextSalon .comingContents {
}

.block_nextSalon .comingContents .box {
	width:220px;
	float:left;
	margin-right:10px;
}

.block_nextSalon .comingContents .box h4 {
	font-size:116%;
	margin-bottom:10px;
}

.block_nextSalon .comingContents .photo {
	float:right;
}

/* 講座1列レイアウト */
	.boxPickup {
	background: url(/images/home/info_hr.png) bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
}

.boxPickup .inner {
	float:right;
	width:295px;
}

.boxPickup .inner .subtitle, .boxOther .inner .subtitle, .archiveList .subtitle {
	clear:both;
	font-size:100%;
	font-weight:bold;
}

.boxPickup .inner h4 a {
	display:block;
	clear:both;
	/**/
        font-size:14pt;
	margin-bottom:5px;
	font-family: "メイリオ";
	font-weight:bold;
}

.boxPickup .inner .text {
	margin:10px 0;
}

.boxPickup .inner .date {
	float:left;
	position:relative;
	margin-bottom:5px;
}

.boxPickup .inner .date .ico_new_ar img {
	position:absolute;
	right:0;
	top:0;
 #top:2px;
}

.boxPickup .inner .place {
	display:block;
	text-align:right;
}

.boxPickup .inner .teacher, .boxOther .inner .teacher {
	margin-bottom:10px;
}

.boxPickup .inner .link_detail li {
	margin:10px 0;
}

/* 講座2列レイアウト */
  .boxOther {
	clear:both;
	margin-bottom:10px;
}

.boxOther h3 {
	padding:15px;
}

.boxOther .boxWrap {
}

.boxOther .boxWrap li {
	padding:5px 0px;
	margin-bottom:5px;
}

.block_soonSalon .pickUp ul {
	float:left
}

.block_soonSalon .pickUp li {
	padding:5px 0px;
	margin-bottom:15px;
	clear:both;
	width:320px;
}

.boxOther .boxWrap .left {
	float:left;
	width:320px;
	position:relative;
	padding-bottom:25px;
}

.boxOther .boxWrap .right {
	float:right;
	width:320px;
	position:relative;
	padding-bottom:25px;
}

.boxOther .boxWrap .photo, .block_soonSalon .pickUp .photo {
	display:block;
	border:1px solid #DADADA;
	float:left;
}

.boxOther .boxWrap .inner, .block_soonSalon .pickUp .inner {
	float:right;
	width: 185px;
	position:relative;
}

.boxOther .boxWrap .inner .place, .block_soonSalon .pickUp .inner .place {
	display:block;
	text-align:right;
}

.boxOther .boxWrap .inner .ico_new_ar img, .block_soonSalon .pickUp .inner .ico_new_ar img {
	position:absolute;
	right:0;
	top:0;
 #top:2px;
}

.boxOther .boxWrap .caption a {
	clear:both;
	display:block;
}

.block_soonSalon .pickUp .caption a {
	font-size:108%;
	clear:both;
	display:block;
	font-weight:normal;
}

.boxOther .inner .text {
	line-height:1.0;
}

.btn_list {
	text-align:center;
	margin-bottom:20px;
	clear:both;
}

/* フォトギャラリー */
.block_photoGallery {
	clear:both;
	margin-bottom:30px;
	border:1px solid #EBE7E8;
}

.block_photoGallery h3 {
	padding:15px;
}

.block_photoGallery .boxWrap {
	border-top:1px solid #EBE7E8;
	padding:20px 10px 10px 10px;
 #padding:20px 0px 20px 10px;
}

.block_photoGallery .boxWrap ul {
	padding-left:10px;
	margin-bottom:10px;
	float:left;
}

.block_photoGallery .boxWrap li {
	float:left;
	margin-right:10px;
}

/* 近日募集開始の講座 */
.block_soonSalon .nextLineup {
	background:#EFEBEC;
	float:right;
	padding:10px;
	width:250px;
}

.block_soonSalon .nextLineup li {
	margin-bottom:5px;
}

.btn_block {
	background:url(/images/salon/bg_btnBlock.png) 0 0 repeat;
	margin-bottom:20px;
	clear:both;
}

.btn_block .inner {
	padding:10px;
}

.btn_block .inner ul {
	background:#FFFFFF;
	padding:10px 20px;
}

.btn_block .inner ul li {
	width:290px;
}

.btn_block .inner ul li p {
	text-align:center;
}

.block_nowSalon .salonNumber {
	padding:22px 0;
}

.block_nowSalon .salonNumber span {
	color:#4b1821;
	font-weight:bold;
}

.block_nowSalon .salonNumber span em {
	font-size:147%;
}

.salonNumber a {
	/*color: #834F58;*/
}

/* ----------------------------------------------------
	サロンリスト
---------------------------------------------------- */
.block_salonList {
background: url(/images/home/news_border_01.gif) bottom repeat-x;
}
.block_salonList .png{
	float:right;
	margin:10px 0
}


.block_salonList .listCap {
	text-align:center;
	border-top:1px solid #6f6f6f;
	border-bottom:1px solid #6f6f6f;
	padding:5px;
	font-size:131%;
	margin-bottom:20px;
}

.archiveList {
}

.archiveList .listContainer {
	padding-bottom:10px;
	margin-bottom:10px;
	background: url(/images/home/info_hr.png) bottom repeat-x;
	position:relative;
	clear: both;
}

.archiveList .end {
	border:none;
	background:none;
}

.archiveList .photo, .boxPickup .photo {
	float:left;
	margin:0 0 0 0;
}

.archiveList .description {
	float:right;
	width:375px;
}

.archiveList .description em.fl {
	font-size:10px;
}
.archiveList .description em.fr {
}

.title .summary h3 {
	font-size:16px;
}

.soonList .description {
	float:right;
	width:485px;
}

.soonList .description .detail {
	font-size:85%;
}

.soonList .description .detail span {
	margin-right:10px;
}

.archiveList .description .title {
	clear:both;
	margin-bottom:10px;
}

.soonList .description .title {
	clear:both;
	margin-bottom:0;
}

.archiveList .description .title span {
	float:left;
	margin-right:10px;
}

.archiveList .description .title .summary {
	float:right;
	width:310px;
}

.archiveList .description .title .summary h3 a {
}

.archiveList .description .summary .text {
	margin-top:5px;
	font-size:100%;
	/*line-height:1.0;*/
	margin-bottom:1em;
	clear:both;
}

.archiveList .link_detail {
	text-align:right;
	margin-bottom:10px;
}

.archiveList .photo {
	float:left;
	margin:0 0 0 0;
}

.btn_listblock {
	margin:0 auto;
	width:460px;
	_width:480px;
}

.btn_listblock li {
	float:left;
	margin:0 20px;
	padding-bottom:20px;
}

.select_year .year{
	font-weight: bold
}
.select_year a {
}

.select_month {
	padding:10px 0 20px;
	line-height:1.1;
}

.select_month p.fl{
	font-weight:bold
}

.select_month li {
	float:left;
	padding:0 11px;
	border-right: 1px solid #333333;
}

.select_month li a {
}

.select_month li.none {
	color:#9a9999;
}

/* ----------------------------------------------------
	サロン詳細
---------------------------------------------------- */
.block_salonDetail {
	padding-top:20px;
	background: url(/images/home/news_border_01.gif) repeat-x;
}

.block_salonDetail .detail {
	margin-bottom:20px;
}

.block_salonDetail .detail .title {
	margin:10px 0;
	position:relative;
	clear:both;
}

.block_salonDetail .detail .title span {
	float:left;
	margin-right:10px;
}

.block_salonDetail .detail .title h3 {
	font-size:139%;
	line-height:130%;
	padding-top:5px;
	/*width:500px;*/
}

.block_salonDetail .detail .title .place {
	float:right;
	padding-top:5px;
}

.block_salonDetail .detail .text {
	clear:both;
	margin-bottom:1em;
}

.block_salonDetail .detail .keyword {
	float:right;
	margin: 20px 0 10px;
}

.block_salonDetail .detail .tagList .keyword dt, .block_salonDetail .detail .tagList .keyword dd {
	float:left;
}

.block_salonDetail .detail .tagList dd {
	padding:0 2px;
	margin:0 3px 2px 0;
}

.block_salonDetail .detail .tagList .icoStyle {
 #white-space:nowrap;
	background-color:#735d28;
	text-shadow: none;
	font-weight:bold;
	font-size:10pt
}

.block_salonDetail .detail .tagList .icoStyle a, .block_salonDetail .detail .tagList .icoStyle a:visited {
	color:#FFF;
	font-weight:bold;
}

.block_salonDetail .detail .btn {
	margin-top:15px;
	clear:both;
	padding:12px;
}

.block_salonDetail .detail .centerBtn {
	text-align:center;
	clear:both;
	padding:12px;
}

.block_salonDetail .movieWrap {
	margin-bottom:20px;
	clear:both;
	background:transparent url(/images/salon/salonid/bg_line.png) repeat-x scroll left top;
	margin-top:20px;
	padding-top:20px;
}

.block_salonDetail .movieWrap .movie {
	text-align:center;
	margin-bottom:10px;
}

.block_salonDetail .movieWrap .report p {
	margin-bottom:1em;
}

.block_salonDetail .movieWrap .reportPhoto {
	margin-bottom:1em;
	text-align:center;
}

.block_salonDetail .commentWrap {
	margin-bottom:20px;
	clear:both;
}

.block_salonDetail .commentWrap .comment {
}

.block_salonDetail .commentWrap .comment p {
	margin-bottom:1em;
}

.block_salonDetail .relateWrap .boxWrap {
	border-top:none;
	padding:0 0 10px;
}

.block_salonDetail .teacherWrap {
	margin-bottom:30px;
	clear:both;
}

.block_salonDetail .relateWrap .boxWrap li {
	padding:5px 0px;
	margin-bottom:5px;
	background: url(/images/home/info_hr.png) bottom repeat-x;
}

.block_salonDetail .relateWrap .boxWrap li.end {
	background:none;
}

.block_salonDetail .relateWrap .boxWrap .left {
	float:left;
	width:314px;
	margin-right:24px;
	position:relative;
	padding-bottom:25px;
}

.block_salonDetail .relateWrap .boxWrap .right {
	float:left;
	width:314px;
	position:relative;
	padding-bottom:25px;
}

.block_salonDetail .relateWrap .boxWrap .end {
	border:none;
}

.block_salonDetail .relateWrap .boxWrap .box {
	clear:both;
}

.block_salonDetail .relateWrap .boxWrap .icon {
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
}

.block_salonDetail .relateWrap .boxWrap .inner {
	float:right;
	width: 240px;
}

.block_salonDetail .relateWrap .boxWrap .caption a {
	font-size:116%;
	padding-bottom:15px;
}

.block_salonDetail .relateWrap .boxWrap .btn {
	position:absolute;
	bottom:10px;
	right:0px;
}

/* コメントフォーム */
.block_commentForm {
	margin-bottom:20px;
}

.block_commentForm .inner {
	background-color:#F8F6F6;
	padding:10px;
}

.block_commentForm table {
	width:100%;
}

.block_commentForm th {
	font-weight:normal;
}

.block_commentForm th, .block_commentForm td {
	padding:2px 10px;
	vertical-align:top;
}

.block_commentForm .txtCap {
	vertical-align:middle;
}

.block_commentForm .toLogin {
	border-right:1px solid #DDDAD6;
}

.block_commentForm .nickName {
	width:40%;
}

.block_commentForm td textarea {
	width:100%;
}

.inCaption {
	display:block;
	margin-bottom:10px;
}

.btnField {
	margin:10px 0;
	text-align:center;
}

.btnField a {
	margin:0 5px;
}

.block_commentForm .selectedFile {
	background-color:#E2DADA;
	margin-top:5px;
	padding:5px;
}

.block_commentForm .selectedFile span {
	font-weight:bold;
	color:#C52E2E;
}

/* コメント一覧 */
.block_commentList .postList {
	margin:20px 0;
}

.block_commentList {
	background:url(/images/salon/salonid/bg_line.png) repeat-x left top;
	padding-top:20px;
	margin-top:20px;
}

.block_commentList .postData {
	float:left;
	width:147px;
}

.postData .name {
	font-weight:bold;
	color:#4B1821;
}

.postData .nameTeacher {
	font-weight:bold;
}

.postData .date {
	white-space: nowrap;
}

.block_commentList .commentBody {
	width:440px;
	float:right;
}

.block_commentList .commentBody p {
	margin-bottom:1em;
}

.block_commentList .commentBody .photo {
	float:right;
	margin:0 0 0 10px;
}

.detail_main {
	background:url(/images/salon/bg_fukidashi_lb.png) left bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:10px;
}

.detail_mainTop {
	background:url(/images/salon/bg_fukidashi_lt.png) left top no-repeat;
	padding-top:15px;
}

.detail_mainBottom { /* 実際にコメントが入るDIV */
	background:url(/images/salon/bg_fukidashi_lm.png) 0 0 repeat-y;
	padding:1em;
}

.detail_mainBottom p .detail_mainBottomTeacher p {
	margin-bottom:1em;
}

.detail_mainTeacher {
	background:url(/images/salon/bg_fukidashiTeacher_lb.png) left bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:10px;
}

.detail_mainTopTeacher {
	background:url(/images/salon/bg_fukidashiTeacher_lt.png) left top no-repeat;
	padding-top:15px;
}

.detail_mainBottomTeacher { /* 実際にコメントが入るDIV */
	background:url(/images/salon/bg_fukidashiTeacher_lm.png) 0 0 repeat-y;
	padding:1em;
}

/* 会員登録バナー */
.block_joinOuter {
	/*margin-bottom:30px;*/
  margin-top:15px;
	padding:1px;
}

.block_joinInner {
	padding:20px;
	border:1px solid #E9E3E5;
	text-align:center;
}

.block_joinInner_nonmember {
	padding:0;
	text-align:center;
}

/*特徴アイコン*/
.iconFeature, .boxOther .boxWrap .iconFeature {
	margin-bottom:10px;
	clear:both;
	text-shadow: none;
	color:#FFF;
	font-weight:bold;
	font-size:10pt
}

.iconFeature ul li, .boxOther .boxWrap .iconFeature ul li {
	color:#FFFFFF;
	float:left;
	margin-right:3px;
	margin-top:1px;
	margin-bottom:3px;
	padding:0 10px;
	white-space:nowrap;
}

.iconFeature ul li.green, .boxOther .boxWrap .iconFeature ul li.green {
	background:#68b97e;
}

.iconFeature ul li.blue, .boxOther .boxWrap .iconFeature ul li.blue {
	background:#65a9d8;
}

.iconFeature ul li.pink, .boxOther .boxWrap .iconFeature ul li.pink {
	background:#da849f;
}

.iconFeature ul li.orange, .boxOther .boxWrap .iconFeature ul li.orange {
	background:#eea053;
}

.iconFeature ul li.yellow, .boxOther .boxWrap .iconFeature ul li.yellow {
	background:#f6d349;
}

.iconFeature ul li.purple, .boxOther .boxWrap .iconFeature ul li.purple {
	background:#a27bc9;
}

.iconFeature ul li.gray, .boxOther .boxWrap .iconFeature ul li.gray {
	background:#9e9e9e;
}

.iconFeature ul li.red, .boxOther .boxWrap .iconFeature ul li.red {
	background:#E95A5A;
}

/* ----------------------------------------------------
	サロン右カラム用スタイル
---------------------------------------------------- */
  .sbNewsalon ul {
	margin:0px 5px;
}

.sbNewsalon li {
	background: url(/images/home/info_hr.png) bottom repeat-x;
	padding:10px 5px;
}

.sbNewsalon .end {
	background:none;
	border:none;
}

.sbNewsalon li em {
	color:#010101/*#4B1821*/;
	font-family:"メイリオ";
	font-size:10pt;
	font-weight: bold
}

.sbNewsalon .place {
	font-size:100%;
}

.sbNewsalon .salonCap, .sbUpdates .salonCap {
	border-top:2px solid #9f916b;
	border-bottom:1px solid #DADADA;
	padding:9px 10px;
	margin-bottom:10px;
	position:relative;
}

.sbUpdates .salonCap_m {
	margin-bottom:10px;
}

.salonCap img, .salonCap_m img {
	float:left;
}

.sbNewsalon .salonCap a, .sbUpdates .salonCap_m a {
	float:right;
	margin-top:4px;
}

/* 更新情報 */
.sbUpdates li {
	clear:both;
	background: url(/images/home/info_hr.png) bottom repeat-x;
	margin-bottom:9px;
	padding-bottom:9px;
}

.sbUpdates .articleImage {
	float:left;
	margin-right:10px;
}

.sbUpdates .articleComment {
	float:right;
	width:195px;
}

.sbUpdates .photoFrame {
	border:1px solid #DADADA;
	display:block;
	padding:1px;
}

.listContainer .photoFrame {
	border:1px solid #DADADA;
	display:block;
	padding:3px;
	background-color:#FFF
}

.sbUpdates .end {
	border:none;
	background:none;
}

/* ログイン会員登録ボタン */
.block_loginMember {
}

.block_loginMember .text {
	margin:10px 0;
	text-align:center;
}

.block_loginMember table {
	width:100%;
}

.block_loginMember th {
	font-weight:normal;
}

.block_loginMember th, .block_loginMember td {
	padding:2px 10px;
	vertical-align:top;
}

.block_loginMember .txtCap {
	vertical-align:middle;
}

.block_loginMember .toLogin {
	border-right:1px solid #DDDAD6;
}

/* 詳細はこちらボタン */


.block_salonTop p.next {
}

.block_salonTop p.next a:link, p.next a:link {
	padding-left:12px;
	background:url(/common/images/a_out.gif) 0 47% no-repeat;
	color:#735d28;
}

.block_salonTop p.next a:visited, p.next a:visited {
	background:url(/common/images/a_visited.gif) 0 47% no-repeat;
}

.block_salonTop p.next a:hover, p.next a:hover {
	background:url(/common/images/a_over.gif) 0 47% no-repeat;
}

.block_salonTop p.next {
	text-align:right;
}

/* ----------------------------
講座一覧テキスロールオーバー 
-----------------------------*/
.pageCaption h2 {
	padding-top:20px
	
}


.pageCaption ul {
	padding-top:28px;
	float:right;
	line-height:0
}

.pageCaption li {
	float:left;
    text-indent: -9999px;  
}

/* 「申し込み受付中の講座一覧」 */
.pageCaption .rollover01 {
	width:149px;
	height:14px;
	background:url(/images/salon/txt_availableSalonlist.png) no-repeat left top;
}

.pageCaption .rollover01 a {
	display:block;
	width:177px;
	height:14px;
}

.pageCaption .rollover01 a:hover {
	background:url(/images/salon/txt_availableSalonlist.png) no-repeat left -14px;
}

/* 「過去の講座レポート」 */
.pageCaption .rollover02 {
	width:135px;
	height:14px;
	background:url(/images/salon/txt_pastSalonReport.png) no-repeat left top;
	margin-left:30px
}

.pageCaption .rollover02 a {
	display:block;
	width:135px;
	height:14px;
}

.pageCaption .rollover02 a:hover {
	background:url(/images/salon/txt_pastSalonReport.png) no-repeat left -14px;
}

/* 「月別講座一覧」 */
.pageCaption .rollover03 {
	width:94px;
	height:14px;
	background:url(/images/salon/txt_monthlySalonlist.png) no-repeat left top;
	margin-left:30px
}

.pageCaption .rollover03 a {
	display:block;
	width:94px;
	height:14px;
}

.pageCaption .rollover03 a:hover {
	background:url(/images/salon/txt_monthlySalonlist.png) no-repeat left -14px;
}

.photo {
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	display:block;
}

.relateWrap {
	padding-top:10px;
	background: url(/common/images/cnt_top_border.png) repeat-x;
}