@charset "shift_jis";

.sectionH1 {
	background-image:url(none);
}
.sectionH1 #mainContent #mainVisual {
	background:url(../image/index/bg_top.jpg) no-repeat center top;
	height:156px;
}
.sectionH1 #mainContent .mBttom {
	margin-bottom: 0;
}

.sectionH1 h1 {
	width:475px;
}
.sectionH1 #mainContent #mainVisual img{
	vertical-align:bottom;
}
.sectionH1 #mainContent #mainVisual p.tx01 {
	padding:23px 0 0 19px;
	margin:0;
}
.sectionH1 #mainContent #mainVisual p.tx02 {
	padding:0px 0 0 19px;
	margin:0;
}

.sectionH1 #mainContent #mainVisual h1.tx03 {
	padding:29px 0 0 19px;
	margin:0;
}

.sectionH1 #mainContent #mainVisual h1.tx04 {
	padding:10px 0 0 19px;
	margin:0;
}
.sectionH1 #mainContent p.tx05 {
	margin: 0 auto 15px 33px;
	padding: 0;
}

.sectionH1 #mainContent .sectionH2 {
	position:relative;
}
.sectionH1 #mainContent .sectionH2 ul.icons {
	position:absolute;
	top:41px;
	right:0;
	height:18px;
}
.sectionH1 #mainContent .sectionH2 ul.icons li {
	float:right;
}
.sectionH1 #mainContent .sectionH2 ul.icons li img{
	margin-left:3px;
}
.sectionH1 #mainContent .sectionH2 .textArea {
	width: 220px;
	float:right;
	padding:18px 0 0 0;
}
.sectionH1 #mainContent .sectionH2 .textMid{
	padding-top:0;
}
.sectionH1 #mainContent .sectionH2 .textMid p{
	margin:0 0 8px 0;
}
.style1 {
	color: #CC0000;
	font-size:70%;
}
.style2 {
	color: #006ABB;
	font-weight: bold;
	font-size: 75%;
	background:#EDF4FA;
	border:1px solid #B0D0EA;
	padding:10px;
}
.sectionH1 #mainContent .sectionH2 .imgArea2 {
	clear:both;
	padding-top:10px;
}
.sectionH1 #mainContent .sectionH2 .imgArea2 p{
	float:right;
	padding:0;
	margin:0;
}
.sectionH1 #mainContent .sectionH2 .imgArea2 p.first-child{
	float:left;
}

.sectionH1 #mainContent .sectionH2 p.description{
	padding-top:25px;
}

.sectionH1 #mainContent .sectionH2 p.description span{
	font-size: 75%;
}

.sectionH1 #mainContent .sectionH2 .sp5 {
	background:#F2F2F2 url(../image/index/bg_5-m.jpg) repeat-y center;
	padding:0 10px;
	margin-top:1em;
}

.sectionH1 #mainContent .sectionH2 .sp5 dt {
	padding-top:10px;
	background:#F2F2F2;
}
.sectionH1 #mainContent .sectionH2 .sp5 dd{
	background:url(../image/index/bg_5-b.jpg) no-repeat left bottom;
	padding:5px 7px 17px 7px;
}
.sectionH1 #mainContent .sectionH2 .sp5 dd p{
	margin:0 0 7px 0;
}

.sectionH1 #mainContent .sectionH2 .sp5 dd .function {
	float:left;
	margin:0;
	padding-right:10px;
}
.sectionH1 #mainContent .sectionH2 .sp5 dd .function img {
	margin-bottom:5px;
}
.sectionH1 #mainContent .sectionH2 .sp5 dd .more {
	background:url(../image/index/ic_arr.jpg) no-repeat left center;
	padding-left:16px;
	margin-left:79px;
	letter-spacing:-1px;
}


.sectionH1 #mainContent .sectionH2 .sp5 #tokuchou5-1 .body {
	background:url(../image/index/img_05-1-4.jpg) no-repeat right top;
	padding-right:90px;
}
.sectionH1 #mainContent .sectionH2 .sp5 #tokuchou5-2 .body {
	background: url(../image/index/img_05-2-3.jpg) no-repeat right top;
	padding-right:90px;
	padding-bottom:5px;
}
.sectionH1 #mainContent .sectionH2 .others {
	padding:39px 9px 10px 9px;
}
.sectionH1 #mainContent .sectionH2 .others dl {
	height: 180px;
	width: 251px;
}
.sectionH1 #mainContent .sectionH2 .others dl dt {
	margin-bottom:1em;
}
.sectionH1 #mainContent .sectionH2 .others dl p{
	margin:0;
}
.sectionH1 #mainContent .sectionH2 .others dl.left{
	float:left;
	clear:left;
}
.sectionH1 #mainContent .sectionH2 .others dl.right{
	float:right;
	clear:right;
}

.sectionH1 #mainContent .line_slash{
	background:url(../../image/index/bg_line.gif) repeat;
	padding:4px;
	margin:0 auto;
}
.sectionH1 #mainContent .line_slash ul{
	background:#FFF;
	padding:11px 3px 11px 12px;
	overflow:hidden;
	height:120px;
}
.sectionH1 #mainContent .line_slash ul.specs {
	height:30px;
}
.sectionH1 #mainContent .navigation li {
	background:url(../image/index/ic_arr2.jpg) no-repeat left 5px;
	float: left;
	padding:0 8px 0 10px;
	height:3.2em;
	font-size:70%;
	width:235px;
}
.sectionH1 #mainContent .line_slash ul.specs li.sp02,
.sectionH1 #mainContent .line_slash ul.specs li.sp03{
	width:auto;
	padding-right:15px;
}
.sectionH1 #mainContent .line_slash ul.specs li.sp01{
	width:auto;
	padding-right:15px;
}

*:first-child+html .sectionH1 #mainContent .line_slash ul.specs {
	height:50px;
}
* html .sectionH1 #mainContent .line_slash ul.specs {
	height:50px;
}
.sectionH1 #mainContent .sectionH2 .data1 {
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
}

.sectionH1 #mainContent .sectionH2 .data1 td,
.sectionH1 #mainContent .sectionH2 .data1 th {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:7px 9px;
	vertical-align: middle;
}
.sectionH1 #mainContent .sectionH2 .data1 th {
	font-weight:bold;
}
.sectionH1 #mainContent .sectionH2 .data1 th span.nomal_txt {
	font-weight: normal;
}
.sectionH1 #mainContent .sectionH2 .spec .sub,
.sectionH1 #mainContent .sectionH2 .data1 th .sub {
	font-weight:normal;
	font-size:75%;
	margin:0;
	padding:0;
	line-height:1.2;
}
.sectionH1 #mainContent .sectionH2 .data1 th.red {
	background-color:#DA4359;
	color:#FFF;
}
.sectionH1 #mainContent .sectionH2 .data1 th.green {
	background-color:#2E8089;
	color:#FFF;
}
.sectionH1 #mainContent .sectionH2 .data1 td.red {
	background-color:#FCF1F2;
}
.sectionH1 #mainContent .sectionH2 .data1 td.green {
	background-color:#EEF9F9;
}
.sectionH1 #mainContent .sectionH2 table.fast,
.sectionH1 #mainContent .sectionH2 .spec {
	border:none;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
}
.sectionH1 #mainContent .sectionH2 table.fast td,
.sectionH1 #mainContent .sectionH2 table.fast th,
.sectionH1 #mainContent .sectionH2 table.spec td,
.sectionH1 #mainContent .sectionH2 table.spec th {
	border-bottom:none;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:6px 9px;
}
.sectionH1 #mainContent .sectionH2 table.spec th {
	width:140px;
	font-weight:bold;
}
.sectionH1 #mainContent .sectionH2 table.fast{
	margin:10px 0 0;
	width:545px;
}

.sectionH1 #mainContent .sectionH2 table.fast th{
	font-weight:bold;
	background-color:#DFE7F7;
	text-align:center;
	padding:6px 9px;
}
.sectionH1 #mainContent .sectionH2 table.fast th.mode{
	background-color:#DFE7F7;
	vertical-align:middle;
}

.sectionH1 #mainContent .sectionH2 table.fast th.mode span{
	font-size:70%;
}
.sectionH1 #mainContent .sectionH2 table.fast td{
	text-align:center;
	vertical-align: middle;
	padding:6px 9px;
}
.sectionH1 #mainContent .notes{
	text-align:left;
	color:#CC0000;
	font-size:85%;
}


.sectionH1 #contentSub .cw_bnr {
	position:relative;
	margin-bottom:10px;
}
.sectionH1 #contentSub .cw_bnr .campaign{
	position:absolute;
	top:172px;
	width:0;
	left: 5px;
}
.sectionH1 #contentSub #useExampleNavi .userReportNavi .indent {
	background:url(../../image/ic_arrS.gif) no-repeat 5px 10px;
	padding-left:16px;
	font-size:68.8%;
}
.sectionH1 #contentSub #useExampleNavi .userReportNavi .indent span.new{
	margin-left: 3px;
	font-weight: bold;
	color: #FF3300;
}
.sectionH1 #contentSub #useExampleNavi #caminacssPracticalNavi .indent {
	background:url(../../image/ic_arrS.gif) no-repeat 5px 10px;
	padding-left:16px;
	font-size:68.8%;
}
.sectionH1 #mainContent .img-note {
	margin-top: 20px;
	border-top: 1px dotted #CCCCCC;
}
.sectionH1 #mainContent .img-note p {
	margin-top:20px;
	background:#E6E6E6;
	color:#CC0000;
	border:1px solid #ccc;
	padding:10px;
	font-size:68%;
}

.sectionH1 #mainContent .sectionH2 .sectionH3 dd#pad p {
	text-align: left;
	line-height: 1.4;
	margin-bottom: 10px;
}
.sectionH1 #mainContent .sectionH2 .sectionH3 dd#pad ul {
	margin: 0 0 10px 15px;
	padding: 0;
}
.sectionH1 #mainContent .sectionH2 .sectionH3 dd#pad ul li {
	margin-left: 5px;
}
.sectionH1 #mainContent .sectionH2 .sectionH3 dd#pad ul li img {
	margin: 0 0 10px 0;
	padding: 0;
}