@charset "shift_jis";
/* CSS Document */

div.pregArea_01 ul.pregBox.layoutA li.txtArea {
	width: 100%;
	float:none;
}
div.pregArea_01 ul.pregBox.layoutA li.imgArea {
	width: 100%;
	float: none;
}
div.pregArea_01 li.imgArea img{
	width: 100%;
	height:auto;
}

div.pregBox_01.layoutB{
	border:solid 1px #999;
	padding:5px!important;
}

div.funcArea {
	border:none;
	background: none;
	margin: 0px auto 0px auto;
	padding: 15px;
	clear: both;
}

div.funcArea div.funcBox {
	background: none;
	margin: 0;
	padding: 0;
}

div.funcArea div.funcBox .img_box{
	float:left;
}
div.funcArea div.funcBox .list_box{
	width:64%;
	float:left;
}
div.funcArea div.funcBox .list_box ul{
	margin-top:5px;
	margin-left:1em;
}

div.funcArea.first_item{
	padding-bottom: 10px;
	border-bottom: 1px dotted silver;
}

div.linkArea{
	padding:0 15px;
}


div.linkArea dt{
	width: auto;
	/*height: 60px;*/
	_width:340px;
	height:auto;
	margin: 0 0 10px 10px;
	clear:both;
	float: left;
	border: 1px solid #CCC;
	list-style: none;
	border: 1px solid #bcbcbc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	background: #f1f1f1;
	font-size: 14px;
	word-break:break-all;
}

div.linkArea dt.one-line{
	height:62px;
}
div.linkArea dt:hover {
	background: #f1f1f1;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50)!important;
	-ms-filter: "alpha( opacity=50)";
	zoom:1;
}

div.linkArea dt:hover,
div.linkArea dt a:hover{
	cursor:pointer;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50)!important;
	-ms-filter: "alpha( opacity=50)";
	zoom:1;

}

div.linkArea dt a{
	display: block;
	height: auto;
	padding: 10px;
}
div.linkArea dt.one-line a{
	padding-bottom: 19px;
	padding-top: 22px;
	height: auto;
}
div.linkArea dt a:hover {
	text-decoration: none;
	color: #43677e;
}

div.linkArea dt span.ico_arrow-black {
	display: block;
	/*width: 303px;*/
	/*width:275px;*/
	/*width:295px;*/
	width:310px;
	*width:330px;
	width:330px\9;
	vertical-align: top;
}
div.linkArea dt span.ico_arrow-black span.secondline{
	display:block;
}


div.linkArea dd{
	/*width: 345px;*/
	width:330px;
	*width:320px;
	width:320px\9;
	/*height: 40px;*/
	height:auto;
	margin: 0 0 10px 10px;
	float: left;
	list-style: none;
	background: white;
	font-size: 14px;
	padding:10px;
}

div.pregArea_0 .ico_arrow-black {
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 0.4em;
}


div.rel_links{
	border-top:1px solid silver;
	padding-top:10px!important;
}
div.rel_links li.rel_link{
	padding-left:1em;
	list-style:none;
	background-image: url("/support/share/images/arrow_black.png");
	background-repeat: no-repeat;
	background-position: 3px 5px;
	margin-bottom:5px;
}
div.layoutD{
	border:1px solid #999;
	background: #f1f1f1;
}

div.layoutD div.funcArea div.funcBox .list_box {
	width: 100%;
	float:none;
}
div.layoutD strong{
	font-size:120%;
}
img.inline-icon{
	vertical-align:text-bottom;
}


@media (max-width: 640px) {
	
div.funcArea div.funcBox .img_box{
	float:none;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
}
div.funcArea div.funcBox .list_box{
	width:100%;
	float:none;
}

div.linkArea dt {
	width:auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-top:10px;
	height: auto;
	font-size: 13px;
	min-height:60px;
}
div.linkArea dt span.ico_arrow-black {
	width: auto;
}
div.linkArea dd{
	width:auto;
	height:auto;
	float:none;
}
div.linkArea dt a{
	padding: 20px;
}

div#rel_links{
	width:100%;
}

img.inline-icon{
	vertical-align:top;
}

	
}