/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
=================================================================== */

/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/
#tano-main-area h1 {
	height: 100%;
	background: none;
}

#tano-main-area h2 {
	height: 100%;
	margin: 0;
	background: none;
	padding: 0;
}

#tano-main-area h3 {
	background: none;
	padding-left: 0;
	color: #069;
	margin: 0;
}

/*-----メインヴィジュアル-----*/
#tano-main-area #mv {
	margin: 0;
	width: 960px;
}

/*-----商品情報-----*/
#tano-main-area #itemWrap {
	width: 700px;
	min-height: 290px;
	background: url(/files/uploadFiles/special/knowledge/development/pencilsharp/bg01.gif) no-repeat 0 0;
}
#tano-main-area #itemWrap h2 {
	padding-left: 7px;
}
#tano-main-area #itemWrap ul {
	width: 680px;
	padding-left: 17px;
}
* html #tano-main-area #itemWrap ul {
	width: 700px;
}
#tano-main-area #itemWrap ul li {
	width: 157px;
	float: left;
	display: inline;
	margin-right: 13px;
}

/*-----開発担当者-----*/
#tano-main-area #developerWrap {
	width: 960px;
	min-height: 95px;
	background: url(/files/uploadFiles/special/knowledge/development/pencilsharp/bg02.gif) no-repeat 0 0;
	position: relative;
}
* html #tano-main-area #developerWrap {
	height: 95px;
	padding-top: 13px;
}
#tano-main-area #developerWrap h2 {
	padding-left: 7px;
}
#tano-main-area #developerWrap ul {
	position: absolute;
	top: 13px;
	left: 206px;
}

/*-----秘密01-----*/
#tano-main-area #p01 {
	width: 960px;
	background: url(/files/uploadFiles/special/knowledge/development/pencilsharp/heading03.gif) no-repeat 0 0;
}
#tano-main-area #p01 h2 {
	text-indent: -9999px;
	height: 0;
}
* html #tano-main-area #p01 h2 {
	line-height: 0;
}

/*-----秘密02-----*/
#tano-main-area #p02 {
	width: 960px;
	background: url(/files/uploadFiles/special/knowledge/development/pencilsharp/heading02.jpg) no-repeat 0 0;
}
#tano-main-area #p02 h2 {
	text-indent: -9999px;
	height: 0;
}
* html #tano-main-area #p02 h2 {
	line-height: 0;
}

/*-----おすすめポイント-----*/
#tano-main-area #p03 {
	width: 880px;
	margin: 0 auto;
	min-height: 245px;
	background: url(/files/uploadFiles/special/knowledge/development/pencilsharp/bg03.gif) no-repeat 0 29px;
	position: relative;
}
* html #tano-main-area #p03 {
	height: 245px;
	padding-top: 85px;
}
#tano-main-area #p03 h2 {
	position: absolute;
	top: 19px;
	left: 15px;
}
#tano-main-area #p03 .point01 {
	position: absolute;
	top: 80px;
	left: 20px;
}
#tano-main-area #p03 .point01 p {
	margin-left: 10px;
}
#tano-main-area #p03 .point02 {
	position: absolute;
	top: 1px;
	right: 31px;
}

/*-----2カラム-----*/
#tano-main-area .contWrap01 {
	width: 880px;
	margin: 75px auto 0;
}
#tano-main-area .contWrap01 p {
	margin-left: 0;
	margin-right: 0px;
}
#tano-main-area .contWrap01 .contL {
	width: 535px;
	float: left;
	display: inline;
}
#tano-main-area .contWrap01 .contR {
	width: 283px;
	float: right;
	display: inline;
}

#tano-main-area .contWrap02 {
	width: 700px;
}
#tano-main-area .contWrap02 .contL {
	width: 340px;
	float: left;
	display: inline;
	margin-left: 20px;
}
#tano-main-area .contWrap02 .contR {
	width: 318px;
	float: right;
	display: inline;
	margin-right: 12px;
}