@import "style-qacontents.css";

/*スマホ表示*/
@media screen and (max-width: 480px){
.printandbook, .alsothislist, .yougo {display:none}
.pckatei{display:none}
#qaenquote_under small {font-size: 65%!important;}
.alsothislist_under ul {padding-left: 10px!important; font-size: 75%;}
.enquote01 {margin-left: 0px!important;}
/*.enquote02 {margin: 20px -20px 0 0!important;}*/
/*.enquote02 p {width: 95%!important; font-size: 65%!important;}*/
.enquetecomment textarea {margin: 3px 0 0!important; width: 100%!important; height: 80px!important;}
.qasns_tw {margin-left: 10px!important; width: 95%!important;}
.alsothislistexist {display: flex; flex-direction: column; display: inline-block;}
div.alsothislistexistleft{float: left;}
div.advertisementright_sp{text-align: center;}
div.advertisementright{display:none}
div.advertisementunder{display:none}
.qanavi-newqa p.rss{display:none}
.qanavi-newqa .listoption{display:none}
.qanavi-newqa p.summary{display:none}
.qanavi-newqa p.other{display:none}
#qaenquote_under .enquotebtn_0{width: 75vw!important; height: 35vw!important;}
#qaenquote_under .enquotebtn_1{width: 75vw!important; height: 35vw!important;}
h2#enquote small{display: block; font-size: 65%!important;}
h3#enquote small{display: block;}
.enquote_button {font-size: 6vw!important; height: 20vw!important;}
.close_button {font-size: 4vw!important; width: 65vw!important; height: 10vw!important;}
.qaenquete #searchbox_include{display:none}
.categorytop .freq-faq .col1{margin-top: 35px;}
.categoryqalist .listoption{display:none}
.eachmodellistsearchresult a{white-space: nowrap;}
}

@media screen and (min-width: 481px){
.pckatei_sp{display:none}
div.alsothislistexistleft{float: left; width: 795px;}
.qaenquete #searchbox_include_bottom{display:none}
div.advertisementright_sp{display:none}
div.advertisementunder_sp{display:none}
}

.qacontent a:link { color: #003399; }
.qacontent a:visited { color: #660099; }
.qacontent a:active { color: #cc3300; }
.qacontent a:hover { text-decoration:underline; }
.qacontent a[name]{ color: #000; text-decoration:none; }
/*.qacontent ol li a { text-decoration:none;  }*/
/*.qacontent ol li a:hover{color: #000;}*/
/*.qacontent .noline { text-decoration:none;  }*/

/*-------------------------------------------------------*/
img{vertical-align: middle; border: none;}
div.clear{clear: both;}
form{margin: 0; padding: 0;}
/*-------------------------------------------------------*/
div.sponlymenu{display: none;}


/*共通*/
.hdg-b{margin-top: 0px; color: #000;}

/*バナー*/
.chatsup{ margin: 60px 0 100px; text-align: center;}
.webmart{ margin: -5px 0 15px; text-align: center;}
.pckatei{ margin: 0 0 60px; text-align: center;}
.pckatei_sp{ margin: 0 0 60px; text-align: center;}
.manabi{ margin: 0 0 60px; text-align: center;}
.webmart_u{ margin: 0 0 60px; text-align: center;}

/*左メニュー内*/
div.fblikebox{margin: 10px 0px 20px; border: 1px solid #bbb; width: 184px;}

/*事例リスト-------------------------------------------------------------------------------*/
.qalisteachmodel	{border-bottom: 2px solid #bdcdd5; margin: 0px 0px 20px}/*お使いになる上での注意事項*/
.qalistvista			{border-bottom: 2px solid #96adc5; margin: 0px 0px 20px 10px; padding: 0;}/*Vista留意事項*/
	/*段落*/
	.qalisteachmodel p	{border-top: 2px solid #bdcdd5; margin: 0;}
	.qalistvista p			{border-top: 2px solid #96adc5; margin: 0;}
	/*リンク*/
	.qalisteachmodel a	{text-decoration: none; display: block; padding: 3px 0px 2px; width: 100%;}
	.qalistvista a			{text-decoration: none; display: block; padding: 3px 0px 2px; width: 100%;}
	/*リンク（マウスオーバー）*/
	.qalisteachmodel a:hover,
	.qalistvista a:hover{background: #f7fcff;}
	/*事例タイトル*/
	.qalisteachmodel .title,
	.qalistvista .title{
		display: block;
		margin: 0px 0px 0px 32px;
		padding: 0;
		font-size: 100%;
		line-height: 130%;
		text-decoration: underline;
	}
	/*Q&Aナンバー*/
	.qalisteachmodel .qanum,
	.qalistvista .qanum
	{font-size: 90%; color: #555; margin-left: 45px;}
	/*更新日*/
	.qalisteachmodel .date,
	.qalistvista .date
	{font-size: 90%; color: #555; margin-left: 5px;}
	/*new*/
	.qalistfrequency .new,
	.qalisteachmodel .new,
	.qalistvista .new
	{font-size: 90%; color: #f00;}

/*新旧共通-------*/

/*通し番号*/
.listnum{
	position: absolute;
	width: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #003399;
/*
	border-width: 1px;
	border-style: solid;
	border-color: #d3eaf7 #a3cce3 #a3cce3 #d3eaf7;
	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffff,EndColorStr=#d3eaf7);
	background: -webkit-gradient(linear,center top, center bottom, from(#ffffff), to(#d3eaf7));
	background: -moz-linear-gradient(top, #ffffff, #d3eaf7);
	background: linear-gradient(to bottom, #ffffff, #d3eaf7);
*/
}
/*通し番号*/
.qanavilist p.listnum{
	width: 26px;
	font-size: 100%;
	color: #fff;
	background: #008080;
	font-weight: bold;
}
/*公開中一覧の時の幅*/
div.allqa div.qanavilist p.listnum{
	font-size: 95%;
	width: auto;
	min-width: 28px;
	padding: 2px 3px;
	filter: none;
	color: #fff;
	background: #008080;

}

/*役に立った星*/
div.qalist .feedback{
	float: right;/*position: absolute; right: 0px;*/
	width: 103px;
	height: 11px;
	margin: 1px 0px 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
	.star0{background-image: url('../images/star0.gif');}
	.star1{background-image: url('../images/star1.gif');}
	.star2{background-image: url('../images/star2.gif');}
	.star3{background-image: url('../images/star3.gif');}
	.star4{background-image: url('../images/star4.gif');}
	.star5{background-image: url('../images/star5.gif');}

/*新カテゴリ、新着*/
div.qanavilist{
	margin: 0px 0px 20px;
	padding: 0;
}
div.qanavilist ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid #ddd;
}
div.qanavilist li{
	margin: 0;
	padding: 10px 0px 0px;
/*	border-bottom: 2px solid #ddd;*/
}
div.qanavilist li:hover{
/*	background: #fcfcfc;*/
}

div.qanavilist a:link { 
	color: #003399;
	text-decoration:none;
}
div.qanavilist a:hover { text-decoration:underline; }

div.qanavilist p.title{
	margin: 0px 0px 0px 35px;
	padding: 0;
	line-height: 140%;
	font-weight: bold;
}

div.qanavilist p.summary{
	font-size: 90%;
	margin: 3px 0px 0px 37px;
	padding: 0px 0px 3px 8px;
	color: #444;
	line-height: 120%;
/*	border-bottom: 1px dotted #d0d0d0;*/
}
div.qanavilist p.other{
	font-size: 85%;
	margin: 3px 0px 8px 45px;
	padding: 0;
	color: #008000;
}
div.qanavilist p.other .qanum{
	margin-left: 0px;
}
div.qanavilist p.other .date{
	margin-left: 5px;
}
div.qanavilist p.other .new{
	color: #f00;
}
div.qanavilist p.other .feedback{
	position: absolute; right: 0px;
	width: 103px;
	height: 11px;
	margin: 1px 0px 0px;
	background-repeat: no-repeat;
	background-position: right center;
}

/*事例の件数*/
.listtotal{clear: both; margin: 5px 0px 0px; font-size:150%;}

/*事例一覧のオプション（件数、サマリ、ソート）*/
.listoption{font-size: 90%; margin: 0px 0px 5px; text-align: right;}

/*ページ送り*/
div.pagenate li{font-size:200%;}
.main-contents div.pagenate div.innerblock li a{padding:5px 10px;}
.main-contents div.pagenate div.innerblock li strong.current{padding:5px 10px;}
div.pagenate p{font-size:150%;}


/*よくあるお問い合わせ----------------------------------------------------------------*/

.freq-faq {  }
.freq-faq .col1 {}
.freq-faq .col1>* a { border: none!important; display: inline-block; }
.freq-faq .col1>* a:hover {text-decoration: underline; }
.freq-faq .noline { padding-left: 5px; font-weight: normal; font-size: 80%; }

.faqList {counter-reset: item; list-style-type: none; padding-left: 0; }
.faqList li { margin-bottom: 0.5em; }
.faqList li a:before { counter-increment: item; content: counter(item)''; padding: 0 0.5em; margin-right: 0.5em; font-weight: bold; color: #fff; background-color: #666; text-decoration: none!important; display: inline-block;}
.faqList li.faq1 a:before { background-color: #e6b422; }
.faqList li.faq2 a:before { background-color: #a7a7a7; }
.faqList li.faq3 a:before { background-color: #B87333; }
.faqList li.faq_freq1 a:before { background-color: #4169e1; }
.faqList li.faq_freq2 a:before { background-color: #008080; }

.faqtop10 h3,
.faqsearch h3{margin-bottom: 22px;}

#FAQsection{ margin-top: 1.5em; }
#FAQsection{margin-bottom: 60px;}
.faqtop10{margin-bottom: 84px;}

.faqmodel .qalistfrequency{
	border: none;
}

.qalistfrequency a{text-decoration: none;}
.qalistfrequency p{padding: 3px 0 2px;}
.qalistfrequency .title:hover{text-decoration: underline;}
.qalistfrequency .title{

	margin: 0 0 0 -4px;
	padding: 0;
	display:inline;
	line-height: ;
}


#faqtrouble{margin-bottom: 30px;}

.sponly_bnr	{ margin-top: 1em; }
.sponly_bnr .spbnrblock	{ margin-bottom: 3em; }
.sponly_bnr .spbnrblock a {
	display: block;
	margin: 0 0.5em;
	padding: 0.6em 0.8em;
	max-width: 100%;
	text-decoration: none;
}
.sponly_bnr .spbnrblock a > span.mark::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('../images/icon-star.png');
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.8em;
}
.sponly_bnr .spbnrblock a > span.item {
  display: inline;
  line-height: 1.8;
  vertical-align: middle;
/*  text-decoration: underline;*/
}

.chui_freqcatlist {margin-top: 50px!important;}

@media screen and (min-width: 481px){
.chui_freqcatlist, .sponly_bnr, .sponlyfaq, .modelnamesearch {display:none}
}

.modelnamesearch {
    font-size: 100%;
    margin: 0 0 45px 0;
    padding: 0px 10px 20px 10px;
    border: 1px solid #839096;
}

.modelnamesearch p{
    margin: 5px 0 20px 0;
}

.modelnamesearch_button {
  display       : inline-block;
  border-radius : 5%;
  font-size     : 100%;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px 12px;
  background    : #00007f;
  color         : #ffffff;
  line-height   : 0.1em;
  transition    : .3s;
  box-shadow    : 2px 2px 1px #666666;
  border        : 2px solid #00007f;
}

/*
.modelnamesearch_button:hover {
  box-shadow    : none;
  color         : #00007f;
  background    : #ffffff;
}
*/

#inputmodel { width: 55%; font-size: 100%; margin: 0 0 0 34px; padding: 5px 5px 5px 5px; background: #fff; }

.button_spfaq {
  border: 1px solid #15aeec;
}
.button_spfaq:active {
  background: #1a92c2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
}

/* お困りごとから探す --------------------------*/
.u-suptop-qalist ul {}
.u-suptop-qalist ul  li {}
/* 4column */.u-suptop-qalist ul  li > a {position:relative; display: block;color:#005243!important;background:#fff;border:1px solid #005243; text-align: center; padding: 10% 10px 20%;}
/* 4column */.u-suptop-qalist ul  li > a::before{display:block;position:absolute;content:"";bottom:10%;left:48.5%;width:10px;height:10px;border-bottom:3px solid #005243;border-right:3px solid #005243;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
/* 3column .u-suptop-qalist ul  li > a {position:relative; display: flex;color:#005243!important;background:#fff;border:1px solid #005243; padding: 10px;} */
/* 3column .u-suptop-qalist ul  li > a::before{display:block;position:absolute;content:"";top:50%;right:12px;width:8px;height:8px;border-bottom:2px solid #005243;border-right:2px solid #005243;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px} */
.u-suptop-qalist ul  li > a:hover{ background:#d2ecef; }
/* 4column */.u-suptop-qalist img.icon { width: 48px; height: 48px; max-width: 100%; vertical-align: baseline; margin-bottom: 10%; }
/* 3column .u-suptop-qalist img.icon { width: 30px; height: auto; max-width: 100%; vertical-align: baseline; margin-right: 0.5em; } */
.u-suptop-qalist .cattit { font-size: 1.875rem; font-weight: 600; }
.u-suptop-qalist .more-content .lyt-idx-b { margin-top: -34px; }
.CategoryModal { display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; overflow-y: hidden; z-index: 99; }
.Category-modal_bg { background: rgba(0,0,0,0.8); height: 100vh;  position: absolute; width: 100%; }
.Category-modal_content { background: #fff; left: 50%; padding: 30px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 60%;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.Category-modal_content .cattit { font-size: 1.875rem; font-weight: 600; color: #fff; background-color: #005243; margin-bottom: 1.2em; padding: 0.4em 0.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.Category-modal_content .close-btn { display: inline-block; color: #005243; font-weight: 600; border: 2px solid #005243; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; padding: 0 5px 3px 5px; text-align: center; text-decoration: none; } 
.Category-modal_content .close-btn:hover { background:#d2ecef; }
.Category-modal_content .close-btn .round_close { display: inline-block; position: relative; width: 27px; height: 27px; border-radius: 50%; background: #005243; top:6px; margin-right: 6px; }
.Category-modal_content .close-btn .round_close::before, .Category-modal_content .close-btn .round_close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 3px; height: 18px; background: #fff; }
.Category-modal_content .close-btn .round_close::before { transform: translate(-50%,-50%) rotate(45deg); }
.Category-modal_content .close-btn .round_close::after { transform: translate(-50%,-50%) rotate(-45deg); }
@media only screen and (max-width: 920px) {.u-suptop-qalist img.icon { width: 30px; height: 30px; margin-bottom:0; }.u-suptop-qalist .cattit { font-size: 1.625rem; }}
@media only screen and (max-width: 768px) { .Category-modal_content { padding: 15px; width: 90%; }}


/*検索結果--------------------------------------------------------------------------------*/

#showbutton{
  text-align    : center;
  font-size     : 130%;
  line-height: 0;
}

#show-results-button {
  border-radius : 3%;
  font-size     : 110%;
  text-align    : center;
  cursor        : pointer;
  padding       : 15px;
  background    : #ff6100;
  color         : #ffffff;
  line-height   : 0.1em;
  transition    : .3s;
  border        : 2px solid #ff6100;
  margin-bottom : 20px;
}

#show-results-button:hover {
  color         : #ff6100;
  background    : #ffffff;
}

#ss-form{display: none;}
#ss-hitcount{display: none;}
.ss-image{display: none;}
.ss-ad-image{display: none;}
div#ss-result div.ss-item .ss-content-length{display: none;}
div#ss-result div.ss-item .ss-last-modified{display: none;}
.ss-title{font-size: 130%!important;}
.ss-summary{font-size: 90%!important;}


/*新カテゴリ--------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){
div.categorytop{
}
div.categorytop p.newqa{
	margin: -22px 5px;
	padding: 0;
	text-align: right;
}
div.categorytop h2{
	clear: both;
	margin: 30px 0 5px;
}
div.categorytop h2:first{
	margin-top: 0px;
}

div.category{
	position: relative;
	width; 100%;
}

div.category h3{
	margin: 5px 0 0;
	padding: 7px 2px 7px 10px;
	cursor: pointer;
	border-width: 1px 1px 1px 7px;
	border-color: #9eafd3;
	border-style: solid;
	background: url('../images/categoryh4ex.gif') right center no-repeat;
	clear: both;
}
div.category h3:hover{
	padding: 8px 2px 6px 11px;
	background: #f0f5ff;
	border-color: #8195be;
	background: #eaeff9 url('../images/categoryh4exover.gif') right center no-repeat;
}
}

@media screen and (max-width: 768px){
div.categorytop{
	margin-bottom: 20px;
}
div.categorytop p.newqa{
	margin: 5px;
	padding: 0;
	text-align: right;
}
div.categorytop h2{
	clear: both;
	margin: 25px 0 5px;
}
div.categorytop h2:first{
	margin-top: 0px;
}
div.categorytop h3{
	font-size: 100%;
}

div.category{
	margin: 3px;
	padding:;
}
div.category h3{
	margin: 5px 0 0;
	padding: 7px 20px 7px 7px;
	border-width: 1px 1px 1px 7px;
	border-color: #9eafd3;
	border-style: solid;
	border-radius: 3px;
	background: url('../images/categoryh4ex.gif') right center no-repeat;
	clear: both;
}
}

/*h3選択中の時に他を薄く（categorytop→openning）*/
div.openning h3{
	color: #999;
}
/*選択中のh3*/
@media screen and (min-width: 769px){
div.category h3.open{
	margin: 5px 0 0;
	padding: 10px 2px 10px 10px;
	cursor: pointer;
	border-width: 2px 2px 2px 8px;
	border-color: #8195be;
	border-style: solid;
	background: #eaeff9 url('../images/categoryh4open.gif') right center no-repeat;
	color: #000;/*全体が薄くなるので明示的に*/
}
div.category h3.open:hover{
	background: #eaeff9 url('../images/categoryh4open.gif') right center no-repeat;
}
}

@media screen and (max-width: 768px){
div.category h3.open{
	margin: 5px 0 0;
	padding: 10px 20px 10px 7px;
	cursor: pointer;
	border-width: 2px 2px 2px 7px;
	border-radius: 3px 3px 0px 0px;
	border-color: #8195be;
	border-style: solid;
	background: #eaeff9 url('../images/categoryh4open.gif') right center no-repeat;
}
}

@media screen and (min-width: 769px){
/*h3をクリックして表示するカテゴリ*/
div.category div.catunit{
display: none;
	margin: -2px 0 20px;
	padding: 9px 0 5px 8px;
	border-width: 0px 2px 5px 7px;
	border-color: #8195be;
	border-style: solid;
	position: absolute;
	top: ;
	right: 0;
	max-width: 800px;
	background: #fff;
	z-index: 99999;
	width: 100%;
}
div.category div.catunit:after{
	content: "";
	display: block;
	clear:both;
}

/*カテゴリグループ（h4とulのセット）*/
div.category div.catset{
	margin: 0 9px 5px 0;
	padding: 0;
	border-width: 1px 1px 1px 5px;
	border-color: #ddd #ddd #ddd #9eafd3;
	border-style: solid;
	float: left;
	width: 47%;
}
div.category div.nowcat{
	clear: both;
	width: auto;
	float: none;
	margin: 0 9px 5px 0;
	padding: 0;
	border-width: 1px 1px 1px 5px;
	border-color: #9eafd3;
	border-style: solid;
	*zoom: 100%;
	*height: 100%;
	*padding-bottom: 10px;
}
}

@media screen and (max-width: 768px){
div.category div.catset{
	margin: 0 0 5px;
	padding: 0;
	border-width: 1px 1px 1px 5px;
	border-color: #ddd #ddd #ddd #9eafd3;
	border-style: solid;
}
div.category div.nowcat{
	margin: 0 0 5px;
	border-width: 1px 1px 1px 5px;
	border-color: #9eafd3;
	border-style: solid;
}
}

/*カテゴリ*/
@media screen and (min-width: 769px){
div.category h4{
	margin: 0;
	padding: 3px 5px;
	font-weight: normal;
}
div.category h4.exsub{
	cursor: pointer;
	background: url('../images/categoryh4ex.gif') right center no-repeat;
	color: #555;
	font-weight: bold;
}
div.category h4.open{
	color: #333;
	font-weight: bold;
	background: #eaeff9 url('../images/categoryh4open.gif') right center no-repeat;
}
div.category h4.exsub:hover{
	background: #eaeff9 url('../images/categoryh4exover.gif') right center no-repeat;
}
div.category h4.open:hover{
	background: #eaeff9 url('../images/categoryh4open.gif') right center no-repeat;
}
}

@media screen and (max-width: 768px){
div.category h4{
	margin: 0;
	padding: 3px 20px 3px 7px;
	font-weight: normal;
	border: none;
	background: #fff;
}
div.category h4.exsub{
	cursor: pointer;
	background: url('../images/categoryh4ex.gif') right center no-repeat;
}
div.category h4.open{
	background: #eaeff9 url('../images/categoryh4open.gif') right center no-repeat;
}
div.category h4.exsub:hover{
	background: #eaeff9 url('../images/categoryh4exover.gif') right center no-repeat;
}
div.category h4.open:hover{
	background: #eaeff9 url('../images/categoryh4open.gif') right center no-repeat;
}
}

/*サブカテゴリ*/
@media screen and (min-width: 769px){
div.category ul{display: none;
	margin: 9px 0 8px 20px;
	padding: 0;
	list-style: none;
}
div.category ul li{
	margin: 5px 0;
	padding: 0 0 0 10px;
	background: url('../images/categorytop-subtri.gif') no-repeat left center;
	font-size: 95%;
	float: left;
	width: 47%;
}
div.category div.nowcat ul:after{
	content: "";
	display: block;
	clear: both;
}
}

@media screen and (max-width: 768px){
div.category ul{display: none;
	margin: 9px 0 8px 20px;
	padding: 0;
	list-style: none;
}
div.category ul li{
	margin: 5px 0;
	padding: 0 0 0 10px;
	background: url('../images/categorytop-subtri.gif') no-repeat left center;
	font-size: 95%;
}
}

/*手動HTML部分*/
div.otherhtml{
	margin: 10px 0;
	padding: 0;
}

/*特集を設定したとき*/
@media screen and (min-width: 769px){
div.specialcategory{
	margin: 0 0 10px;
	padding: 0;
	border-width: 1px 1px 1px 7px;
	border-style: solid;
	border-color: #9eafd3;
}
/*
div.specialcategory h3{
	margin: 0;
	padding: 7px 5px 7px 10px;
}
*/
div.specialcategory div.catset{
	border-width: 1px;
	border-style: solid;
	border-color: #9eafd3;
	margin: 5px;
	padding: 5px;
}
div.specialcategory h4{
	margin: 0;
	padding: 5px 2px 5px 7px;
	border-width: 0px 0px 0px 7px;
	border-style: solid;
	border-color: #9eafd3;
	font-size: 115%;
}
div.specialcategory ul{
	margin: 8px 1px 8px 50px;
	padding: 0;
	list-style: none;
}
div.specialcategory li{
	margin: 7px 30px 7px 0;
	padding: 0 0 0 9px;
	display: inline-block;
	background: url('../images/categorytop-subtri.gif') no-repeat left center;
	font-size:95%;
}
}

@media screen and (max-width: 768px){
div.specialcategory{
	margin: 3px;
	padding: 0;
	border-width: 1px 1px 1px 7px;
	border-style: solid;
	border-color: #9eafd3;
	border-radius: 3px;
}
div.specialcategory div.catset{
	border-width: 1px;
	border-style: solid;
	border-color: #9eafd3;
	margin: 5px;
	padding: 5px;
	border-radius: 3px;
}
div.specialcategory h4{
	margin: 0;
	padding: 5px 2px 5px 7px;
	border-width: 0px 0px 0px 7px;
	border-style: solid;
	border-color: #9eafd3;
	background:#eaeff9;
}
div.specialcategory ul{
	margin: 8px 1px 8px 20px;
	padding: 0;
	list-style: none;
}
div.specialcategory li{
	margin: 7px 30px 7px 0;
	padding: 0 0 0 9px;
	background: url('../images/categorytop-subtri.gif') no-repeat left center;
	font-size: 95%;
}
}

/*活用情報*/
div.katuyo{
	margin: 0 0 10px;
	padding: 5px;
	border-width: 1px 1px 1px 6px;
	border-style: solid;
	border-color: #9eafd3;
}
div.katuyo h4{
	margin: 5px;
	padding: 5px 3px 0 10px;
	border-top: 1px dotted #ccc;
}
div.katuyo ul{
	margin: 0;
	padding: 0 0 0 40px;
	list-style: none;
}
div.katuyo li{
	margin: 0 25px 5px 0;
	padding: 0 0 0 9px;
	display: inline-block;
	background: url('../images/categorytop-subtri.gif') no-repeat left center;

	*display: inline;
	*background: none;
	*line-height: 250%;
	*margin: 0 20px 0 0;
	*padding: 0;
}
div.katuyo li a{
	*white-space: nowrap;
	*background: url('../images/categorytop-subtri.gif') no-repeat left center;
	*padding: 0 0 0 9px;
}

/*h3選択中の時に薄く（categorytop→openning）*/
div.openning .otherhtml *{
	color: #999;
	border-color: #ccc;
}
div.openning .otherhtml div#cat281{
	color: #999;
	border-color: #ccc;
}

div.mssupbanner:before{
	display: block;
	clear: both;
	width: 100%;
}
div.mssupbanner{
	margin: 10px 0 40px;
	text-align: right;
}


/*新カテゴリQA一覧-----------------------------------------------------------------------------------*/
div.categoryqalist h1{
	margin: 25px 0px 5px;
	padding: 11px 2px 11px 11px;
	background: #f7fcff url('../images/categoryh2bk.gif') repeat-x left 1px;
	border: 1px solid #888;
	font-size: 138.5%;
}
/*サブカテゴリ*/
p.subcattitle{
	margin: 10px 0 0;
	padding: 0;
}
div.subcat,
div.subcat_on{
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #777;
}
div.subcat h2{
	margin: 0;
	padding: 10px 43px 5px 11px;
	border-width: 2px 1px 0px 2px;
	border-style: solid;
	border-color: #cee9ff;
	background: #e3f3ff url('../images/subcatdown.gif') no-repeat right center;
}
div.subcat h2.nosub{
	color: #777;
	border-color: #e4e4e7;
	background-color: #f7f7f7;
}
div.subcat_on h2{
	margin: 0;
	padding: 10px 43px 5px 11px;
	border-width: 2px 1px 1px 2px;
	border-style: solid;
	border-color: #e4e4e7;
	background: #f7f7f7 url('../images/subcatdown_on.gif') no-repeat right center;
	color: #777;
}
div.subcat p{display: none;}
div.subcat_on p{display: auto; margin: 0; padding: 0;}
div.subcat_on a{
	display: block;
	margin: 0;
	padding: 5px 1px 5px 15px;
	border-left: 2px solid #e4e4e7;
}
div.subcat_on a:hover{background: #eef1f4;}
div.subcat_on p.presub{
	padding: 5px 1px 5px 15px;
	background: #ccc;
}
div.subcat_on p.widen a{
	border-top: 1px solid #cde1ee;
	border-bottom: 2px solid #e4e4e7;
}

.categoryqalist p+*:not([class^="hdg-"]):not([class*=" hdg-"]) {margin-top: 0px}

.categoryqalist .pagenate {
	text-align: center;
}

.categoryqalist .pagenate .innerblock li a {
	padding: 5px 6px;
	border: solid 1px #b8b8b8;
	padding: 5px 10px;
}

.categoryqalist .pagenate .innerblock li a:link {
	color: #003399;
	text-decoration: none;
}

.categoryqalist .pagenate .innerblock li {
  	list-style: none;
	display: inline;
}

.categoryqalist .pagenate .innerblock ul {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.categoryqalist .pagenate .innerblock p.next{
	display: inline;
}

.categoryqalist .pagenate .innerblock p.next a:link{
	color: #003399;
	text-decoration: none;
}

.categoryqalist .pagenate .innerblock p.previous{
	display: inline;
}

.categoryqalist .pagenate .innerblock p.previous a:link{
	color: #003399;
	text-decoration: none;
}

.categoryqalist .pagenate .innerblock li a:link:hover{text-decoration: underline;}.categoryqalist .pagenate .innerblock p.next:hover{text-decoration: underline;}
.categoryqalist .pagenate .innerblock p.previous:hover{text-decoration: underline;}

/*新着Q&A--------------------------------------------------------------------------------*/

/*
.qanavi-newqa .section-inner {max-width: 1100px}
*/
.qanavi-newqa p+*:not([class^="hdg-"]):not([class*=" hdg-"]) {margin-top: 0px}

div.newarrival{
}
div.h1area{
}
div.h1area h3{
	margin-bottom: 0px;
}
div.h1area p{
	float: right;

}
div.h1area p.period{
	margin-right: 3px;
}
div.h1area p.rss{
	margin-top: -1px;
	margin-left: 10px;
	margin-right: 5px;
	text-decoration: underline;
}

div.h1area a:link { color: #003399; }

p.aboutthispage{
	clear: both;
	margin: 1px 0px 10px;
	padding: 0;
}

.qanavi-newqa .pagenate {
	text-align: center;
}

.qanavi-newqa .pagenate .innerblock li a {
	padding: 5px 6px;
	border: solid 1px #b8b8b8;
	padding: 5px 10px;
}

.qanavi-newqa .pagenate .innerblock li a:link {
	color: #003399;
	text-decoration: none;
}

.qanavi-newqa .pagenate .innerblock li {
  	list-style: none;
	display: inline;
}

.qanavi-newqa .pagenate .innerblock ul {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.qanavi-newqa .pagenate .innerblock p.next{
	display: inline;
}

.qanavi-newqa .pagenate .innerblock p.next a:link{
	color: #003399;
	text-decoration: none;
}

.qanavi-newqa .pagenate .innerblock p.previous{
	display: inline;
}

.qanavi-newqa .pagenate .innerblock p.previous a:link{
	color: #003399;
	text-decoration: none;
}

.qanavi-newqa .pagenate .innerblock li a:link:hover{text-decoration: underline;}.qanavi-newqa .pagenate .innerblock p.next:hover{text-decoration: underline;}
.qanavi-newqa .pagenate .innerblock p.previous:hover{text-decoration: underline;}


/*公開中全一覧へのリンク*/
p.allqa{
	margin: 25px 0px 15px;
	padding: 0;
	text-align: center;
}
p.allqa a{
	margin: 0;
	padding: 8px 25px;
	border: 1px solid #aaa;
}

/*新着なし*/
p.nonew{
	margin: 0;
	padding: 25px;
	border: 2px solid #ccc;
}

/*公開中全の時のリスト内*/
div.allqa div.qanavilist p.title{
	margin: 2px 0px 0px 55px;
}
div.allqa div.qanavilist p.other{
	margin: 1px 0px 1px 60px;
	color: #555;
}


/*初心者Q&A--------------------------------------------------------------------------------*/
div.beginnerqa{
}
div.beginnerqa .unit1,
div.beginnerqa .unit2{
	float: left;
	width: 24%;
	margin:0 5px 0 0;
}
div.beginnerqa ul{
	margin: 17px 0;
	padding:0 0 0 13px;
}
div.beginnerqa li{
	margin: 15px 0;
	padding:0;
}

/*初心者QAリスト-------------------------------*/
div.beginnerqalist{
	margin-bottom: 23px;
}
div.beginnerqalist h3{
	margin: 0px 0px 2px;
	padding: 15px 9px;
	background: #f7fcff url('../images/categoryh2bk.gif') repeat-x left 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa;
	font-size: 120%;
}

div.beginnerqalist ul{
	margin: 10px 2px;
	padding: 0;
	list-style: none;
}
div.beginnerqalist ul li{
	margin: 7px;
	padding: 3px 5px;
	display: inline;
	line-height: 220%;
	border: 1px solid #ddd;
}
div.beginnerqalist ul li a{
	padding: 0 0 0 11px;
	background: url('../images/beginnerqalist-pagelink.gif') no-repeat left center;
	white-space: nowrap;
}

div.beginnerqalist h4{
	margin: 10px 0 0;
	padding: 8px 10px;
	background: #f7fcff url('../images/categoryh2bk.gif') repeat-x left bottom;
	border-width: 2px 0px 1px;
	border-style: solid;
	border-color: #bbb;
}

div.beginnerqalist ol{
	/*list-style-position: inside;*/
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0;
	/*border-top: 1px solid #ccc;*/
}
div.beginnerqalist ol li{
	margin: 0;
	padding: 8px 0 1px;
	border-bottom: 1px solid #bbb;
}
/*
div.beginnerqalist ol li:hover{background: #f8fbff;}
*/
div.beginnerqalist p.title{
	margin: 0 0 0 12px;
	padding: 0;
	line-height: 140%;
	font-weight: bold;
}
div.beginnerqalist p.summary{
	font-size: 85%;
	margin: 4px 0 0 15px;
	padding: 0 0 3px 5px;
	color: #666;
	line-height: 120%;
	border-bottom: 1px dotted #d0d0d0;
}
div.beginnerqalist p.other{
	font-size: 85%;
	margin: 2px 0 0 20px;
	padding: 0;
	color: #008000;
}
div.beginnerqalist p.other .qanum{
	margin-left: 0;
}
div.beginnerqalist p.other .date{
	margin-left: 5px;
}
div.beginnerqalist p.other .new{
	color: #f00;
}
div.beginnerqalist p.other .feedback{
		position: absolute; right: 0px;
		width: 103px;
		height: 11px;
		margin: 1px 0px 0px;
		background-repeat: no-repeat;
		background-position: right center;
}


/*おすすめQA一覧--------------------------------------------------------------------------------*/
div.recommendlist{margin-bottom: 15px;}

div.recommendnew h2{
	margin: 5px 0px 2px;
	padding: 6px 12px;
filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#fffea0,EndColorStr=#eeeeee);
background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
background: -moz-linear-gradient(top, #fffea0, #ffffff);
}
div.recommenddynamic1 h2{
	margin: 25px 0px 2px;
	padding: 6px 12px;
filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffd3ff,EndColorStr=#eeeeee);
background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
background: -moz-linear-gradient(top, #fffea0, #ffffff);
}
div.recommenddynamic2 h2{
	margin: 25px 0px 2px;
	padding: 6px 12px;
filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#bedbff,EndColorStr=#eeeeee);
background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
background: -moz-linear-gradient(top, #fffea0, #ffffff);
}
div.recommendstatic h2{
	margin: 25px 0px 2px;
	padding: 6px 12px;
filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#e6ffbe,EndColorStr=#eeeeee);
background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
background: -moz-linear-gradient(top, #fffea0, #ffffff);
}

.recommendlogoffmsg{
	margin: 20px 0px;
	padding: 15px 0px 15px 30px;
	font-weight: bold;
	background: #e1ffff;
	color: #333;
	border-width: 3px 0px;
	border-style: double;
	border-color: #bbb;
}

.recommendnoqamsg{text-align: center;}
.recommendnoqamsg p.msg{
	margin: 40px 60px;
	padding: 40px 0px;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #bbb;
}


.qalistrecommend{border-bottom: 1px solid #ccc;}
.qalistrecommend p{border-top: 1px solid #ccc; margin: 0;}
	.qalistrecommend a{text-decoration: none; display: block; padding: 6px 0px 0px; width: 100%;}
	/*事例タイトル*/
	.qalistrecommend .title{
		display: block;
		margin: 0px 0px 0px 32px;
		padding: 0;
		line-height: 130%;
		text-decoration: underline;
	}
	/*本文抜粋*/
	.qalistrecommend .summary{
		font-size: 90%;
		margin: 5px 0px 1px 30px;
		padding: 0px 0px 2px 15px;
		color: #555;
		display: block;
		line-height: 110%;
		border-bottom: 1px dotted #d0d0d0;
	}
	/*Q&Aナンバー*/
	.qalistrecommend .qanum{font-size: 90%; color: #555; margin-left: 47px;}
	/*更新日*/
	.qalistrecommend .date{font-size: 90%; color: #555; margin-left: 5px;}


div.recommendnew .qalistrecommend a:hover				{background: #ffffe2;}
div.recommenddynamic1 .qalistrecommend a:hover	{background: #fff4ff;}
div.recommenddynamic2 .qalistrecommend a:hover	{background: #e6f1ff;}
div.recommendstatic .qalistrecommend a:hover		{background: #f6ffe7;}

div.recommendnew .qalistrecommend .listnum{
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #ccc;
	background: #fffea0;
	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffff,EndColorStr=#fffea0);
	background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
	background: -moz-linear-gradient(top, #fffea0, #ffffff);
}
div.recommenddynamic1 .qalistrecommend .listnum{
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #ccc;
	background: #;
	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffd3ff);
	background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
	background: -moz-linear-gradient(top, #fffea0, #ffffff);

}
div.recommenddynamic2 .qalistrecommend .listnum{
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #ccc;
	background: #;
	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffff,EndColorStr=#bedbff);
	background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
	background: -moz-linear-gradient(top, #fffea0, #ffffff);

}
div.recommendstatic .qalistrecommend .listnum{
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #ccc;
	background: #;
	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffff,EndColorStr=#e6ffbe);
	background: -webkit-gradient(linear,center top, center bottom, from(#fffea0), to(#ffffff));
	background: -moz-linear-gradient(top, #fffea0, #ffffff);
}



/*ブックマークQ&A一覧--------------------------------------------------------------------*/
.bookmarkqa{margin-left: 2px;}
.bookmarkqa thead td{font-size: 90%; background: #e9f2e1;background-image: url('../images/bookmarkqatheadbk.gif');}
.bookmarkqa tbody td{vertical-align: top;}
.bookmarkqa tfoot td{
	font-size: 90%;
	padding: 4px 4px 6px;
	background: #e9f2e1;
	vertical-align: middle;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #b6c6a7 #fff #95aa82 #fff;
	background-image: url('../images/bookmarkqatheadbk.gif');
}
td.displayoption{
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #95aa82 #fff #b6c6a7 #fff;
	text-align: right;
	padding: 4px;
}
thead .date{
	border-width: 1px 1px 0px;
	border-style: solid;
	border-color: #395f0f;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
td.delete{
	background: #395f0f;
	background-image: url('../images/bookmarkqadeletebk.gif');
	background-repeat: no-repeat;
	text-align: center;
}
td.num{
	padding: 4px 2px 2px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #395f0f #b2c79b #395f0f #395f0f;
	text-align: center;
	background: #b2c79b;
	background-image: url('../images/bookmarkqanumbk.gif');
	background-repeat: no-repeat;
}
td.qanum{
	padding: 4px 2px 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #395f0f #b2c79b;
	text-align: center;
	white-space: nowrap;
}
td.qanum .renew{color: #f00;}
td.qatitle{padding: 3px 0px 2px 5px; border-width: 1px; border-style: solid; border-color: #395f0f #b2c79b; width: 100%;}
td.qatitle a{font-weight: bold; font-size: 90%;}
td.qatitle .summary{padding: 5px 0px 0px 10px; font-size: 90%; color: #555;}
tbody .date{
	padding: 4px 2px 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #395f0f #395f0f #395f0f #b2c79b;
	text-align: center;
	white-space: nowrap;
	font-size: 90%;
}
td.date .renew{color: #f00;}
/**/
.bookmarkover{background: #fff8f8; margin-top: 5px; padding: 3px 5px; border: 2px solid #ff4f4f;}
.bookmarkover p{margin: 3px 0px; font-weight: bold;}
/**/
.bookmarktotal{margin: 15px 0px 10px;}
.bookmarktotal p{margin: 0px 0px 0px;}
p.addqa{ margin: 2px 0px 5px;}/*追加*/
p.deleteqa{color: #f00; margin: 2px 0px 5px;}/*削除*/
p.notexistqa{color: #f00; margin-top: 0px; font-size: 90%;}/*存在しない*/
/*改ページ*/
.bookmarkpagemove{margin: 10px 0px; word-spacing: 12px; text-align: center; line-height: 130%; font-size: 90%;}
.bookmarkpagemove p{margin: 12px 0px; font-size: 115%;}
.bookmarkpagemove p a{margin: 0px 10px;}
/*最近見た履歴-----------------------------------------------------------------------------------*/
.historyqa thead td{font-size: 90%; background: #e9f2e1;
	background-image: url('../images/bookmarkqatheadbk.gif');}
.historyqa tbody td{vertical-align: top;}


/*お使いになる上での注意事項トップ----------------------------*/
/*汎用エラーメッセージ*/
p.notesofmodelerror{
	margin: 30px 20px;
	padding: 0;
	font-size: 130%;
	line-height: 300%;
}

p.nonote{
	font-size: 120%;
	margin: 20px 0px 0px;
	padding: 20px;
	border-width: 2px 0px;
	border-style: solid;
	border-color: #f55;
}
p.nonotemsg{margin: 5px 0px 30px 2px;}

div.userpc{margin-bottom: 20px;}
.userpc h3{
	margin: 5px 0px 10px 8px;
	padding: 6px 0px 5px 8px;
	border-width: 2px 0px 0px 3px;
	border-style: solid;
	border-color: #686c6e;
	background: #d6edf8;
	height: 100%;
}
.userpc p{margin: 15px 0px 0px 10px;}
.userpc p span{margin-right: 10px; font-size: 100%;}
.userpc p.nomodel{
	margin: 5px 0px 5px 25px;
	padding: 10px 5px;
	border-width: 2px 0px;
	border-style: solid;
	border-color: #91c3a7;
}
.userpc table{margin: 2px 0px 5px 10px; border-collapse: collapse;}
.userpc th{
	padding: 4px 5px 2px;
	border-width: 2px 1px 0px 1px;
	border-style: solid;
	border-color: #686c6e;
	background: #d6edf8;
}
.userpc th small{font-size: 90%;}
.userpc td{padding: 3px 5px; border-width: 2px 1px; border-style: solid; border-color: #686c6e;}
.userpc .new{font-size: 100%; color: #f00; margin-left: 3px;}
.userpc p.registration{margin: 10px 0px 30px; text-align: right;}

.userpc div.modelchoices{margin-left: 30px; padding-left: 10px; border-left: 4px solid #91a4ad;}
.userpc div.modelchoices p{margin: 10px 0px; padding: 0;}
.userpc div.modelchoices input{margin: 0px 3px 0px 0px; padding: 2px 0px;}
.userpc div.modelselected{margin: 20px 0px 0px 0px; padding: 0;}
.userpc div.modelselected p{margin: 5px 0px 0px 18px; padding: 0; line-height: 140%;}
.userpc div.modelselected p.modeldisplay{padding: 8px; border: 1px solid #bbb; background: #e6f6fd;}

.userpc input.modelnotexist{width: 250px; border: 3px solid #f33;}
.userpc input.ok{padding: 0px 10px;}
.userpc .notexist{
	font-weight: bold;
	margin: 5px 30px 0px 30px;
	padding: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #f88;
	background-color: #fee;
}
.userpc .pleaseselect{/*型名、osを選択してください*/
	margin: 10px 0px 40px;
	padding: 10px 0px 1px 55px;
	background-image: url('../images/pleaseselect.gif');/*26x24*/
	background-repeat: no-repeat;
	background-position: 25px center;
	height: 100%;
}
.userpc p.loginmessage{
	margin: 40px 0px 5px 10px;
	padding: 7px;
	border-width: 3px 0px 1px;
	border-style: solid;
	border-color: #adb8d5;
}
.userpc .loginformleft{float:left; margin-top: 10px; width: 350px; text-align: right;}
.userpc .loginformleft p{padding: 2px 0px; margin: 0;}
.userpc .loginformright{float:right; margin-top: 20px; width: 400px;}
.userpc .loginformright li{margin-top: 5px; font-size: 90%;}

/*お使いになる上での注意事項--------------------------------------------------------*/

.qanavi-h2 {
    font-size: 2.4rem;
    line-height: 1.4;
}

.displayedmodel{
	color: #444;
	font-size: 100%;
	margin: 2px 0px 0px;
	padding: 2px 5px;
	border-top: 1px solid #bbb;
	line-height: 150%;
	height: 100%;
}
.displayedmodel span{white-space: nowrap; margin-right: 10px;}
.othermodel{
	margin: 0px 0px 10px;
	padding: 0px 2px 3px;
	text-align: right;
	font-size: 100%;
	border-bottom: 1px solid #bbb;
}

/*件数*/
.modellisttotal{margin: 0px 0px 5px; padding: 0; font-size: 110%;}
/*検索エリア*/
.eachmodellistsearch{font-size: 100%; margin: 0px 0px 10px; padding: 3px 2px 3px 10px; border: 1px solid #839096;}
	.eachmodellistsearch .searchbox{width: 200px;}/*検索入力テキストエリア*/
/*絞込後検索エリア*/
.eachmodellistsearchresult{margin: 0; padding: 4px 2px 5px 5px; background: #bed1c3; border: 1px solid #538660;}
.eachmodellistsearchresult .searchbox{width: 250px;}
.eachmodellistsearchresult a{margin-left: 10px;}
.resultmodellisttotal{margin: 10px 0px; padding: 0; font-size: 110%;}
/*重要なお知らせ*/
div.importantnote{
/*	margin: 10px 0px 3px;*/
	padding: 10px 8px;
	background: #d1e2ff;
	border-width: 2px 0px 0px 2px;
	border: 1px solid #9cbbf1;
/*	border-style: solid;*/
/*	border-color: #839096;*/
/*	height: 100%;*/
	overflow : auto;
}
.importantnote h2{float: left; font-size: 110%; margin: 0; padding: 0;}
.importantnote h2 small{font-size: 100%; font-weight: normal; margin-left: 3px;}
.importantnote p.othernote{float: right; margin: 3px 0px 0px; padding: 0;}

p.othernote{margin: 15px 0px; padding: 0; text-align: right;}

.nothingimportantnote p{margin: 20px 5px 15px 15px; padding: 0;}
.nothingimportantnote p.othernote{margin: 30px 14px; text-align: left;}
/*重要なお知らせにもどる*/
p.goimportant{margin: 10px 0px 10px 2px; padding: 0;}
/*その他の注意事項*/
h3.othermodellist{float: left; margin: 8px 20px 2px 5px; padding: 0;}
/*表示オプション*/
.eachmodellistoption{
	font-size: 90%;
	vertical-align: absmiddle;
/*	margin: 10px 0px 2px;*/
	padding: 7px 2px 6px 6px;
	background: #d1e2ff;
	border: 1px solid #9cbbf1;
/*	border-width: 2px 0px 0px 0px;*/
/*	border-style: solid;*/
/*	border-color: #839096;*/
}
.eachmodellistoption select{margin-right: 10px;}
/*新着*/
.newnotesofmodel{
	font-size: 100%;
	color: #d00000;
	margin: 4px 0px 9px;
	padding: 4px 2px 5px 5px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #f99 #ffbfbf;
	line-height: 150%;
}
	.newnotesofmodel input{font-size: 100%; margin-left: 1px;}
/*新着のみ*/
.newmodellisttotal{
	font-size: 110%;
	margin: 0px 0px 12px;
	padding: 9px 1px 9px 8px;
	background: #ffded8;
	border-width: 2px 0px 0px 2px;
	border-style: solid;
	border-color: #ef7164;
}
/*HTML読込画面*/
.htmlmodellist{margin: 10px 0px 10px 10px;}
.htmlmodellistother{margin: 0px 10px 5px; text-align: right;}
/*改ページ*/
.modellistpagemove{margin: 10px 0px 15px; word-spacing: 8px; text-align: center; line-height: 130%; font-size: 90%;}
.modellistpagemove p{margin: 12px 0px; font-size: 115%;}
.modellistpagemove p a{margin: 0px 12px;}


/*Vista留意事項-------------------------------------------------------------------*/
/*画面分割-一覧-左*/
div.vistainformation .listleft {
	position: static;
	float: left;
	width: 595px;
	border-style: none;
}
/*画面分割-一覧-右*/
div.vistainformation .listright {
	position: static;
	float: right;
	width: 145px;
	border-style: none;
}

div.vistainformation{font-size: 100%; width: 750px;}
.vistainformation h1{margin: 0px 0px 10px; padding: 0;}
.vistainformation h2{
	font-size: 170%;
	margin: 0;
	padding: 3px 0px 3px 30px;
	color: #19282c;
	border-width: 1px;
	border-style: solid;
	border-color: #00a0cf;
	background-image: url('../images/vistah2.gif');
	background-repeat: no-repeat;
	background-position: 6px center;
}
.vistainformation h2.general{
	margin: 0px 0px 12px;
	padding: 8px 10px;
	border-width: 2px 0px 0px 6px;
	border-style: solid;
	border-color: #00162c;
	background: #7ae1f0;
	background-image: url('../images/vistah3.gif');
	font-size: 130%;
	letter-spacing: 1px;
}
.vistainformation h3{
	margin: 12px 0px;
	padding: 6px 10px;
	border-width: 2px 0px 0px 6px;
	border-style: solid;
	border-color: #003f50;
	color: #001d24;
	background: #7ae1f0;
	background-image: url('../images/vistah3.gif');
	font-size: 120%;
}
.vistainformation h3.general{
	margin: 10px 0px 7px 2px;
	padding: 3px 6px;
	border-width: 0px;
	border-style: solid;
	border-color: #fff;
	background: #00738d;
	color: #fff;
	font-size: 110%;
}
.vistainformation h4{
	margin: 10px 0px 5px 2px;
	padding: 3px 6px;
	background: #00738d;
	color: #fff;
	font-size: 110%;
}

.vistainformation div.season h5{
	margin: 0;
	padding: 5px 1px 5px 7px;
	background: #ffd246;
	background-image: url('../images/vistah5season.gif');
	color: #190e00;
}
.vistainformation div.common h5,
.vistainformation div.other h5{
	margin: 0;
	padding: 5px 1px 5px 7px;
	background: #d2ecc9;
	background-image: url('../images/vistah5.gif');
	color: #00231f;
}
/*機種概要*/
.vistainformation table.model{margin: 7px 0px 20px 12px;}
.vistainformation table.model *{font-size: 100%;}
.vistainformation table.model th{font-weight: normal; text-align: center; padding: 0px 8px; border:1px solid #55bddb; color: #19282c;}
.vistainformation table.model td{padding: 1px 4px;}
/*結果*/
.vistainformation div.result,
.vistainformation div.resultng,
.vistainformation div.resulttest,
.vistainformation div.resultnothing,
.vistainformation div.resultexception{margin: 20px 0px 30px 15px; padding: 0;}

.vistainformation div.result p{margin: 20px 0px; padding: 0; font-size: 110%; line-height: 130%;}
.vistainformation div.resultng p,
.vistainformation div.resulttest p,
.vistainformation div.resultnothing p,
.vistainformation div.resultexception p{margin: 20px 0px; padding: 0; font-size: 120%; line-height: 140%;}

.vistainformation div.result caption{font-size: 100%; text-align: left; margin: 0; padding: 0;}
.vistainformation div.result table{margin: 0px 0px 0px 8px; border: 1px solid #55bddb; background: #f3f7f9;}
.vistainformation div.result th{font-weight: normal; border: 1px solid #42aac8; background: #e9f2f3; padding: 2px 6px;}
.vistainformation div.result td{border: 1px solid #42aac8; background: #fff; padding: 2px 10px;}

p.novistaqa{margin: 20px 0px 20px 20px; padding: 0; font-size: 110%;}

/*Vista右エリア*/
div.vistainformation div.listright div.menu{
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #136342;
	margin: 0px 0px 0px;
	padding: 0px 0px 5px;
	/*width: 100%;*/
}
div.vistainformation div.listright div.season{border-width: 1px 0px 1px 1px; border-style: solid; border-color: #b15b0f; margin-bottom: 5px;}
div.vistainformation div.listright div.common{border-width: 1px 0px 0px 1px; border-style: solid; border-color: #136342;}
div.vistainformation div.listright div.other{border-width: 1px 0px 1px 1px; border-style: solid; border-color: #136342;}
div.vistainformation div.listright ul{margin: 0; padding: 0; list-style-type: none;}
div.vistainformation div.listright li{
	margin: 15px 0px 17px;
	padding: 0px 0px 0px 14px;
	line-height: 120%;
	background-image: url('../images/vistamenulist.gif');
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
div.vistainformation div.listright div.season li{background-image: url('../images/vistamenulistseason.gif');}

div.vistainformation div.listright small{font-size: 80%; margin-left: 3px;}
div.vistainformation div.listright p{
	border-width: 4px 2px;
	border-style: double;
	border-color: #285990;
	margin: 0px 0px 12px;
	padding: 25px 3px 25px 6px;
}


/*事例詳細-----------------------------------------------------------------------*/
@media screen {

}
@media print {

}

.qanavi-contents .section-inner {max-width: 1100px}
.qanavi-contents p+*:not([class^="hdg-"]):not([class*=" hdg-"]) {margin-top: 0px}


.qacontent li {
  list-style: disc;
}

.qacontent ol li {
  list-style: decimal;
}

.qacontent li ul li {
  list-style: circle;
  margin-left: 1px;
}

.qacontent li ul li ul li {
  list-style: square;
}

.qacontent .label_box.orange ul {
  margin-bottom: 15px;
}

.qacontent .label_box.green ul {
  margin-bottom: 15px;
}

.qacontent .label_box.green ul li {
  list-style: circle;
}

.qacontent ul,ol {margin-top: 0px;margin-bottom: 1.75em;margin-left: 0;padding: 0px 0px 0px 2.8em;}

@media screen and (max-width: 480px){
.qacontent ul,ol li{margin-left: -30px;}
}

div.qacontent h1{
	font-size: 120%;
	filter: none;
	border: none;
	margin: 0px 0px 5px;
	padding: 15px 12px;
	background: #d1e2ff;
	border: 1px solid #9cbbf1;
}

@media screen and (min-width: 481px){
.u-azbyTech-qalist .lyt-btn-a{
	-webkit-justify-content: unset !important;
	justify-content: unset !important;
	margin-left: 5px;
}
}


/*Q&Aナンバー、更新日、印刷、ブックマーク*/
div.qainfo{

}
div.qainfo p.qanum{
	float: left;
	margin: 0;
}
div.qainfo span.update{margin-left: 12px;}

div.qainfo div.printandbook{
	float: right;
}

div.qainfo div.printandbook p{
	display: inline;
/*	font-weight: bold;*/
/*	font-size: 90%;
/*	background-image: url('/images/common/images/support-parts-arrow.gif');/*10*7*/
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}


/*印刷する　アイコン表示*/
div.qainfo div.printandbook p.printit{
	font-size: 100%;
	margin-left: 20px;
	background-image: url('/images/common/images/support-parts-printpage.gif');
	background-repeat: no-repeat;
	line-height: 19px;
}

/*印刷する　文字列*/
div.qainfo div.printandbook p.printit a{
	margin-left: 5px;
}

div.qainfo div.printandbook form{
	display: inline;
}

div.qainfo p.inbookmark{
	margin-left: 30px;
	background-image: url('/images/common/images/support-parts-arrow.gif');
	background-repeat: no-repeat;
	font-size: 90%;
}

div.qainfo p.inbookmark_off{
	margin-left: 30px; color:#999;
	background-image: url('/images/common/images/support-parts-arrow.gif');
	background-repeat: no-repeat;
	font-size: 90%;
}

div.qainfo p.inbookmark_off small{color:#000;}


/*事例種別、および対象機種、OS*/
div.resource{
	margin:;
	padding:;
}
div.resource p{
	margin: 0;
	padding: 2px 10px;
	background: #002755;
	color: #fff;
	font-weight: bold;
}
div.RESOURCE_CHUI p{
}
div.RESOURCE_DRV p{
}
div.RESOURCE_VISTA p{
}


table.modelandos{
	margin: 7px 0px 10px;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
div.resource table.modelandos{
	border: 2px solid #002874;
}

.modelandos li { list-style: none; }

.modelandos caption{font-size: 90%; padding: 0px 0px 2px 2px; text-align: left;}

.modelandos th,
.modelandos td{
	font-size: 110%;
	border: 1px solid #aaa;
}
div.resource .modelandos th,
div.resource .modelandos td{
	border: 1px solid #000;
}
.modelandos th{
	padding: 5px;
	width: 120px;
	background: #eee;
	vertical-align: top;
}
div.resource .modelandos th{
	background: #002755;
	color: #fff;
}
.modelandos td{
	padding: 5px 5px 5px 10px;
}

.modelandos span.another{margin-left: 5px;}
.modelandos ul{margin: 0; padding: 0; font-size: 100%; list-style: none; clear:both;}
.modelandos li{
	margin: 0px 1em 0px 0;
	padding-left: 6px;
	background-image: url('../images/modelandoslist.gif');
	background-repeat: no-repeat;
	background-position: left center;
	float:left;
}

/*事例ミニアンケート*/
/*
div.qaenquote{
	margin: 15px 1px 10px;
	padding: 0;
}
div.qaenquote p{
	float: left;
	font-size: 90%;
}
div.qaenquote p.title{
	margin: 2px 10px 2px 0;
	padding: 0;
}
div.qaenquote p.submit{
	margin: 0;
	padding: 0;
}
div.qaenquote p.vote{
	margin: 4px 10px 4px 2px;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	width: 120px;
}

div.qaenquote p.vote img{
	height: 10px;
}

div.qaenquote p.vote0{
	margin: 2px 10px 2px 2px;
	padding: 0px 3px;
	border: 1px solid #ccc;
	background: #fff;
	color: #777;
	width: 120px;
}
div.qaenquote p.nextday{display: none;
	margin: 2px 0px 2px 5px;
	padding: 0;
	font-size: 80%;
}
*/
/*SNS*/
@media screen {
	div#snsarea{
		margin: 0 2px 7px;
	}
	div#snsarea div.facebooklike{
		margin-left: 5px;
		display: inline;
	}
	div#snsarea div.facebooklike *{
		display: inline;
	}
}
@media print {
	div#snsarea{display: none;}
}

.qasns_tw{
	text-align:center;
	margin:0 40px 40px;
	padding:10px 0;
	background:#fafafa;
	border-radius: 7px;
	border:3px solid #ddd;
}

.qasns_tw p{
	margin:0 0 8px;
	padding:0;
	font-weight: bold;
	color:#444;
}

.qasns_tw span{
	font-weight: normal;
	font-size: 90%;
	margin-left: 2px;
}


/*質問、回答*/
div.qacontent h2{
	margin:;
	padding: 5px 7px;
	background: #d1e2ff;
	border: 1px solid #9cbbf1;
}
div.qacontent h2 img{
	vertical-align: middle;
	margin-right: 10px;
}
/*インフォ形式質問タイトル*/
div.qacontent h2.qainfotitle{
	font-size: 150%;
	color: #004600;
	margin: 10px 0px 20px;
	padding: 7px 3px;
	text-align: center;
	border-width: 3px 0px;
	border-style: solid;
	border-color: #71b371;
	background: none;
	clear: both;
}

/*読み込んだデータの文字調整*/
div.qinsert{
	margin: 12px 2px 25px 10px;
	font-size: 100%;
	line-height:140%;
}
div.ainsert{
	margin: 18px 0px 25px 3px;
	font-size: 100%;
}

div.ainsert img{vertical-align: middle;}/*画像位置*/

div.ainsert li img{vertical-align: top;}

div.ainsert hr{
	margin: 0px;
}

/*
**style-qacontents.cssに移動
div.ainsert *{
	font-size: 100%;
}
*/

/*その他の調整項目はstyle-qacontents.css*/

div.infoinsert{font-size: 102%; line-height:120%; margin: 20px 0px;}/*インフォ形式本文*/

div.infodateinsert{margin: 0 0 15px; letter-spacing: 1px;}/*日付とか*/

div.additional{font-size: 102%;}/*補足情報*/
div.additional p{
	margin: 18px 0px 0px;
	padding: 2px 0px 1px 5px;
	border-width: 0px 0px 3px 2px;
	border-style: double;
	border-color:#aac4c9;
	background: #e7f3f5;
	word-spacing: 2px;
}
div.additional div{line-height:120%; margin: 5px 0px 25px 10px; letter-spacing: 1px;}


/*このQ&Aを見た人はこれも見ています*/
/*上下共通*/
div.alsothislist{
	margin: 20px 0 10px;
}
div.alsothislist h3{
/*	background-image: url('../images/alsoh3.gif');*/
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.alsothislist ul{
}
.alsothislist li{
	line-height: 130%;
	list-style: none;
/*	list-style-image: url('/images/common/images/support-parts-arrow.gif');*//*10*7*/
	text-decoration: none;
}

.alsothislist li:hover{text-decoration: underline;}

/*上部*/

div.alsothislistexist{
	display: flex;
}

div.alsothislistexist div.alsothislist h3{
	max-width: 400px;
	background: #d9e9fb;
	border-radius: 10px 10px 0 0;
	border: 2px #7386ce solid;
	margin: 0;
	padding: 7px 2px 7px 12px;
}

div.alsothislistexist .alsothislist ul{
	max-width: 400px;
	border-width: 2px;
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	border-color: #7386ce;
	border-radius: 0 0 10px 10px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}



div.alsothislistexist div.alsothislist{
	margin: 0 0 20px;
	padding: 0 0 7px;
/*	background: url('../images/alsolist-bottom_400.gif') no-repeat left bottom;*/
}

div.alsothislistexistright{
	float: right;
	max-width: 400px;
	font-size: 90%;
	margin-left: 5px;
}

div.advertisementright{
	margin: 0 0 10px 5px;
}
div.advertisementright_sp{
	margin: 0 0 10px 5px;
}

div.alsothislistexist .alsothislist li{
	padding-right: 5px;
}

div.advertisementright p{font-size: 95%;}
div.advertisementright_sp p{font-size: 95%;}

.alsothislist_under h3 {
    background-image: url(../images/alsoh3.gif);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 15px 0 15px 30px;
}

.alsothislist_under{
	font-size: 100%;
	margin: 50px 0 40px 0;
	padding: 10px 20px 5px 20px;
	border: solid 1px #b8b8b8;
	border-radius: 10px;
	
}

.alsothislist_under li{
	line-height: 1.5;
	list-style: none;
/*	list-style-image: url('/images/common/images/support-parts-arrow.gif');*//*10*7*/
	text-decoration: none;
}

.alsothislist_under li:hover{text-decoration: underline;}

.alsothislistexistright .list-link-a li a,
.alsothislist_under .list-link-a li a{
	padding-left: 0px!important;
}

.faqtop10 h3,
.faqsearch h3{margin-bottom: 22px;}

/*参考用語------------------*/
.yougo{
	margin: 40px 0 60px 0;
	padding: 15px 20px 15px 20px;
	border: solid 1px #b8b8b8;
}
.yougo h3 img{
	margin-left: 4px;
	vertical-align: middle;
}
.yougo p{
	display: inline;
	margin: 0px 10px;
	padding: 0;
	font-size: 90%;
	line-height: 200%;
}
.yougo p a{
	white-space: nowrap;
}

/*用語集とアンケートを印刷時に非表示*/
@media print {
	div.noprint{display: none;}
}

/*問い合わせフォーム--------------------------------*/
div.insoluble{
	margin-top:60px;
	margin-bottom:70px;
}

div.insoluble p.azteclink{
	margin: 0 0 16px;
	padding: 0;
}
div.insoluble p.azteclink a.chat,
div.insoluble p.azteclink a.okcorp{
	margin: 0 14px 0 0;
}

div.insoluble p.azteclink2{
	margin: 0 0 25px;
	padding: 0;
}

div.insoluble p.banner{
	margin: 0px 0px 25px;
	padding: 0;
}
div.insoluble p a.katei,
div.insoluble p a.pccon{
	margin-right: 14px;
}


/* Q&Aで問題が解決しないとき,その他の便利なサービス */
.u-azbyTech-qalist .okcorp small {font-size: 70%; font-weight: normal;}



/*アンケート部分（一覧と事例）*/
.bg .innerblock {
	border: solid 1px #f2f2f2;
	border-radius: 10px;
	background-color: #f2f2f2;
	margin-top: 40px;
	margin-bottom: 40px;
}

#qaenquote_under{
	padding: 20px;
	margin-bottom: 20px;
	border: solid 1px #b8b8b8;
}

#qaenquote_under p.submit{
	margin        : 30px 0 10px;
	display	: inline-block;
}

.qaenquote.clearfix {
	text-align    : center;
}

#qaenquote_under .enquotebtn_0 {
	width: 330px;
	height: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-size: 100% 100%;
	background-image : url('../images/enquetebtn_good.png'),url('../images/enquetebtn_good2.png');
	cursor        : pointer;
}

#qaenquote_under .enquotebtn_0:hover {
	background-image : url('../images/enquetebtn_good2.png');
}

#qaenquote_under .enquotebtn_1 {
	width: 330px;
	height: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-size: 100% 100%;
	background-image : url('../images/enquetebtn_bad.png'),url('../images/enquetebtn_bad2.png');
	cursor        : pointer;
}

#qaenquote_under .enquotebtn_1:hover {
	background-image : url('../images/enquetebtn_bad2.png');
}

h2#enquote small{font-size: 80%; font-weight: normal;}
h3#enquote small{font-size: 80%; font-weight: normal;}

.enquote p.qu{margin: 15px 0px 15px 15px;}
.enquote p.co{margin: 15px 0px 0px 15px;}
.enquote {font-size: 120%;}

/*.enquote .enquote01{float: left; margin: 5px 15px;}*/
/*.enquote .enquote02{float: left; padding: 0; margin: 5px 0px 5px 40px;}*/

.enquote ul{margin: 12px 15px 5px; padding: 0; list-style-type: none;}
.enquote li{font-size: 90%; margin: 7px 0px;}
.enquote p.caution{font-size: 90%; color: #b00; margin: 2px 0px 2px 3px; padding: 0; line-height: 180%;}
.enquote input{margin-left: 10px; margin-right: 2px;}
.enquote label{font-weight: bold;}
.enquote textarea{display: block; margin: 5px 0px 0px 5px;}

.enquote p.enquotesubmit{clear: both; text-align: center; padding: 20px 0 20px 0; margin:0;}

.enquote_button {
  border-radius : 3%;
  font-size     : 110%;
  text-align    : center;
  cursor        : pointer;
  padding       : 15px;
  background    : #00007f;
  color         : #ffffff;
  line-height   : 0.1em;
  transition    : .3s;
  box-shadow    : 2px 2px 1px #666666;
  border        : 2px solid #00007f;
  margin-bottom : 20px;
}

.enquote_button:hover {
  box-shadow    : none;
  color         : #00007f;
  background    : #ffffff;
}

.close_button {
  margin-bottom : 20px;
  cursor        : pointer;
}

.main-contents h2.accent010 {
    border-left: 5px solid #bb2222;
    padding: 2px 0 1px 4px;
    font-size: 138%;
    margin: 15px 0 0 20px;
}

.innerblock .enquote {
    padding: 0 0 10px 20px;
}

@media only screen and (max-width: 480px) {
.enquote p.qu strong {
  display: block;
  margin-bottom: 10px;
}
.enquote .co {margin-left: -8px!important; font-size: 65%!important;}
.enquote .co textarea {margin-left: -5px!important; width: 98%!important;}
.enquote .caution {margin-left: -8px!important; font-size: 65%!important;}
.enquote .enquotesubmit {margin-top: -10px!important; margin-left: -15px!important;}

}

.hidden {
	display: none;
}
.sub-options {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 30px;
}
.sub-options ul {
	list-style-type: none;
	padding: 0;
}
.sub-options li {
	display: inline-block;
	margin-right: 10px;
}

/*アンケートバナー---------------------------------------------------*/
:root {
  --desired-distance: 173px;
}

#qapop_enquete {
	width: 52px; /* バナーの横幅 */
	height: 110px; /* バナーの縦幅 */
	position: fixed ;
	right: 0;
	bottom: calc(30% + var(--desired-distance));
}


/*アンケートお礼画面、コメント画面---------------------------------------------------*/
div.enquetemessage{
	margin: 20px 0px 20px 10px;
	padding:;
}
div.enquetemessage strong{
	font-size: 120%;
}

p.enqueteclose{
	margin: 30px 0px 60px;
	text-align: center;
}

p.enqueteclose input[type="button"] {
  font-size: 150%;
}


/*コメント*/
div.enquetecomment{
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
div.enquetecomment p{
	margin: 2px 0px;
	padding: 0;
	text-align: left;
}
div.enquetecomment textarea{
	margin:3px 0;
	width: 99%;
	max-width: 880px;
	border: 1px solid #000;
}

div.enquetecomment p.caution{
	margin: 20px 0;
	padding:;
	font-size: 100%;
	color: #f00;
}

div.button{
	padding:;
}
div.button p{
	display: inline;
	margin: 15px;
}
div.enquetecomment p.submit{
	font-size: 140%;
}
div.enquetecomment p.close{

}

div.chatandmail{
	margin:20px 0 0 60px;
/*	background:#ddd;*/
}
div.chatandmail:after{
	content: "";
	display: block;
	clear:both;
}

div.chatandmailbox{
	float:left;
	height:130px;
	margin:15px 20px;
	background:#fff;
	border: solid 1px #b8b8b8;
	border-radius: 2px;
}
div.chatandmailbox h2{
	margin:0;
	padding: 3px 9px;
	background:#eee;
}
div.chatandmailbox p{
	margin:15px 20px;
	padding:0;
	line-height:180%;
}
div.chatandmailbox a.btn-a.chat {
	margin:20px 0px 20px 20px;
}

div.chatandmailbox a.btn-a.mail {
	margin:20px 20px 20px 10px;
}

.enquetecomment .enquote01 ul {
  text-align: left; /* ul要素を左寄せにする */
  list-style-position: inside; /* リストのスタイルを内側に設定（オプション） */
  margin: 10px 20px 30px 20px!important;
}

.enquetecomment .enquote01 ul li input[type="radio"] {
  vertical-align: middle; /* ラジオボタンを中央揃え */
  margin-right: 8px; /* ラジオボタンとラベルの間に余白を追加 */
}

.enquetecomment .enquote01 ul li label {
  vertical-align: middle; /* ラベルを中央揃え */
}

/*エラー画面-------------------------------------*/
p.errormessage{
	font-weight: bold;
	margin: 20px 5px;
	padding: 12px 0px 12px 25px;
	background-image: url('../images/qa_error_mark.gif');
	background-repeat: no-repeat;
	background-position: left center;
}
/*
p.errormessageotherqa{margin: 0px 0px 5px 15px;}
*/
p.errorto{
	margin: 20px 30px;
	padding: 0;
	font-size: 120%;
	line-height: 200%;
}
p.errorqatoqa{
	margin: 30px 5px;
	padding: 0;
	font-size: 120%;
	line-height: 200%;
}

/*エラー：検索窓*/
.searchform2{border: 1px solid #adb8d5; padding: 10px; background: #f1f3f7; margin: 0px 0px 7px 15px;}
/*エラー：他の方法*/
.otherqa{margin: 15px 0px 20px 5px;}
.otherqa span{margin-left: 20px;}


/*ログインしてない場合（ブックマークとか参照履歴とか）*/
p.loginnecessity{
	margin: 30px;
	padding: 0;
	font-weight: bold;
	color: #f00;
}






/*QAのみ絞込み仮追加*/
p.qanarrow{
	margin:10px 0 0;
	font-size:100%;
}
div.noresult p.qanarrow{
	margin: 0 0 25px;
	font-size:100%;
}

p.qanarrow input[type="submit"] { 
	font-size: 1.2em;	/* 文字サイズを1.4emに指定 */
	font-weight: bold;	/* 文字の太さをboldに指定 */
	padding: 4px 40px;	/* 縦方向横方向の余白を指定 */
	background-color: #7FD0FE;	/* 背景色を指定 */
	color: #000000;		/* 文字色を白色に指定 */
	border: 1px solid #6699CC;	/* ボーダー */
	-moz-border-radius: .5em;	/* ボタンの影の指定 */
	box-shadow: 2px 2px 3px 1px #666; 
	-moz-box-shadow: 2px 2px 3px 1px #666; 
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	border-radius: 5px;		/* 各丸コーナーの追加 */ 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 2px #FFFFFF;	/* テキストの影の指定  */
	/* グラデーション  */ 
	background: linear-gradient(top, #FFFFFF 0%, #54A3EE 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #54A3EE 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #54A3EE 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #54A3EE 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #54A3EE 100%);
} 


/* Search & Results */
.maincontents div.search-area { text-align: /*center*/left; }
.maincontents div.search-area div.search-input h2 { display: inline; margin-right: 0.5em; font-size: 108%; }
.maincontents div.search-area div.search-input { margin-bottom: 0.5em; }
.maincontents div.search-area div.search-input p { display: inline; margin-bottom: 0px; }
.maincontents div.search-area div.search-input input.text { margin-right: 0.2em; vertical-align: middle; }
.maincontents div.search-area div.search-input input.button { margin-right: 0.5em; vertical-align: middle; }
/*
.maincontents div.search-area div.search-select-scope {}
.maincontents div.search-area div.search-select-scope input { vertical-align: baseline; }
*/

.maincontents h2.search-results-title {
	margin-bottom: 0.2em;
	font-size: 108%;
	font-weight: normal;
	border-bottom: solid 1px #d2d2d2;
	background: #ecf7ff;
	padding: 4px 3px 3px 5px;
}
.maincontents h2.search-results-title strong { font-weight: bold; }
.maincontents h2.search-results-title span.label { margin-right: 2em; }

.maincontents div.search-results { /*margin-bottom: 1.75em;*/ margin: 0;}
.maincontents div.search-results div.frm-bg h3 { margin-bottom: 0.5em; }
.maincontents div.search-results div.frm-bg h4 { margin-bottom: 0.5em; font-size: 108%; }
.maincontents div.search-results div.result { margin-bottom: 1.7em; }
.maincontents div.search-results div.result.indent { margin-left: 5em; }
.maincontents div.search-results div.result h3 { font-weight: normal; margin-bottom: 0.2em; }
.maincontents div.search-results div.result p { margin-bottom: 0px; padding-left: 0px; }
.maincontents div.search-results div.result p.sub { font-size: 93%; }
.maincontents div.search-results div.result p.sub span.host-info { color: #008000; }

strong.icon_pdf { display: inline; background: #cc0033; color: #ffffff; margin: 0px 2px 0px 0px; padding: 1px 3px; font-weight: bold; font-size: 88%; }
	.maincontents strong.icon_pdf a:link { text-decoration: none; color: #ffffff; }
	.maincontents strong.icon_pdf a:visited { text-decoration: none; color: #ffffff; }
	.maincontents strong.icon_pdf a:active { text-decoration: none; color: #ffffff; }
	.maincontents strong.icon_pdf a:hover { text-decoration: none; color: #ffffff; }
	.maincontents a strong.icon_pdf { text-decoration: none; color: #ffffff; }

strong.icon_compression { display: inline; background: #666666; color: #ffffff; margin: 0px 2px 0px 0px; padding: 1px 3px; font-weight: bold; font-size: 88%; }
	.maincontents strong.icon_compression a:link { text-decoration: none; color: #ffffff; }
	.maincontents strong.icon_compression a:visited { text-decoration: none; color: #ffffff; }
	.maincontents strong.icon_compression a:active { text-decoration: none; color: #ffffff; }
	.maincontents strong.icon_compression a:hover { text-decoration: none; color: #ffffff; }
	.maincontents a strong.icon_compression { text-decoration: none; color: #ffffff; }

/*Q&Aナンバーリンク*/
/*検索結果あり*/
p.qanumdirect{
	padding: 0;
	font-size: 110%;
	font-weight: normal;
	letter-spacing: normal;
	border: 0px solid #bbb;
}
p.qanumdirect strong{
	margin-right: 5px;
}
p.qanumdirect a{
	margin-left: 0px;
}
/*検索結果なし*/
div.qanumlink{
}
div.qanumlink div.search-results{
	margin: 28px 0px 40px;
}
/*注目のQ&A*/
div.looked{
	margin: -7px 0px 30px;
	padding: 0;
}
div.looked h2{
	margin: 0;
	padding: 4px 3px 3px 5px;
	border-bottom: solid 1px #d2d2d2;
	background: #ecf7ff;
	font-weight: normal;
	font-size: 105%;
}
div.looked ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.looked li{
	margin: 19px 0px 19px 3px;
	padding: 0;
}

/*ノーヒット*/
div.noresult{
}
div.noresult p{
	margin: 10px;
}
div.noresult li{
	margin-top: 5px;
}
div.noresult p.result{
	margin: 40px 0px 25px;
	padding: 20px 5px 20px 15px;
	border-top: 3px solid #ccc;
	font-size: 120%;
	background: #f5f5f5;
}
/*ノーヒット中、カラ検索時の入力例*/
div.nullresult{
	margin-left: 20px;
}
p.nullmsg{
	margin: 10px 0px;
	font-size: 110%;
	color: #c00;
}
div.searchexample{
	margin-left: 30px;
	margin-top: 25px;
	margin-bottom: 40px;
}
div.searchexample p{
	margin: 10px 0px;
}
div.searchexample li{
	margin-top: 2px;
}
/*ノーヒット時のMy Cloud検索窓*/
div.mycloudsearch{
	margin: 60px 0 90px;
	padding: 12px 10px;
	border: 2px solid #ccc;
	background:#fafafa;
}
div.mycloudsearch p{
	margin: 0px 0;
	font-size: 105%;
}
div.mycloudsearch form p{
	margin: 8px 0;
	padding: 15px 10px;
	background:#f1f1f1;
	border:1px solid #999;
}
div.mycloudsearch input[type="Text"]{
	width: 55%;
}
/*
div.mycloudsearch input[type="submit"]:hover{
	background:#bbb;
}
*/
div.mycloudsearch a{
	text-decoration:none;
	color:#000;
	border:1px solid #555;
	border-radius:2px;
	padding:4px 7px;
	margin:5px;
	background:#ccc;
	background: -webkit-gradient(linear,center top, center bottom, from(#fff), to(#ccc));
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: linear-gradient(to bottom, #fff, #ccc);
}
div.mycloudsearch a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#fff), to(#bbb));
	background: -moz-linear-gradient(top, #fff, #bbb);
	background: linear-gradient(to bottom, #fff, #bbb);
	border-color:#222;
}

/*QAナンバー検索*/
div.qanumdisplay{
	margin: -15px 0px 10px;
	text-align: right;
}
div.qanumdisplay p{
	margin: 0;
	padding: 0;
}
div.qanumdisplay p.txt{
	font-size: 90%;
	color: #955;
	margin-right: 10px;
}
div.qanumdisplay #qa1,
div.qanumdisplay #qa2
{
	ime-mode: disabled;
}

/*PC、スマホ切り替えリンク*/
p.switchtopc{
	clear: both;
	margin: 0;
	padding: 10px;
	text-align: center;
}

/*枠改善2017_12_26*/
.intro_box {
	background: #CCFFCC;
}

.intro_box .title {
	padding: 5px 8px;
	background: #3CB371;
	font-weight: bold;
	color: #FFFFFF;
}

.intro_box .text {
	margin: 0;
	padding: 8px 8px 0px 8px;
	overflow: hidden;
}

.intro_box .text p {
	margin: 0 0 8px;
}

.intro_box .text ul,li {
	margin: 0 0 10px;
}

.info_box {
	background: #D0E8FF;
}

.info_box .title {
	padding: 5px 8px;
	background: #55AAFF;
	font-weight: bold;
	color: #FFFFFF;
}

.info_box .text {
	margin: 0 0 10px;
	padding: 8px 8px 0px 8px;
	overflow: hidden;
}

.info_box .text p {
	margin: 0 0 8px;
}

.info_box .text ul,li {
	margin: 0 0 10px;
}


.important_box {
	margin: 0 0 10px;
	border:#FF3300 4px double;
}

.important_box p {
	margin:0px;
	padding: 8px;
}


.important_box ul,li {
	margin: 0 0 10px;
}


.label_box {
	background: #ffffff;
}

.label_box .title {
	display: inline;
	padding: 5px 10px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px 5px 0 0;
}


.label_box .text {
	margin: 2px 0 10px;
}


.label_box .text p {
	margin:0px;
	padding: 8px;
}

.label_box .text ul,li {
	margin: 0 0 0px;
}

@media screen and (max-width: 480px){
li .label_box.pink {margin-left: -15px;}
li .label_box.green {margin-left: -15px;}
li .label_box.orange {margin-left: -15px;}
li .img {margin-left: -15px;}
.each_case_child {margin-left: -12px;}
}

.each_case .click_accordion,
.each_case_child .click_accordion {
    text-decoration: underline;
    font-size: small;
    text-align: right;
    display: inline-block;
    margin-left: 0.2em; /* 空白を追加 */
}

.each_case_on .click_accordion,
.each_case_child_on .click_accordion {
    display: none;
}

.green .title {
    background: #29869c;
}
.green .text {
	border: solid 1px #29869c;
}

.pink .text ul{
    padding-bottom: 20px;
}

.pink .title {
    background: #f15884;
}
.pink .text {
    border: solid 1px #f15884;
}

.pink .label_box.green .text {
	border: solid 1px #29869c;
}

.pink .label_box.green .title {
	background: #29869c;
}
.red .title {
    background: #ff0000;
}
.red .text {
    border: solid 1px #ff0000;
}

.orange .title {
    background: #FF9900;
}
.orange .text {
    border: solid 1px #FF9900;
}

.overlay {
    display: flex;
    position: fixed;
    bottom: 90px;
    left: 0;
    width: 100%;
    height: 55%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    flex-direction: column;
    z-index: 9999;
}

.overlay p {
    color: white;
    font-size: 150%;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin: 15px 10px 0px 10px;
}

#continue-btn,
#login-btn,
#redirect-btn {
    padding: 15px 30px;
    font-size: 110%;
    color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 10px 10px;
}

@media screen and (max-width: 480px){
.overlay {
    height: 65%;
}

.overlay p {
    font-size: 120%;
}

#continue-btn,
#login-btn,
#redirect-btn {
    font-size: 100%;
}
}

.button-container {
    display: flex;
}

#continue-btn {
    background-color: #006E54;
}

#login-btn {
    background-color: #9C2356;
}

#redirect-btn {
    background-color: #0067C0;
    margin-top: 35px;
}
/* 横幅が480px以下の場合のスタイル */
@media screen and (max-width: 480px) {
    #redirect-btn {
        margin-top: 10px;
        font-size: 150%;
    }
}

#continue-btn:hover {
    transform: scale(1.05); /* ボタンが少し大きくなる */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ホバー時のシャドウ効果 */
}

#login-btn:hover {
    transform: scale(1.05); /* ボタンが少し大きくなる */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ホバー時のシャドウ効果 */
}

#redirect-btn:hover {
    transform: scale(1.05); /* ボタンが少し大きくなる */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ホバー時のシャドウ効果 */
}