@charset "shift_jis";


/*--------------article area--------------*/
#articlearea {
	margin:0 60px 20px 60px;
	text-align:left;
	font-size:110% !important;
	letter-spacing:0.06em;
}


#articlearea .backbt {
	margin-bottom:15px;
	text-align:right;
}

#articlearea .articleday {
	text-align:right;
	margin-bottom:15px;
}

#articlearea h2{
	text-align:center;
	margin-bottom:30px;
	font-size:115%;
}


#articlearea h3{
	font-size:100%;
}

/*---------------------------*/
dl.even{
	/*display:inline;*/
}
.even dt{
	width: 150px;
}
.even dd{
	margin-left: 150px;
	margin-top: -1.5em;
}

dl.even2{
	display:inline;
}
.even2 dt{
	width: 10px;
}
.even2 dd{
	margin-left: 10px;
	margin-top: -1.5em;
}

.QaLink{
	margin:0 0 35px 20px;
}



/*--------------revised_date--------------*/
span.revised_date{
color:#FF0000;
}
/*--------------revised_date--------------*/

/*--------------mod-news--------------*/
div.mod-news p{
	margin:0 0 1.5em;
	text-indent:1em;
}
div.mod-news p.linkword{
	text-indent:0em;
}
div.mod-news p.indentnon{
	text-indent:0em;
}
div.mod-news ol li{
	margin:0 0 1.5em;
}
div.mod-news div.personal_info{
	margin:40px 0px;
}
div.mod-news div.personal_info p{
	margin:0em;
	text-indent:1em;
}
div.mod-news p.mod-news-heading{
	margin:40px 0 0;
	text-indent:0em;
}
div.mod-news .mod-news-block2 p{
	margin:0em;
	text-indent:0em;
}
div.mod-news .underword{
	text-decoration:underline;
}
div.mod-news div.personal_info p.indentnon{
	text-indent:0em;
}


/*-------------- setform --------------*/
div.setform div.mainform{
	padding:15px;
	background:#eeeeee;
	margin: 0px 30px 35px 30px;
	width:1200px;
}

div.setform div.mainform .formConts{
	width:500px;
	margin:0 auto;
}

div.setform div.mainform .formConts label{
	float:left;
	width:300px;
}


div.setform ul.offer li{
	text-indent:-1em;
	padding-left:1em;
}


div.setform ul.formNote{
	width:710px;
}

div.setform ul.formNote li{
	text-indent:-1em;
	padding-left:1em;
	font-size:80%;
}


div.setform div form{
	margin-bottom:20px;
}

div.setform div form ul li {
	clear:left;
	padding-top:1em;
}
div.setform div form ul li .apply {
	float:left;
	width:22em;
}
div.setform div form ul li .choose {
	margin-left:200px;
}

div.setform div form ul li .choose p input {
	width: 180px;
}

.contactBox{
	width:710px;
	border:1px #ccc solid;
	margin:0 auto 30px auto;
	padding:15px 15px;
}

.contactBox .ttl{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

.contactBox ul{
	margin-bottom:10px;
}

.contactBox ul em{
	font-size:140%;
	font-style:normal;
	font-weight:bold;
}


.pcImg{
	display: inline-block;
}
.spImg{
	display: none;
}


button{
  appearance:none;
  -webkit-appearance:none;
}

.submit-button {
	width: 201px;
	display:inline-block;
	height:auto;
	padding:3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dddddd));
	background: -moz-linear-gradient(top, #f8f8f8, #dddddd);
	background: -ms-linear-gradient(top, #f8f8f8, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd', GradientType=0);
	_background-color:#CCCCCC;
	border-radius: 2px;
	border: 1px solid #a4a4a4;
}




@media (max-width:640px){
#articlearea {
	margin:0 3% 20px 3%;
	text-align:left;
}

#articlearea h2{
	text-align:left;
	margin-bottom:30px;
	font-size:120%;
}


#articlearea img{
	border:none;
	max-width:100%;
	height:auto;
}

.even{
	width:100%;
}

.even dt{
	width:100%;
}
.even dd{
	margin:0 0 10px 0;
	width:100%;
	text-align:right;
}

.QaLink{
	margin:0 0 20px 10px;
}

.QaLink a{
	font-size:100%;
	font-color:#ff0000;
}

/*-------------- setform --------------*/

div.setform{
	width:100%;
}

div.setform div.mainform{
	width:96%;
	margin:0 30px 20px 30xp;
	padding:10px 3%;
}

div.setform ul.formNote{
	width:96%;
	margin:0 2%;
}

div.setform div.mainform .formConts{
	width:96%;
	margin:0 2%;
}

div.setform div.mainform .formConts label{
	float:none;
	width:100%;
}

div.setform div form ul {
	margin: 0px auto;
	width:100%;
}
div.setform div form ul li .apply {
	float:none;
	width:100%;
}
div.setform div form ul li .choose {
	margin-left:0px;
}

div.setform div form ul li .choose input{
	width:180px;
}

.contactBox{
	width:96%;
	margin:0 0 20px 0;
	padding:10px 3%;
}

.contactBox ul em{
	font-size:120%;
}
	.pcImg{
		display: none;
	}
	.spImg{
		width: 100%;
		display: block;
	}
	


}




/* form area start */

div.mainform {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 0 30px 30px 30px;
    padding: 10px;
    width: auto;
}

div.mainform form {
	text-align:center;
}

ul.formlist {
	width: 80%;
	margin: 30px auto 0;
	font-size:13px;
	margin-bottom: 0!important;
}
.formlist li {
	margin-bottom: 15px;
}
.formlist li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.formlist dt {
	width: 20em;
	margin: 0;
	float: left;
	display: block!important;
	font-size: 14px;
}
.formlist dd {
	margin: 0 0 0 20em;
	display: block!important;
	text-align: right;
	font-size: 14px;
}
.formlist .noflo {
	width: 100%;
	float: none;
	margin: 0 5px 5px 0;
}

.confirm-area {
	width: 80%;
	margin: 30px 0 0 50px;
}

.attention {
	margin-top: 20px;
}

.confirm-arrow {
	display: inline-block;
	padding-left: 10px;
	background: url(/share4/images/mod-contentsIndex/ico_01.png) no-repeat 0 0.45em;
}

.confirm-problem {
	margin-top: 15px;
}

.serial-num {
	margin-left: 40px;
}

.problem-content {
	margin-left: 66px;
}

/* button area start */


ul.itemList {
	overflow: hidden;
}

ul.itemList li {
	margin: 15px 15px 0 0 !important;
	float: left;
	clear: none !important;
	border: solid 1px #CCC !important;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.itemList li a.itemListArea {
	border: solid 1px #fff;
	background:url(/bravia/share/images/bg_gradation_off.gif) no-repeat top;
	color: #333;
	display: block !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 35px;
	_width: 470px;
}

ul.itemList li a.itemListArea:hover {
	background:url(/bravia/share/images/bg_gradation_on.gif) no-repeat top;
}

ul.itemList li.other a {
	padding: 3px 0 !important;
}

ul.itemList li a.itemListArea div.itemListBox {
	margin: 0;
	padding: 10px 10px 5px 10px;
}

ul.itemList li a.itemListArea div.itemListBox p.txt {
	background: url("/support/share/images/arrow_black.png") no-repeat left 0.4em;
	line-height: 16px !important;
	padding-left: 10px;
}





/* form area mq start */

@media (max-width:640px){
.mod-news dl,
.mod-news ul,
.mod-news form p, .mod-news form li {
    font-size: 100%;
}
	div.mainform {
	    width: 90%;
	}
	.formlist dt {
		width: 100%;
		float: none;
		display: block!important;
		margin-bottom: 5px;
	}
	.formlist dd {
		width: 100%;
		margin: 0;
		display: block!important;
		text-align: right;
	}
	.confirm-area {
		width: 100%;
		margin: 0;
	}
	
	.serial-num {
		display:block;
		margin-left: 0px;
	}

	.problem-content {
		display:block;
		margin-left: 0px;
	}


}