@charset "utf-8";

/* ##############################################################

#FILE_DESCRIPTION {
	--------------------------------------------
	#filename	: style.css;
	#author     : #Shigemi_Uehala;
	#version    : 1.0;
	#last update: 20100120 #Shigemi_Uehala;
	
	”ページ”用スタイル
	--------------------------------------------
}

#CONTENT {
	--------------------------------------------
	- 
	--------------------------------------------
}

#FONT_SIZE {
	--------------------------------------------
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|
	--------------------------------------------
}

############################################################## */


/* ==============================================================

	[ 商品カテゴリー内 共通 ]
	
============================================================== */
body.PRODUCT {
}

/* -----------------------------------
	備考
----------------------------------- */
body.PRODUCT .recital {
}

body.PRODUCT .recital .wrapper {
	position: relative;
	padding: 10px;
	padding-bottom: 2em;
	background-color: #F2ECD6;
}

body.PRODUCT .recital .img {
	float: left;
	width: 200px;
}
body.PRODUCT .recital .text {
	float: right;
	width: 420px;
}

body.PRODUCT .recital .text .arrow {
	padding: 10px 0;
	}
	body.PRODUCT .recital .text .arrow li {
		line-height: 1.3;
		margin: 5px 0;
		font-size: 92%;
}

body.PRODUCT .recital .contact {
	position: absolute;
	right: 0;
	bottom: 0;
}

body.PRODUCT .recital .contact a {
	display: inline-block;
	background-color: #057119;
	padding: .3em 1em;
	border-top: solid 5px #fff;
	border-left: solid 5px #fff;
	color: #fff;
	/display: inline;
	/zoom: 1;
}

body.PRODUCT .recital .contact a:hover {
	padding: 1em 1em;
}
/* -----------------------------------
	商品一覧
----------------------------------- */
body.PRODUCT {
}

body.PRODUCT ul#productList {
}

body.PRODUCT ul#productList li {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 210px;
	background-color: #e3e3e3;
	font-size: 92%;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

body.PRODUCT ul#productList li dl {
	padding: 10px;
}

body.PRODUCT ul#productList li dl dt {
	padding: .7em 10px .7em 25px;
	background: url(../img/icon_arrow_sikaku.gif) no-repeat 10px 50% #06418c;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
}
body.PRODUCT ul#productList li dl dt a:link    { color: #fff;	text-decoration: none; }
body.PRODUCT ul#productList li dl dt a:visited { color: #fff;	text-decoration: none; }
body.PRODUCT ul#productList li dl dt a:hover   { color: #fff; text-decoration: underline; }
body.PRODUCT ul#productList li dl dt a:active  { color: #fff; text-decoration: underline; }

body.PRODUCT ul#productList li dl dd.photo {
	margin-bottom: 10px;
}



/* -----------------------------------
	商品スペック
----------------------------------- */
body.PRODUCT .prducts {
}

body.PRODUCT .prducts p {
	margin: 1em 0;
}

body.PRODUCT .prducts h3 {
	padding: .7em 10px .7em 25px;
	background: url(../img/icon_arrow_sikaku.gif) no-repeat 10px 50% #06418c;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

body.PRODUCT .prducts .productImg {
	margin: 0;
	float: left;
	width: 315px;
	overflow: hidden;
}

body.PRODUCT .prducts .specTable {
	background-color: #F3F3F3;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	body.PRODUCT .prducts .specTable:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

	/* IE6 */
	* html .body.PRODUCT .prducts .specTable {
	zoom: 1;
	}
	
	/* IE7 */
	*:first-child+html body.PRODUCT .prducts .specTable {
	zoom: 1;
}


body.PRODUCT .prducts .specTable h4 {
	margin-bottom: 5px;
}

body.PRODUCT .prducts .specTable table {
}
body.PRODUCT .prducts .specTable table th,
body.PRODUCT .prducts .specTable table td {
	text-align: center;
	font-size: 85%;
}
body.PRODUCT .specTable table th {
		font-weight: bold;
	}

body.PRODUCT .prducts .info {
	margin: 10px 0;
	background-color: #F2ECD6;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	body.PRODUCT .prducts .info dt {
		font-weight: bold;
	}


/* ==============================================================

	[ 商品一覧 ]
	
============================================================== */
body#PRODUCT {
}

body#PRODUCT ul#productList {
}

body#PRODUCT ul#productList li {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 320px;
	/*border: solid 1px #b9b9b9;*/
	font-size: 92%;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #f3f3f3;
}

body#PRODUCT ul#productList li dl {
	padding: 10px;
}

body#PRODUCT ul#productList li dl dt {
	padding: .7em 10px .7em 25px;
	background: url(../img/icon_arrow_sikaku.gif) no-repeat 10px 50% #06418c;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	}
	body#PRODUCT ul#productList li dl dt a:link    { color: #fff;	text-decoration: none; }
	body#PRODUCT ul#productList li dl dt a:visited { color: #fff;	text-decoration: none; }
	body#PRODUCT ul#productList li dl dt a:hover   { color: #fff; text-decoration: underline; }
	body#PRODUCT ul#productList li dl dt a:active  { color: #fff; text-decoration: underline; }


body#PRODUCT ul#productList li dl dd.description {
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: dotted 1px #aaa;
}

body#PRODUCT ul#productList li dl dd  h3 {
	display: inline;
	border: solid 1px #3b474f;
	background-color: #9b9b9b;
	padding: .2em .4em;
	color: #fff;
	font-size: 85%;
}

body#PRODUCT ul#productList li dl dd .img {
	float: left;
	width: 135px;
}

body#PRODUCT ul#productList li dl dd div.contents {
	float: right;
	width: 150px;
}

body#PRODUCT ul#productList li dl dd  .contents ul {
	margin-top: 10px;
}

body#PRODUCT ul#productList li dl dd .contents .ar {
	margin-top: 10px;
}

body#PRODUCT ul#productList li li {
	float: none;
	width: inherit;
	width: auto;
	border: none;
	margin: 0 0;
}



/* ==============================================================

	[ OPP 商品一覧 ]
	
============================================================== */



/* ==============================================================

	[ ポリエチレン商品 商品一覧 ]
	
============================================================== */



/* ==============================================================

	[ ポリカラーバッグ商品 商品一覧 ]
	
============================================================== */
/* ---------------------
オリジナルオーダーバッグ
--------------------- */
body#PRODUCT_ORDERBUG {
}

body#PRODUCT_ORDERBUG #mainCintents ul.colorList li {
	float: left;
	width: 290px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 92%;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #f3f3f3;
	}
	
	body#PRODUCT_ORDERBUG #mainCintents ul.colorList li dl {
	}
	body#PRODUCT_ORDERBUG #mainCintents ul.colorList li dl dt {
	padding: .7em 10px .7em 25px;
	background: url(../img/icon_arrow_sikaku.gif) no-repeat 10px 50% #06418c;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	}
	body#PRODUCT_ORDERBUG #mainCintents ul.colorList li dl dd.img {
	margin-bottom: 5px;
	}
	body#PRODUCT_ORDERBUG #mainCintents ul.colorList li dl dd.description {
		text-align: center;
		clear: both;
		font-size: 92%;
	}
	
	/* 商品イメージ */
	body#PRODUCT_ORDERBUG #mainCintents ul.colorList li dl dd.img ul {
	}
	body#PRODUCT_ORDERBUG #mainCintents ul.colorList li dl dd.img ul li {
		width: 140px;
		padding: 0;
		margin: 2px;
	}


/* -----------------------------------
	ショッピングバッグ[規格]
----------------------------------- */
body#PRODUCT_KIKAKU .prducts .specTable {
	float: none;
	width: auto;
	background-color: #F3F3F3;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}




/* -----------------------------------
	レジ袋
----------------------------------- */
body#PRODUCT_REJI .prducts {
}

body#PRODUCT_REJI .prducts p {
	margin: 1em 0;
}

body#PRODUCT_REJI .prducts h3 {
	padding: .7em 10px .7em 25px;
	background: url(../img/icon_arrow_sikaku.gif) no-repeat 10px 50% #06418c;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

body#PRODUCT_REJI .prducts .productImg {
	margin: 0;
	float: left;
	width: 315px;
	overflow: hidden;
}

body#PRODUCT_REJI .prducts .specTable {
	float: right;
	width: 305px;
	background-color: #F3F3F3;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


body#PRODUCT_REJI.prducts .specTable h4 {
	margin-bottom: 5px;
}

body#PRODUCT_REJI .prducts .specTable table {
}
body#PRODUCT_REJI .prducts .specTable table th,
body#PRODUCT_REJI .prducts .specTable table td {
	text-align: center;
}


/* ==============================================================

	[ クリアパッケージ商品 商品一覧 ]
	
============================================================== */



/* ==============================================================

	[ バイオマスプラスチック商品 商品一覧 ]
	
============================================================== */




/* ==============================================================

	[ 商品詳細 ]
	
============================================================== */
body.PRODUCT_ITEM {
}

body.PRODUCT_ITEM div#mainCintents h2 {
	padding: 10px;
	font-size: 136%;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	background: url(../../common/img/common_bg_ttl.gif) repeat-x left top;
	border-bottom: dotted 1px #7c7c7c;
}

body.PRODUCT_ITEM .prducts p {
	margin: 1em 0;
}

body.PRODUCT_ITEM div#mainCintents .productInfo {
	margin-bottom: 30px;
	}
	/* 画像 */
	body.PRODUCT_ITEM div#mainCintents .productImg {
	float: left;
	width: 300px;
	overflow: hidden;
	}
	
	/* 紹介文 */
	body.PRODUCT_ITEM div#mainCintents .text {
	float: right;
	width: 330px;
	}
	body.PRODUCT_ITEM div#mainCintents .text p {
		margin-bottom: 1em;
	}

	/* 表の場所 */
	body.PRODUCT_ITEM .specTable {
	padding: 10px;
	padding-right: 0;
	background-color: #F3F3F3;
	}
	body.PRODUCT_ITEM .specTable:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
	
		/* IE6 */
		* html body.PRODUCT_ITEM .specTable {
		zoom: 1;
		}
		
		/* IE7 */
		*:first-child+html body.PRODUCT_ITEM .specTable {
		zoom: 1;
	}	

	body.PRODUCT_ITEM .specTable h3 {
		margin-bottom: 10px;
	}
	
	body.PRODUCT_ITEM .specTable table {
		float: left;
		width: 200px;
		margin-right: 10px;
	}
	body.PRODUCT_ITEM .specTable table th,
	body.PRODUCT_ITEM .specTable table td {
		text-align: center;
		font-size: 85%;
	}
	body.PRODUCT_ITEM .specTable table th {
		font-weight: bold;
	}


	body.PRODUCT_ITEM div#mainCintents .info {
	margin: 10px 0;
	background-color: #F2ECD6;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	body.PRODUCT_ITEM div#mainCintents .info dt {
		font-weight: bold;
	}