/*********************************
			ASPURE
*********************************/

/* -----------------------------
		aspure header
----------------------------- */
#site_container {
    width: 100%;
    min-height: 100%;
    height: 100%;
    font-family: メイリオ, "ＭＳ Ｐゴシック", sans-serif;
    color: rgb(51, 51, 51);
    margin: -25px auto 0px;
    padding: 0px;
}
#site_container a {
    text-decoration: none;
    color: #0033CC;
}
#site_container #site_wrap {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    min-width: 920px;
    max-width: 1356px;
}
#site_container #site_wrap #pans {
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 12px;
    padding: 0 0 0 28px;
}
#site_container #content_area {
    width: 100%;
    padding: 0;
    margin: 0;
}

#site_container #ap_header {
	margin: 0 auto;
	padding: 0;
	width:100%;
	height:60px;
	background: url(/uploads/images/ap/bg_header.jpg) repeat-x;
}

#site_container #ap_header #headerin {
	margin: 0 auto 0 auto;
	padding:0 28px;
	width:100%;
	min-width:864px;
	max-width:1300px;
	background: url(/uploads/images/ap/bg_header_center.jpg) no-repeat top right;
}

#site_container #ap_header #headerin h1 {
	position:relative;
	padding:0;
	margin:0;
	text-align:left;
}

#site_container #ap_header #headerin h1 img {
	margin-right:20px;
}

#site_container #ap_header #headerin h1 span  {
	font-size:14px;
	color:#333;
	vertical-align:top;
	padding:20px 0 0 0;
	display:inline-block;
}

/* -----------------------------
		ap side
----------------------------- */
#wide_side_area {
	width: 200px;
	float: right;
	margin: 0 28px 0 20px;
}
#wide_side_area h3.ap_right {
	background: #B02225;
	color: #fff;
	padding: 12px;
	font-size: 16px;
	text-align: left;
	margin: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}
#wide_side_area ul.ap_right li a {
	display: block;
	border: 1px solid #ccc;
	border-top: none;
	padding: 9px;
	text-align: left;
}
#wide_side_area ul li a img {
	margin: 0 auto 10px auto;
}
#wide_side_area ul li a h4 {
	color: #E6000F;
	font-size: 13px;
	margin: 0 0 5px 0;
}
#wide_side_area ul li a p {
	color: #000;
	font-size: 12px;
	margin: 0 0 10px 0;
}

/* ap top_page */

#site_container #content_area #main_area #ap_left_column {
	width:200px;
	float:left;
	margin:0 20px 0 28px;
}

#site_container #content_area #main_area #ap_left_column ul {
}

#site_container #content_area #main_area #ap_left_column ul li {
	margin:0 auto 10px auto;
	text-align:center;
}

#site_container #content_area #main_area #ap_left_column ul li a {
	margin:0;
	padding:0;
	text-align:left;
}

#site_container #content_area #main_area #ap_left_column ul li a:hover {
	text-decoration:none;
}

#site_container #content_area #main_area #ap_left_column ul li a img {
	margin:0;
	padding:0;
}

#site_container #content_area #main_area #ap_left_column ul li a p {
	text-align:left;
	font-size:10px;
	color:#333333;
	margin:5px 0 8px 0;
	line-height:180%;
}

/**/

#ap_center_column {
	width: -webkit-calc(100% - 498px) ;
	width: calc(100% - 498px) ;
	float:left;
}

#ap_center_column p {
	text-align:left;
	font-size:14px;
	line-height:180%;
	margin-bottom:20px;
}

#ap_center_column .top_banner2 {
	display:block;
	width:100%;
	border:1px solid #616263;
	margin-bottom:10px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #DDF6FF), color-stop(0.00, #FFF));
	background: -webkit-linear-gradient(top, #FFF 0%, #DDF6FF 88%);
	background: -moz-linear-gradient(top, #FFF 0%, #DDF6FF 88%);
	background: -o-linear-gradient(top, #FFF 0%, #DDF6FF 88%);
	background: -ms-linear-gradient(top, #FFF 0%, #DDF6FF 88%);
	background: black;
}
.img_mainb{
	width: 98%;
	max-width: 780px;
	margin: 0 auto;
}

#ap_center_column h2.products {
	background: url(/uploads/images/common/bg_title2.png) repeat-x bottom left;
	padding:10px 0;
	color:#B02125;
	font-size:18px;
	text-align:left;
	margin:0 auto 20px auto;
}

#ap_center_column h2.usage,
#ap_center_column_second h2.usage {
	background: url(/uploads/images/common/bg_title4.png) repeat-x bottom left;
	padding:10px 0;
	color:#0033CC;
	font-size:18px;
	text-align:left;
	margin:0 auto 20px auto;
}

#ap_center_column ul.pickup {
	clear:both;
	width:100%;
}

#ap_center_column ul.pickup li {
	float:left;
}

#ap_center_column ul.pickup li:nth-child(1),
#ap_center_column ul.pickup li:nth-child(2),
#ap_center_column ul.pickup li:nth-child(3) {
	width:32%;
	max-width:275px;
	margin-right:2%;
}

#ap_center_column ul.pickup li:nth-child(4),
#ap_center_column ul.pickup li:nth-child(5),
#ap_center_column ul.pickup li:nth-child(6),
#ap_center_column ul.pickup li:nth-child(7) {
	width:23.5%;
	max-width:201px;
	margin-right:2%;
}

#ap_center_column ul.pickup li:nth-child(4) {
	clear:both;
}

#ap_center_column ul.pickup li:nth-child(3),
#ap_center_column ul.pickup li:nth-child(7) {
	margin-right:0;
}


#ap_center_column ul.pickup li a {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	color:#333;
}

#ap_center_column ul.pickup li a:hover {
	text-decoration:none;
}

#ap_center_column ul.pickup li a img {
	width:100%;
	margin:0 auto 10px auto;
}

#ap_center_column ul.pickup li a p {
	font-size:13.5px;
	line-height:180%;
	color:#333;
	margin:0 0 25px 0;
}


/**/


#ap_center_column ul.usage,
#ap_center_column_second ul.usage {
	clear:both;
	margin:0 0 20px 0;
}

#site_container #content_area ul.nv_usage {
	clear:both;
	margin:0 0 20px 0;
	padding:0 28px;
}

#ap_center_column ul.usage li,
#ap_center_column_second ul.usage li,
#site_container #content_area ul.nv_usage li {
	clear:both;
	text-align:left;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}

#ap_center_column ul.usage li a,
#ap_center_column_second ul.usage li a,
#site_container #content_area ul.nv_usage li a  {
	display:block;
}

#ap_center_column ul.usage li a:hover,
#ap_center_column_second ul.usage li a:hover,
#site_container #content_area ul.nv_usage li a:hover {
	text-decoration:none;
}

#ap_center_column ul.usage li a img,
#ap_center_column_second ul.usage li a img,
#site_container #content_area ul.nv_usage li a img {
	float:left;
	margin:0 15px 15px 0;
}

#ap_center_column ul.usage li a h3,
#ap_center_column_second ul.usage li a h3,
#site_container #content_area ul.nv_usage li a h3 {
	font-size:16px;
	color:#0033CC;
	margin:0 0 10px 0;
	padding:0;
}

#ap_center_column ul.usage li a h3 strong,
#ap_center_column_second ul.usage li a h3 strong,
#site_container #content_area ul.nv_usage li a h3 strong {
	background:#0033CC;
	color:#fff;
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	padding:2px 12px;
	margin:0 10px 0 0;
}

#ap_center_column ul.usage li a p,
#ap_center_column_second ul.usage li a p,
#site_container #content_area ul.nv_usage li a p  {
	float:right;
	font-size:14px;
	color:#666;
	width : calc(100% - 95px) ;
	margin:0 0 20px 0;
}

/**/

#ap_center_column ul.cases {
}

#ap_center_column ul.cases li {
	float:left;
	width:32%;
	margin:0 2% 20px 0;
}

#ap_center_column ul.cases li:nth-child(3) {
	margin-right:0;
}

#ap_center_column ul.cases li a {
	display:block;
	background:#efefef;
	padding:5px;
	text-align:left;
	color:#fff;
}

#ap_center_column ul.cases li a:hover {
	text-decoration:none;
}

#ap_center_column ul.cases li:nth-child(1) a {
	background:#7DA834;
}

#ap_center_column ul.cases li:nth-child(2) a {
	background:#1D8767;
}

#ap_center_column ul.cases li:nth-child(3) a {
	background:#1F87B9;
}

#ap_center_column ul.cases li a h3 {
	margin:0 0 3px 0;
	padding:5px 18px 5px 5px;
	font-size:15px;
	background: url(/uploads/images/ap/top/ico_arrow.png) no-repeat right center;
}

#ap_center_column ul.cases li a img {
	width:100%;
}


/**/

#ap_center_column .ap_cleanroom {
	/* [disabled]padding:0; */
	margin: 0 0 30px 0;
	text-align: left;
}

#ap_center_column .ap_cleanroom h2 {
	font-size:18px;
	color:#fff;
	padding:10px 15px 10px 15px;
	margin:0;
	background:#0033CC;
	text-align:center;
}


#ap_center_column .ap_cleanroom .clean_inner {
	border:5px solid #99ADEB;
	border-top:0;
	padding:20px;
}

#ap_center_column .ap_cleanroom .clean_inner p {
	margin:0 0 15px 0;
	padding:0;
	font-size:14px;
	line-height:180%;
}

#ap_center_column .ap_cleanroom .clean_inner h3 {
	font-size:16px;
	color:#333;
	margin-bottom:15px;
}

#ap_center_column .ap_cleanroom .clean_inner h3 span {
	color:#138BC9;
}

#ap_center_column .ap_cleanroom .clean_inner h3 span.upper {
	color:#333;
}

#ap_center_column .ap_cleanroom .clean_inner table {
	border-collapse:collapse;
	width:100%;
}

#ap_center_column .ap_cleanroom .clean_inner table th {
	border:1px solid #ccc;
	background:#D7E5F6;
	font-size:12.5px;
	font-weight:normal;
	padding:6px 0;
	text-align:center;
	vertical-align:middle;
}

#ap_center_column .ap_cleanroom .clean_inner table td {
	border:1px solid #ccc;
	font-size:12.5px;
	text-align:center;
	padding:6px 0;
	background:#fff;
	letter-spacing:-0.4px;
}

#ap_center_column .ap_cleanroom .clean_inner table td.size {
	background:#F9F9F9;
	padding:6px 1px;
}

#ap_center_column .ap_cleanroom .clean_inner table td span.upper {
	vertical-align:super;
	font-size:70%;
}

#ap_center_column h2.usage, #ap_center_column_second h2.usage {
    background: url(/uploads/images/common/bg_title4.png) repeat-x bottom left;
    padding: 10px 0;
    color: #0033CC;
    font-size: 18px;
    text-align: left;
    margin: 0 auto 20px auto;
}

#site_container .clear {
    clear: both;
}

#site_container ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#ap_center_column ul.usage li, #ap_center_column_second ul.usage li, #site_container #content_area ul.nv_usage li {
    clear: both;
    text-align: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

#ap_center_column ul.usage li a img, #ap_center_column_second ul.usage li a img, #site_container #content_area ul.nv_usage li a img {
    float: left;
    margin: 0 15px 15px 0;
}

#ap_center_column ul.usage li a h3, #ap_center_column_second ul.usage li a h3, #site_container #content_area ul.nv_usage li a h3 {
    font-size: 16px;
    color: #0033CC;
    margin: 0 0 10px 0;
    padding: 0;
}
#ap_center_column ul.usage li a p, #ap_center_column_second ul.usage li a p, #site_container #content_area ul.nv_usage li a p {
    float: right;
    font-size: 14px;
    color: #666;
    width: calc(100% - 95px);
    margin: 0 0 20px 0;
}