@charset "utf-8";





p {
  word-wrap: break-word;
}

img {
  display:inline;
  -ms-interpolation-mode: bicubic;
}
/* ---------------------------------------------------
	ハイパーテキスト
---------------------------------------------------- */
a {
	color:#4B1821;
	text-decoration:none;
}

a:hover,
.linkRed a:hover,
.linkBlack a:hover {
	color:#FF5500;
	text-decoration:underline;
}

.linkRed,
.linkRed a {
	color:#4B1821;
}

.linkBlack,
.linkBlack a {
	color:#333;
}





/* ----------------------------------------------------
	基本テキスト
---------------------------------------------------- */
body {
	color:#333;
}
	
	body table {
		_color:#333;
	}

p {
}

em {
	font-weight:bold;
}

label {
	margin-left:5px;
}





/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

.clearfix,
.header,
.gNav ul,
.content,
.pageDescription,
.sbNews li,
.sbBanner div,
.footer,
.pageNav,
.tagList dl,
.sbCategory ul,
.template_00,
.template_01,
.template_02,
.template_03,
.template_04,
.salon_template,
.relatedContents li,
.dialogInner,
.styleCap,
.borderCap,
.salonProfile .relatedContents,
.captionSimple {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.header:after,
.gNav ul:after,
.content:after,
.pageDescription:after,
.sbNews li:after,
.sbBanner div:after,
.footer:after,
.pageNav:after,
.tagList dl:after,
.sbCategory ul:after,
.template_00:after,
.template_01:after,
.template_02:after,
.template_03:after,
.template_04:after,
.salon_template:after,
.relatedContents li:after,
.dialogInner:after,
.styleCap:after,
.borderCap:after,
.salonProfile .relatedContents:after,
.captionSimple:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}





/* ----------------------------------------------------
	メインレイアウト
---------------------------------------------------- */
body {
	text-align:center;
}

	.wrapper {
		width:975px;
		margin:0 auto;
		text-align:left;
	}
		
		.content {
			margin-bottom:2em;
		}
		
.leftColumn {
	width:650px;
	float:left;
}

.rightColumn {
	width:300px;
	float:right;
}





/* ----------------------------------------------------
	ヘッダー
---------------------------------------------------- */
.header {
	width:100%;
	height:93px;
	position:relative;
}
	
	.header .siteLogo {
		position:absolute;
		top:20px;
		left:0px;
	}
	
	.header .catchCopy {
		position:absolute;
		top:28px;
		left:125px;
	}
	
	.header .loginNav {
		float:right;
		margin-top:14px;
		padding:10px;
		border:1px solid #EBEBEB;
		background-color:#FBFBFA;
	}
		
		.loginNav table {
			text-align:right;
		}
			
			.loginNav table th,
			.loginNav table td {
				padding:0 5px;
			}
		
		.loginNav em {
			margin-left:1em;
		}
	
	.header .mailmagNav {
		position:absolute;
		top:70px;
		right:0px;
	}
	
	.header .mailmagNav img {
		vertical-align:top;
	}
  
	.header .headSearch {
		position:absolute;
		top:65px;
		right:0px;
	}
  
	.header .headSearch .text {
		width:150px;
    margin-right:8px;
	}






/* ----------------------------------------------------
	フッター
---------------------------------------------------- */
.footer {
	padding:1em 0 2em 0;
	border-top:4px solid #4B1821;
}
	
	.footerNav {
		float:left;
	}
	
	.footerNav a {
		margin-right:1em;
	}
  
  .footer .footerLogo {
		text-align:right;
		margin-bottom:10px;
  }
	
	.footer .footerCopy {
		text-align:right;
		margin-bottom:10px;
	}






/* ----------------------------------------------------
	フラッシュエリア
---------------------------------------------------- */
.flashArea {
	margin-bottom:1em;
}





/* ----------------------------------------------------
	グローバルナビゲーション
---------------------------------------------------- */
.gNav {
	padding-bottom:25px;
	background:url(/common/images/gNav_bottom.png) left bottom no-repeat;
}
	
	.gNav li {
		float:left;
	}
  
  .gNav_sub {
	  background:url(/common/images/bg_gnavSub.png) left top repeat;
    padding:5px 15px;
  }
  
  .gNav_sub ul {
    border-left:1px solid #999999;
  }
    .gNav_sub li {
      border-right:1px solid #999999;
      padding:0 10px;
    }
      
      .gNav_sub li a {
  	    color:#666666;
      }    
      
      .gNav_sub li.current {
  	    color:#4B1821;
        font-weight:bold;
      }





/* ----------------------------------------------------
	パンくずリスト
---------------------------------------------------- */
.breadCrumb {
	font-size:100%;
	margin-bottom:20px;
}






/* ----------------------------------------------------
	サイドバー
---------------------------------------------------- */
.rightColumn h3 {
  margin-bottom:10px;
}

/* ニュース */
.sbNews {
}
	
	.sbNews li {
		margin-bottom:9px;
		padding-bottom:9px;
		border-bottom:1px solid #F2EEEE;
	}
	
		.sbNews .end {
			border-bottom:1px solid #4B1821;
		}
	
	.sbNews .newsImage {
    margin-right:10px;
		float:left;
	}
	
	.sbNews .newsDate {
		font-size:100%;
		font-weight:bold;
		color:#4B1821;
    float:right;
    width:220px;
	}
	
	.sbNews .newsComment {
		font-size:100%;
		line-height:130%;
    float:right;
    width:220px;
	}

/* 会員になると？ */
.sbWhy {
}

/* バナー領域 */
.sbBanner div {
	margin-bottom:10px;
}

/* ニュースなどのカテゴリリスト */
.sbCategory {
	padding:10px 0;
	border-top:2px solid #4B1821;
	border-bottom:1px solid #4B1821;
}

	.sbCategory a {
		#zoom:0; /* IE用 */
	}
	
	.sbCategory .fl {
		margin:0 6px 6px 0;
	}
	
	.sbCategory .end {
		margin-bottom:0;
	}
	
	.sbCategory .all {
		display:inline-block;
		_padding:10px 0 0;
		padding:10px 0 5px;
	}

/* アクセスランキング */
.sbRank {
	font-weight:bold;
}
  
  .sbRank table {
    width:100%;
  }
    
    .sbRank th {
      width:35px;
      vertical-align:top;
    }
  	
  	.sbRank th,
  	.sbRank td {
  		padding:5px;
  		border-bottom:1px solid #DADADA;
  	}
  	
  	.sbRank .end th,
  	.sbRank .end td {
  		border:none;
  	}

/* コメント数ランキング */
.comRank {
	font-weight:bold;
}
  
  .comRank table {
    width:100%;
  }
    
    .comRank th {
      width:35px;
      vertical-align:top;
    }
  	
  	.comRank th,
  	.comRank td {
  		padding:5px;
  		border-bottom:1px solid #DADADA;
  	}
  	
  	.comRank .end th,
  	.comRank .end td {
  		border:none;
  	}
    
    .comRank td span {
      display:block;
      font-size:85%;
      color:#ADADAD;
    }

/* タグクラウド */
.tagCloud ul li {
	display:inline;
  margin-right:3px;
}
  
  .tagCloud ul li.lev1 a {
    font-size:116%;
  	color:#4b1821;
    font-weight:bold;
  }
  
  .tagCloud ul li.lev2 a {
  	color:#cd87a5;
  }
  
  .tagCloud ul li.lev3 a {
    font-size:85%;
  	color:#646464;
  }

/* おすすめ情報 */
.sbRecommend .recoCap {
  border-bottom:1px solid #DADADA;
  border-top:2px solid #4B1821;
  margin-bottom:10px;
  padding:9px 10px;
  position:relative;
}

/* NEWアイコン */
	.ico_new img {
		vertical-align:top;
    margin:2px 0 0 5px;
    #margin:-1px 0 0 5px;
	}
	.ico_new_ar img {
		vertical-align:top;
    margin:2px 0 0 5px;
    #margin:-1px 0 0 5px;
    float:right;

	}




/* ----------------------------------------------------
	ライブラリ
---------------------------------------------------- */
/* 背景画像有りのキャプションバー */
.styleCap {
	border-top:2px solid #4B1821;
	background:url(/common/images/bg_contentCap.png) left bottom repeat-x;
	padding:9px 10px;
	margin-bottom:10px;
	position:relative;
}
	.styleCap img {
    float:left;
  }
  
	.styleCap a {
    float:right;
    margin-top:4px;
	}

/* 左と下にボーダーがあるタイプのキャプション */
.borderCap {
	border-width:0 0 1px 3px;
	border-style:solid;
	border-color:#4B1821;
	padding:5px 10px;
	position:relative;
}
	.borderCap img {
    float:left;
  }
  
	.borderCap a {
    float:right;
	}

/* ページキャプション（下に斜線装飾） */
/* <div class="pageCaption"><h2><img></h2></div> */
.pageCaption {
	height:57px;
  margin-bottom:10px;
	background:url(/common/images/border_slash.png) left 50px repeat-x;
	position:relative;
}
	/* ページキャプション内の要素 */
	.pageCaption .inner {
		position:absolute;
		right:0;
		bottom:15px;
		text-align:right;
	}

/* キャプション下のヘルパーとか */
.pageDescription {
  margin-bottom:15px;
}
  
  .pageCopy {
    float:left;
  }
  
  .link_helper {
    float:right;
  }

/* ページキャプション（左にボーダー装飾） */
.captionMini {
	padding-left:5px;
	border-left:2px solid #4B1821;
}

/* ページキャプション（サークルアイコン） */
.captionMicro {
	height:15px;
	padding-left:15px;
	display:inline-block;/* OS環境バグFix */
	background:url(/common/images/bg_captionMicro.png) 0 0 no-repeat;
}
	
	.captionMicro img {
		vertical-align:top;
	}

/* コンテンツキャプション（上下にボーダー大） */
.captionSimpleLarge {
  color:#4B1821;
  font-size:116%;
	padding:5px 0;
	margin-bottom:15px;
	border-top:1px solid #4B1821;
	border-bottom:1px solid #4B1821;
}

/* コンテンツキャプション（上下にボーダー小） */
.captionSimple {
	padding:5px 0;
	margin-bottom:15px;
	border-top:1px solid #4B1821;
	border-bottom:1px solid #DADADA;
	clear:both;
}

	.captionSimple a {
		float:right;
		margin-top:4px;
	}
	.captionSimple img {
		float:left;
	}

/* コンテンツキャプション（1pxの枠付き） */
.captionSquare {
  color:#4B1821;
  font-size:116%;
	padding:5px;
	margin-bottom:15px;
	border:1px solid #4B1821;
}

/* コンテンツ間の隙間を確保するもの */
/* <div class="contentMargin"><hr /></div> */
.contentMargin {
	margin:1em 0;
}
	
	.contentMargin hr {
		display:none;
	}

/* 通常のボーダー */
/* <div class="borderSolid"><hr /></div> */
.borderSolid {
	width:100%;
	height:1px;
	display:block;
	border-bottom:1px solid #EBEBEB;
}
	
	.borderSolid hr {
		display:none;
	}

/* 斜線のボーダー */
/* <div class="borderStripe"><hr /></div> */
.borderStripe {
  width:100%;
  height:5px;
  display:block;
	background:url(/common/images/border_slash.png) left top repeat-x;
}
	
	.borderStripe hr {
		display:none;
	}

/* ボーダー付きの写真 */
/* <span class="photoFrame"><img></span> */
/* span以外も可 */
.photoFrame {
	display:block;
  padding:1px;
	border:1px solid #DADADA;
}
	
	.photoFrame img {
		display:block;
	}

/* 表示件数プルダウン */
.listLimit {
	display:block;
	text-align:right;
}

/* 関連コンテンツリスト */
.relatedContents {
}
	
	.relatedContents li {
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px solid #E8E5E1;
		position:relative;
	}
    
    .relatedContents li li {/*記事用*/
  		padding-bottom:0;
  		margin-bottom:0;
      border:none !important;
      display:list-item;
      list-style-type:disc;
      list-style-position:inside;
    }
	
	.relatedContents .end {
		border:none;
	}
	
	.relatedContents .photo {
		float:left;
		margin:0 10px 0 0;
	}
	
	.relatedContents .description {
	}
		
		.relatedContents .description .text {
			font-size:100%;
			line-height:130%;
			margin-bottom:1em;
		}
		
		.relatedContents .category {
			color:#CD87A5;
			font-weight:bold;
		}
		
		.relatedContents h3 {
			font-size:139%;
			color:#4B1821;
		}
    
    *:first-child+html .relatedContents h3 {
      margin-bottom:10px;
		}
		
		.relatedContents .description a {
			zoom:0;
		}
		
		.relatedContents .link_detail {
			text-align:right;
		}

/* タグリスト（著者とかキーワード） */
/* リスト表示の場合は固定サイズ
記事フッターの場合はフレキシブル */
.relatedContents .tagList dl {
	width:375px;
	float:right;
}

.tagList .author dt,
.tagList .author dd {
	display:inline;
}

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

.tagList dd {
	padding:0 2px;
	margin:0 3px 2px 0;
}
	
	.tagList .icoStyle {
    #white-space:nowrap;
		background-color:#CD87A5;
	}
		
		.tagList .icoStyle a,
		.tagList .icoStyle a:visited {
			color:#FFF;
			font-weight:bold;
		}

/* ページの先頭へリンク */
.linktoTop {
  clear:both;
  margin-bottom:10px;
}
  
  .linktoTop p {
    text-align:right;
  }
  
  .linktoTop img {
    vertical-align:top;
  }




/* ----------------------------------------------------
	ページネーション
---------------------------------------------------- */
/* 複数ページ用 */
.pageNav {
	margin:20px 0;
}
  
  .pageNav table {
    width:100%;
  }
  
  .pageNav .sort,
  .pageNav .limit {
    width:30%;
    vertical-align:middle;
  }
  
  .pageNav .limit {
    width:20%;
    text-align:right;
  }
  
  .pageNav .pager {
    width:50%;
    vertical-align:middle;
  }
    
    .pageNav .pager li {
  	  font-family:Verdana;
      padding:1px;
      margin:0 2px;
      float:left;
      line-height:25px;
  		border:1px solid #DADADA;
    }
  	
  	.pageNav .pager span,
  	.pageNav .pager a {
      padding:5px 8px;
      #padding:6px 8px 5px;
      zoom:0;
  	}
    
    .pageNav .pager span {
      background-color:#999999;
      color:#FFF;
    }

/* １ページずつ遷移する用 */
.pageNav_single {
	text-align:center;
	margin:20px 0;
}
	.pageNav_single a {
		color:#834f58;
}





/* ----------------------------------------------------
	記事テンプレート
---------------------------------------------------- */
.template_01,
.template_02,
.template_03,
.template_04 {
  width:650px;
  clear:both;
}

.template_01 p,
.template_02 p,
.template_03 p,
.template_04 p {
  word-break:break-all;
}

.template_02 .fl {
  float:left;
  margin:0 10px 10px 0;
}

.template_03 .fr {
  float:right;
  margin:0 0 10px 10px;
}

.template_04 .fl {
  float:left;
  margin:0 0 10px 0;
}

.template_04 .fr {
  float:right;
  margin:0 0 10px 0;
}






/* ----------------------------------------------------
	サロン記事用テンプレート
---------------------------------------------------- */
.salon_template {
  width:650px;
}

.salon_template .photo img {
	float:left;
  margin-bottom:20px;
}

.salon_template ul {
  margin:0px 5px;
  float:right;
  width:310px;
}
  
  .salon_template li {
    border-bottom:1px solid #F2EEEF;
    padding:10px 5px;
    text-align:left;
  }
  
    .salon_template li em {
      margin-right:3px;
    }
    
  .salon_template .end {
    border:none;
  }

/* サロン講師プロフィール */
.salonProfile {
		margin-top:20px;
		margin-bottom:20px;
    padding:10px;
    border: 1px solid #E8E5E1;
    width:628px;
	}
  
	.salonProfile .photo {
		float:left;
		margin:0 10px 10px 0;
	}
  
	.salonProfile h3 {
    margin-bottom:5px;
    text-align:left;
	}
  
	.salonProfile p {
    float:right;
		width:463px;
	}

/* サロン講師の総括 */

  	.salonSummary{
      padding:15px;
      border:1px solid #fed6bf;
      background:#ffede2;
  	}
  	.salonSummary p{
      margin-bottom:1em;
      clear:both;
  	}
  	.salonSummary .photo{
      float:left;
      margin:0 10px 10px 0;
  	}
  	.salonSummary h4{
      color:#fa5c00;
      font-size:139%;
  	}



/* ----------------------------------------------------
	ラボラトリ記事用テンプレート
---------------------------------------------------- */
.labolatory_template {
  width:650px;
}

.labolatory_template .answerColumn_main {
  background:url(/images/laboratory/article/articleid/bg_answerRound_b.png) left bottom no-repeat;
  padding-bottom:5px;
  margin-bottom:20px;
}
  
  .labolatory_template .answerColumn_mainTop {
    background:url(/images/laboratory/article/articleid/bg_answerRound_t.png) left top no-repeat;
    padding-top:10px;
  }
  
  .labolatory_template .answerColumn_mainBottom { /* 実際にコメントが入るDIV */
    background:url(/images/laboratory/article/articleid/bg_answerRound_m.png) 0 0 repeat-y;
    padding:0.5em 1em;
  }
  
    .labolatory_template .answerColumn_main span img {
      float:left;
      padding-right:12px;
      margin-right:12px;
      border-right:1px solid #e9daca;
    }
    
    .labolatory_template .answerColumn_main h4 {
    	font-size:139%;
    	color:#a7743d;
    	line-height:110%;
      padding:8px 0px 15px;
      float:left;
    }
    
      .labolatory_template .answerColumn_main .photoText {
        border-top:1px solid #dac1a5;
        padding-top:10px;
        clear:both;
      }
        
        .labolatory_template .answerColumn_main .photoText .photo {
          float:left;
          width:109px;
          margin-right:10px;
        }
        
        .labolatory_template .answerColumn_main .photoText p {
          margin-bottom:1em;
        }





/* ----------------------------------------------------
	ダイアログ用スタイル
---------------------------------------------------- */
.preview_dialog,
.report_dialog {
  width:540px;
}

.photo_dialog {
}
  
  .photoContent {
    padding:20px 40px;
  }

.dialogMsg {
  text-align:left;
  margin:1em 0;
}

.dialogContent {
  border:1px solid #DFDFDF;
  padding:10px;
  margin-bottom:1em;
  text-align:left;
}
  
  .dialogLeft {
    width:120px;
    float:left;
  }
  
  .dialogName {
    font-weight:bold;
  }
  
  .dialogDetail {
    float:right;
  }
  
  .dialogViolation {
    border-top:1px solid #E8E8E8;
  }
  
  .dialogViolation li {
    border-bottom:1px solid #E8E8E8;
    padding:5px 0;
  }
  
  .dialogViolation th,
  .dialogViolation td {
    padding:10px;
  }
  
  .dialogViolation th {
    width:5em;
    background-color:#F9F9F9;
  }
  
  .dialogViolation td input {
  }
  
  .ui-dialog .ui-dialog-buttonpane {
    display:none;
  }
  
  .dialogViolation .setValue {
    font-weight:bold;
    color:#C52E2E;
    margin-bottom:5px;
  }





/* ----------------------------------------------------
	マガジン用スタイル
---------------------------------------------------- */
  .lineupContainer {
    border-bottom:1px solid #E6E0E2;
    padding-bottom:10px;
    margin-bottom:10px;
    position:relative;
  }
  .nextlineupContainer {
    position:relative;
  }
  
  .lineupContainer .fl {
    width:110px;
  }
  
  .lineupContainer .fr {
    width:520px;
    float:right;
  }
  
  .lineupContainer span,
  .lineupContainerS span,
  .nextlineupContainer span {
    font-weight:bold;
    color:#323232;
  }
  
  .lineupContainer h5,
  .lineupContainerS h5,
  .nextlineupContainer h5  {
    font-size:116%;
    color:#C36F91;
    margin-bottom:10px;
  }
  
  .lineupContainer em,
  .lineupContainerS em {
    font-weight:bold;
    color:#C36F91;
  }
  
  .lineupContainer .fontLv3,
  .lineupContainerS .fontLv3 {
    font-weight:normal;
    font-size:85%;
  }
  
  .lineupContainer .fontLv2,
  .lineupContainerS .fontLv2 {
    font-weight:normal;
    font-size:85%;
    color:#777777;
  }
  
  .lineupContainerS {
    width:315px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #E6E0E2;
  }
  
  .detailFeature,
  .detailFree  {
      width:440px;
      margin:10px 0 30px;
  }
    
    .detailFeature dt {
      margin-top:5px;
      color:#F76510;
      font-weight:bold;
    }
    
    .detailFeature dd {
      font-size:86%;
    }
    
    .detailFeature em {
      color:#612D39;
    }
  
  .detailFree p {
    margin-top:5px;
    color:#612D39;
    font-weight:bold;
  }