@charset "shift_jis";

/* CSS Document */


#pageHeader #headerTitle h1 img.titleThumbImg { width:auto; }

div#trademark p {
	text-align:right !important;
	margin:10px 0;
}

.colum2-right760 .section #thumb.img320px li .innerTitle { font-size:16px; }

.colum2-right760 .section #thumb.img320px li {
	list-style:none;
	width:370px;
	float:left;
	margin-right:20px;
	_margin-right:15px;
}

.colum2-right760 .section #thumb.img320px li.last,
.colum2-right760 .section #thumb.img320px li.last_mb30 { margin-right:0px; }

.colum2-right760 .section #thumb.img320px { margin-bottom:40px; }

.colum2-right760 .section #thumb.img320px li img {
	width: 100%;
	width : 320px\9; /* IE8 and below */
 *width : 320px; /* IE7 and below */
	_width : 320px; /* IE6 */
	max-width: 320px;
}

/*20121011add*/
.colum3-right760 .section #thumb.img320px li .innerTitle { font-size:16px; }

.colum3-right760 .section #thumb.img320px li {
	list-style:none;
	width:370px;
	float:left;
	margin-right:20px;
	_margin-right:15px;
}

.colum3-right760 .section #thumb.img320px li.last,
.colum3-right760 .section #thumb.img320px li.last_mb30 { margin-right:0px; }

.colum3-right760 .section #thumb.img320px { margin-bottom:20px; }

.colum3-right760 .section #thumb.img320px li img {
	width: 100%;
	width : 320px\9; /* IE8 and below */
 *width : 320px; /* IE7 and below */
	_width : 320px; /* IE6 */
	max-width: 320px;
}

/*20121011add end*/

div.attention {
	width: 80%;
	margin: 0 auto;
	border:2px solid #EB8585;
	background-color:#FEEDDE;
	padding:0.8em 10px;
	text-align:center;
}

/*20130117add*/
div.attention2 {
	margin: 0 auto;
	background-color:#FEEDDE;
	padding:0.8em 10px;
	text-align:left;
}
/*20130117add end*/

#inquiry_cut_howtoArea {
	margin:10px 0 20px;
	padding:20px;
	border:1px solid #ccc;
}

#inquiry_cut_howtoArea div { float: left; }

#inquiry_cut_howtoArea div:first-of-type img:first-of-type,
#inquiry_cut_howtoArea div:last-of-type img:first-of-type { margin-bottom:10px; }

#inquiry_cut_howtoArea img { display:block; }

.img_inquiry_arrow { padding: 0 15px 0 8px; }

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

.telNumber {
	font-size:18px;
	font-weight:bold;
}

/* =============================================== */
/** 2012/10/23  アプリダウンロードの項目下にテキスト追加 */ 
/* ----------------------------------------------- */

#pageMainContent .section .app_dl_link dl  dd.notes {
	margin-left: 10px;
}

#pageMainContent .section #app_dl_link_text { 
	clear:both;
	padding:20px 0;
}

#pageMainContent .section #app_dl_link_text p {
	float:none;
	width:560px;

}


/* =============================================== */
/** 2013/07/02  画像転送・スマートリモコン対応機種表上のテキストにボーダー追加 */ 
/* ----------------------------------------------- */
div.download_playmemoriesmobile{
	border:solid 1px #cccccc;
	margin-top:1em;
	padding-bottom:10px;
}

/* =============================================== */
/** 2013/07/03  アプリダウンロードの項目上にテキスト追加 */ 
/* ----------------------------------------------- */
#pageMainContent .section .app_dl_link_header{
	padding-right:3%;
	margin-top:-20px;
	margin-bottom:20px;	
}

 @media (max-width: 640px) {

h2#subTitle { display:none !important; }

#pageHeader #headerTitle table td:first-of-type {
	width:30%;
	max-width:60px;
}

#pageHeader #headerTitle h1 img.titleThumbImg {
	height:auto;
	width:100%;
}

#pageHeader #headerTitle .titleText { }

#pageMainContent div.main img {
	width:100%;
	max-width:560px;
}

/*共通 20121011 add*/
.colum2-right760 .section #thumb.img320px { margin-bottom:0px; }

.colum2-right760 .section #thumb.img320px > li {
	width: 100% !important;
	margin:0 0 30px 0;
}

.colum2-right760 .section #thumb.colum3 li.last { margin-bottom:0px !important; }

/* 「PlayMemories Online」ダウンロードエリア */


#pageMainContent .section .app_dl_link.PC { display:none; }

#pageMainContent .section .app_dl_link.SP { display:block; }

#pageMainContent .section .app_dl_link {
	font-size:13px;
	margin-top:-5px;
}

#pageMainContent .section .app_dl_link dl { 
	margin-bottom:20px;
	width:auto;
}

#pageMainContent .section .app_dl_link dl dt { margin-bottom:0.5em; }

#pageMainContent .section .app_dl_link dl dd { margin-left:10px; }

#pageMainContent .section .app_dl_link dl dd:not(:nth-of-type(1)) a {
 margin-right:3px;
}

#pageMainContent .section .app_dl_link.SP dt img { margin-left:5px; }

/* バナーを縦配列 */
.bnr_twin li { width:auto !important; }

.bnr_twin li:first-child { margin-bottom:20px; }

.bnr_twin li.bnr_twin01,
.bnr_twin li.bnr_twin02 { float:none !important; }

/* 登録商標の一文 */
div#trademark p {
	text-align:center !important;
	margin:10px 0;
}

div#trademark img {
	width:98%;
	max-width:391px;
}

div.attention { width: 90%; }

/* 20130117add */
div.attention2 { width: 96%; }
/* 20130117end */

#inquiry_cut_howtoArea {
	margin:10px 0 20px;
	padding:10px;
}

#inquiry_cut_howtoArea div {
	width:100%;
	margin:0 auto;
	text-align:center;
	display:block;
}

#inquiry_cut_howtoArea div img { }

#inquiry_cut_howtoArea div:nth-of-type(1) img:last-of-type {
	width:100%;
	max-width: 119px;
	margin:0 auto;
}

#inquiry_cut_howtoArea div:nth-of-type(3) img:last-of-type {
	width:100%;
	max-width: 343px;
	margin:0 auto;
}

#inquiry_cut_howtoArea div:nth-of-type(5) img:last-of-type {
	width:100%;
	max-width: 119px;
	margin:0 auto;
}

#inquiry_cut_howtoArea div:nth-of-type(3) { margin:40px 0 55px 0; }

#inquiry_cut_howtoArea div:first-of-type img:first-of-type,
#inquiry_cut_howtoArea div:last-of-type img:first-of-type { margin-bottom:0; }

.img_inquiry_arrow { display:none !important; }

/* =============================================== */
/** 2012/10/23  アプリダウンロードの項目下にテキスト追加 */ 
/* ----------------------------------------------- */


#pageMainContent .section .app_dl_link dl dt.notes {
	margin-bottom: 0;
}

#pageMainContent .section .app_dl_link dl dd.notes {
	margin: 0;
}


#pageMainContent .section #app_dl_link_text p {
	float:none;
	padding: 0;
	width:auto;
}

/* =============================================== */
/** 2013/07/02  画像転送・スマートリモコン対応機種表上のテキストにボーダー追加 */ 
/* ----------------------------------------------- */
div.download_playmemoriesmobile{
	border:solid 1px #cccccc;
	padding-bottom:10px;
}

/* =============================================== */
/** 2013/07/02  アプリダウンロードの項目上にテキスト追加 */ 
/* ----------------------------------------------- */
#pageMainContent .section .app_dl_link_header{
	margin-top:-20px;
	margin-bottom:20px;	
}



}

/* =============================================== */
/** 2013/5/14  アクションカムに追加 */ 
/* ----------------------------------------------- */

    
    dl.action-c dt {  

        float: left;  
        clear: both;

    }  
    dl.action-c dd {  
        margin-bottom: 5px;
        padding: 0 0 0 70px;    
    }  

/* =============================================== */
/** 2013/7/03  サイバーショット、アクションカムに追加 */ 
/* ----------------------------------------------- */
 	dl.asterisk dt {  

        float: left;  
        clear: both;

    }  

    dl.asterisk dd {  
        padding: 0 0 0 40px;    
    }  
	
/* =============================================== */
/** 2013/7/03  上部ボックス内にインデント指定 */ 
/* ----------------------------------------------- */

.indent15{
		  padding-left:15px;
		  }
		  
/* =============================================== */
/** 2013/9/10  スマホ表示の際トップのメイン画像が消えてテキストが表示される指定 */ 
/* ----------------------------------------------- */


	#pageMainContent .section div.main p { 
		 display:none;
	 }


 @media (max-width: 640px) {
	#pageMainContent .section div.main img { 
		 display:none;
	 }
	 
	#pageMainContent .section div.main p { 
		display:inline;
	 }
 }
 
 /* 共通ナビ */
 .inc-linkbox01 h3 {
	background: transparent url(/support/share/images/side_subtitle_kyotsu.jpg) no-repeat scroll left bottom;
	text-indent: -9999px;
	color: #FFF;
	height: 29px;
}

.mod-content .showPC{
	display:block;
}
.mod-content .showSP{
	display:none;
}

#pageHeader #headerTitle table div {
	margin-left: 0;
}

#nav_softdownload {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0 20px;
	margin-left: auto;
	margin-top: 30px;
	margin-right: auto;
}
#nav_softdownload ul{
	list-style:none;
}
#nav_softdownload ul li.txt {
	float: left;
	width: 65%;
	padding: 0;
	margin: 0;
}
#nav_softdownload ul li.right {
	float: left;
	padding: 0;
	width: 30%;
	margin: 0;
	text-align:right;
}
#thumb table.tableA th {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #999999;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 0px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 5px;
	text-align: center;
}
#thumb table.tableA td {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 0px;
	padding: 10px 5px;
	text-align: center;
	font-size: 93%;
}
#thumb table.tableA ul{
	text-align:left;
	margin-left:14px;
	list-style:none;
}
#thumb table.tableA ul li{
	*margin:0px;
}
#thumb table.tableA ul.bnr_list{
	margin-left:25px;
}
#thumb table.tableA ul.bnr_list li{
	margin-bottom:5px;
	*margin:0px;
	*padding-bottom:5px;
	*padding-top:5px;
}
#thumb table.tableA .blank_gif{
	vertical-align:top;	
}
#thumb table.tableA td a:hover{
	text-decoration:none;
}


@media (max-width: 640px){
	.mod-content .showPC{
		display:none;
	}
	.mod-content .showSP{
		display:block;
	}
	#pageHeader #headerTitle table td:first-of-type {
		width: 30%;
		max-width: 60px;
		padding-right: 10px;
	}
	#pageHeader #headerTitle h1.title {
		width: 100%;
		padding: 0 0 2px 0;
	}
	#pageHeader #headerTitle img.titleThumb{
		height: auto;
		width: 100%;
	}
	#pageHeader #headerTitle table td:first-of-type {
	    width: 100px;
	}
	.inc-linkbox01 h3, 
	#pcommon-menu h2.inc-prodctname {
		background: transparent url(/support/share/images/leftnav_header.gif) repeat-x left bottom;
		height: auto;
		text-indent: 0;
		padding: 5px;
		font-size: 100%;
		font-weight: bold;
	}
	.inc-linkbox01 ul{
		background:none;
		border: 1px solid #cacaca;
	}
	.photomenu.menulist{
		background:none;
	}
	.photomenu.menulist li{
		background:none;
	}
	#tmp-localnavigation h2 {
		background: none;
		height:auto;
		background: -moz-linear-gradient(top, #000, #333);
		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	}
	#nav_softdownload {
		width: auto;
		overflow: hidden;
		padding: 0 5px;;
		margin: 10px 0;
	}
	#nav_softdownload ul li.txt {
		float: none;
		width: 100%;
	}
	#nav_softdownload ul li.right {
		float: none;
		width: 100%;
		text-align:center;
		margin: 0;
	}
	#thumb table.tableA{
		margin-left:0;
		width: 100%;
		margin: auto;
	}
	#thumb table.tableA ul{
		margin-left:0px;
	}
	#thumb table.tableA ul.bnr_list{
		margin-left:0px;
	}
	#thumb table.tableA ul.bnr_list li{
		text-align:center;
	}
	#thumb table.tableA .bnr{
		width:96%;
		height:auto;
	}
	#thumb table.tableA .blank_gif{
		width:7%;
		height:auto;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#thumb table.tableA td {
			word-break: break-all;
		}
	}
	span.arrow{
		color: #333;
		font-size: 12px;
		line-height: 1.4;
		display: inline-block;
		padding: 5px 18px 5px 26px;
		margin-top: 15px;
		text-align:left;
		border: 1px solid #bcbcbc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: url(/support/share/images/bg_btnA.png) no-repeat 0 52%;
		background-size:auto 100%;
		cursor: pointer;
		-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;
	}

	#thumb table.tableA td a:hover{
		color: #333;
		text-decoration:none;
		opacity:0.5;
	}

	span.arrow:hover{
		color: #333;
		text-decoration:none;
		opacity:0.5;
	}
	
	span.updateInfo{
		padding:10px 20px;
	}

}