@charset "shift_jis";

h4.title-blue {
	padding:5px 10px;
	border:#999999 1px solid;
}
h4.title-blue span {
	border-left:#3366CC 3px solid;
	font-size:15px;
	padding:0px 0px 0px 7px;
}
h5.s-title {
	margin-top:15px;
	background:#3366CC;
	padding:3px 10px;
	color:#FFF;
	font-size:15px;
	clear:both;
}
.pc-none {
	display: none;
}
.mq-none {
	display: block;
}

div.area_scene_01{
	margin-top:30px;	
}

div.scene_01 {
	float:left;
}

.scene_01 img {
	margin-right:10px; 
}

div.scene_02 {
	margin-left:238px;
}

/* mod-linkButton 2015-04-06 ’ljÁ */
.mod-linkButton {
	background-position: center;
}
.mod-linkButton a .content {
	background-position: left 4px;
}
.mod-linkButton a .anchor {
	background: url(/support/handycam/images/arrow_black-b.png) no-repeat 0 0.5em;
	padding: 0 0 0 13px;
}
/* w-100 2015-04-09 ’ljÁ */
.w-100 {
	width: 100% !important;
	margin-left: 0 !important;
}

/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 740px;
	margin: 0px auto;
	padding: 0px;
}
div.pregArea_01 div.pregBox {
	width: 720px;
	margin: 0px auto;
	padding: 0px;
}

/* miniBox */
ul.miniBox {
	margin: 15px 0px 0px 10px !important;
	padding: 0px;
	list-style:none;
}
ul.miniBox li.txt {
	width:380px;
	float:left;
	margin-left: 0 !important;
	margin-right: 20px;
}
ul.miniBox li.img {
	width:320px;
	margin-left: 0 !important;
	display: inline-block;
	/*text-align:center;*/
}
div.movieBtn {
	margin-top:5px;
}

/* Q-Area */
ul.Q-Area {
	margin: 0px !important;
	padding: 0px 0px 0px 45px !important;
	list-style:none;
	background:url(../images/ico_q.png) no-repeat;
	min-height: 40px;
}
ul.Q-Area li {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 10px;
	background:url(../images/ico_disc.png) no-repeat 0 6px;
}

/* pointArea */
ul.pointArea {
	margin: 10px 0px 0px 0px !important;
	padding: 0px 0px 0px 45px !important;
	list-style:none;
	background:url(../images/ico_onepoint.png) no-repeat;
	min-height: 37px;
}
ul.pointArea li {
	margin: 0px;
	padding: 6px 0px 0px 25px;
	background:url(../images/ico_check.gif) no-repeat 0 7px;
}

/* GrayArea */
ul.GrayArea {
	margin: 15px 0px 0px 0px;
	padding: 20px 25px;
	list-style:none;
	background:#F0F0F0;
	border:#999999 1px solid;
	clear:both;
}
ul.GrayArea li.txt {
	width:315px;
	float:left;
}
ul.GrayArea li.img {
	width:330px;
	/*text-align:center;*/
	float:right;
}

/* SeenArea */
ul.SeenArea {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style:none;
}
ul.SeenArea li.left {
	width:340px;
	float:left;
	border-right:#999 2px dotted;
	padding-right:19px;
}
ul.SeenArea li.left div.select {
	margin-top:20px;
}
ul.SeenArea li.right {
	width:340px;
	float:right;
}
ul.SeenArea div.img {
	text-align:center;
}


/* disc */
ul.disc {
	margin: 0px;
	padding: 0pxpx;
	list-style:none;
}
ul.disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background:url(../images/ico_disc.png) no-repeat 0 6px;
}

/*===========================================
	txtlink
=============================================*/
p.txtlink, li.txtlink {
	margin:5px 0px 3px 0px;
	padding: 0 0 0 10px;
	background:url(/support/share/images/arrow_black.png) no-repeat left 0.4em;
	font-weight:bold;
}

.txt10 {
    font-size: 90%;
}
.txt15 {
    font-size: 123.1%;
}
.txt18 {
    font-size: 150%;
}



/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/* infoBox01 */
.infoBox01 {
	padding:15px 20px 10px 15px;
	width: auto;
	margin-bottom: 40px;
	overflow: hidden;
}
.infoBox01 dl {
	margin-bottom: 20px;
	border-bottom: dotted #CCC 1px;
}
.infoBox01 dt{
	float: left;
	width: 25%;
	margin-right: 20px;
}
.infoBox01 dt .showPC img {
	padding-bottom: 10px !important;
}
.infoBox01 dt .showSP {
	display: none;
}
.infoBox01 dd{
	float: left;
	vertical-align: top;
	width: 68%;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px !important;
	margin-left: 0 !important;
}
.infoBox01 dd a{
	background: url(/support/share/images/arrow_black.gif) 2px 4px no-repeat;
	padding: 0 0 0 1em;
	margin-bottom:3px;
	display: block;
	height: 100%;
}
.infoBox01 dd span{
	padding-left: 0 !important;
	display:block;
}
.infoBox01 dd.sp_l100{
	margin-bottom: 10px;
}


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}

/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}

/*===========================================
	pagetopBox
=============================================*/
.pagetopBox{
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:right;
	clear:both;
}

div.pointArea .f-left { float: left; }
div.pointArea .f-right {float: right; }
div.pointArea .w-320 { width: 320px; }


@media (max-width: 640px){
	.main {
		text-align:center;
		margin:0px;
	}
	.main img {
		max-width:100%;
		height:auto;
	}
	ul.btnArea {
		margin:5px 0px 0px 0px;
		list-style:none;
	}
	ul.btnArea li {
		height:35px;
		margin:0px 15px 0px 0px;
		float:left;
		text-align: left;
	}
	h5.s-title {
		margin-top:30px;
	}


	.pc-none {
		display:block;
	}
	.mq-none {
		display:none;
	}
		
	/*===========================================
		pregArea_01
	=============================================*/
	div.pregArea_01 {
		width: auto;
	}
	div.pregArea_01 div.pregBox {
		width: auto;
	}

	/* miniBox */
	ul.miniBox li.txt {
		width: auto;
		float: none;
	}
	ul.miniBox li.img {
		width: 90%;
		max-width:100%;
		float: none;
		/*margin-top:10px;*/
		margin: 10px auto 0 !important;
		display: block;
	}
	ul.miniBox li.img img {
		width: auto;
		max-width:100%;
		height:auto;
	}

	/* GrayArea */
	ul.GrayArea li.txt {
		width: auto;
		float: none;
	}
	ul.GrayArea li.img {
		width: auto;
		float: none;
		margin-top:10px;
	}
	ul.GrayArea li.img img {
		max-width:100%;
		height:auto;
	}

	/* SeenArea */
	ul.SeenArea li.left {
		width: auto;
		float: none;
		border-right: none;
		padding-right:0px;
	}
	ul.SeenArea li.left div.select,
	ul.SeenArea li.right {
		width: auto;
		float: none;
		margin-top:20px;
		border-top:#999 2px dotted;
		padding-top:20px;
	}

	ul.SeenArea div.img {
		text-align:center;
	}

	ul.SeenArea div.img img{
		max-width:100%;
		height:auto;
	}

	div.area_scene_01{
		margin-top:10px;	
	}

	div.scene_01 {
		float:none;
	}

	div.scene_02 {
		margin-left:0;
	}
	
	.scene_01 img {
		max-width:98%;
		width:auto;
		height:auto;
	}
	
	
	/* infoBox01 */
	.infoBox01 {
	padding:15px 0px 0px 0px;
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
	}
	.infoBox01 dl {
	padding-bottom: 12px;
	margin-bottom: 12px;
	}	
	.infoBox01 dt{
		width: 50px;
		margin-left: 5px;
	}
	.infoBox01 dt img{
		width: 66px;
	}
	.infoBox01 dd{
		display: block;
		margin-top: 0px;
		width: 80%;
	}
	.infoBox01 dd span{
		display: none;
	}
	.infoBox01 dt .showPC {
		display: none;
	}
	.infoBox01 dt .showSP {
		display: inline-block;
	}
	.infoBox01 dt .showPC img {
		padding-bottom: 0px !important;
	}
	.colum2-right760 .title_gray {
		height: auto !important;
		padding:5px !important;
		background-image:none !important;
		background-color:#787878 !important;
		color:#FFF !important;
		margin-bottom: 16px !important;
	}
	
	
	div.pointArea .f-left,
	div.pointArea .f-right {
		float: none;
	}
	div.pointArea .w-320 {
		width: auto;
		max-width: 100%;
	}
}