@charset "utf-8";

/*
============================================================
基本レイアウト設定
------------------------------------------------------------
*/

body{
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",san-serif;
}

*{
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

img {
	vertical-align: top;
	border: 0;
}

/*
============================================================
CONTENT設定
------------------------------------------------------------
*/

#bg {
	width: 956px;
	margin: 0 auto;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/bg.jpg) left top repeat-y;
}

#topbg {
	width: 956px;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/con_bg.jpg) left top no-repeat;
	overflow: hidden;
	zoom: 1;
}

#content {
	width: 895px;
	margin: 25px auto 45px auto;
	overflow: hidden;
	zoom: 1;
}

/*
============================================================
Templates設定
------------------------------------------------------------
*/

#header {
	width: 895px;
	height: 93px;
}

#header .left {
	width: 600px;
	float: left;
}

#header .left .seo {
	font-size: 10px;
	font-weight: normal;
}

#header .left .logo {
	margin: 12px 0 0 6px;
}

#header .left .text {
	float: right;
	margin-top: 30px;
}

#header .right {
	width: 215px;
	float: right;
	text-align: right;
}

#header .right .input_style {
	width: 134px;
	height: 18px;
	border: #000000 1px solid;
}

#header .right .sear_btn {
	width: 72px;
	height: 20px;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/search.gif) no-repeat;
	border: none;
	text-indent: -9999px;
}

#menu {
	border-left: #969696 1px solid;
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	height: 38px;
}

#menu li {
	float: left;
}

#content .bmenu {
	text-align: center;
	margin-top: 23px;
	color: #757575;
}

#content .bmenu a {
	color: #757575;
	text-decoration: none;
}
#content .bmenu a:hover {
	color: #000000;
	text-decoration: underline;
}

#content .bmenu a.current {
	color: #E83B41;
	text-decoration: none;
}

#footer {
	width: 916px;
	height: 37px;
	padding: 10px 20px 0 20px;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/foot_bg.jpg) no-repeat;
}

#footer .left {
	width: 300px;
	float: left;
}

#footer .left a {
	color: #000000;
	text-decoration: none;
}

#footer .right {
	width: 350px;
	float: right;
	font-size: 9px;
	text-align: right;
	color: #676767;
}

#mainbg {
	border-left: #969696 1px solid;
	border-right: #969696 1px solid;
	border-bottom: #969696 1px solid;
	background: #FFFFFF url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/bg_top.gif) left top no-repeat;
}

#main_con {
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/bg_bottom.gif) right bottom no-repeat;
	overflow: hidden;
	zoom: 1;
}

#path {
	height: 45px;
	line-height: 45px;
	color: #757575;
	width: 622px;
	margin: 0 auto;
}

#path a {
	color: #757575;
	text-decoration: none;
}
#path a:hover {
	color: #000000;
	text-decoration: underline;
}

#path a.current {
	color: #E83B41;
	text-decoration: none;
}



/*
============================================================
index設定
------------------------------------------------------------
*/

#content .banner {
	border-left: #969696 1px solid;
	border-right: #969696 1px solid;
	border-bottom: #969696 1px solid;
}

#index_con {
	margin-top: 12px;
	overflow: hidden;
	zoom: 1;
}

#index_con .l_news {
	width: 290px;
	float: left;
}

#index_con .l_news .news_title {
	height: 25px;
}

#index_con .l_news .news_con {
	background: #FFFFFF;
	height: 151px;
	width: 278px;
	border-left: #969696 1px solid;
	border-right: #969696 1px solid;
	border-bottom: #969696 1px solid;
	padding: 0 0 0 10px;
	overflow-x:auto;
	overflow-y:auto; 
}

#index_con .l_news .news_con ul {
	padding-bottom: 20px;
	padding-top: 10px;
}

#index_con .l_news .news_con li {
	margin-top: 5px;
	overflow: hidden;
	zoom: 1;
}
#index_con .l_news .news_con li span {
	display: block;
	width: 200px;
	float: right;
	color: #757575;
}

#index_con .l_news .news_con li a {
	color: #757575;
}
#index_con .l_news .news_con li a:hover {
	color: #000000;
}

#index_con .l_pickup {
	width: 295px;
	float: left;
	margin-left:5px;
}

#index_con .l_pickup .pickup_title {
	height: 20px;
	padding-left: 10px;
	padding-top: 5px;
	background: #3F3F3F;
	overflow: hidden;
}

#index_con .l_pickup .pickup_con {
	background:  #FFFFFF;
	border-left: #969696 1px solid;
	border-right: #969696 1px solid;
	border-bottom: #969696 1px solid;
	height: 206px;
	width: 285px;
	padding: 0 0 0 10px;
	overflow-x:auto;
	overflow-y:auto; 
}

#index_con .l_pickup .pickup_con ul {
	padding-bottom: 20px;
}

#index_con .l_pickup .pickup_con li {
	margin-top: 14px;
}
#index_con .l_pickup .pickup_con li span {
	color: #757575;
}

#index_con .l_pickup .pickup_con li a {
	color: #757575;
}
#index_con .l_pickup .pickup_con li a:hover {
	color: #000000;
}

#index_con .l_content {
	width: 374px;
	float: left;
	margin-left:7px;
}

#index_con .l_content .content_title {
	height: 25px;
}

#index_con .l_content .content_con {
	height: 188px;
	width: 338px;
	background:  #F2F2F2;
	border-left: #969696 1px solid;
	border-right: #969696 1px solid;
	border-bottom: #969696 1px solid;
	padding: 10px 17px 0 17px;
	line-height: 12px;
}

#index_con .l_content .content_con .con_box {
	overflow: hidden;
	zoom: 1;
	font-size: 10px;
}

#index_con .l_content .content_con .con_box a {
	font-size: 9px;
	text-decoration: none;
	color: #666666;
}
#index_con .l_content .content_con .con_box a:hover {
	font-size: 9px;
	text-decoration: underline;
	color: #000;
}

#index_con .l_content .content_con .con_box .left {
	width: 158px;
	float: left;
	position: relative;
}
#index_con .l_content .content_con .con_box .left .con_more {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#index_con .l_content .content_con .con_box .right {
	width: 158px;
	float: right;
	position: relative;
}
#index_con .l_content .content_con .con_box .right .con_more {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#index_con .r_btn {
	width: 216px;
	float: right;
}

/*
============================================================
slack設定
------------------------------------------------------------
*/

#slack_con {
	width: 622px;
	margin: 0 auto 120px auto;
}

#slack_con h1 {
	font-size: 24px;
	line-height: 30px;
}

#slack_con .gay_test {
	text-align: right;
	color: #BBBBBB;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 5px;
	float: right;
}

#slack_con .per_box {
	width: 622px;
	overflow: hidden;
	zoom: 1;
	margin-top: 35px;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/l_bg.gif) left top repeat-y;
	font-weight: bold;
}

#slack_con .per_box .per_l {
	width: 303px;
	float: left;
	border-top: #EACEB6 3px solid;
	padding: 15px;
	line-height: 25px;
}

#slack_con .per_box .per_l .q1 {
	font-size: 14px;
	font-weight: bold;
	color: #E21E28;
	margin-right: 5px;
	display: block;
	width: 18px;
	float: left;
	position: relative;
	top: -2px;
}

#slack_con .per_box .per_l a {
	color: #000000;
	font-weight: normal;
	line-height: 20px;
}

#slack_con .per_box .per_r {
	width: 275px;
	float: right;
}

#slack_con .per_box .per_r a {
	color: #0097FF;
}

#slack_con .per_box .b_bg {
	height: 3px;
	overflow: hidden;
	width: 333px;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/b_bg.gif) no-repeat;
	clear: both;
}

#slack_con h2 {
	height: 30px;
	background: url(../images/h2_bg.gif) left top repeat-x;
	line-height: 30px;
	font-size: 16px;
	padding-left: 10px;
	margin-top: 35px;
}
#slack_con h2 .small {
	font-size: 14px;
}

#slack_con .per_box02 {
	width: 622px;
	margin-top: 13px;
	overflow: hidden;
	zoom: 1;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/dian.gif) left top repeat-y;
}

#slack_con .per_box02 .per_img {
	width: 121px;
	float: left;
	border-left: #FFFFFF 1px solid;
	border-bottom: #CFCFCF 1px solid;
	border-right: #CFCFCF 1px solid;
	padding-bottom: 12px;
	position: relative;
}

#slack_con .per_box02 .per_img .coner {
	position: absolute;
	right: -1px;
	top: 50px;
}

#slack_con .per_box02 .per_info {
	width: 468px;
	min-height: 129px;
	_height: 129px;
	float: left;
	padding: 15px 15px 0 15px;
	border-top: #CFCFCF 1px solid;
	border-right: #CFCFCF 1px solid;
}

.down {
	float: left;
	margin: 0 3px 0 0;
	font-size: 16px;
	line-height: 30px;
}

#slack_con .line_box {
	border-left: #CFCFCF 1px solid;
	border-right: #CFCFCF 1px solid;
	border-bottom: #CFCFCF 1px solid;
	width: 590px;
	padding: 15px;
}

#slack_con .line_box2 {
	border: #999999 1px solid;
	padding: 15px;
}

.line_title {
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/line_h.gif) left bottom repeat-x;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

#slack_con .img_l {
	overflow: hidden;
	zoom: 1;
}

#slack_con .img_l .left {
	width: 135px;
	float: left;
}

#slack_con .img_l .right {
	width: 315px;
	float: right;
}

#slack_con .img_l02 {
	overflow: hidden;
	zoom: 1;
}

#slack_con .img_l02 .left {
	width: 135px;
	float: left;
}

#slack_con .img_l02 .right {
	width: 435px;
	float: right;
}

#slack_con .img_r {
	overflow: hidden;
	zoom: 1;
}

#slack_con .img_r .left {
	width: 435px;
	float: left;
}

#slack_con .img_r .right {
	width: 135px;
	float: right;
}

#slack_con .img_r02 {
	overflow: hidden;
	zoom: 1;
}

#slack_con .img_r02 .left {
	width: 315px;
	float: left;
}

#slack_con .img_r02 .right {
	width: 136px;
	float: right;
}


#slack_con .img_r03 {
	overflow: hidden;
	zoom: 1;
}

#slack_con .img_r03 .left {
	width: 300px;
	float: left;
}

#slack_con .img_r03 .right {
	width: 300px;
	float: right;
}


#slack_con .img_r04 {
	overflow: hidden;
	zoom: 1;
}

#slack_con .img_r04 .left {
	width: 270px;
	float: left;
}

#slack_con .img_r04 .right {
	width: 300px;
	float: right;
}

#slack_con .img_r04 .left_450 {
	width: 450px;
	float: left;
}

#slack_con .img_r04 .right_120 {
	width: 120px;
	float: right;
}

#slack_con .per_box03 {
	width: 622px;
	margin-top: 13px;
	overflow: hidden;
	zoom: 1;
}

#slack_con .per_box03 .per_img {
	width: 122px;
	float: left;
	padding-bottom: 12px;
	position: relative;
}

#slack_con .per_box03 .per_img .coner {
	position: absolute;
	right: -1px;
	top: 50px;
}

#slack_con .per_box03 .per_info {
	width: 468px;
	float: left;
	padding: 15px;
	border: #CFCFCF 1px solid;
}

.text_box {
	border: #CFCFCF 1px solid;
	padding: 15px;
}

.text_box_yellow{
	border: #EACEB6 3px solid;
	padding: 15px;
}

#slack_con .sign{
	width: 220px;
	float:right;
	padding:10px;
}

#slack_con .sign .right_img{
	float:right;
}

#slack_con .img_r04 .left_img{
	float: left;
}

#slack_con .img_r04 .left_content {
	width: 300px;
	float: left;
	padding:0 10px;
}

#slack_con .img_r04 .right_img {
	width: 150px;
	float: right;
}
/*
============================================================
honto設定
------------------------------------------------------------
*/

.pink_box {
	width: 622px;
	margin-top: 4px;
}

.pink_box .pink_con {
	width: 622px;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/pink_m.gif) left top repeat-y;
	overflow: hidden;
	zoom: 1;
}

.pink_box .pink_con .pink_l {
	width: 393px;
	float: left;
	line-height: 20px;
	padding-left: 10px;
}
.pink_box .pink_con .pink_l2 {
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.pink_box .pink_con .pink_r {
	width: 203px;
	height: 134px;
	text-align: center;
	padding-top: 4px;
	margin-right: 10px;
	display: inline;
	float: right;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/img_bg.gif) no-repeat;
}

.mei_box {
	overflow: hidden;
	zoom: 1;
}

.mei_box .left {
	width: 220px;
	float: left;
	display: inline;
	margin-left: 70px;
}

.mei_box .right {
	width: 220px;
	float: left;
	display: inline;
	margin-left: 45px;
}

/*
============================================================
plan設定
------------------------------------------------------------
*/

.plan_box {
	width: 622px;
	overflow: hidden;
	zoom: 1;
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/line_repeat.gif) left top repeat-y;
	line-height: 18px;
}

.plan_box a {
	text-decoration: none;
	color: #000000;
}

.plan_box a:hover{
	text-decoration: underline;
	color: #000000;
}

.plan_box .plan_l {
	width: 269px;
	border-top: #CDCDCD 1px solid;
	padding: 16px 16px 5px 16px;
	float: left;
}

.plan_box .plan_r {
	width: 269px;
	border-top: #CDCDCD 1px solid;
	padding: 16px 16px 5px 16px;
	float: right;
}

.plan_box .plan_info {
	width: 269px;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}

.plan_box .plan_info .plan_info_l {
	width: 110px;
	float: left;
}

.plan_box .plan_info .plan_info_r {
	width: 130px;
	float: right;
	text-align: center;
}

.plan_box .hei_1 {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.more {
	clear: both;
	overflow: hidden;
	zoom: 1;
}
.more .left {
	width: 277px;
	padding-left: 16px;
	padding-bottom: 16px;
	float: left;
}
.more .right {
	width: 285px;
	padding-bottom: 16px;
	float: right;
}

.self_table {
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
}

.self_table th {
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	font-weight: normal;
	padding: 4px;
	background: #ECFFFF;
}

.self_table td {
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	padding: 4px;
}

.self_table td.blue {
	background: #E1E1FF;
}

.self_table .txt10 {
	font-size: 10px;
}


/*
============================================================
blog設定
------------------------------------------------------------
*/

.blog_con {
	width: 791px;
	margin: 30px auto 120px auto;
	line-height: 18px;
}

.blog_con p {
	margin-bottom: 1em;
}

.blog_box {
	overflow: hidden;
	zoom: 1;
	width: 791px;
	margin-top: 30px;
}

.blog_box .blog_l {
	width: 187px;
	float: left;
}

.blog_box .blog_l a {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

.blog_box .blog_l .l_title {
	width: 187px;
	height: 38px;
	background-color: #e4e4e4;
	border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	text-align: center;
	line-height: 38px;
}

.blog_box .blog_r {
	width: 594px;
	float: right;
}

.blog_line {
	border: #CACACA 1px solid;
	padding: 25px;
	background:  #FFFFFF;
}

.green_a a {
	font-weight: bold;
	color: #D2C67A;
}

/*
============================================================
plan設定
------------------------------------------------------------
*/

#sitemap{
	font-size:14px;
	font-weight:bolder;
}

#sitemap a {
	color: #757575;
	text-decoration: none;
}

#sitemap a:hover {
	color: #000000;
	text-decoration: underline;
}

#sitemap a.current {
	color: #E83B41;
	text-decoration: none;
}

#sitemap p.arrow{
	background:url(../images/arrow.gif) no-repeat 0 4px;
	padding-left:10px;
}

/*
============================================================
public設定
------------------------------------------------------------
*/

.fl { float: left;}
.fr { float: right;}

.align_c { text-align: center;}
.align_l { text-align: left;}
.align_r { text-align: right;}

.ov_hidden { overflow: hidden;zoom: 1;}

.mt_5 { margin-top: 5px;}
.mt_7 { margin-top: 7px;}
.mt_10 { margin-top: 10px;}
.mt_15 { margin-top: 15px;}
.mt_20 { margin-top: 20px;}
.mt_25 { margin-top: 25px;}
.mt_30 { margin-top: 30px;}
.mt_35 { margin-top: 35px;}
.mt_70 { margin-top: 70px;}
.ml_10 { margin-left: 10px;}
.ml_20 { margin-left: 20px;}
.mr_5 { margin-right: 5px;}
.mr_10 { margin-right: 10px;}

.pad_8 { padding: 8px;}

.txt10 { font-size: 10px;line-height: 12px;}
.txt11 { font-size: 11px;}
.txt14 { font-size: 14px;}
.txt16 { font-size: 16px;}
.txt18 { font-size: 18px;}
.txt24 { font-size: 20px;line-height: 24px;}

.font_b { font-weight: bold;}

.hei_10 { height: 10px; overflow: hidden;}

.gay_f { color: #868686;}
.yellow_f { color: #BD9066;}
.red_f { color: #E21E28;}


/*
============================================================
2010/5/12　追記 TOP
------------------------------------------------------------
*/
/*　たるみ特集　*/
#index_con .l_news .month {
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/month_bg.jpg) repeat-y;
	width: 290px;
	margin: 15px 0 0 0;	
}
#index_con .l_news .month h3 {
	margin: 0 0 5px 0;	
}
#index_con .l_news .m_spcial {
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/month_f.jpg) no-repeat bottom;
	padding: 0 15px 20px 15px;
}
#index_con .l_news .m_spcial div {
	padding: 5px 0 0 0;
	height: 91px;
	overflow-x:auto;
	overflow-y:auto; 
}
#index_con .l_news .m_spcial h4 {
	color: #666666;
	border-left: 5px solid #EB111D;
	padding: 0 0 0 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
#index_con .l_news .m_spcial p {
	padding: 0 0 10px 0;
}
/*　中央バナー　*/
#index_con .l_content p.c_bnr {
	/*padding: 70px 0 0 0;*/
	padding: 15px 0 0 0;
}

/*　ブログ　*/
#index_con .r_btn .blog {
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/blog_bg.gif) repeat-y;
	width: 216px;	
}
#index_con .r_btn .blog h3 {
	margin: 0 0 5px 0;	
}
#index_con .r_btn .blog .blog_news {
	background: url(http://www.tarumi-labo.com/tmwp/wp-content/themes/tarumi/common/images/blog_f.gif) no-repeat bottom;
	padding: 0 8px 10px 8px;
	font-size: 10px;
}
#index_con .r_btn .blog .blog_news h4 {
	margin: 0 0 5px 0;
}
#index_con .r_btn .blog .blog_news li {
	border-bottom: 1px dotted #999999;
	padding: 3px;
}
#index_con .r_btn .blog .blog_news li span.ymd {
	font-size: 9px;
	padding: 0 10px 0 0;
}
/*　ツイッター　*/
#index_con .r_btn .twitter {
	margin-top: 10px;

}
/*
============================================================
2010/5/12　追記 たるみ特集
------------------------------------------------------------
*/

#slack_con2 {
	width: 622px;
	margin: 0 auto 20px auto;
}

#slack_con2 h1 {
	font-size: 24px;
	line-height: 30px;
}
#main_con #backnum {
	float: left;
	width: 150px;
	margin: 0 20px 120px 30px;
}

#main_con #backnum h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	border-left: 5px solid #CC0000;
}
#main_con #specal_con {
	float: right;
	width: 560px;
	margin: 0 80px 120px 0;
	border: 1px solid #CCCCCC;
	padding: 20px;
}

/*--IE6用--*/
*html #main_con #specal_con {
	float: right;
	width: 560px;
	margin: 0 80px 120px 0;
	border: 1px solid #CCCCCC;
	padding: 20px;
	clear: right;
	overflow:hidden;
}

#main_con #specal_con h2 {
	text-align: center;
	font-size: 20px;
	border-bottom: 3px solid #EAC5A9;
	border-top: 3px solid #EAC5A9;
	padding: 5px 0;
	margin-bottom: 10px;
}
#specal_con h3 {
	height: 30px;
	background: url(../images/h2_bg.gif) left top repeat-x;
	line-height: 30px;
	font-size: 16px;
	padding-left: 10px;
}
#specal_con p {
	padding: 5px 0;
}
/* 画像の回り込み右　*/
#specal_con p .fr {
	padding: 0 0 10px 10px;
}
/* 画像の回り込み左　*/
#specal_con p .fl {
	padding: 0 10px 10px 0;
}

/* 画像横並び3列　*/
#specal_con ul.img3 li {
	float: left;
	margin: 0 5px;
}



/* フロートのクリア */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}