@charset "Shift_JIS";

/*=========================================================


	Site Name   Handycam info
	File Name   page.css

	Create Date 2010/09/15


==========================================================*/

div#info div.titleBox {
	margin: 0px 80px 30px 80px;
}

div#info div.titleBox h2 {
	margin: 30px 0px;
	text-align: center;
	font-size: 140%;
}

div#info div.titleBox p.copyright {
	margin: 30px 0px;
	text-align: right;
	line-height: 1.3;
}

div#info div.txtBox {
	margin: 0px 80px 0px 80px;
}

div#info div.txtBox p {
	margin: 0px 0px 15px;
}

div#info div.txtBox h3 {
	margin: 40px 0px 0px 0px;
	font-size: 140%;
	text-align: center;
	font-weight:normal;
	margin-bottom:20px;
}

div#info div.txtBox table.infoBox {
	margin: 0px 20px 0px 20px;
}

div#info div.txtBox table.infoBox th {
	width:120px;
	margin: 0px 0px 10px;
	font-size: 116%;
	font-weight: bold;
	vertical-align:top;
}

div#info div.txtBox table.infoBox td {
	width:600px;
}

div#info div.txtBox table.infoBox td ul {
	margin: 0px 0px 0px 20px;
}

div#info div.txtBox table.infoBox td ul li {
	margin: 0px 0px 10px 0px;
	list-style-type: none;
}

div#info div.txtBox table.infoBox2 {
	width:750px;
	margin: 0px 20px 50px 20px;
}

div#info div.txtBox table.infoBox2 th {
	margin: 0px 0px 10px;
	padding-bottom:15px;
	font-size: 116%;
	font-weight: bold;
	vertical-align:top;
}

div#info div.txtBox table.infoBox2 tr {
	vertical-align:top;
}

div#info div.txtBox table.infoBox2 tr.photo td {
	padding:30px 0 60px 0;
}

div#info div.txtBox table.infoBox2 td {
	width:220px;
	padding-right:30px;
}

div#info div.txtBox table.infoBox2 td strong {
	font-size:150%;
}

div#info div.txtBox table.infoBox2 td.line {
	width:750px;
	padding:5px 0;
	border:1px solid #dbdbdb;
	text-align:center;
	font-size:120%;
}

div#info div.txtBox table.infoBox2 td.line strong {
	font-size:100%;
}

div#info div.photo {
	text-align:center;
	padding:0px 0 20px 0;
}

div#info div.photo img {
	margin:20px 20px;
}

div#info table.photo2 {
	width:682px;
	margin:20px 0 0 40px;
}

div#info table.photo2 tr {
	vertical-align:top;
}

div#info table.photo2 th,
div#info table.photo2 td {
	padding:0 20px 10px 20px;
}




/*----20090721----*/
div#info table td.righttxt {
	padding-left:30px;
	vertical-align:middle;
}

div#info div.photo2 {
	text-align:center;
}

div#info div.photo2 img {
	vertical-align:top;
	margin:40px 40px;
}
/* info20091106 */
div.info20091106 {
	margin:0 auto;
	padding-top:10px;
	width:700px;
}
div.info20091106 h3 {
	margin-bottom:20px;
	font-size:105%;
}

div.info20091106 table.product {
	border: 1px solid #ccc;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
}

div.info20091106 table.product td.name{
	background: #f3f3f3;
	font-size: 12px;
	padding: 5px 10px;
	color: #000;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

div.info20091106 table.product td.pht{
	background: #fff;
	text-align: center;
	padding: 0;
	border-right: 1px solid #ccc;
}

div.info20091106 table.product td.txt{
	background: #fff;
	text-align: center;
	padding: 5px 0;
	border-right: 1px solid #ccc;
}


/* --------------------------------------------------
 20111215 add
-------------------------------------------------- */
/* info page settings
------------------------ */
.dlpage {
	margin: 0 80px 30px;
	text-align: center;
}
.contactArea {
	margin: 0 80px;
}
.contactInfo {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #666;
}
.contactInfo h4 {
	margin-bottom: 20px;
	font-size: 146.5%;
}
.contactInfo .phoneNum {
	font-size: 146.5%;
}
.contactInfo .openingHour {
	margin-top: 20px;
	font-size: 131%;
}


/* download page
------------------------ */
/* basic settings */
#processContents {
	padding: 0 80px;
}
#processContents .processSection {
	margin-bottom: 30px;
}
#processContents .inner {
	padding: 0 10px;
}
#processContents .inSection {
	margin-bottom: 30px;
}
#processContents h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 140%;
}
#processContents h3 {
	margin-bottom: 20px;
	padding: 5px 10px;
	background: #F1AD0A;
	font-size: 110%;
}
#processContents h4 {
	margin-bottom: 20px;
	padding: 5px 10px;
	background: #E0E0E0;
}
#processContents h5 {
	margin-bottom: 5px;
}
#processContents p {
	margin-bottom: 20px;
}

/* multi column */
.doubleColumn {}
.doubleColumn .box1 {float: left;}
.doubleColumn .box2 {float: right;}

.grid1 .box1 {width: 580px;}
.grid1 .box2 {width: 160px;}
.grid2 .box1 {width: 353px;}
.grid2 .box2 {width: 370px;}
.grid3 .box1,
.grid3 .box2 {width: 353px;}

/* list style */
ul.listDisc {
	padding-left: 20px;
}
ul.listDisc li {
	list-style-type: disc;
}
ul.listNone li {
	list-style-type: none;
}
#processContents ol {
	padding-left: 20px;
}
#processContents ol li {
	margin-bottom: 10px;
	list-style-type: decimal;
}
#processContents ol li p {
	margin-bottom: 10px;
}
#processContents ol li ul.listDisc li {
	margin-bottom: 0;
	list-style-type: disc;
}
#processContents ol li ul.listNone li {
	margin-bottom: 0;
	list-style-type: none;
}

/* notice */
.notice {
	padding-left: 25px;
	background: url(/handycam/info2/images/dl_icon02.gif) no-repeat left top;
	color: #D10000;
}

/* notice column */
.noticeColumn {
	padding: 10px;
	border: 1px solid #FF9933;
	background: #FDFEDE;
	color: #D10000;
}

/* license agreement */
.licenseAgreement {
	width: 500px;
	margin: 0 auto;
	padding-bottom: 10px;
	background: url(/handycam/info2/images/c_bg_bottom.gif) no-repeat center bottom;
}
.licenseContentsWrap {
	padding-top: 10px;
	background: url(/handycam/info2/images/c_bg_top.gif) no-repeat center top;
}
.licenseContents {
	padding: 0 49px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #f8f8f8;
}
.licenseTextarea {
	height: 200px;
	margin-bottom: 10px;
	padding: 3px;
	border: 1px solid #ccc;
	overflow: scroll;
}
#processContents .licenseAgreement h4 {
	padding: 0;
	background: none;
	text-align: center;
}
#processContents .licenseAgreement p {
	margin-bottom: 10px;
}
#processContents .licenseAgreement dt {
	font-weight: bold;
}
#processContents .licenseAgreement dd {
	margin-bottom: 10px;
}
#processContents .licenseAgreement ol li {
	margin-bottom: 5px;
}
.agreeBtn {
	text-align: center;
}
.agreeBtn li {
	display: inline;
	padding: 0 5px;
}

/* download upgrade file and instruction manual */
.dlFile,
.dlMan {
	width: 500px;
	margin: 0 auto 30px;
	padding: 15px;
}
.dlFile {
	background: #eee;
}
.dlMan {
	background: #ffddbb;
}
.dlFile dt,
.dlMan dt {
	font-weight: bold;
}

/* common module */
#processContents .imageCenter {
	margin-top: 30px;
	margin-bottom: 0;
	text-align: center;
}
.mb0 {margin-bottom: 0 ! important;}
.mb5 {margin-bottom: 5px ! important;}
.mb10 {margin-bottom: 10px ! important;}
.mb15 {margin-bottom: 15px ! important;}
.mb20 {margin-bottom: 20px ! important;}
.mb25 {margin-bottom: 25px ! important;}
.mb30 {margin-bottom: 30px ! important;}

/* clearfix */
.doubleColumn {
	zoom: 1;
}
.doubleColumn:after {
	content: "";
	display: block;
	clear: both;
}