@charset "shift_jis";



/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 740px;
	margin: 15px auto 0px auto;
	padding: 0px;
}




/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: 740px;
	margin: 15px auto 0px auto;
	padding: 0px;
	clear:both;
}
div.pregArea_02 div.topArea {
	width: 720px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	border-bottom:#999 dotted 1px;
}
div.pregArea_02 div.topArea ul.topBox {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
div.pregArea_02 div.topArea ul.topBox li.txt {
	width:450px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.topArea ul.topBox li.img {
	width:250px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align:center;
}
div.pregArea_02 div.pregBox {
	width: 720px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 20px 0px;
	border-bottom:#999 dotted 1px;
	clear:both;
	overflow: hidden;
}
.OpenbtnArea {
	font-size: 108%;
}
div.pregArea_02 div.pregBox div.LeftArea {
	width: 370px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.pregBox div.RightArea {
	width: 330px;
	margin: 0px;
	padding: 0px;
	float:right;
	text-align:center;
}
div.pregArea_02 div.pregBox div.miniBox {
	width: 685px;
	margin: 15px 0px 0px 35px;
	padding: 0px;
	clear:both;
	overflow: hidden;
}
div.pregArea_02 div.pregBox div.miniBox div.LeftArea {
	width: 325px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.pregBox div.miniBox div.RightArea {
	width: 330px;
	margin: 0px;
	padding: 0px;
	float: right;
}
div.pregArea_02 div.pregBox div.miniBox div.LeftArea-2 {
	width: 240px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.pregBox div.miniBox div.RightArea-2 {
	width: 400px;
	padding: 0px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.pregArea_02 div.pregBox div.detailArea-innerbox div.miniBox {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	clear:both;
	overflow: hidden;
}
div.pregArea_02 div.pregBox div.detailArea-innerbox div.miniBox div.LeftArea {
	width: 325px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.pregBox div.detailArea-innerbox div.miniBox div.RightArea {
	width: 330px;
	margin: 0px;
	padding: 0px;
	float: right;
}

div.pregArea_02 div.pregBox div.img-center {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align:center;
}

div.pregArea_02 .Gray {
	background:#F0F0F0;
	margin: 15px 0px 0px 0px;
	padding:5px 10px 5px 5px;
	font-weight:bold;
	clear:both;
}
div.pregArea_02  div.detailArea {
	border-bottom:#E5E5E5 1px solid;
	border-left:#E5E5E5 1px solid;
	border-right:#E5E5E5 1px solid;
	margin: 0px 0px 20px 0px;
	padding:15px;
}
div.pregArea_02 div.detailArea div.LeftArea-2 {
	width:320px;
	padding:0px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
div.pregArea_02 div.detailArea div.RightArea-2 {
	width:330px;
	float:right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}

div.pregArea_02 div.detailArea .detailArea-innerbox {
	overflow: hidden;
	border-bottom:#999 dotted 1px;
	padding-bottom:20px;
	padding-top: 10px;
	clear: both;
}
div.pregArea_02 div.pregBox .noline {
	border: none;
}
div.pregArea_02 .bb_noline {
	border-bottom: none !important;
	background:none;
}
div.pregArea_02 div.detailArea .detailArea-innerbox .noline {
	border: none;
}

/*===========================================
	GrayArea 
=============================================*/
div.GrayArea {
	background:#F1F1F1;
    clear: both;
    margin: 10px auto 0;
    padding: 5px;
}


/*===========================================
	lineArea 
=============================================*/
div.lineArea {
	border: 1px solid #CCCCCC;
	clear: both;
	margin: 15px auto 0;
	padding: 15px;
	overflow: hidden;
}
.Graybg {
	background-color:#F0F0F0 !important;	
}

div.lineArea ul li {
	list-style:disc;
	margin-left:1.3em;
	margin-bottom:5px;
}
div.lineArea div.lineBox {
    border-top: 1px solid #CCCCCC;
    margin: 15px auto 0px auto;
	padding:15px 0 px 0px 0px;
	clear:both;
}
div.lineArea div.LeftArea-1 {
	width:300px;
    margin: 0px;
	padding:0px;
	float:left;
}
div.lineArea div.RightArea-1 {
	width:330px;
	padding:0px;
	float:right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.lineArea  div.detailArea {
	border-bottom:#E5E5E5 1px solid;
	border-left:#E5E5E5 1px solid;
	border-right:#E5E5E5 1px solid;
	margin: 0px 0px 20px 0px;
	padding:15px;
}

div.lineArea div.detailArea div.LeftArea-2 {
	width:270px;
    margin: 0px;
	padding:0px;
	float:left;
}
div.lineArea div.detailArea div.RightArea-2 {
	width:330px;
    margin: 0px;
	padding:0px;
	float:right;
}
div.lineArea div.LeftArea-3 {
	width:430px;
    margin: 0px;
	padding:0px;
	float:left;
}
div.lineArea div.RightArea-3 {
	width:200px;
    margin: 0px;
	padding:0px;
	float:right;
}





/*===========================================
	GrayArea 
=============================================*/
div.GrayArea {
	background:#F1F1F1;
    clear: both;
    margin: 10px auto 0;
    padding: 5px;
}





/*===========================================
	bar
=============================================*/
.bar_no01 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no01.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no02 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no02.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no03 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no03.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no04 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no04.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no05 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no05.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no06 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no06.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no07 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no07.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no08 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no08.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no09 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no09.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no10 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no10.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no11 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no11.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}

.bar_no01-s {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	background:url(../images/bar_no01-s.gif) no-repeat;
}
.bar_no02-s {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	background:url(../images/bar_no02-s.gif) no-repeat;
}


/*===========================================
	ico
=============================================*/
.ico_Disc {
	margin: 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/ico_disc.gif) no-repeat 0px 5px;
}
ul.Disc {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.Disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/ico_disc.gif) no-repeat 0px 5px;
}


.ico_Warning {
	margin: 0px;
	padding: 4px 0px 5px 33px;
	background:url(../images/ico_warning.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.ico_Square {
	padding: 0px 0px 5px 13px;
	background:url(../images/ico_square.gif) no-repeat 0px 3px;
	font-weight:bold;
}
.ico_Onepoint {
	margin: 0px;
	padding: 4px 0px 5px 32px;
	background:url(../images/ico_onepoint.gif) no-repeat 0px 0px;
	font-weight:bold;
	color:#4C96C8;
}


/*===========================================
	GrayTbl
=============================================*/
table.GrayTbl {
	margin: 5px 0px 0px 0px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	clear:both;
}
table.GrayTbl th {
    padding: 5px 10px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #F0F0F0;
	text-align:center;
}
table.GrayTbl td {
    padding: 5px 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
}

/*===========================================
	OnepointArea 
=============================================*/
div.OnepointArea {
	margin: 15px 0px 0px 0px;
	padding: 15px;
	border:#4C96C8 2px solid;
	clear:both;
}


/*===========================================
	num-indent
=============================================*/
.num-indent {
	text-indent:-1em;
	padding-left:1em;
	margin-top:10px;
}

/*===========================================
	textLine
=============================================*/
.textLine {
	padding-right:3px;
	padding-left:3px;
	padding-bottom:4px;
	vertical-align: middle;
}

/*===========================================
	font11
=============================================*/
.font11 {
	font-size:11px;
}
.font15 {
	font-size:15px;
}

div.lineArea p.red{
	color:red;
}



@media (max-width: 640px) {
	
p {
	width: auto;
}
/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width:auto;
}
div.pregArea_01 div.mq-img img {
    height: auto;
    width: 100%;
}


/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: auto;
}
div.pregArea_02 div.topArea {
	width: auto;
}
div.pregArea_02 div.topArea ul.topBox li.txt {
	width: auto;
	float: none;
}
div.pregArea_02 div.topArea ul.topBox li.img {
	margin-top:10px;
	width: auto;
	float: none;
}

div.pregArea_02 div.pregBox div.imgArea {
	margin: 10px 0px 0px 0px;
}
div.pregArea_02 div.pregBox div.imgArea img {
	width: 100%;
	height:auto;
}
div.pregArea_02 div.pregBox div.imgArea2 {
	margin: 10px 0px 0px 0px;
}
div.pregArea_02 div.pregBox div.imgArea2 img {
	width: 100%;
	height:auto;
}
div.pregArea_02 div.pregBox {
	width: auto;
}
div.pregArea_02 div.pregBox div.LeftArea {
	width: auto;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: none;
}
div.pregArea_02 div.pregBox div.RightArea {
	width: auto;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: none;
}
div.pregArea_02 div.pregBox div.RightArea img,
div.pregArea_02 div.pregBox div.miniBox div.RightArea-2 img {
	width: 100%;
	height:auto;
}
div.pregArea_02 div.pregBox div.miniBox,
div.pregArea_02 div.pregBox div.detailArea-innerbox div.miniBox {
	width: auto;
	margin:0 0 0 10px;
	padding:0px;
}
div.pregArea_02 div.pregBox div.miniBox div.LeftArea,
div.pregArea_02 div.pregBox div.miniBox div.LeftArea-2 {
	width: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: none;
}

div.pregArea_02 div.pregBox div.miniBox div.RightArea,
div.pregArea_02 div.pregBox div.miniBox div.RightArea-2 {
	margin: 10px auto 0px ;
	padding: 0px;
	float: none;
	width: auto;
}


div.pregArea_02 div.pregBox div.img-center img {
	width:100%;
	height:auto;
}

.ml_45 {
	margin-left:0px;
}
div.pregArea_02 div.pregBox div.miniBox2 {
	margin: 0px 0px 0px 0px;
}


/*===========================================
	lineArea 
=============================================*/

div.lineArea {
	width: auto;
	float:none;
}
div.lineArea div.LeftArea-1 {
	width: auto;
	float:none;
	margin-top:10px;
}
div.lineArea div.RightArea-1 {
	width: auto;
	float:none;
	text-align:center;
	margin-top:10px;
}
div.lineArea div.RightArea-1 img {
	width: 100%;
	height:auto;
}

div.lineArea div.detailArea div.LeftArea-2 {
	margin-top:10px;
	width: auto;
	float:none;
}
div.lineArea div.detailArea div.RightArea-2 {
	width: auto;
	float:none;
}
div.lineArea div.detailArea div.RightArea-2 img {
	max-width: 100%;
	height:auto;
}
div.pregArea_02  div.detailArea {
	width: auto;
	height:auto;
}
div.pregArea_02  div.detailArea img {
	max-width: 100%;
	height:auto;
}
div.pregArea_02 div.detailArea div.LeftArea-2 {
	width: auto;
	float:none;
}
div.pregArea_02 div.detailArea div.RightArea-2 {
	width: auto;
	float:none;
}
div.lineArea div.LeftArea-3 {
	width: auto;
	float:none;
}
div.lineArea div.RightArea-3 {
	float:none;
	margin: 10px auto 0;
}

div.pregArea_02 div.detailArea .detailArea-innerbox {
	width: 100%;
}
div.pregArea_02 div.detailArea .detailArea-innerbox img.icon {
	width: auto !important;
	vertical-align: bottom;
}


/*===========================================
	GrayTbl
=============================================*/
table.GrayTbl {
	font-size:12px;
}
table.GrayTbl th {
    padding: 5px;
}
table.GrayTbl td {
    padding: 5px;
}


/*===========================================
	bar
=============================================*/
.bar_no01 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no02 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no03 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no04 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no05 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no06 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no07 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no08 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no09 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no10 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}
.bar_no11 {
	background-size:20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}

}

.sponly {
	display: none;
}

@media (max-width: 640px) {
.pconly {
	display: none;
}
.sponly {
	display: inline;
	width: auto;
}
}
.detailArea-innerbox ul li {
	list-style-type: disc;
	margin-left: 1em;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
}
@media (max-width: 640px) {
.detailArea-innerbox ul li {
	width: auto;
}
}
}





#x-appli #tmp-localnavi {
	margin-bottom:10px!important;
}
.break {
	display: block;
}

.detailArea-innerbox ul.mod-faq ul {
	list-style: none;
}
.detailArea-innerbox ul.mod-faq li {
	width: 360px;
	/*height:68px;*/
	margin: 0 0 10px 10px;
	float: left;
	border: 1px solid #CCC;
	list-style: none;
	border: 1px solid #bcbcbc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	opacity:1;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	background:white;
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-indent:inherit;
	overflow: hidden;
}
.detailArea-innerbox ul.mod-faq li:hover {
	background:#f1f1f1;
}
.detailArea-innerbox ul.mod-faq li a {
	display: block;
	height: auto;
	padding: 10px;
}
.detailArea-innerbox ul.mod-faq li a:active, .mod-faq li a:hover {
	text-decoration: none;
	color: #43677e;
}
.detailArea-innerbox ul.mod-faq li img {
	display: block;
	width: 50px !important;
	float: left;
	padding: 0 ;
	vertical-align: top;
}
.detailArea-innerbox ul.mod-faq li img.icon {
	width: auto !important;
	float: right;
	position: relative;
	top: -20px;
	right: 0px;
}
.detailArea-innerbox ul.mod-faq li div span.ico_arrow-black {
	display: block;
	float: left;
	width: 260px;
	vertical-align:top;
}
.ico_arrow-black {
	/padding-left: 24px;
}
 @media(max-width: 640px) {
#x-appli #tmp-localnavigation ul.menulist, #x-appli #tmp-localnavi ul.menulist {
	background-image: none;
	padding-top: 10px;
}
#x-appli #tmp-localnavi ul.menulist {
	padding-bottom: 0;
}
#x-appli #tmp-localnavi ul.menulist li:last-child {
	padding-bottom: 0;
}
#x-appli .inc-linkbox01 ul.photomenu2 {
	width: auto;
}
#x-appli #tmp-localnavi h2.inc-prodctname {
	background: transparent url(/support/share/images/leftnav_header.gif) repeat-x left bottom;
	height: auto;
	text-indent: 0;
	padding: 5px;
	font-size: 100%;
	font-weight: bold;
}
#x-appli #tmp-localnavigation ul.menulist, #x-appli #tmp-localnavi ul.menulist {
	background-image: none;
	padding-top: 10px;
}
#x-appli #tmp-localnavi ul.menulist {
	padding-bottom: 0;
}
#x-appli #tmp-localnavi ul.menulist li:last-child {
	padding-bottom: 0;
}
#x-appli .inc-linkbox01 ul.photomenu2 {
	width: auto;
}
#x-appli .colum2-right760 ol li p img {
	width: 100% !important;
	height: auto;
}
#x-appli.mod-mainContentContainer .colum2-right760 #qa_other div div.list {
	padding-left: 16px !important;
}
#x-appli.mod-mainContentContainer .colum2-right760 #qa_other div div.list dt {
	padding-left: 1em !important;
}
#x-appli #solutionContents .sectionReferenceBox .body .c {
	padding-top: 0.5em !important;
	padding-right: 20px !important;
	padding-bottom: 0.5em !important;
	padding-left: 20px !important;
}
.colum2-right760 table {
	width:auto;
}
.colum2-right760 table tr {
	font-size:9px;
}
.detailArea-innerbox ul.mod-faq li {
	width:auto;
}
.detailArea-innerbox ul.mod-faq li a div {
	display:table;
}
.detailArea-innerbox ul.mod-faq li img {
	display:table-cell;
	float:none;
}
.detailArea-innerbox ul.mod-faq li div span.ico_arrow-black {
	display:table-cell;
	float:none;
	width:auto;
}
}
/*-----------20130911-----------*/
@media only screen and (max-width: 640px){
	.detailArea-innerbox ul.mod-faq li img.icon,.mod-faq li img.icon {
		top: -40px;
		margin-right: 0;
		margin-left: 10px;
	}
}

/*-----------20160114-----------*/
.number_list {
	text-indent: -28px;
	margin: 10px 0 10px 28px;
}

.ml_15 {
	margin-left: 15px;
}

/*===========================================
	detail 01 Area 【windows8-start】
=============================================*/

.section ul.clear_both {
	clear: both;
}






/*===========================================
	detail 01 Area 【windows7-start】
=============================================*/