@charset "shift_jis";

/***********************************************
　鉄板ベースメイクガイド！
　中ページ共通CSS
　					      --- create 2010/12/17
************************************************/


/*=============================================
　オリジナルコンテンツ　大枠
===============================================*/
#tpb0106_cts {
	width: 635px;
	text-align: left;
	font-size: 13px;
	line-height: 1.4;
	color: #330000;
	position: relative;
	background-color: #FFFFFF;
	padding: 0;
}
#tpb0106_cts ul li a {
	font-size: 13px;
}
#tpb0106_cts p {
	font-size: 13px;
	line-height: 1.4;
}

/*=============================================
　clearfix
===============================================*/
.cmn_clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.cmn_clearfix { display:inline-block; }
/*\*/
* html .cmn_clearfix { height:1%; }
.cmn_clearfix { display:block; }
/**/

/*=============================================
　font
===============================================*/
#tpb0106_cts a {
	color: #db5b5b;
	text-decoration: underline;
}
#tpb0106_cts a:hover {
	color: #ff9900;
	text-decoration: underline;
}
.fc_whi {
	color: #ffffff;
}
.fc_bro {
	color: #9b7545;
}
.fc_ore {
	color: #ff9900;

}
.fc_nolink {
	color: #6d6d6d;
}
.bld{
	font-weight: bold;
}

.fs_11{
	font-size: 15px;
	line-height: 1.4;
}
.fs_10{
	font-size: 10px;
	line-height: 1.4;
}


/*=============================================
　ヘッダー
===============================================*/
#tpb0106_cts #hdr {
	width: 635px; height: 247px;
	background: url(../images/contents/contents_hd.jpg) no-repeat left top;
	padding: 0;
	overflow: hidden;
	position: relative;
}

#tpb0106_cts #hdr .main_title {
	overflow: hidden;
	position: absolute;
	top: 0px; left: 20px;
}

#tpb0106_cts .txt_link01 a.cursor {
	background: url(../images/contents/arrow01.png) no-repeat left top;
	padding: 0 0 0 10px;
	background-position: 0 3px;
	font-size: 10px;
	line-height: 1.4;
	position: absolute;
	top: 68px; left: 532px;
}

#tpb0106_cts #hdr .present {
	overflow: hidden;
	position: absolute;
	top: 100px; left: 27px;
}

#tpb0106_cts #hdr .present_txt {
	overflow: hidden;
	position: absolute;
	top: 120px; left: 82px;
	color:#FFFFFF;
	font-size:10px;
}

#tpb0106_cts #hdr .present_txt_end {
	overflow: hidden;
	position: absolute;
	top: 156px; left: 82px;
	color:#FFFFFF;
	font-size:10px;
}

#tpb0106_cts #hdr .present_txt a{
	color:#FFFFFF;
	text-decoration: underline;
}

#tpb0106_cts #hdr .present_txt a:hover {
	color: #ffcc00;
	text-decoration: underline;
}


#tpb0106_cts #hdr .present_link01 a {
	width: 113px; height: 0;
	background: url(../images/contents/present_link01.png) no-repeat left top;
	padding: 17px 0 0 0;
		overflow: hidden;
	position: absolute;
	top: 136px; left: 83px;
	}
#tpb0106_cts #hdr .present_link01 a:hover {
	background-position: 0 -17px;
}

/*=============================================
　ナビゲーション
===============================================*/
#tpb0106_cts #hdr ul {
	list-style-type: none;
	}

/*ページにいる時*/
#tpb0106_cts #hdr ul li.navi01_on {
	width: 150px; height: 0;
	background: url(../images/contents/navi01.png) no-repeat left top;
	background-position: 0 -54px;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 11px;
	}
	
#tpb0106_cts #hdr ul li.navi01 a {
	width: 150px; height: 0;
	background: url(../images/contents/navi01.png) no-repeat left top;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 11px;
	}
#tpb0106_cts #hdr ul li.navi01 a:hover {
	background-position: 0 -54px;
}

/*未公開*/
#tpb0106_cts #hdr ul li.navi02_off {
	width: 146px; height: 0;
	background: url(../images/contents/navi02_no.png) no-repeat left top;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 168px;
	}

/*ページにいる時*/
#tpb0106_cts #hdr ul li.navi02_on {
	width: 146px; height: 0;
	background: url(../images/contents/navi02.png) no-repeat left top;
	background-position: 0 -54px;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 168px;
	}

#tpb0106_cts #hdr ul li.navi02 a {
	width: 146px; height: 0;
	background: url(../images/contents/navi02.png) no-repeat left top;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 168px;
	}
#tpb0106_cts #hdr ul li.navi02 a:hover {
	background-position: 0 -54px;
}

/*未公開*/
#tpb0106_cts #hdr ul li.navi03_off {
	width: 146px; height: 0;
	background: url(../images/contents/navi03_no.png) no-repeat left top;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 322px;
	}
	
/*ページにいる時*/
#tpb0106_cts #hdr ul li.navi03_on {
	width: 146px; height: 0;
	background: url(../images/contents/navi03.png) no-repeat left top;
	background-position: 0 -54px;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 322px;
	}
	
#tpb0106_cts #hdr ul li.navi03 a {
	width: 146px; height: 0;
	background: url(../images/contents/navi03.png) no-repeat left top;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 322px;
	}
#tpb0106_cts #hdr ul li.navi03 a:hover {
	background-position: 0 -54px;
}

/*未公開*/
#tpb0106_cts #hdr ul li.navi04_off {
	width: 150px; height: 0;
	background: url(../images/contents/navi04_no.png) no-repeat left top;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 475px;
	}
	
/*ページにいる時*/
#tpb0106_cts #hdr ul li.navi04_on {
	width: 150px; height: 0;
	background: url(../images/contents/navi04.png) no-repeat left top;
	background-position: 0 -54px;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 475px;
	}
	
#tpb0106_cts #hdr ul li.navi04 a {
	width: 150px; height: 0;
	background: url(../images/contents/navi04.png) no-repeat left top;
	padding: 54px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 193px; left: 475px;
	}
#tpb0106_cts #hdr ul li.navi04 a:hover {
	background-position: 0 -54px;
}

#tpb0106_cts #hdr .date01 {
	overflow: hidden;
	position: absolute;
	top: 188px; left: 177px;
	}
	
#tpb0106_cts #hdr .date02 {
	overflow: hidden;
	position: absolute;
	top: 188px; left: 330px;
	}
	
#tpb0106_cts #hdr .date03 {
	overflow: hidden;
	position: absolute;
	top: 188px; left: 484px;
	}
	
/*=============================================
　タイトル
===============================================*/
#tpb0106_cts .ct_title {
	width: 635px; height: 71px;
	padding: 0;
	overflow: hidden;
	position: relative;
}

#tpb0106_cts .ct_midashi {
	width: 635px;
	height:auto;
	background: url(../images/contents/midashi_bg.png) repeat-y;
	padding: 0;
	overflow: hidden;
	position: relative;
}

#tpb0106_cts .ct_midashi p {
	width: 577px;
	height:auto;
	background: url(../images/contents/midashi_bg.png) repeat-y;
	padding: 0 0 10px 28px;
}



/* ---------------------------------------------------------------- *
	ボタン
 * ---------------------------------------------------------------- */
#tpb0106_cts #ct_contents .ct_box03 .shouhin_btn {
	width: 103px; height: 17px;
	position: relative;
    float: left;
	text-indent:-9999px;
	}

#tpb0106_cts #ct_contents .ct_box03 .shouhin_btn a {
	width: 103px; height: 0;
	background: url(../images/contents/shouhin_btn.png) no-repeat left top;
	padding: 17px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 0px; top: 0px;
	}
#tpb0106_cts #ct_contents .ct_box03 .shouhin_btn a:hover {
	background-position: 0 -17px;
}

#tpb0106_cts #ct_contents .ct_box03 .kuchikomi_btn {
	width: 130px; height: 17px;
	position: relative;
    float: left;
	text-indent:-9999px;
	}

#tpb0106_cts #ct_contents .ct_box03 .kuchikomi_btn a {
	width: 130px; height: 0;
	background: url(../images/contents/kuchikomi_btn.png) no-repeat left top;
	padding: 17px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 5px; top: 0px;
	}
#tpb0106_cts #ct_contents .ct_box03 .kuchikomi_btn a:hover {
	background-position: 0 -17px;
}

#tpb0106_cts #ct_contents .ct_box03 .present_btn {
	width: 130px; height: 17px;
	position: relative;
    float: left;
	text-indent:-9999px;
	padding-bottom:5px;
	}

#tpb0106_cts #ct_contents .ct_box03 .present_btn a {
	width: 130px; height: 0;
	background: url(../images/contents/present_btn.png) no-repeat left top;
	padding: 17px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 0px; top: 5px;
	}
#tpb0106_cts #ct_contents .ct_box03 .present_btn a:hover {
	background-position: 0 -17px;
}

#tpb0106_cts #ct_contents .ct_box03 .present_btn_no {
	width: 274px; height: 17px;
	background: url(../images/contents/present_btn_no.png) no-repeat left top;
	position: relative;
    float: left;
	text-indent:-9999px;
	padding-bottom:5px;
	margin-top:5px;
	}


/* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */

#tpb0106_cts .ft_link { margin: 5px 0 0 0; }

#tpb0106_cts .ft_link p {
  color: #82c6bc;
  font-size: 14px;
  }

#tpb0106_cts .ft_link p a {
  background: url(../images/contents/arrow02.png) no-repeat left top;
	padding: 0 0 0 10px;
	background-position: 0 3px;
	line-height: 1.6;
	color: #068681;
	}

#tpb0106_cts .ft_link a:hover { 
color:#82c6bc; 
}


/* ---------------------------------------------------------------- *
	マージン
 * ---------------------------------------------------------------- */
 .mg5 {
  margin: 0px;
  padding:0 0 5px 0;
}


 .mg10 {
  margin: 0px;
  padding:0 0 10px 0;
}


 .mg15 {
  margin: 0px;
  padding:0 0 15px 0;
}


 .mg20 {
  margin: 0px;
  padding:0 0 20px 0;
}

 .mg20b {
  margin: 0px;
  padding:20px 0 0 0;
}

 .mg20c {
  margin: 0px;
  padding:25px 0 15px 0;
}

 .mg20d {
  margin: 0px;
  padding:0 20px 0 0;
}

 .mg25 {
  margin: 0px;
  padding:0 0 25px 0;
}

 .mg30 {
  margin: 0px;
  padding:0 0 30px 0;
}