@charset "utf-8";
/* service CSS Document */

/*====================================
     追加部分
=====================================*/
#container {
  line-height: 1.4;
	margin: 0 auto 40px;
}
.column2R #main {
  float: none;
  width: auto;
}
#header {
  background-image: none;	
}
#footer {
  color: #000;
}
.footer_bnr {
  margin: 0 auto 30px;
  width: 730px;
}
.footer_bnr p.bnr_title {
	margin-bottom: 15px;
}

/*====================================
	見出し
=====================================*/

#topH1 {
	position: absolute;
	top: 0;
    width: 970px;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin: 7px 0 0 75px;
}

#subH1 {
	position: absolute;
	top: 0;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin: 7px 0 0 -25px;
}

/*====================================
	トップページ　パンくず
=====================================*/
#root {font-size:12px;color:#4d4d4d;font-weight:bold;text-align:left;margin:0 auto 15px auto;}
#root li {display:inline-block;padding-left:20px;margin-left:10px;background:url(../../../service/img/common/root_arr.png) left center no-repeat;}
#root li .current {font-weight: bold; color: #6C6C6C;}
#root li {*display:inline; *zoom: 1;} /* for IE */
#root li:first-child {padding-left:0;margin-left:0;background:none;}
#root li a {color:#999;font-weight:normal;text-decoration:none;}
#root li a:hover {text-decoration:underline;}

/*====================================
	各ページ　パンくず
=====================================*/
#content #root {height:40px;line-height:40px;font-size:12px;color:#4d4d4d;font-weight:bold;text-align:left;}
#content #root li {display:inline-block;padding-left:20px;margin-left:10px;background:url(../../../service/img/common/root_arr.png) left center no-repeat;}
#content #root li .current {font-weight: bold; color: #6C6C6C;}
#content #root li {*display:inline; *zoom: 1;} /* for IE */
#content #root li:first-child {padding-left:0;margin-left:0;background:none;}
#content #root li a {color:#999;font-weight:normal;text-decoration:none;}
#content #root li a:hover {text-decoration:underline;}

/*====================================
	common
=====================================*/
#container {width:100%;overflow:hidden;background:url(../../../service/img/common/bg_01.png) left top repeat-x;}
#content {overflow:hidden;margin-bottom:10px;background:url(../../../service/img/common/bg_02.png) left bottom repeat-x;}
#content.bg_none {background:none;}
#content .content_wp {width:910px;margin:0 auto;padding-bottom:66px;overflow:hidden;background:url(../../../service/img/common/bg_03.png) left bottom no-repeat;}
#content .lead {margin-bottom:30px;}
#content .box_01 {border:1px solid #d9d9d9;overflow:hidden;padding:10px 9px 5px 5px;}
#content .box_01 ul {overflow:hidden;}
#content .box_01 ul li {float:left;width:293px;margin:0 0 5px 5px;}
#content .box_01 ul li a:hover {opacity: 0.7;}
#content_bnr {width:730px;margin:0 auto 50px auto;}
#content_bnr .bnr_01 {margin-bottom:16px;}
#content_bnr .bnr_02 {margin-bottom:30px;}
#content .footer_bnr {width:730px;margin:0 auto 30px auto;}
#container .linkList {width:970px;margin:0 auto 40px auto;}

.taC {text-align:center;}
.mb80 {margin-bottom:80px;}
.mb40 {margin-bottom:40px;}
.mb30 {margin-bottom:30px;}
.mb20 {margin-bottom:20px;}
.mb15 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.mb5 {margin-bottom:5px;}

/*====================================
	ワンコイン診断    
=====================================*/
#onecoin .box_01 {background:url(../../../service/img/onecoin/box_bg_01.png) left bottom repeat-x;}

/*====================================
	液晶修理サービス    
=====================================*/
#ekisho .box_01 {background:url(../../../service/img/ekisho/box_bg_01.jpg) right bottom no-repeat;}
#ekisho .box_01 ul li.clL {clear:left;}

/*====================================
	パソコン設定代行    
=====================================*/
#pc_setting .box_01 {background:url(../../../service/img/pc_setting/box_bg_01.png) left bottom repeat-x;}

/*====================================
	ウィルス診断・駆除サービス    
=====================================*/
#vcheck .box_01 {padding:0;}

/*====================================
	ご利用の流れ    
=====================================*/
#flow .step {padding:25px 25px 20px 25px;border:1px solid #d9d9d9;}
#flow .step li {margin-bottom:18px;padding-bottom:10px;background:url(../../../service/img/flow/arr_bg.png) 44px bottom no-repeat;}
#flow .step li.bg_none {background:none;}
#flow .step li .txt {overflow:hidden;padding:5px 0 0 100px;}
#flow .step li .img {float:left;width:210px;margin-bottom:10px;}
#flow .step li .txt1 {float:left;}
#flow .step li.step1 .txt1 {width:310px;}
#flow .step li.step1 .txt2 {width:100%;}
#flow .step li.step1 .btn1 {float:left;width:202px;}
#flow .step li.step1 .btn2 {clear:left;text-align:center;margin-bottom:10px;width:100%;}
#flow .step li.step5 .img {margin-bottom:20px;}
#flow .step li.step5 .btn3 {margin-top:20px;}

/*====================================
	ご利用規約    
=====================================*/
#rules .box {border:1px solid #d9d9d9;overflow:hidden;padding:24px 24px 20px 24px;margin-bottom:30px;}
#rules .box .tit {margin-bottom:20px;}
#rules .box > p {color:#4d4d4d;line-height:1.8;margin:0 0 25px 25px;font-size:14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#rules .box > p a {color:#4d4d4d;text-decoration:underline;}
#rules .box > p a:hover {color:#999;}

/*====================================
	診断可能パソコンメーカー    
=====================================*/
#content #makerlist .box_01 {padding:5px;}
#makerlist table {width:100%;border-spacing:0;border-collapse:collapse;font-size:14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#makerlist table th {width:34%;}
#makerlist table th,
#makerlist table td {padding:10px;}
#makerlist table thead th,
#makerlist table thead td {color:#fff;background:#1067ae;border:1px solid #1067ae;text-align:center;font-weight:normal;}
#makerlist table tbody th,
#makerlist table tbody td {border:1px solid #d9d9d9;text-align:left;}
#makerlist table tbody th {color:#005398;}
#makerlist table tbody td span {display:inline-block;margin-right:15px;}
#makerlist table .bg1 th,
#makerlist table .bg1 td {background:#e7f0f7;}
#makerlist .bnr1 {text-align:center;margin:40px 0 10px 0;}
#makerlist .mrl5 {margin:0 5px;}

/*====================================
	パソコンの修理をしたい    
=====================================*/
#content #pc_repair1 .box_01 {padding:10px 9px 0 1px;}
#content #pc_repair1 .box_01 ul li {width:290px;margin:0 0 9px 9px;}
#pc_repair2 {width:730px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#pc_repair2 .box {font-size:14px;border:1px solid #d9d9d9;overflow:hidden;padding:10px 10px 0 10px;}
#pc_repair2 .box > dt {color:#fff;background:#1067ae;padding:10px 15px;}
#pc_repair2 .box > dd {border:1px solid #d9d9d9;border-top:0;padding:15px 5px 5px 15px;margin-bottom:10px;}
#pc_repair2 .box > dd p {margin-bottom:10px;}
#pc_repair2 .box .list {overflow:hidden;}
#pc_repair2 .box .list dt {letter-spacing:36px;clear:left;float:left;width:100px;color:#1067ae;font-weight:bold;margin-bottom:10px;}
#pc_repair2 .box .list dt.ls0 {letter-spacing:3px;}
#pc_repair2 .box .list dd {padding-left:100px;margin-bottom:10px;}
#pc_repair2 .box .list dd span {color:#ff6600;}

/*====================================
	パソコンの修理をしたい    
=====================================*/
#content #charge {background:none;padding-bottom:0;}
#charge .txt1 {margin:0 20px 30px 20px;font-size:14px;line-height:1.6;}
#charge .txt1 a {color:#222;text-decoration:underline;font-weight:normal;}
#charge .txt1 small {font-size:85%;margin-top:10px;display:block;}
#charge .box {font-size:14px;border:1px solid #d9d9d9;overflow:hidden;padding:10px 10px 0 10px;margin-bottom:20px;}
#charge table {width:100%;border-spacing:0;border-collapse:collapse;font-size:14px;margin-bottom:10px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#charge table td {width:19%;}
#charge table th,
#charge table td {padding:10px 20px;vertical-align:middle;}
#charge table thead th,
#charge table thead td {padding:10px 20px;color:#fff;background:#1067ae;text-align:center;font-weight:normal;border-left:1px solid #1067ae;}
#charge table thead td {border-left:1px solid #fff;}
#charge table tbody th,
#charge table tbody td {padding:5px 20px;border:1px solid #d9d9d9;text-align:left;}
#charge table tbody th {height:34px;padding:5px 10px 5px 20px;color:#005398;overflow:hidden;}
#charge table tbody th p {float:left;width:400px;height:34px;line-height:34px;}
#charge table tbody th .icon {display:block;float:right;width:110px;}
#charge table tbody th .icon img {vertical-align:middle;}
#charge table tbody td {text-align:right;}
#charge table tbody td span {display:inline-block;margin-right:15px;}
#charge table .bg1 th,
#charge table .bg1 td {background:#e7f0f7;}
#charge table .bg2 {background:#4085be;}
#charge table small {font-size:85%;}

/*====================================
	修理事例紹介    
=====================================*/
#cases .box {font-size:14px;border:1px solid #d9d9d9;overflow:hidden;padding:10px 10px 0 0;margin-bottom:30px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#cases .box .case {float:left;width:437px;border:1px solid #d9d9d9;margin:0 0 10px 10px;}
#cases .box .case.w_long {width:886px;}
#cases .box .case.height_01 {height:310px;}
#cases .box .case.height_02 {height:360px;}
#cases .box .case.height_03 {height:330px;}
#cases .box .case.height_04 {height:380px;}
#cases .box .case .tit {color:#fff;padding:10px 20px;background:#1067ae;overflow:hidden;}
#cases .box .case .tit span {float:left;display:block;margin-right:35px;}
#cases .box dl {overflow:hidden;margin:10px 10px 10px 20px;line-height:1.8;}
#cases .box dl dt {letter-spacing:36px;clear:left;float:left;width:105px;color:#1067ae;font-weight:bold;margin-bottom:10px;}
#cases .box dl dt.ls0 {letter-spacing:3px;}
#cases .box dl dd {padding-left:105px;margin-bottom:10px;}
#cases .box dl dd span {font-weight:bold;margin-left:5px;color:#ff6600;}
#cases .box dl dd b {font-weight:normal;margin:0 5px;color:#ff9e0d;}
#cases .box dl dd small {font-size:85%;}

/*====================================
	パソコン訪問/設置・設定 サービス    
=====================================*/
#pc_setti .box_01 {padding:10px 0;}

/*====================================
	アップデート    
=====================================*/
.pc_assembling.box_02 {position:relative;width:670px;border:1px solid #d9d9d9;padding:29px;margin:0 auto 30px auto;}
.pc_assembling.box_02 .img {position:absolute;z-index:10;top:-1px;right:-7px;}
.pc_assembling.box_02 .tit {position:relative;z-index:20;}
.pc_assembling.box_02 .txt {position:relative;z-index:20;margin-top:30px;}
.pc_assembling.box_02 .tit img {position:relative;z-index:20;}
.pc_assembling.box_02 dl {padding-top:10px;}
.pc_assembling.box_02 dt {margin:20px 0;}
.pc_assembling.box_02 dd > div {margin-bottom:20px;}
.pc_assembling.box_02 dd > p {line-height:2;font-size:14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.pc_assembling.box_02 dd > p small {font-size:12px;}

/*====================================
	データレスキューならお任せ！    
=====================================*/
.datarescue1 .box_01.cnt1 ul {position:relative;}
.datarescue1 .box_01.cnt1 .last {position:absolute;top:0;right:0;}
.datarescue1 .box_01.cnt1 .clL {clear:left;}
.datarescue2 {width:730px;margin:0 auto;}
.datarescue2 .box_01 {border:1px solid #d9d9d9;overflow:hidden;padding:10px 11px 5px 0;margin:0 0 30px 0;}
.datarescue2 .box_01 ul {overflow:hidden;}
.datarescue2 .box_01 ul li {float:left;width:229px;margin:0 0 5px 10px;}
.datarescue2 .box_01 ul li a:hover {opacity: 0.7;}
.datarescue2 .box_02 {border:1px solid #d9d9d9;overflow:hidden;padding:30px;margin-bottom:30px;background:url(../../../service/img/datarescue/cnt3_box_bg.png) left top repeat-y;}
.datarescue2 .title_01 {margin-top:10px;}
.datarescue2 .title_02 {margin-top:30px;}
#cateBox {margin:0 auto 20px auto;}

/*====================================
	ソフトインストールサービス    
=====================================*/
#software_install .box_01 {background:url(../../../service/img/software_install/bg_01.jpg) right bottom no-repeat;}
#software_install .box_01 .clL {clear:left;}

/*====================================
	パソコン引取修理サービス    
=====================================*/
#receive_service #overview {
	padding:15px;
	font-size:14px;
	line-height:150%;
}

#receive_service #overview .box420 {
	border-style: solid;
	width: 400px;
	padding: 10px;
	background-color: #F6F6F6;
	margin-left:13px;
	margin-top:20px;
	float:left;
}
#receive_service #overview .box420 img {
	margin-bottom:10px;
}
#receive_service #overview .flowtit {
	border-left: 5px solid #1066AD;
	border-bottom: 1px solid #1066AD;
	color: #1066AD;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight:bold;
	margin-top:10px;
}
#receive_service #overview h4 {
	margin-bottom:15px;
}
#receive_service #overview p {
	margin-bottom:15px;
}
#receive_service #caution {
	padding:15px;
}
#receive_service #caution p {
	text-indent: -1em;
	padding-left: 1em;
	font-size:14px;
	margin-bottom:10px;
}

.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb15 {
	margin-bottom:15px;
}
.txt14 {
	font-size:14px;
	line-height:150%;
}
.txtRed {
	color:#FF0000;
}
.buyBtn {
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}


/*====================================
	作業料金表ページ （receive_service_charge）  
=====================================*/
#charge .caseContainer {
	clear: both;
	overflow: hidden;
	width: 105%;	
}

#charge .caseContainer .caseBox {
	float: left;
	width: 295px;
	margin-right: 8px;
	padding-bottom: 1px;
	border: 1px solid #d9d9d9;
}

#charge .caseContainer .caseBox h3 {
	padding: 10px 10px;
	background-color: #1067ae;
	border: 1px solid #1067ae;
	color: #ffffff;
	font-size: 100%;
    font-weight: bold;
}

#charge .caseContainer .caseBox ul {
	margin: 0px 6px;
}

#charge .caseContainer .caseBox li {
	clear: both;
	margin-bottom: 8px;
	text-align: right;
}

#charge .caseContainer .caseBox .caseImg {
	text-align: center;
}

#charge .caseContainer .caseBox li h4 {
	float: left;
	font-size: 90%;
	text-align: left;
}
#charge .caseContainer .caseBox li h4:before {
	content: "・";
}

#charge .caseContainer .caseBox .caseTotal {
    border-top: 1px solid #d9d9d9;
    color: #f00;
    font-size: 24px;
    font-weight: bold;
    padding-top: 8px;
}

#charge .caseContainer .caseBox .caseTotal h4 {
	float: none;
	display: inline;
}
#charge .caseContainer .caseBox .caseTotal h4:before {
	content: "";
}

#charge .note {
	clear: both;
	padding: 10px 50px 0 0;
	font-size: 90%;
	text-align: right;
}





/*====================================
	下部テキスト    
=====================================*/
#detailTxtBtm {
    font-size: 14px;
    line-height: 25px;
    margin: 40px auto;
    word-break: break-all;
}
#detailTxtTop {
    font-size: 14px;
    line-height: 25px;
    margin: 0 15px 30px 15px;
    word-break: break-all;
}

/*====================================
	ページトップ    
=====================================*/
#pagetopArea {
	width: 970px;
	margin: 0 auto 50px auto;
}

.pagetopLeft {
	width:50%;
	margin:0 auto;
    text-align: left;
    float: left;
}
.pagetopRight {
	width:50%;
	margin:0 auto;
    text-align: right;
    float: right;
}

/*====================================
	clearfix    
=====================================*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*====================================
	診断可能メーカー一覧、サポート店舗リスト一覧   
=====================================*/
#supportshoplist table thead th, #makerlist table thead td {
    background: #1067ae none repeat scroll 0 0;
    border: 1px solid #1067ae;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

#supportshoplist table th, #makerlist table td {
    padding: 10px;
}

#supportshoplist table th {
    width: 10%;
}

#supportshoplist table tbody th {
    color: #005398;
	text-align: center;
}

#supportshoplist table tbody a {
    color: #005398;
	text-decoration: underline;
}

#supportshoplist table tbody a:hover {
	text-decoration: none;
}

#makerList table tbody a {
    color: #005398;
	text-decoration: underline;
}

#makerList table tbody a:hover {
	text-decoration: none;
}

/*====================================
	WEB引取修理の流れ　20160727追加
=====================================*/

.webRepair {
    border: 1px solid #ca0000;
    margin: 20px 0;
}

.webRepair img {
    display: block;
    margin: 0 auto;
}

.webRepair p {
    margin: 10px 10px 10px 0;
	text-align: right;
}

.webRepair p a {
	text-decoration: underline;
}

/*====================================
	20160816追加
=====================================*/

.caseContainer .caseBox ul li span.taxText {
	font-size: 13px;
}

.caseContainer .caseBox ul li .campText {
	color: #F00;
    float: left;
    font-size: 90%;
    font-weight: bold;
}

/*====================================
	margin
=====================================*/

.mr10 {
	margin-right: 10px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

/*====================================
	20160404追加
=====================================*/

/* ウィンドウ幅が480px～の場合に適用するCSS */
@media screen and (min-width:480px){

.box368 .priceArea {
	background-color: #FFF5BE;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
	box-shadow: 3px 3px 3px 1px #ddd;
	-moz-box-shadow: 3px 3px 3px 1px #ddd;
	-webkit-box-shadow: 3px 3px 3px 1px #ddd;
	border: 2px solid #ffffff;
}

.box494 .priceArea {
    background-color: #fff5be;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    padding: 5px;
    text-align: center;
    width: 58%;
	box-shadow: 3px 3px 3px 1px #ddd;
	-moz-box-shadow: 3px 3px 3px 1px #ddd;
	-webkit-box-shadow: 3px 3px 3px 1px #ddd;
	border: 2px solid #ffffff;
}

}

/* ウィンドウ幅が～479pxの場合に適用するCSS */
@media screen and (max-width:479px){

.box368 .priceArea {
	background-color: #FFF5BE;
    padding: 5px;
	font-size: 16px;
	font-weight: bold;
 	line-height: 25px;
	text-align: center;
	box-shadow: 3px 3px 3px 1px #ddd;
	-moz-box-shadow: 3px 3px 3px 1px #ddd;
	-webkit-box-shadow: 3px 3px 3px 1px #ddd;
	border: 2px solid #ffffff;
}

.box494 .priceArea {
	background-color: #FFF5BE;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
	margin-top: 70px;
	text-align: center;
	box-shadow: 3px 3px 3px 1px #ddd;
	-moz-box-shadow: 3px 3px 3px 1px #ddd;
	-webkit-box-shadow: 3px 3px 3px 1px #ddd;
	border: 2px solid #ffffff;
}

div#root {
	display: none;
}

#charge .note {
    clear: both;
    font-size: 90%;
    margin: 10px 0 30px !important;
    padding: 0 !important;
    text-align: right;
}

}

@media screen and (max-width:979px){
#subH1 {
	display: none;
}

}

/*====================================================
	こんな症状がでたら、なんでも相談所におまかせ！
=====================================================*/

#charge .caseContainer .caseBox li {
    clear: both;
	margin-bottom: 0 !important;
    text-align: right;
}

#charge .caseContainer .caseBox li h4 {
    float: left;
    font-size: 77% !important;
	margin-bottom: 7px !important;
}

.priceText {
    margin-left: 210px;
    text-align: left;
    line-height: 26px;
    font-size: 90%;
}

/*====================================
	margin
=====================================*/

.mt25 {
	margin-top: 25px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

}