@charset "UTF-8";


/* ＝＝＝＝＝＝＝＝＝＝ アフターサービス ＝＝＝＝＝＝＝＝＝＝＝＝*/

/*各ページタイトルエリア
----------------------------------*/
/*h2タイトル
--------------*/
div#header div.h2 h2 {
	background-image: url(../images/afterservice_h2.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 941px;
}
/*その他タイトル
--------------*/


h4.h4_af{
    width: 640px;
    margin: auto;
    border: 1px solid #bdc6d2;
    padding: 5px 0 5px 10px;
    border-radius: 6px;
    background: #f4fcff;
}


@media screen and (max-width: 768px) {
h4.h4_af{
	width: auto;
	color: #E83421;
	margin:20px 20px 0 20px;
    padding: 5px 0 10px 0;
    border:none;
	border-bottom: 1px solid #A3A3A3;
    border-radius: 0;
	background-color: #fff;
	text-indent:0px;
	}
}

/*テキストリンク
--------------*/
a:link {
	color:#202329;
	text-decoration: none;
}
a:visited {
	color:#202329;
	text-decoration: none;
}
a:hover {
	color:#4885ab;
	text-decoration: underline;
}
a:active {
	color:#4885ab;
	text-decoration: underline;
}
/*--------------------------------------------------------------------
(index.html)
(企業情報 index)
--------------------------------------------------------------------*/
p.af_text{
	margin:15px 0 0 40px;
	width: 641px;
	line-height:2.0em;
}

@media screen and (max-width: 768px) {
p.af_text{
	margin:20px;
	width: auto;
}
}

p.af_text span{
	color:#FF412E;
}
ul.after01 {
	width: 640px;
	height: auto;
	margin: 20px auto;
	padding:0;
}

@media screen and (max-width: 768px) {
ul.after01 {
	width: auto;
	margin: 0;
}
}


ul.after01 li {
	width: 202px;
	height: 102px;
	float: left;
	margin: 0 17px 11px 0;
	padding:0;
	text-indent:-9999px;
}

@media screen and (max-width: 768px) {
ul.after01 li {
	width: auto;
	float: none;
	margin: 0 17px 11px 0;
	padding:0;
	text-indent:0;
}
}



ul.after01 li.tv_list1{
	background: url(../images/afterservice_index_banner01.jpg) top left no-repeat;
} 

@media screen and (max-width: 768px) {
ul.after01 li.tv_list1{
	background: url(none);
} 
}


ul.after01 li.tv_list2{
	background: url(../images/afterservice_index_banner02.jpg) top left no-repeat;
} 

@media screen and (max-width: 768px) {
ul.after01 li.tv_list2{
	background: url(none);
} 
}


ul.after01 li.tv_list3{
	float: right;
	margin:0;
	padding:0;
	background: url(../images/afterservice_index_banner03.jpg) top left no-repeat;
}

@media screen and (max-width: 768px) {
ul.after01 li.tv_list3{
	float: none;
	background: url(none);
}
}



@media screen and (max-width: 768px) {
ul.after01 li.tv_list1,
ul.after01 li.tv_list2,
ul.after01 li.tv_list3{
	height: 0;
    padding-top: 35%;
	float:none;
	height:10%;
	background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	text-align: center;
	padding: 10% 5% 10% 5%;
	font-size:135%;
	letter-spacing: 1px;
	border: solid thin;
	border-color: #ccc;
	font-weight: bold;
	margin: 5%;
}
}

p.af_img{
	clear:both;
	margin:0 0 40px 90px;
	padding:0;
}

@media screen and (max-width: 768px) {
p.af_img{
	margin:0;
}
}

@media screen and (max-width: 768px) {
#line_bottom img{
	max-width: 100%;
    height: auto;
}
}

p#link_event{
	clear:both;
	text-align:right;
	margin:30px 30px 30px 0;
	padding:0 0 0 0;
}

@media screen and (max-width: 768px) {
p#link_event{
	text-align:left;
}
}

p#link_event img{
	margin:0 0 2px 5px;
	padding:0;
}
.af_tyusen{
	width: 630px;
	margin:0 0 20px 40px;
	padding:15px 20px 10px 20px;
	background:#FDFDE8;
	border:1px solid #F5C990;
}

@media screen and (max-width: 768px) {
.af_tyusen{
	width: auto;
	margin:0;
}
}

.af_tyusen img{
	float:right;
	margin:0 0 0 15px;
	padding:0;
}

@media screen and (max-width: 768px) {
	.af_tyusen_comment img{
		float: none;
		margin:0;
	}
}

@media screen and (max-width: 768px) {
	.img-center{
		text-align: center;
	}
}


.af_tyusen p{
	margin:10px 0 10px 0;
	padding:0;
}
.af_tyusen span{
	color:#FF412E;
}
.af_tyusen .af_tyusen_comment{
	margin:10px;
	padding:5px 15px 5px 15px;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
}