@charset "Shift_JIS";
/* Common
---------------------------------------------------------*/
img.mod-pc {

}
span.mod-sp {
	display: none;
}
.onlypc {
	display: none;
}

@media(max-width: 640px){
	img.mod-pc {
		display: none;
	}
	span.mod-sp {
		display: block;
	}

}
#pageMainContent {
	width: 950px;
	margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* Heading Layout
---------------------------------------------------------*/
#pageHeader #headerTitle table div {
	margin-left: 17px;
	margin-top: 2px;
	margin-bottom: 5px;
}
	#headerTitle .titleText div {
		display: none;
	}
.hedder_link_02 {
	margin-top: 20px;
}
.mod-mainContentContainer #product-cat-01 h3 {
	clear: both;
}
@media (max-width:640px) {
	.mod-breadcrumbs { margin:0 !important; }
	.mod-mainContentContainer { font-size: 14px; }
	#pageMainContent h3.title { font-size:14px; }
	.mod-pageMenuNav { font-size:12px; }
	#pageHeader #headerTitle h1 img.titleThumbImg {
		float:left;
		display:block;
		width:50px;
		height:50px;
		padding:5px 0 0 0;
	}
	#pageHeader #headerTitle { 
			height:auto;
			background: none;
		}
	#headerTitle .titleText img { display:none; }
	#headerTitle .titleText div { display:block; }
	#headerTitle div.titleText div:first-of-type { margin-bottom:0.1em; }
	#headerTitle div.titleText div span:not(:first-of-type) { vertical-align:baseline !important; }
	#headerTitle div.titleText div:nth-of-type(2) { line-height:150%; }
	#headerTitle div.titleText div:nth-of-type(2) span {
		vertical-align:baseline !important;
		display:inline-block !important;
	}
	#pageHeader #headerTitle table div {
		margin-left: 3px;
		margin-bottom: 2px;
		color: #45678E;
	}
	#headerTitle div.titleText div span:first-of-type { display:block; }
	#pageHeader #headerTitle table {
		width: 100%;
		border-bottom: #D0D0D0 2px solid;
	}
	#pageHeader #headerTitle ul#headerLink {
		float: left;
		width: auto;
	}
		#pageHeader #headerTitle ul#headerLink span {
			display: block;
			text-align: left;
			background: url(/support/share/images/mq/ico_02.png) no-repeat left 50%;
			font-size: 16px;
			padding: 0 0 0 12px;
			margin-left: 13px;
		}
		#pageHeader #headerTitle ul#headerLink img {
			display: none;
			height: 0px;
		}
}





/* TABLE Layout
---------------------------------------------------------*/

.mod-mainContentContainer #product-cat-01 table {
	margin-bottom: 20px;
	
}
	.mod-mainContentContainer .mod-table-wrap table {
		border-left: 0;
		border-right: 0;
		width: 100%;
		table-layout: fixed;
	}
	
		.mod-mainContentContainer .mod-table-wrap table th,
		.mod-mainContentContainer .mod-table-wrap table td {
					word-break: break-all;
					border: 1px solid #CCC;
					padding: 2px 5px;
					letter-spacing:-0.03em;
					font-size: 93%;
					line-height: 1.2em;
					font-weight:normal;
				}
		
			.mod-mainContentContainer .mod-table-wrap table th {
					display: none;
				}
			.mod-mainContentContainer .mod-table-wrap table td.color01,
			.mod-mainContentContainer .mod-table-wrap table th.color01 {
					background-color: #F0EEE6;
					text-align:center;
				}
			.mod-mainContentContainer .mod-table-wrap table th.table-left-width,
			.mod-mainContentContainer .mod-table-wrap table td.table-left-width {
						width: 240px;
/*						border-top: none;
						border-left: none;
*/				}
			.mod-mainContentContainer .mod-table-wrap table th.table-left-width2,
			.mod-mainContentContainer .mod-table-wrap table td.table-left-width2 {
						width: 200px;
/*						border-top: none;
						border-left: none;
*/				}

			.mod-mainContentContainer .mod-table-wrap table td,
			.mod-mainContentContainer .mod-table-wrap table th {
					border-right: 0;
					text-align: center;
					height: 72px;
				}
			.mod-mainContentContainer .mod-table-wrap table td span.txt10 {
				display: block;
				font-size: 10px;
			}
			.mod-mainContentContainer .mod-table-wrap table th.for-sizing {
					height: 40px;
				}
			.mod-mainContentContainer .one-column {
				width: 7%;
				}
			.mod-mainContentContainer .one-column2 {
					width: 12%;
				}
			.mod-mainContentContainer .two-column {
					width: 11%;
				}
			.mod-mainContentContainer .two-column2 {
					width: 26%;
				}

			.mod-mainContentContainer .three-column {
					width: 20%;
				}
			.mod-mainContentContainer .four-column {
					width: 21%;
				}
			

			.mod-mainContentContainer .first-table {
					width: 540px;
					border-right: 0;
				}
			.width740 {
					width: 740px !important;
				}
			.width490 {
					width: 490px !important;
				}
			.width390 {
					width: 390px !important;
				}
			.width445 {
					width: 445px !important;
				}
			

				.mod-mainContentContainer .mod-table-wrap .first-table table th, {
	display: table-cell;
	width: auto;
					}
				.mod-mainContentContainer .mod-table-wrap .last-table table td,
				.mod-mainContentContainer .mod-table-wrap .last-table table th {
						border: 1px solid #CCC;
					}
		.mod-inner-wrap {
			overflow: hidden;
			float: left;
			width: 200px;
		}
		.mod-inner-wrapsingle {
			overflow: hidden;
			float: left;
			width: 100%;
		}
			.mod-inner-wrap table {}
			.mod-mainContentContainer .mod-table-wrap .first-table table {
					margin-left: 0;
				}
ul.notes li {
	text-indent: -1.5em !important;
	padding-left: 1.5em !important;
	font-size: 12px !important;
}
#pageMainContent.section ul.notes li a span.content {
	margin-left: 0;
}
td.wheight {
	height: 149px !important;
}
@media(max-width: 640px){
	td.wheight {
		height: 46px !important;
}
}
@media(max-width: 640px){
	.mod-mainContentContainer .section .mod-table-wrap table {
			font-size: 80%;
			width: 100%;
			border-right: 1px solid #CCC;
		}
		.mod-mainContentContainer .section .mod-table-wrap table th {
			display: table-cell;
			}
		.mod-mainContentContainer .mod-table-wrap table td,
		.mod-mainContentContainer .mod-table-wrap table th {
				height: auto;
				padding: 6px 5px;
			}
		.mod-mainContentContainer .mod-table-wrap table th.table-left-width,
			.mod-mainContentContainer .mod-table-wrap table td.table-left-width {
						width: auto;
			}
		
	.mod-inner-wrap {
		overflow: hidden;
		float: none;
		width: 100%;
	}
		.mod-inner-wrap table {
			margin-left: 0;
		}
		.mod-mainContentContainer .first-table table {
			}
		.mod-mainContentContainer .one-column,
		.mod-mainContentContainer .one-column2,
		.mod-mainContentContainer .two-column,
		.mod-mainContentContainer .two-column2,
		.mod-mainContentContainer .three-column,
		.mod-mainContentContainer .four-column {
				width: 100%;
				margin-bottom: 20px;
			}
		.mod-mainContentContainer .first-table,
		.width740,
		.width490,			
		.width390 {
				width: auto !important;
				border-right: 0;
			}
.for-sizing {
	width:50%;
}
}

*/
/*===========================================
	each content
=============================================*/

#product-950cat-01,
#product-950cat-02,
#product-950cat-03,
#product-950cat-04 { width: 950px; }

#product-950cat-01,
#product-950cat-02,
#product-950cat-03,
#product-950cat-04 { zoom: 1; }

#product-950cat-01:after,
#product-950cat-02:after,
#product-950cat-03:after,
#product-950cat-04:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #product-950cat-01,
* html #product-950cat-02,
* html #product-950cat-03,
* html #product-950cat-04 {
	display:inline-table;
	/*\*/display:block;/**/
}

#product-950cat-02 li,
#product-950cat-03 li,
#product-950cat-04 li {
	float: left;
	clear: none;
	width: 150px;
	text-align:center;
	/*height: 50px;*/
	margin-right: 35px;
	margin-bottom: 30px;
	list-style:none;
}
#product-950cat-01 li{
	float: left;
	clear: none;
	text-align:center;
	/*height: 50px;*/
	margin-right: 35px;
	margin-bottom: 30px;
	list-style:none;
}
.last {
	margin-right: 0px;
}

 @media (max-width:640px) {
.mod-mainContentContainer .section {
    margin-bottom: 0;
}

#product-950cat-02 ul,
#product-950cat-03 ul,
#product-950cat-04 ul {
	/*float:none;*/
	/*margin: 0 0 30px 0;
	overflow:hidden;*/
	display: table;
	margin: 0 auto;
}

#product-950cat-02 li,
#product-950cat-03 li,
#product-950cat-04 li {
	margin-right: 10px !important;
	width: 45%;
}
#product-950cat-02 li.hpright,
#product-950cat-03 li.hpright{
	float:right;
}
#product-950cat-01 .content,
#product-950cat-02 .content,
#product-950cat-03 .content,
#product-950cat-04 .content {
	width: 120px;
}

#product-950cat-02 li.hpright, #product-950cat-03 li.hpright {
    float: right;
}

 }

li a{ 
	transition: color 0.3s ease-in 0s !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

li a:hover {
	color: #333333;
	opacity: 0.5;
	text-decoration: none;
}

.content span {
    background: url("/support/share/images/arrow_black.png") no-repeat scroll left 5px transparent;
    padding-left: 12px;
}


#product-950cat-01 .title {
	clear: both;
	color: #666;
	font-size: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}


.anchor_box .anchor_box_inner {
    padding: 10px !important;
}
.anchor_box .anchor_box_inner li {
    float: left !important;
	clear: none !important;
	margin-right: 10px !important;
}


 .hap img{
	 max-width:520px;
	 margin-top:15px;
 }
 
 
 @media (max-width:640px) {
.anchor_box {
    margin-bottom: 10px !important;
}
.anchor_box li {
	margin-bottom: 10px !important;
}


 }
 




/* example
---------------------------------------------------------*/
#confirm-example #product-950cat-01 h3.title{
    background: none repeat scroll 0 0 #666666;
    border-bottom: medium none;
    clear: both;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 3px 0 3px 0.8em;
}
#confirm-example h4{
	margin-bottom:10px;
	font-size: 115%;
	border-bottom: 1px #444 dotted;	
}
#confirm-example h5{
	color: #444;
	margin-bottom: 5px;
	font-size: 105%;
}
.inner_wrap{
	padding:0 10px 0 10px;
	padding-bottom: 25px;
	overflow: hidden;
}
.inner_wrap p{
	margin-bottom: 15px;
}

.bg_yellow{
	background-color: #f3ba11;
	padding:5px;
}

#confirm-example #product-950cat-01 .inner_wrap li {
  clear: none;
  float: left;
  list-style: none outside none;
  margin-bottom: 0;
  text-align: left;
  margin-right: 0;
}
#confirm-example #product-950cat-01 .inner_wrap li:first-child {
  margin-right: 45px;
}
.inner_wrap li img.imgArea{
	float: left;
	display: block;
	margin-right: 30px;
}
.inner_wrap li ul {
	float: left;
	display: block;
	width: 420px;
}
.inner_wrap li ul li{
	margin-bottom: 15px !important;
}
.inner_wrap li img.icon{
	vertical-align: bottom;
	/vertical-align: middle;
	padding: 3px 3px 2px 3px;
	/padding: 0px 3px 3px 3px;
	margin-top: 0px !important;
}
.reso_explanation img.icon{
	vertical-align: bottom;
	/vertical-align: middle;
	padding: 3px 3px 1px 3px;
	/padding: 0px 3px 3px 3px;
	margin-top: 0px !important;
}
@media (max-width:640px) {
.inner_wrap {
    padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}
.inner_wrap li img.imgArea{
	float: none;
	margin-right: 0px;
	margin-bottom: 15px;
	width: 100%;
}
.inner_wrap li ul {
	float: none;
	display: block;
	width: 100%;
}
.inner_wrap li ul li{
	margin-top: 0px !important;
}
.inner_wrap li img.icon{
	width: auto !important;
}
}
ul.flow {
	margin-top: 15px;
}
/*ul.flow img{
	margin-top: 10px;
}*/
#confirm-example #product-950cat-01 .img_nav li {
  margin-bottom: 10px;
}
ul.img_nav.last{
	margin-bottom: 20px;
}
ul.flow.no-margin{
	margin: 0;
}

@media only screen and (max-width: 640px) {
	#confirm-example #product-950cat-01 .inner_wrap li {
	  float: none;
	}
	#product-950cat-01 .img_nav li {
		margin-right: 15px;
		margin-bottom: 10px;
	}
	#confirm-example #product-950cat-01 .inner_wrap li img{
		width: 100%;
	}	
	#confirm-example #product-950cat-01 .inner_wrap li {
	  margin-right: 0;
	}	
	#confirm-example #product-950cat-01 .inner_wrap li:last-child {
	  margin-top: 30px;
	}
	#confirm-example h4{
	}	
	#confirm-example #product-950cat-01 .inner_wrap li:first-child {
	  margin-right: 0;
	  margin-top: 0;
	}
	/* ---- Clearfixes ---- */
	.clf:before,.clf:after{
		content:'';
		display:table;
	}
	.clf:after{
		clear:both;
	}
	.clf{
		zoom:1
	}
}

/* download-page column
---------------------------------------------------------*/
@media (max-width:640px) {
	#pageMainContent li{
		margin-bottom:10px;	
	}
	#pageMainContent .figure,
	#pageMainContent .content {
		float: none;
	}
	#pageMainContent .figure img{
		width:25px;
		height:25px;
	}
	#pageMainContent .content {
		margin-left:0;
	}
}


#pageMainContent .download {
padding-left: 12px;
background: url("/support/share/images/arrow_black.png") no-repeat left 5px;
line-height: 20px !important;
}

@media (max-width:640px) {
	#pageMainContent .download {
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 7px;
	line-height: 20px !important;
}

	
}



/* link_arrow 
---------------------------------------------------------*/
.arrow {
	margin:0 0 0 10px;
	padding-left:8px;
	position:static;
	text-align:left;
	background:url("/support/share/images/arrow_black.png") left 50% no-repeat;
}

.inner_wrap02{
	padding:0 10px 0 10px;
	padding-bottom: 35px;
	overflow: hidden;
}