@charset "UTF-8";
/*---------------------------------------------------------
	TAKEO PAPER SHOW purpose page 	cascading style sheet
		purpose page dwt uses this
	  * =1= whole style
	  * =2= design_envelope/design_paper
----------------------------------------------------------*/
/* =1= continner
----------------------------------------------------------*/
#maincont {
	float: right;
}
* html #maincont{
	margin: 0;
	padding: 0;
	width: 759px !important;
	overflow: hidden;
	float: right;
}
* html #searcharea {
	width: 198px !important;
}
#continner{
	padding: 10px 0 10px 17px;
	width: 740px;
	_text-align: left;
}
.cont{
	padding: 1em 0;
}
.cont li{
	padding-left: 1em;
	background:url(../common/icon_arrow_r.gif) 0 3px no-repeat;
}
h2 {
	margin: 0;
	padding: 0;
}
h3 {
	clear: both;
	margin-top: 30px;
	zoom: 1;
}
.col {
	padding: 15px 17px 15px 0;
	text-align: left;
}

dl.col {
	padding: 0 17px 10px 0;
	width: 724px;
	text-align: left;
}
.col dt {
	margin-bottom: 8px;
	color: #202020;
	font-size: 14px;
	font-weight: bold;
	
}
.ncol {
	padding-bottom: 12px;
}
.ncol dt{
	margin-bottom: 0;
	color: #616161;
	font-size: 12px;
	font-weight: normal;
}
.ncol dd{
	padding-left: 12px;
	color: #616161;
}
.ncol dd .cont{
	margin-left: -12px;
	overflow: visible;
}
.disc {
	padding: 8px 0;
}
.disc li {
	margin-left: 12px;
	padding-left: 0;
	list-style-type: disc;
	list-style-position: outside;
}
.navpanel {
	width: 740px;
}
.navpanel li{
	float: left;
}
.navpanel li a{
	margin: 0 14px 8px 0;
	border: 1px solid #c7c7c7;
	padding: 8px 20px 8px 15px;
	width: 195px;
	background: url(../purpose/common/listbg_off.gif) no-repeat 216px 50% #eee;
	display: block;
}
.navpanel li a:link, 
.navpanel li a:visited{
	border-color: #c7c7c7;
	background-image: url(../purpose/common/listbg_off.gif);
	background-color:  #eee;
}
.navpanel li a:hover, 
.navpanel li a:active{
	border-color: #bb4529;
	background-image: url(../purpose/common/listbg_on.gif);
	background-color: #fff;
	text-decoration: none;
}
.pageTop {
	clear: both;
	margin: 15px 15px 0;
	text-align: right;
	font-size: 10px;
	color: #616161;
}

.pageTop a {
	padding-left: 10px;
	font-size: 10px;
	background:url(../common/pagetop_mark.gif) 0 2px no-repeat;
}


/* == 
----------------------------------------------------------*/

.sceneitem {
	clear: both;
	margin-top: 0;
}
.sceneitem .col.block {
	padding-top:0;
}
.prod{
	clear: both;
	padding: 15px 17px 15px 0;
}

* html .prod{
	padding-bottom: 24px;
}
*:first-child+html .prod{
	padding-bottom: 0;
}
h4{
	margin-bottom: 12px;
	border-bottom:1px solid #D9D9D9;
	padding: 0 0 .5em;
	color:#202020;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.prodthumb {
	width: 140px;
	float: left;
}
.prodthumb img {
	border: 1px solid #d2d2d2;
}
.proddetail {
	float: left;
	width: 582px;
}
.proddetail p {
	margin: 0;
	padding: 0;
}
.proddetail .cont {
	padding: 6px 0;
}
.thumb {
	width: 272px;
	float: left;
	text-align: left;
}

.thumbcol p, 
.thumbcol ul{
	width:450px;
}

.thumb img {
	border: 1px solid #d2d2d2;
}
.thumb .glass, 
.prodthumb .glass{
	display:block;
	margin:3px 17px 0;
	text-align:right;
}
.thumb .glass img, 
.prodthumb .glassimg{
	border: none;
}

/* 101022 add by matsuda */
.singletable {
	margin-bottom: 15px;
}
.singletable th, .singletable td {
	 border:1px solid #D2D2D2;
	line-height:1.3;
	padding:8px 2px;
	text-align:center;
	vertical-align:middle;
}
.singletable th {
	background:url(../common/bg_cell2w.gif) repeat left top #eee;
	font-weight:normal;
}
.singletable td.cell1 {
	background:url(../common/bg_cell2w.gif) repeat-y -1px top #f7f7f7;
	text-align:center;
	vertical-align:middle;
}
.singletable th.even {
	background-color: #f2f2f2;
}

.singletable td.even {
	background-color: #fcfcfc;
}
.singletable td.odd {
	background-color: #f7f7f7;
}

.singletable.lft td {
	text-align: left;
}
.sp {
	margin-bottom: 15px;
}
*:first-child+html .col.block{
	overflow: hidden;
}
.thumb img {
	border: 1px solid #d2d2d2;
}
.thumb .glass {
	display:block;
	margin:3px 17px 0;
	text-align:right;
}
.thumb .glass img{
	border: none;
}
.thumbcol {
	width: 450px;
	float: left;
}
.thumbcol h4, 
.thumbcol p {
	width: 450px;
	text-align: left;
}
.itemttl {
	padding-top: 30px;
}
.itemthumb {
	float: left;
	width: 275px;
}
.itemcom {
	float: left;
	width: 430px;
}
.itemcom p {
	width: 430px;
}
.itemcom p.size {
	margin-bottom: 2em;
}
.pht {
	padding-bottom: 30px;
}
*:first-child+html .thumb img{
	margin-bottom: 30px;
}
.formbox {
	margin: 15px 0;
	border: 1px solid #d2d2d2;
	padding: 12px;
	background-color: #f7f7f7;
}