*:first-child+html body {font-size/**/: 100%;}/* IE7 */

/* sectionH1 */
.sectionH1 {
	margin-bottom: 0;
	width: 950px;
}
.sectionH1 div.toPageTop {
	padding-bottom: 10px;
}


/* 2カラムタイプのレイアウト */
.sectionH1 #menu{
	width:160px;
	float:left;
}

.sectionH1 #mainContent{
	width:545px;
	margin-top: -10px;
	float:right;
}

p.sirabe {
	text-align:right;
	font-size:80%;
	color:#666666;
}

/* メニュースタイル */
.sectionH1 #menu img {
	vertical-align: bottom;
}
.sectionH1 #menu h2 {
	margin: 0;
	padding: 0;
}
.sectionH1 #menu ul {
	padding: 0 0 5px;
	background: url(../image/menuBg.gif) no-repeat left bottom;
}
.sectionH1 #menu ul li {
	margin: 0;
	padding: 0;
	font-size: 75%;
	_font-size: 80%;
	list-style-type: none;
}
*:first-child+html .sectionH1 #menu ul li {font-size/**/: 80%;}/* IE7 */

.sectionH1 #menu ul li ul {
	padding: 0;
	background: none;
}
.sectionH1 #menu ul li.howto ul {
	padding: 0 5px;
	background: none;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}
.sectionH1 #menu ul li.howto ul li {
	padding: 0 0 10px;
	font-size: 85%;
}
.sectionH1 #menu ul li.howto ul li .imgs {
	float: left;
	margin: 0 5px 0 0;
}
.sectionH1 #menu ul.banner {
	margin: 20px 0 0;
	padding: 0;
	background: none;
}
.sectionH1 #menu ul.banner li {
	margin: 0 auto;
	text-align: center;
}

/****全ファイル共通****/

/* sectionH2 */
.sectionH1 #mainContent .sectionH2{
	margin:20px 0 0;
	width:545px;
	clear:both;
}
.sectionH1 #mainContent .sectionH2 h2{
	padding:6px;
	font-weight:bold;
	font-size:95%;
}
.sectionH1 #mainContent.topPage .sectionH2 h2{
	margin:0;
	padding:0;
	background:none;
	border:none;
}
.sectionH1 #mainContent .sectionH2 p{
	margin:15px 0 0 0;
}
.sectionH1 #mainContent .sectionH2 .note{
	font-size:70%;
}
.sectionH1 #mainContent .sectionH2 .txt_red {
	color: #FF0000;
}

.sectionH1 #mainContent .sectionH2 .txt_orange {
	color: #FF3300;
}
.sectionH1 #mainContent .sectionH2 .txt_orange strong {
	font-size: 110%;
	font-weight: bold;
}

.sectionH1 #mainContent .sectionH2 table .note{
	font-size:87%;
}
.sectionH1 #mainContent .sectionH2 p.first-child{
	margin:0;
}
.sectionH1 #mainContent .sectionH2 .imgArea,
.sectionH1 #mainContent .sectionH2 .textArea{
	float:left;
	margin:10px 0 0 0;
}
.sectionH1 #mainContent .sectionH2 .imgArea{
	width:285px;
	margin-right:10px;
}
.sectionH1 #mainContent .sectionH2 .textArea{
	width:250px;
}
.sectionH1 #mainContent .sectionH2.spec .imgArea{
	width:225px;
	margin:0 10px 0 0;
}
.sectionH1 #mainContent .sectionH2.spec .textArea{
	width:310px;
	margin:0 0 20px;
}
.sectionH1 #mainContent .sectionH2.spec .area_space {
	padding: 0;

}
.sectionH1 #mainContent .sectionH2 ul,
.sectionH1 #mainContent .sectionH2 ol{
	padding:0 0 0 15px;
}
.sectionH1 #mainContent .sectionH2 table{
	border-collapse:collapse;
	border-spacing:0;
}
.sectionH1 #mainContent .sectionH2 table th,
.sectionH1 #mainContent .sectionH2 table td{
	vertical-align:top;
	text-align:left;
}
.sectionH1 #mainContent .sectionH2 table.spec{
	margin:10px 0 0;
	width:545px;
}
.sectionH1 #mainContent .sectionH2 table.spec th {
	vertical-align: middle;
}
.sectionH1 #mainContent .sectionH2 table.spec th,
.sectionH1 #mainContent .sectionH2 table.spec td{
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:10px;
}
.sectionH1 #mainContent .sectionH2 table.spec th{
	background:#f5f5f4;
	width:8em;
}
.sectionH1 #mainContent .sectionH2 .textArea table.spec{
	margin:0;
	width:310px;
}
.sectionH1 #mainContent .sectionH2 .textArea table.spec th{
	width:6em;
}
.sectionH1 #mainContent .sectionH2 .textArea table.spec th.auto_width{
	width:atuo;
}

.sectionH1 #mainContent .sectionH2 table.postcard {
	margin:10px 0 20px;
}
.sectionH1 #mainContent .sectionH2 table.postcard th {
	width: 128px;
	background-color: #e8e8e8;
}
.sectionH1 #mainContent .sectionH2 table.postcard .tlt {
	width: 98px;
	background-color: #f5f5f4;
}

.sectionH1 #mainContent .sectionH2 .howto ol {
	clear:both;
	padding: 0 0 0 100px;
}

.sectionH1 #mainContent .sectionH2 p.note{
	margin:5px 0 0 0;
	font-size:70%;
}
.sectionH1 #mainContent .sectionH2.faq .answer{
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:10px 0 2px;
	margin:15px 0 0;
}

.answer .sectionH3 img{
	margin:5px 0 5px 0;
}

.sectionH1 #mainContent .sectionH2.faq .answer strong{
	font-weight:bold;
}
.sectionH1 #mainContent.trial .sectionH2 .runoutArea{
	border:solid 1px #999999;
	padding:10px;
	display:inline-block;
}
.sectionH1 #mainContent.trial .sectionH2 .runoutArea img{
	float:left;
	margin:0 10px 0 0;
}

/* .new_bnr */
.sectionH1 #contentMain #new_bnr {
	clear: both;
	width: 540px;
	margin-top: -8px;
	margin-bottom: 5px;
}
.sectionH1 #contentMain #new_bnr ul li {
	float: left;
	width: 272px;
}
.sectionH1 #contentMain #new_bnr ul li.last {
	width: 268px;
}

.support_new img {
	margin-left: 5px;
	margin-bottom: 1.5px;
}

/* .cw_bnr */
.sectionH1 #contentSub .index_cw_bnr {
	position:relative;
	width: 160px;
	height: 225px;
	margin-left: 13px;
	margin-bottom:5px;
}
.sectionH1 #contentSub .index_cw_bnr .index_campaign{
	position:absolute;
	top:172px;
	width:0;
	left: 5px;
}

/* #error */
.sectionH1 #mainContent #error {
}
.sectionH1 #mainContent #error h2 {
	padding: 0;
	background:none;
	border: none;
	color: red;
}
.sectionH1 #mainContent #error .errorBtn {}

/* top h1用 */
div#titleArea h1 {
	color:#666666;
	font-size:80%;
}
/*-----------------------------------------------------------------------------------------------------------
-init
-----------------------------------------------------------------------------------------------------------*/
.sectionH1 hr{display:none;}
.sectionH1 li{list-style:none;}
.sectionH1 img{vertical-align:bottom;}
.sectionH1 a{
color:#0066cb;
}
.sectionH1 a:hover{
color:#000;
text-decoration:none;
}



/*-----------------------------------------------------------------------------------------------------------
-#contentHeader
-----------------------------------------------------------------------------------------------------------*/
.sectionH1 h1{
float:left;
width:473px;
}
.sectionH1 h1 #productName {
	float:left;
	margin-right: 11px;
}
.sectionH1 h1 #productCatch{
	float:left;
	margin-top: 8px;

}
.sectionH1 ul#productInquiry{
float:right;
margin-bottom:10px;
}
.sectionH1 ul#productInquiry li{
float:left;
margin-left:2px;
}
.sectionH1 ul#productMainNavi{
clear:both;
margin-bottom: 9px;
}
.sectionH1 ul#productMainNavi li {
	display: inline;
	line-height: 0;
}

/*-----------------------------------------------------------------------------------------------------------
-#contentMain
-----------------------------------------------------------------------------------------------------------*/
.sectionH1 #contentMain{
width:540px;
float:right;
}

/*-----------------------------------------------------------------------------------------------------------
-#contentSub
-----------------------------------------------------------------------------------------------------------*/
.sectionH1 #contentSub{
	position: relative;
	width:160px;
	margin-top: -10px;
	float:left;
}

.sectionH1 #contentSub h2{
}

/*-- useExampleNavi ---------------------*/
.sectionH1 #contentSub #useExampleNavi{
	background-color:#dfe6f6;
	margin-bottom:20px;
	border-bottom:1px solid #dfe6f6;
	width:160px;
}

.sectionH1 #contentSub .userReportNavi,
.sectionH1 #contentSub #optionNavi,
.sectionH1 #contentSub #caminacssPracticalNavi,
.sectionH1 #contentSub #camiMaster{
	background-color:#fff;
	margin:0 5px 5px 5px;
	width:150px;
}

.sectionH1 #contentSub .userReportNavi ul,
.sectionH1 #contentSub #optionNavi ul,
.sectionH1 #contentSub #caminacssPracticalNavi ul,
.sectionH1 #contentSub #camiMaster ul{
margin:0 5px 5px 5px;
padding-top:5px;
}

.sectionH1 #contentSub .userReportNavi ul li,
.sectionH1 #contentSub #optionNavi ul li,
.sectionH1 #contentSub #caminacssPracticalNavi ul li,
.sectionH1 #contentSub #camiMaster ul li{
border-bottom:dotted 1px #ccc;
background:transparent url(../image/arw_normal.gif) no-repeat 0 5px;
padding:5px 0;
padding-left:18px;
line-height:1.5;
font-size:75%;
}

.sectionH1 #contentSub .userReportNavi ul li.last,
.sectionH1 #contentSub #optionNavi ul li.last,
.sectionH1 #contentSub #caminacssPracticalNavi ul li.last,
.sectionH1 #contentSub #camiMaster ul li.last{
border-bottom:none;
}

.sectionH1 #contentSub .userReportNavi ul li.indent,
.sectionH1 #contentSub #optionNavi ul li.indent,
.sectionH1 #contentSub #caminacssPracticalNavi ul li.indent,
.sectionH1 #contentSub #camiMaster ul li.indent{
background:none;
padding-left:25px;
}

/*-- bnrList ---------------------*/
.sectionH1 ul.bnrList{
}

.sectionH1 #contentSub ul.bnrList li{
margin-bottom:10px;
}



.sectionH1 #sswrap {
	clear: both;
	width: 720px;
	margin: 40px auto;
	padding: 0 115px;
}
.STtopicPath {
	width: 950px !important;
}
.sectionH1 #mainContent .sectionH2 p.pic,
.sectionH1 #mainContent .sectionH2 dl.pic dt {
	margin: 10px auto;
	text-align: center;
}
.sectionH1 #mainContent .sectionH2 dl.pic dd {
	margin: 0;
	padding: 0;
}

.sectionH1 #mainContent .sectionH2 ul.codicil,
.sectionH1 #mainContent .sectionH2 ul.note_codicil {
	margin-bottom: 10px;
	padding: 0;	
}

.sectionH1 #mainContent .sectionH2 ul.note_codicil li {
	margin-left: 0.8em;
	margin-bottom: 5px;
	text-indent: -0.8em;
	font-size: 0.8em;
}
.sectionH1 #mainContent .sectionH2 ul.codicil li {
	margin-left: 2.8em;
	margin-bottom: 5px;
	text-indent: -2.8em;
	font-size: 0.8em;
}


.sectionH1 #mainContent .sectionH2 p.document {
	margin: 10px 0 10px 0;
	font-size: 0.9em;
	font-weight: bold;
}
.sectionH1 #mainContent .sectionH2 p.caption {
    margin-bottom: 5px;
    margin-top: 15px;
    padding-left: 15px;
    font-size: 90%;
    font-weight: bold;
	background: url(../caminacs/image/markerSquareBlue.gif) no-repeat scroll left 3px transparent;
}
.sectionH1 #mainContent #point7 {
	clear: both;
	margin-top: 40px;
}

.sectionH1 #mainContent #point7 p.link {
	padding-left: 15px;
	background: url(../caminacs_w/image/index/ic_arr.jpg) no-repeat scroll left 3px transparent;
}
.sectionH1 #mainContent #point7 .notes {
	margin-left: 2em;
	text-indent: -2em;
}

/*-----------------------------------------------------------------------------------------------------------
-toPageTop
-----------------------------------------------------------------------------------------------------------*/
.toPageTop{
clear:both;
}


/*-----------------------------------------------------------------------------------------------------------
-clearfix
-----------------------------------------------------------------------------------------------------------*/
/**
 *	clearfixをまとめて指定
 *
 *	Clear Floats Without Structural Markup
 *	http://www.positioniseverything.net/easyclearing.html
 *
*/
.clr:after,
.sectionH1 h1:after,
.sectionH1 ul#productInquiry:after,
.sectionH1 ul#productMainNavi:after {
content: ".";
font-size: 0.1em;
line-height: 0;
display: block; 
height: 0;
clear: both;
visibility: hidden;
}