@charset "Shift_JIS";
/* CSS Document */
body{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

img {
  max-width: auto;
  height: auto;
}

#pageHeader {
	margin-bottom: 20px;
}

#pageHeader h1 {
	margin: 10px 0 0 0;
	background: url(/support/images/repair/title.gif) no-repeat left top;
	height: 31px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

#pageHeader .blt {
	padding: 0 0 0 12px;
	font-size: 11px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 3px;
	background-position: left 5px\9;
}
#pageHeader .nav {
	padding-left: 10px;
	margin:10px 15px 15px;
	font-size: 12px;
}
#pageHeader .nav a {
	color: #333;
}
#pageHeader .nav a:hover {
	text-decoration: none;
}

/**
 * PAGE_MAIN_CONTENT
 */
#pageMainContent {
	overflow: hidden;
}
#pageMainContent ul, #pageMainContent li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#pageMainContent li {
	zoom:1;/*for IE 5.5-7*/
}

#pageMainContent li:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #pageMainContent li {
	display:inline-table;
	/*\*/display:block;/**/
}

#pageMainContent .title {
	clear: both;
	color: #666;
	font-size: 15px;
	padding: 10px 0 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	zoom: 1;
}
#pageMainContent .header .title {
	height: 15px;
	line-height: 15px;
	margin-bottom: 20px;
	padding: 10px 21px;
	border: none;
	color: #333;
	background: url(/support/share/images/title-bg.gif) repeat-x left top;
}

#pageMainContent li a {
	display: inline;
}
#pageMainContent li .figure a {
	padding-left: 0px;
	background: none;
}

div#above {
	margin: 0 20px 0;
}

#repair-confirm {
	margin : 10px 0 40px;
	width:950px;
}

#repair-confirm p.form-title {
	background-color: #1d2089;
	padding : 8px 15px 8px;
	color:#fff;
	font-size: 16px;
}

#repair-form {
	margin:0;
	padding:15px;
	background-color:#f6f6f6;
}


.repairconfirm-notes .text {
	margin: 10px 0 0;
	line-height :2em;
}

p.repairconfirm-notes{
	display:block;
	float:left;
}

sup.repair-bol {
	color:#FF0000;
}

#repairconfirm-annotation {
	margin:30px 0 20px 0;
}

h2.title_gray {
	height: 34px;
	margin: 0px;
	padding: 6px 15px 0px 15px;
	background: url(/support/repair_confirm/images/h2_title_gray_bg.jpg) repeat-x;
	font-size: 16px;
}

#repairconfirm-annotation p.text{
	margin: 10px 0 0 0;
	overflow: hidden;
	padding:0 0 0 5px;
	font-size: 85%;
}

#repairconfirm-annotation .repair-bol{
	display:block;
	padding:0 0 5px 0;
	float:left;
}

#repairconfirm-annotation p {
	display:block;
}

#repairconfirm-annotation .notes {
	display:block;
	float:left;
}


ul.link_in li {
	background: url("/share/images/arrow_black.gif") no-repeat scroll 0 0.5em transparent;
	list-style: none outside none;
	padding: 0 0 0 10px;
	text-indent: 0;
}

ul.link_in li {
	background: url("/share/images/arrow_black.gif") no-repeat scroll 0 0.5em transparent;
	list-style: none outside none;
	padding: 0 0 0 10px;
	text-indent: 0;
}




/*
----------------------------------------------------------------------------
	form
----------------------------------------------------------------------------
*/

.form-label {
	font-size:150%;
	font-weight:bold;
	float:left;
	margin: 0 10px 0 0;
	padding:0;
	width: 4.2em;
}

.form-label p {
	height:30px;
	vartical-align:middle;
	word-break:keep-all;
}

.repair-form {
	float: left;
	text-align:center;
}

.form-input {
	margin: 10px 0 20px 0;
}

.form-result {
	margin: 10px 0 0 0;
}



.repair-form #repair-input {
	font-size: 16px;
	vartical-align:middle;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #b7b7b7;
	margin-right: 5px;
	vertical-align: middle;
	width: 498px;
	height: 28px;
	line-height:28px;
	padding:0 0 0 5px;
}

#repair-confirm {
	word-break: break-all;
	height: auto;
	background-image: none;
	margin: 10px 0 10px 0;
	width:100%;
	
}

.repair-form img{
	vertical-align: middle;
	height:30px;
}

.repair-result {
	float: left;
	text-align:center;
}

#xmlresult {
	background-color: #fff;
	border: 1px solid #b7b7b7;
	min-height: 298px;
	height: auto !important;
	height: 298px;
	width:818px;
	text-align:left;
}

.resulttext-catch {
	font-size:14px;
	font-weight:bold;
}

#resulttext ul{
	margin: 0 0 20px 0; 
}
#resulttext ul li{
	line-height:1.8em;
	list-style: none;
}

#resulttext {
	margin:15px;
	line-height:2em;
}

#resulttext .link {
	margin:0 0 2em;
}

.resulttext-service {
	border:2px solid #b7b7b7;
	padding:10px 15px 15px 15px;
}

.resulttext-free {
	position:relative;
	float:left;
	height:65px;
	width:210px;
	margin:0 30px 0 0;
}

.resulttext-counter {
	position:relative;
	float:left;
	height:65px;
	width:504px;
}


.resulttext-counterbox {
	margin:0 0 10px 0 ;
}

.resulttext-telephone {
	position:absolute;
	bottom:0;
	height:30px;
	vertical-align:bottom;
	font-size: 150%;
	font-weight: bold;
}

.resulttext-telephone img {
	vertical-align:bottom;
}

.resulttext-telephone span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:30px;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
/*
	--------------------------------------
		support_model
	--------------------------------------
*/
@media screen and (max-width: 640px) {
* {
	max-width:100%;
}

h2.title_gray {
	word-break: break-all;
	height: auto;
	background-image: none;
	background-color: #787878;
	color: #FFF;
	font-size: 16px;
	margin : 0 0 10px 0;
	padding: 6px 15px 6px 15px;
}

#pageBody {
	font-size:14px;
}

.form-input {
	margin: 10px 0 40px 0;
}

.form-label {
	float:none;
	margin: 0 10px 0 0;
}

.repair-form{
	width:100%;
}

.repair-form #repair-input {
	width:100%;
	margin:0 0 10px 0;
}

.repair-result{
	text-align:center;
	width:100%;
}

#xmlresult {
	margin: 0 auto;
	width: 100%;
}

#noresult {
	font-size: 12px;
}

.resulttext-catch {
	font-size:16px;
}

.form-title {
	text-align:center;
}

.mod-content,  #pageMainContent {
	float: none;
	width: auto;
	overflow: visible;
}
#pageMainContent .section,  #pageMainContent li {
	float: none !important;
	width: auto !important;
}
/* 2013/01/30 add */
#pageHeader .box .cnt-lft {
	text-align:left;
	margin: 0;
}
.mod-content .title {
	margin-bottom: 0px !important;
	border: none !important;
	padding: 0 !important;
}
.mod-content .title a {
	display: block;
	position: relative;
	height: 60px;
	padding: 0 40px 0 10px;
	background: url(/support/sp/images/sp-title-bg.png) no-repeat left top;
	line-height: 60px;
	color: #333;
}
.mod-content .title a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
	height: 60px;
	background: url(/support/sp/images/title-bt-open.png) no-repeat left top;
}

#pageHeader p {
	font-size: 14px;
}
#pageHeader .title {
	background: url(/support/images/repair/title-sp.gif) no-repeat center center !important;
	height: 19px !important;
	padding: 0px 0 9px !important;
	border-bottom: 2px solid #ccc !important;
	margin: 10px 0 5px 0 !important;
}
#pageHeader {
	font-size: 16px;
}
#pageHeader .nav {
	display: none;
}
#pageHeader .box {
	border: 0;
	padding: 0;
}


.resulttext-free {
	position:static;
	float:left;
	height:auto;
	width:auto;
	margin-bottom:20px;
}

.resulttext-counter {
	position:static;
	float:left;
	height:auto;
	width:auto;
}

.resulttext-telephone {
	position:static;
	height:auto;
	width:auto;
}






}
/*
----------------------------------------------------------------------------
	画面幅＜460px＞以下のときに適用
----------------------------------------------------------------------------
*/
/*
	--------------------------------------
		support_model
	--------------------------------------
*/
@media screen and (max-width: 460px) {
h2.title_gray {
	word-break: break-all;
	height: auto;
	background-image: none;
	background-color: #787878;
	color: #FFF;
	font-size: 16px;
	margin : 0 0 10px 0;
	padding: 6px 15px 6px 15px;
}
}
/*
----------------------------------------------------------------------------
	画面幅＜413px＞以下のときに適用
----------------------------------------------------------------------------
*/
/*
	--------------------------------------
		tab
	--------------------------------------
*/
@media screen and (max-width: 413px) {
div#contents div.mode_tab4 ul li {
	float: none;
}
div#contents div.mode_tab3 ul li {
	float: none;
}
div#contents div.mode_tab4 ul li#tab4_02,
div#contents div.mode_tab4 ul li#tab4_04 {
	margin-left: 0px;
}
h2.title_gray {
	word-break: break-all;
	height: auto;
	background-image: none;
	background-color: #787878;
	color: #FFF;
	font-size: 16px;
	margin : 0 0 10px 0;
	padding: 6px 15px 6px 15px;
}
}

/*
----------------------------------------------------------------------------
	画面幅＜340px＞以下のときに適用
----------------------------------------------------------------------------
*/
/*
	--------------------------------------
		support_model
	--------------------------------------
*/
@media screen and (max-width: 340px) {
h2.title_gray {
	word-break: break-all;
	height: auto;
	background-image: none;
	background-color: #787878;
	color: #FFF;
	font-size: 16px;
	margin : 0 0 10px 0;
	padding: 6px 15px 6px 15px;
}
}