/* コラムディレクトリ専用（/column）　CSS Document */


/****** コラム　目次ページ　*****/

#column_index .top_T {
	background:url(../column/img/column_index_main.jpg) no-repeat top;
	padding:120px 50px 0 20px;
	position: relative;
	height:400px
	}

#column_index .top_T .txt {
	width:400px;
	left:30px;
	top:110px;
	position: absolute;
	z-index:2;
	color:#333333;
	font-size:100%;
	line-height:1.3em
	}

#column_index .index {
	clear:both;
	padding-top:10px
	}

.index1 ul{
	padding:20px 0;
	margin:0
	}
.index1 li{
	background-repeat:no-repeat;
	background-position:left center;
	padding:3px 0 3px 62px;
	margin-top:15px;
	line-height:1em
	}

/*---------　ナンバー　---------*/

.c01 { background:url(../column/img/vol/01.jpg) }
.c02 { background:url(../column/img/vol/02.jpg) }
.c03 { background:url(../column/img/vol/03.jpg) }
.c04 { background:url(../column/img/vol/04.jpg) }
.c05 { background:url(../column/img/vol/05.jpg) }
.c06 { background:url(../column/img/vol/06.jpg) }
.c07 { background:url(../column/img/vol/07.jpg) }
.c08 { background:url(../column/img/vol/08.jpg) }
.c09 { background:url(../column/img/vol/09.jpg) }
.c10 { background:url(../column/img/vol/10.jpg) }
.c11 { background:url(../column/img/vol/11.jpg) }
.c12 { background:url(../column/img/vol/12.jpg) }
.c13 { background:url(../column/img/vol/13.jpg) }
.c14 { background:url(../column/img/vol/14.jpg) }
.c15 { background:url(../column/img/vol/15.jpg) }
.c16 { background:url(../column/img/vol/16.jpg) }
.c17 { background:url(../column/img/vol/17.jpg) }
.c18 { background:url(../column/img/vol/18.jpg) }
.c19 { background:url(../column/img/vol/19.jpg) }
.c20 { background:url(../column/img/vol/20.jpg) }
.c21 { background:url(../column/img/vol/21.jpg) }
.c22 { background:url(../column/img/vol/22.jpg) }
.c23 { background:url(../column/img/vol/23.jpg) }
.c24 { background:url(../column/img/vol/24.jpg) }
.c25 { background:url(../column/img/vol/25.jpg) }
.c26 { background:url(../column/img/vol/26.jpg) }
.c27 { background:url(../column/img/vol/27.jpg) }
.c28 { background:url(../column/img/vol/28.jpg) }


*.frame
      {
         border: solid 1px #E6E6E6;
         width: 570px;
         height: 260px;
		 padding:0 25px;
         overflow: auto;
		 margin:30px 0
      }
	  
	  


/****** コラム　記事ページ　*****/

#column .tt {
	font-size:90%;
	color:#FF9999
	}

#column .profile_area {
	padding: 5px 10px 10px 300px;
	}
#column .profile_area .tt {
	border-bottom: solid #CCCCCC 1px;
	padding-bottom:2px;
	text-align:left;
	color:#333333;
	font-size:100%
	}
#column .profile_area td{
	color: #666666;
	font-size:80%;
	line-height:1.2em
	}	
		
#column h2 {
	color: #FF6666;
	font-size:18px;
	line-height:1em;
	text-align:left;
	padding:5px;
	margin:0;
	border-bottom: 3px solid #ECEADC
	}
#column h3 {
	color: #330000;
	font-size:14px;
	background:url(../column/img/icon_h4.gif) no-repeat 3px 2px;
	border-left:none;
	border-bottom: 1px #817B69 dashed ;
	padding:8px 30px;
	margin:20px 0 15px 0;
	line-height:1em
	}
	
#column .txt {
	padding:20px 50px;
	text-align:left;
	color: #927E5F
	}
#column .txt p {
	margin:10px 0;
	padding:5px 0
	}


#column .mininlist .f,
#column .txt .mark{
	color: #E2436F
	}
#column .txt .f {
	color: #584B3A
	}

#column .txt table {
	border: #FFCC99 1px solid;
	width:100%
	}
#column .txt th {
	border:#F9D9AA 1px solid;
	padding:5px;
	background-color:#fdf5e6;
	text-align:left;
	color: #993333
	}
#column .txt td {
	border-bottom:#F9D9AA 1px dashed;
	padding:5px;
	}




/*** レシピ（一部はほかでも流用可）　***/


.read {
	margin:15px 0 25px 0;
}
	

.row2 {
	overflow: hidden;
}
.row2 .left {
	float:left;
}
.row2 .right {
	float:right;
}


ul.recipe_txt {
	margin-left:14px;
}

ul.recipe_txt li {
	text-indent:-14px;
	margin:0 0 5px 0
}

.t_syokuzai {
	color:#EB8AA5
}



/*** ページナビゲーション　***/

#page_nv {
	border-top: 3px solid #ECEADC;
	padding:0px;
	}
#page_nv .back {float:left;width:100px;}
#page_nv .center {float:left;width:423px;}
#page_nv .next {float:left;width:100px;}

#page_nv .back,
#page_nv .center,
#page_nv .next {
	height:30px;
	text-align:center
	}
	
	
	
/******　法則　*******************************/

#housoku h2 {
	margin-top:0;
	background:url(../column/img_housoku/midasi.gif) no-repeat left;
	font-weight:bold;
	padding:6px 0 6px 45px;
	color: #ffffff
	}

/*見出し*/
#housoku h3 {
	font-size:15px;
	color: #523705;
	background:url(../column/img_housoku/midasi_bk2.jpg) no-repeat left;
	margin:5px 0px;
	padding:10px 20px 12px 30px;
	font-weight:bold
	}
#housoku blockquote {
	background-color:#ffffff ;
	border:0px solid #F0ECB7;
	}
	
#housoku .Area_text_in {
	padding:10px 30px;
	border:1px solid #F0ECB7;
	}
	
#housoku .attention2 {
	color:#006699;
	}
	
#housoku td {
	}
	
#housoku p.copy {
	background:#fbf7ef;
	padding:15px 15px 20px 15px;
	margin:0;
	color:#7c663f
}
	
	
/******　パワーアップ塾　*******************************/

#column_jk {}
#column_jk .tt { padding:15px 30px 10px 30px}
#column_jk .column_title{ padding: 10px 30px 0 30px}
#column_jk .column_inner{ padding: 10px 30px}
#column_jk .column_fmenu{ padding: 0 30px}


.column_inner {
	margin:10px 20px;
	padding:20px;
	line-height:1.6em;
	color: #333333
	}
.column_inner li {
	margin:10px 0;
}
.column_title {
	font-size:20px;
	border-bottom:1px solid #669966;
	color:#000000;
	font-weight:bold;
	padding:4px;
	}
.column_kaisuu{
	font-size:12px;
	color:#000000;
	background:url(../column/img_jk/back_kaisuu.jpg) no-repeat bottom left;
	padding:40px 10px 3px 40px;
	margin:0 10px 0 0;
	border-top: 1px dashed #CCCCCC;
	clear:both
	}
.column_day {
	color:#999999;
	font-size:10px;
	font-weight:normal;
	padding:4px
	}
.column_sine {
	color:#999999;
	font-weight:normal;
	padding:4px
	}
.column_fmenu{
	padding:5px;
	font-size:90％;
	border-top:1px solid #669966
	}
	
.column_attention{
	color: #36c
	}

.column_attention2{
	color: #FF0000
	}

/*文中の写真　左寄せ*/
.photo_left {
	padding:10px;
	color: #3399CC;
	font-size:90%;
	line-height:1.2em;
	text-align:center;
	float:left
	}
.photo_left img {
	margin-bottom:5px;
	}

/*文中の写真　右寄せ*/
.photo_right {
	padding:10px;
	color: #3399CC;
	font-size:90%;
	line-height:1.2em;
	text-align:center;
	float:right
	}
.photo_right img {
	margin-bottom:5px;
	}	

	
.text_red {
	color: #FF0000;
}


/******　女性ホルモン　*******************************/

/* 枠　*/
.box {
	border:1px solid #FFCC66;
	padding:8px
	}
	
/* 茶テキスト　*/
.txt_b {
	color:#886B53;
	}
.txt_bb p:first-letter {
	color:#886B53;
	font-size:190%;
	float:left
	}


/******　基礎体温の正しい測り方と表の見方　*******************************/

#kiso {
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	width: 680px;
	margin-top: 10px;
	float: left;
	margin-left: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*#kiso p {
	text-decoration: none;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	vertical-align: middle;
}*/
#kiso p {
	text-decoration: none;
	vertical-align: middle;
	padding: 0em;
	clear: both;
	float: left;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.7em;
	margin-left: 0em;
}

#kiso a:link {
	color: #666666;
	text-decoration: none;
}
#kiso a:visited {
	color: #666666;
}
#kiso a:hover {
	color: #FF6577;
	text-decoration: underline;
}
#kiso a:active {
	color: #FF6577;
	text-decoration: underline;
}
#kiso h1 {
	background-image: url(../column/img_kisotaion/kiso001.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 630px;
	height: 60px;
	padding-top: 10px;
	padding-left: 50px;
	font-size: 24px;
	color: #351b17;
}
#kiso h2 {
	background-image: url(../column/img_kisotaion/kiso002.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 650px;
	height: 60px;
	padding-top: 9px;
	padding-left: 30px;
	font-size: 24px;
	color: #351b17;
	float: left;
}
#kiso h3 {
	font-weight: bold;
	color: #351b17;
	background-image: url(../column/img_kisotaion/kiso003.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 70px;
	float: left;
	width: 610px;
	padding-top: 10px;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#kiso h4 {
	font-weight: bold;
	background-image: url(../column/img_kisotaion/kiso004.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 37px;
	padding-top: 5px;
	color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	margin-bottom: 20px;
}
.kiso_box01 {
	background-image: url(../column/img_kisotaion/kiso022.gif);
	background-repeat: repeat;
	background-position: left top;
	width: 680px;
	float: left;
}
.kiso_box01_1 {
	background-color: #FFF;
	margin: 30px;
	padding: 20px;
	width: 580px;
	float: left;
}
.kiso_box02 {
	width: 516px;
	float: left;
	border: 2px dashed #FBE4EC;
	padding: 30px;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.kiso_box03 {
	width: 588px;
	float: left;
	border: 1px solid #C3E5E6;
	padding: 15px;
	font-size: 12px;
	margin: 30px;
}
.kiso_box04 {
	width: 556px;
	float: left;
	border: 2px dotted #C3E5E6;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	line-height: 0.8em;
}
#kiso .kiso_box04 p {
	text-decoration: none;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 14px;
}
#kiso .kiso_box04 a:link {
	color: #58C3B2;
	text-decoration: underline;
}
#kiso .kiso_box04 a:visited {
	color: #666666;
}
#kiso .kiso_box04 a:hover {
	color: #FF6577;
	text-decoration: underline;
}
#kiso .kiso_box04 a:active {
  color: #FF6577;
	text-decoration: underline;
}
.kiso_box05 {
	width: 536px;
	float: left;
	border: 2px dashed #FDEDD4;
	font-size: 14px;
	margin: 20px;
	padding: 20px;
}
.kiso_box06 {
	background-image: url(../column/img_kisotaion/kiso021.gif);
	background-repeat: repeat;
	background-position: left top;
	width: 580px;
	float: left;
	margin: 20px;
	color: #351b17;
}
.kiso_box06_1 {
	background-color: #FFF;
	margin: 20px;
	padding: 20px;
	width: 500px;
	float: left;
}
.kiso_box07 {
	background-image: url(../column/img_kisotaion/kiso047.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 580px;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 30px;
	position: relative;
	height: 40px;
}
.kiso_box07 a {
	position: absolute;
	width: 99px;
	height: 41px;
}
#kiso .kiso_box07 p {
	margin-left: 100px;
	margin-top: 9px;
	display: block;
}
#kiso .kiso_box07 p a {
	position: static;
}
#kiso .kiso_box08 {
	width: 476px;
	float: left;
	border: 2px dotted #FBE4EC;
	font-size: 14px;
	padding: 20px;
	margin-right: 80px;
	margin-left: 80px;
	margin-top: 30px;
}
.kiso_box09 {
	width: 588px;
	float: left;
	border: 1px dashed #CBCBCB;
	padding: 15px;
	font-size: 14px;
	margin: 30px;
}
.kiso_box09 p {
	float: left;

}
#kiso .kiso_box09 .ml {
	margin-left: 20px;
	clear: both;
}


.box01_first1 {
	float: left;
	width: 580px;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 10px;
	font-weight: bold;
}
.box01_first1 p:first-letter {
	font-size: 250%;
	color: #58C3B2;
	font-weight: bold;
}
.box01_first1 p:first-line{
	float: left;
	line-height: 140%;
}
.box01_first2 {
	float: left;
	width: 480px;
	margin-right: 100px;
	margin-left: 100px;
	margin-bottom: 40px;
}
.box01_first2 p:first-letter {
	font-size: 250%;
	color: #ff65b2;
	font-weight: bold;
}

.box01_first2 p:first-line{
	float: left;
	line-height: 140%;
}
.box01_first3 {
	width: 100%;
	float: left;
}
.box01_first3 p:first-letter {
	font-size: 100%;
	color: #666;
	font-weight: normal;
}

.box01_first3 p:first-line{
	line-height: normal;
}

#kiso .box01 {
	float: left;
	width: 620px;
	margin-right: 30px;
	margin-left: 30px;
}
#kiso .box02 {
	float: left;
	width: 602px;
	margin-left: 18px;
	font-size: 14px;
	padding: 0px;
	margin-top: 0px;
	line-height: 50%;
	margin-right: 0px;
	margin-bottom: 30px;
}
#kiso .box01 .mb {
	float: left;
	margin-bottom: 0px;
}
#kiso .box01 .mb20 {
	float: left;
	margin-bottom: 20px;
}
#kiso .box01 .mt30 {
	float: left;
	margin-top: 30px;
}
#kiso .box01 .mt30_aqua {
	margin-top: 30px;
	color: #58C3B2;
	float: left;
}
#kiso .box01 .aqua01 {
	color: #58C3B2;
}
#kiso .box100 {
	float: left;
	width: 100%;
}
#kiso .box70l {
	float: left;
	width: 70%;
}
#kiso .box70l img {
	width: 90%;
	margin-right: 10%;
}
#kiso .box70r {
	float: left;
	width: 30%;
}
#kiso .box70r img {
	width: 90%;
	margin-left: 10%;
}
#kiso .box60l {
	float: left;
	width: 60%;
}
#kiso .box60l img {
	width: 90%;
	margin-right: 10%;
}
#kiso .box60r {
	float: left;
	width: 40%;
}
#kiso .box60r img {
	width: 90%;
	margin-left: 10%;
}
#kiso .box50l {
	float: left;
	width: 50%;
}
#kiso .box50l img {
	width: 90%;
	margin-right: 10%;
}
#kiso .box50r {
	float: left;
	width: 50%;
}
#kiso .box50r img {
	width: 90%;
	margin-left: 10%;
}
#kiso .box40l {
	float: left;
	width: 40%;
}
#kiso .box40l img {
	width: 90%;
	margin-right: 10%;
}
#kiso .box40r {
	float: left;
	width: 60%;
}
#kiso .box40r img {
	width: 90%;
	margin-left: 10%;
}
#kiso .box30l {
	float: left;
	width: 30%;
}
#kiso .box30l img {
	width: 90%;
	margin-right: 10%;
}
#kiso .box30r {
	float: left;
	width: 70%;
}
#kiso .box30r img {
	width: 90%;
	margin-left: 10%;
}
#kiso .box20l {
	float: left;
	width: 20%;
}
#kiso .box20l img {
	width: 90%;
	margin-right: 10%;
}
#kiso .box20r {
	float: left;
	width: 80%;
}
#kiso .box20r img {
	width: 90%;
	margin-left: 10%;
}
#kiso .line01 {
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 30px;
}
.box01 .kiso_box02 .m_ygreen01 {
	display: inline;
	float: left;
}
.box01 .kiso_box02 .m_orange01 {
	display: inline;
	float: left;
	clear: both;
}
.box01 .kiso_box02 .m_pink03 {
	display: inline;
	float: left;
	clear: both;
}
.box01 .kiso_box02 .m_purple01 {
	display: inline;
	float: left;
	clear: both;
}