@charset "UTF-8";

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

 * Copyright(c) YS DESIGN inc.
 * tmpl.css

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

/**

 * box A

*/

#content div.box-A {
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #bfbfbf;
	border-right: none;
}

#content div.box-A .ttl {
	color: #2e44f2; 
}




/**

 * box B

*/

#content div.box-B { 
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #bfbfbf;
	border-right: none;
}

#content div.box-B .ttl {
	color: #2e44f2; 
}

#content div.box-B table.list {
	font-size: 69%;
	line-height: 1.6;
}

#content div.box-B table.list th { width: 20%; }

#content div.box-B table.list th, 
#content div.box-B table.list td {
	padding: 3px 0 6px 0;
}

#content div.box-B dl.list-1 {
	clear: both;
}

#content div.box-B dl.list-1 dt {
	float: left;
	display: inline-block;
	
}

#content div.box-B dl.list-1 dt a:link,
#content div.box-B dl.list-1 dt a:active,
#content div.box-B dl.list-1 dt a:visited { color: #666; text-decoration: none !important; }
#content div.box-B dl.list-1 dt a:hover { color: #2e44f2; text-decoration: none !important; }

#content div.box-B dl.list-1 dd {
	width: 100%;
	margin-left: 85px;
}





/**

 * box C

*/

#content div.box-C { 
	width: 500px;
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #bfbfbf;
	border-right: none;
}

#content div.box-C .ttl {
	color: #2e44f2; 
}

#content div.box-C ul {
	width: 225px; 
	font-size: 69%;
	line-height: 1.8;
}

#content div.box-C ul.R {
	padding-left: 25px;
	border-left: 1px solid #bfbfbf;
}




/**

 * box D

*/

#content div.box-D { 
	margin-bottom: 25px;
	padding: 25px 25px 25px 24px;
	border: 1px solid #bfbfbf;
	border-right: none;
}

* html #content div.box-D {
	width: 525px;
	padding-right: 0;
}

#content div.box-D .bnr {
	position: relative;
}

#content div.box-D .ttl {
	margin-bottom: 10px;
}




/**

 * box E

*/

#content div.box-E { 
	margin-bottom: 25px;
	padding: 25px 0 25px 25px;
	border: 1px solid #bfbfbf;
	border-right: none;
}

#content div.box-E .ttl {
	color: #2e44f2; 
}

#content div.box-E ul {
	margin-bottom: 35px;
}

#content div.box-E ul li {
	float: left;
	width: 254px;
	border-bottom: 1px solid #bfbfbf;
	display: inline;
}

#content div.box-E ul li.odd {
	margin-left: 16px;
}

#content div.box-E ul li p.thumb {
	float: right;
	width: 160px;
	margin: 0;
	margin-left: 8px;
	display: inline;
}

#content div.box-E ul li dl {
	float: left;
	width: 86px;
	height: 85px;
	margin-top: 10px;
}

#content div.box-E ul li dl dt {
	font-size: 75%;
	line-height: 1.4;
	color: #333;
	font-weight: bold;
	text-align: left;
	margin-bottom: 12px;
}

#content div.box-E ul li dl dt a:link,
#content div.box-E ul li dl dt a:active,
#content div.box-E ul li dl dt a:visited { color: #666; text-decoration: none !important; }
#content div.box-E ul li dl dt a:hover { color: #2e44f2; text-decoration: none !important; }

#content div.box-E ul li dl dd {
	font-size: 55%;
	line-height: 1.4;
	text-align: left;
}

/***** icon *****/
#content div.box-E ul li dl.ico-1 {
	display: inline-block;
	padding-top: 5px;
	background: url(../img/ico_awards_bottom.gif) no-repeat bottom right;
}

#content div.box-E ul li dl.ico-2 {
	display: inline-block;
	padding-top: 5px;
	background: url(../img/ico_gmark_bottom.gif) no-repeat bottom right;
}

#content div.box-E ul li dl.ico-double {
	display: inline-block;
	padding-top: 5px;
	background: url(../img/ico_double_bottom.gif) no-repeat bottom right;
}




/**

 * box F

*/

#content div.box-F { 
	margin-bottom: 25px;
	border-right: none;
}

#content div.box-F .strip_of_thumbnails {
}

#content div.box-F .strip_of_thumbnails ul#thumb li {
	float: left;
	padding-left: 1px;
	background: #bfbfbf;
}

#content div.box-F .strip_of_thumbnails ul#thumb li:hover {
	background: #2e44f2;
}

#content div.box-F .strip_of_thumbnails ul#thumb .activeImage {
	margin-left: -1px;
	border-left: 1px solid #2e44f2;
}

#content div.box-F #detail {
	padding: 25px 20px;
	border: 1px solid #bfbfbf;
	border-top: none;
	border-right: none;
}

#content div.box-F #detail .product-name {
	margin-bottom: 15px;
	border-bottom: 1px solid #bfbfbf;
}

#content div.box-F #detail .product-name h2 {
	font-size: 100%;
	color: #333;
	margin-bottom: 0;
}

#content div.box-F #detail .product-name p {
	margin-bottom: 5px;
}




/**

 * box G

*/

#content div.box-G {
	min-height: 300px;
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #bfbfbf;
	border-right: none;
}

#content div.box-E ul {
	margin-bottom: 35px;
}

#content div.box-G .ttl {
	margin-bottom: 5px;
}




/**

 * box H

*/

#content div.box-H { 
	min-height: 300px;
	margin-bottom: 25px;
	padding: 25px;
	border: 1px solid #bfbfbf;
	border-right: none;
}

#content div.box-H table.list {
	font-size: 69%;
	line-height: 1.6;
}

#content div.box-H table.list th { color: #2e44f2; }

#content div.box-H table.list th, 
#content div.box-H table.list td {
	padding: 3px 0 6px 0;
}





/**

 * box clear

*/

#content div.box-C,
#content div.box-E ul,
#content div.box-F .strip_of_thumbnails ul#thumb { 
	display: inline-block;
}

#content div.box-C:after,
#content div.box-E ul:after,
#content div.box-F .strip_of_thumbnails ul#thumb:after { 
	content: ""; display: block; clear: both; 
}