@charset "utf-8";

/* NEW DESIGN TANACREAM Web Shop,
Scripted by conceptbox July.2009
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
body {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	background: #ffffff;
	font-size: 90%;
	color: #424242;
	letter-spacing:0.05em;
}
h1, h2, h3, h4, h5, h6 {
}
p, ol, ul, blockquote {
	line-height: 1.3;
}
a {
	color: #424242;
	text-decoration:underline;
}
a:hover {
	color: #424242;
	text-decoration: none;
}
img {
	border: none;
}
address {
	font-style:normal;
	font-size: 90%;
}

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

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ヘッダー
---------------------------------------------*/
#header {
	position:relative;
	z-index:100;
	width: 870px;
	height: 155px;
	margin: 0 auto;
	background: #ffffff url(../img/common/bg_header_h250.gif) top center no-repeat ;
}
	#header #tm {
		position:absolute;
		height: auto;
		padding: 0;
		left:30px;
		top:20px;
		z-index:150;
	}
		#header #tm h1{
			font-size:80%;
			font-weight:normal;
		}
	#header #search {
		position:absolute;
		top:20px;
		right:35px;
	}
	#header #h-subnavi  {
		position:absolute;
		top:85px;
		right:35px;
		margin: 0px;
		padding: 0px;
		color: #424242;
		font-size:90%;
		letter-spacing:0.0;
		width: auto;
		height: 20px;
		z-index:120;
	}
			#header #h-subnavi ul {
				list-style:none;
				margin: 0px;
				padding: 0px;
			}
			#header #h-subnavi ul li {
				float:left;
				padding:0 7px 0 7px ;
				margin:0;
				border-left: #424242 solid 1px ;
			}
			#header #h-subnavi ul .n-right {
				border-right: #424242 solid 1px ;
			}
			#h-subnavi a {
				color: #424242;
				text-decoration:none;
			}

/* ヘッダーのメインナビゲーション
---------------------------------------------*/

#h-navi {
	z-index:200;
	position:absolute;
	top:110px;
	left:30px;
	height:55px;
}

#h-navi ul {
	padding:0;
	margin:0;
	list-style:none;
}
#h-navi ul li {
	display:block;
	text-align:center;
	color:#FFFFFF;
	float:left;
	width:135px;
	margin:0;
	background: url(../img/common/bg_h_navi.gif) no-repeat top center;
}
#h-navi ul li a {
	display:block;
	width:100%;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0 0 ;
	margin:0;
	cursor: default;
}
#h-navi ul li a:hover {
}
			#h-navi ul .current{
				list-style:none;
				text-align:center;
				color:#424242;
				float: left;
				width:130px;
				background: url(../img/common/bg_headernavi02.gif) no-repeat top center;
				padding:13px 0 0 0 ;
			}

	#h-navi ul ul {
		z-index:500;
		margin-top:0px;
	}
	#h-navi ul ul li {
		float: none;
		background: #FFFFFF;
		font-size: 12px;
		opacity: 0.9;
		filter: alpha(opacity=90);
	}
	#h-navi ul ul li a {
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		color:#003399;
		padding: 10px 0 8px 0 ;
		border-bottom:#0d5496 1px solid;
	}
	#h-navi ul ul li a:hover {
		background:#FFFFFF;
		text-decoration:none;
		color: #FF0000;
		padding: 10px 0 8px 0 ;
	}
	#h-navi ul li.parent ul {
		display: none;
	}
	#h-navi ul li.parentOn ul {
		display: block;
	}

/* content
---------------------------------------------*/
#toppage #content {
	width: 870px;
	margin: 0px auto;
	background:#FFFFFF url(../img/common/bg_body.gif) center repeat-y;
}

#contentspage #content {
	width: 870px;
	margin: 0px auto;
	background:#FFFFFF url(../img/common/bg_body.gif) center repeat-y;
}

/* 左サイドエリア　トップページ
---------------------------------------------*/
#toppage #left {
	float:left;
	z-index:200;
	width:250px;
	height:auto;
	text-align:left;
	padding:0px 0 0 30px ;
	margin:20px 0 10px 0px;
}
#toppage #left .section h2{
	background-color:none;
	color:#424242;
	padding:4px 0px 3px 5px;
	font-size:14px;
}
/*
#toppage #left .section h3{
	background-color:#46baed;
	color:#FFFFFF;
	padding:4px 0px 3px 5px;
	font-size:16px;
}
*/
/* お客様サポート　左サイドエリア　トップページ
---------------------------------------------*/
#support-page{
	margin:5px 0 0 0;
	padding:0 0 1px 0;
	background-color: #add8e6;
}
.support-pages{
	position:relative;
	height:80px;
	margin:0px 5px 5px 5px;
	padding:0;
	background-color: #efefef;
	font-size:12px;
}
.support-pages img{
	position:absolute;
	top:7px;
	left:7px;
}
#toppage #left #support-page h2{
	/*background:url(../img/index/bg_h2_left_support.gif) center top no-repeat;*/
	margin:0;
	padding:0px 0 0px 0;
	text-align:center;
	font-size:14px;
}
#toppage #left #support-page .support-pages h3{
	background-color:none;
	color:#424242;
	padding:4px 0px 3px 0px;
	font-size:12px;
}
.comment{
	margin:0 0 0 80px;
}

/* 左サイドエリア　コンテンツページ
---------------------------------------------*/
#contentspage #left {
	float:left;
	z-index:200;
	width:190px;
	height:auto;
	padding:0px 0 0 30px ;
	margin:10px 0 10px 0px;
}
#contentspage #left h2{
	background:url(../img/contents/bg_h2_left.gif) left center no-repeat;
	color:#FFFFFF;
	margin:0 0 5px 0;
	padding:7px 0px 5px 16px;
	font-size:14px;
}
#contentspage #left h3{
	background-color:#ededed;
	color:#525252;
	margin:0 3px 0 3px;
	padding:6px 0px 6px 10px;
	font-size:13px;
	border-top:#ddd 2px double;
}

#contentspage #left ul{
	margin:5px 0 8px 0;
	padding:0 0 0 5px;
	list-style:none;
}
#contentspage #left ul li{
	font-size:13px;
	margin:0 0 0 0;
	padding:3px 0 3px 12px;
}
#contentspage #left ul li a{
	text-decoration:none;
}
#contentspage #left ul li a:hover{
	color:#ff3333;
	text-decoration:underline;
}
		.li-item li {
			background: url(../img/contents/lm_3dot_sky.gif) left center no-repeat;
		}
		.li-info li {
			background: url(../img/contents/lm_3dot_lime.gif) left center no-repeat;
		}
		.li-product li {
			background: url(../img/contents/lm_3dot_ora.gif) left center no-repeat;
		}
	
/* 右サイドエリア　トップページ
---------------------------------------------*/
#toppage #right {
	float:right;
	z-index:100;
	width:540px;
	height:auto;
	text-align:left;
	margin:20px 0px 10px 0px;
	padding:0px 30px 0 0;
}
#toppage #right ul{
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	list-style:none;
}
#toppage #right ul li{
	font-size:13px;
	margin:0 0 0 0;
	padding:3px 0 3px 12px;
	background:url(../img/common/listmark_left_red.gif) left center no-repeat;
}
#toppage #right ul li a{
	text-decoration:none;
}
#toppage #right ul li a:over{
	color:#ff3333;
	text-decoration:underline;
}
#toppage #right h2 {
	color:#fff;
	padding:12px 0 12px 30px ;
	margin:10px 0 10px 0;
	font-size:16px;
	background: url(../img/index/bg_h2_right.gif) left center no-repeat;
}
#toppage #right h2 a{
	text-decoration:underline;
}
#toppage #right .section h3{
	font-size:100%;
	text-align:left;
	color: #424242;
	margin:10px 10px 5px 10px;
	padding:6px 0 3px 23px;
	border-bottom:#666666 1px dotted;
	background: url(../img/contents/lm_squre_sky.gif) left center no-repeat;
}

/* 右サイドエリア　コンテンツページ
---------------------------------------------*/	
#contentspage #right {
	float:right;
	z-index:100;
	width:600px;
	height:auto;
	text-align:left;
	margin:10px 0px 10px 0px;
	padding:0px 30px 0 0;
}
#contentspage #right .pankuzu,#contentspage #col1 .pankuzu {
	margin:0 0 10px 0 ;
	padding:8px 0 8px 0;
	border-bottom:#666666 1px dotted ;
	text-align:right;
	font-size:80%;
}
	#contentspage #right h2{
		height:auto;
		font-size:150%;
		text-align:left;
		line-height:1.0;
		color:#424242;
		font-weight:bold;
		margin: 0 0 0 0 ;
		padding: 13px 0 10px 10px ;
		border:solid 1px #cccccc ;
		background: #ffffff;   
	}
	#contentspage #right .section h3{
		padding:13px 0 11px 30px ;
		margin:10px 0 10px 0;
		font-size:16px;
	}
			h3.product {
				background: url(../img/contents/bg_h3_right_ora.gif) left center no-repeat; 
				color:#424242;
			}
			h3.info {
				background: url(../img/contents/bg_h3_right_lime.gif) left center no-repeat; 
				color:#424242;
			}
			h3.item {
				background: url(../img/contents/bg_h3_right_sky.gif) left center no-repeat; 
				color:#FFFFFF;
			}
			h3.item a{
				color:#FFFFFF;
			}

	#contentspage #right .section h4{
		font-size:100%;
		text-align:left;
		color: #424242;
		margin:10px 10px 5px 10px;
		padding:6px 0 3px 23px;
		border-bottom:#666666 1px dotted;
	}
			h4.product{
				background: url(../img/contents/lm_squre_ora.gif) left center no-repeat;
			}
			h4.info{
				background: url(../img/contents/lm_squre_lime.gif) left center no-repeat;
			}
			h4.item{
				background: url(../img/contents/lm_squre_sky.gif) left center no-repeat;
			}
			h4.faq{
				background: url(../img/contents/lm_faq_Q.gif) left center no-repeat;
			}
/*
	#contentspage #right .section h5{
		height:25px;
		font-size:100%;
		color: #666600;
		font-weight:bold;
		margin: 0px 0px 0px 0px ;
		padding:7px 0 0 0px ;
		background: #f5f5dc;   
	}
*/
/* 1カラム用（オーダー画面）
---------------------------------------------*/
#col1{
	margin:0px 30px 10px 30px;
}
#col1 h3{
	padding:10px 10px 10px 30px;
}

/* 右サイドエリアの本文
---------------------------------------------*/
.section {
	margin:0 0 20px 0 ;
}
	.section p {
		font-size:90%;
		line-height:1.5;
		letter-spacing:0.03em;
		margin: 5px 17px 5px 10px ;
	}

/* 右サイドエリアのパーツ
---------------------------------------------*/
.intro, .outro, .em-area01 {
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	background:#ffffcc;
	border:#ffa500 1px dotted;
}
.intro ol, .outro ol {
	margin:0 0 0 30px;
}
.section dl dt{
	padding:0 0 2px 0;
	margin:10px 10px 5px 10px;
	font-weight:bold;
	border-bottom: #555 1px dotted;
}
.section dl dd{
	padding:0 0 0 0;
	margin:0 30px 10px 30px;
}

/* 施工事例集
---------------------------------------------*/
.sectionitems {}
	.sectionitems .left_area {
		text-align:center;
		float: left;
		width: 280px;
		padding: 0 ;
		margin:0 0 10px 0 ;
		border-right: #666666 dotted 1px ;
	}
	.sectionitems .left_area a, .sectionitems .right_area a { color: #414141; background: #FFF; }
	.sectionitems .left_area a:hover, .sectionitems .right_area a:hover { color: #87ceeb;  }
	.sectionitems .right_area {
		text-align:center;
		float: right;
		width: 270px;
		padding: 0;
		margin:0 ;
		background: #FFF url(none) repeat-y;
	}

/* 商品詳細ページ（アイテムページ）パーツ
---------------------------------------------*/
.ex-chara01 {
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	background: #caf2ff;
	border:#ffa500 1px dotted;
}
.ex-chara02 {
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	background:#e7ffc1;
	border:#ffa500 1px dotted;
}


/* 会社案内
---------------------------------------------*/
.com-info dl {
	margin:15px 0 15px 0;
}
.com-info dl dt{
	padding:0 0 2px 0;
	margin:15px 15px 5px 15px;
	font-weight:bold;
	border-bottom: #0099FF 2px dashed;
}
.com-info dl dd{
	padding:0 0 0 0;
	margin:0 30px 18px 30px;
}

/* 基本のリスト
---------------------------------------------*/
.section ul {
	margin:5px 0px 20px 15px ;
	padding:0 0 0 0 ;
/*	border-bottom: #666 1px dotted ; */
}
.section ul li {
	padding:0px 0px 0px 15px ;
	margin:10px 15px 8px 0px ;
	list-style-type:none;
	font-weight:normal;
	letter-spacing:none;
	color: #666666 ;
}
.section ul li a {
	text-decoration:underline;
}
.section ul li a:hover{
	text-decoration:none;
	color:#FF6600;
}
.section ul .list-sub {
	margin:10px 0 8px 30px ;
}

		.h15-sky li {
			background: url(../img/contents/lm_dot_h15_sky.gif) left center no-repeat;
			font-size:90%;
		}
		.h15-ora li {
			background: url(../img/contents/lm_dot_h15_ora.gif) left center no-repeat;
			font-size:90%;
		}
		.h15-lime li {
			background: url(../img/contents/lm_dot_h15_lime.gif) left center no-repeat;
			font-size:90%;
		}
		.section ul.h15-caution li {
			background: url(../img/contents/lm_caution.gif) left center no-repeat;
			padding:2px 0px 2px 18px ;
		}
		.section ul.faq li {
			background: url(../img/contents/lm_faq_Q.gif) left center no-repeat;
			padding:0px 0px 0px 18px ;
			font-size:12px;
		}

.section ol {
	margin:20px 50px 0px 50px ;
	padding:0 0 0 0 ;
	line-height:1.5;
}
.section ol li {
	padding:5px 0 2px 0 ;
	border-bottom:#999999 1px dotted;
}
.section ol li a {}

/* テーブル
---------------------------------------------*/
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
}
	.tbl-basic td, .tbl-basic th{
		border:#666666 1px solid;
		padding:3px;
	}
	.tbl-basic th{
		background:#ededed;
	}
		.item-list{
			font-size:80%;
		}

/* アイテム一覧（商品詳細ページ）
---------------------------------------------*/
.tbl-item {
	border-collapse:collapse;
	text-align: center ;
	margin:10px auto 10px auto;
	border: 0 ;
}
	.tbl-item tr td{
		vertical-align:top;
		padding:3px;
		border:0;
	}
	.tbl-item tr td h5{
		padding:8px 0 8px 0;
		margin:0 0 0 0;
		background:url(../img/contents/item/bg_h5_right.gif) center center no-repeat;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.tbl-item tr td h5 a{
		color:#FFFFFF;
	}

/* アイテム一覧　カテゴリー2　商品スペック
---------------------------------------------*/
.tbl-cat02 {
	border-collapse:collapse;
	width:100%;
	font-size:80%;
	text-align: left ;
	margin:10px auto 10px auto;

	border-bottom:1px dotted #666666 ;
}
	.tbl-cat02 td {
		padding:0px;
		border:0;
	}
/* タナクリーム製品比較表
---------------------------------------------*/
#item-list {
	clear:both;
	z-index:100;
	position: relative ;
	width: 870px ;
	margin: 0 auto ;
	padding: 0px 0 20px 0 ;
	text-align:left;
	font-size:90%;
	background: #ffffff url(../img/common/bg_body.gif) center repeat-y;
}
	#contentspage #item-list .section h3{
		padding:13px 0 11px 30px ;
		margin:0px 0 10px 30px;
		font-size:16px;
	}

/* footer-navi（フッターナビゲーション）
---------------------------------------------*/
#footer-navi {
clear:both;
	width: 870px;
	padding: 0;
	margin: 0px auto;
	background:#FFFFFF url(../img/common/bg_body.gif) center repeat-y;
	text-align:center;
	font-size:90%;
}
#footer-navi .section {
	margin:0 30px 0 30px;
	padding:5px 0 5px 0;
	border-top:#999999 dotted 1px ;
}
#footer-navi p {}

/* footer-info（会社案内）
---------------------------------------------*/
#footer-info {
	clear:both;
	z-index:100;
	position: relative ;
	width: 870px ;
	margin: 0 auto ;
	padding: 0px 0 20px 0 ;
	text-align:left;
	font-size:80%;
	background: #ffffff url(../img/common/bg_footer_info.gif) center repeat-y;
}
		#footer-info h3 {
			width:830px;
			background:#add8e6;
			padding:10px;
			margin:0 0 10px 10px;
		}
		#footer-info h4 {
			margin:7px 0 5px 0;
			padding:0 0 2px 0;
			border-bottom:#666666 1px dotted;
			font-size:14px;
		}
		#footer-info .left_side {
			float:left;
			width:330px;
			padding:0 0 0 30px;
		}
		#footer-info .right_side {
			float:right;
			width:450px;
			padding:0 30px 0 0px;
		}
	
		/* footer-info トップページ
		---------------------------------------------*/
		#footer-info .left-index {
			float:left;
			width:175px;
			padding:10px 0 0 50px;
		}
		#footer-info .right-index {
			float:right;
			width:570px;
			padding:0 40px 0 0px;
		}

/* フッター
---------------------------------------------*/
#footer {
	clear:both;
	z-index:100;
	position: relative ;
	width: 870px ;
	height: 50px ;
	margin: 0 auto ;
	padding: 0px 0 0 0 ;
	text-align:center;
	background: #ffffff url(../img/common/bg_footer.gif) center bottom no-repeat;
}
	#footer #credit  {
		position:absolute;
		top:10px;
		right:40px;
		margin: 0px ;
		padding: 0px ;
		color: #ffffff;
		font-weight:bold;
		font-size:80%;
		letter-spacing:0.0;
	}
	#footer #credit a  {
		color: #ffffff;
	}
	#footer a {
		color: #424242;
		text-decoration:none;
	}

/* テキスト・装飾
---------------------------------------------*/
.em-red {
	color:#CC0033;
}
.more {
	padding:2px 0px 0px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../image/link.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.more-right {
	padding:2px 31px 0px 3px ;
	border-bottom:dotted #999 1px;
	margin:0px 0px 0px 0px ;
	background: url(../img/common/more-right.gif) right center no-repeat;
	text-decoration:none;
}
.pdf {
	padding:6px 30px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:2px 5px 0px 5px ;
	background: url(../img/common/pdf02.gif) right bottom no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

/* Auto Scroll Area
---------------------------------------------*/

#wrap {
	text-align:left;
	font-size:90%;
}
#myMenu {
	width:180px;
	margin: 5px 0 0 0 ;
	text-align:left;
	background:#eeeeee;
	border:#999999 1px dotted;
}
#myMenu h3 {
font-size:15px;
	display:block;
	text-align:center;
	padding:5px 3px;
	background: #0066CC;
	color:#FFFFFF;
}
#myMenu ul{
	margin:8px;
	padding-left:20px;
}

/* 最新情報（ブログ）ページ　右サイド
---------------------------------------------*/
.entry-asset {
	margin:20px 0 30px 0;
}
.asset-body {
	margin:4px 0 0px 0;
	padding:4px 0 0px 0;
/*	border-top:#333333 1px solid; */
}
.asset-meta {
	margin:6px 0 2px 0;
	padding:2px 0 2px 0;
}
/* 最新情報（ブログ）ページ　左サイド
---------------------------------------------*/
.widget-header {
	font-size:12px;
	font-weight:bold;
	padding:5px 0 5px 5px;
	color:#FFFFFF;
}
.widget-header a {
	color: #424242;
}
.widget {
	margin:0 0 10px 0;
}