@charset "utf-8";

/**********************************
  LOCAL NAVIGATION
**********************************/

#lnavi {
	background-image: url(../images/bg/bg-lnavi.gif);
}

#lnavi ul li.page01 span a { background-image: url(../images/lnavi/lnavi-01.gif); }

#lnavi.page01 ul li.page01 span a,
#lnavi.page01 ul li.page01 span a:hover {
	background-image: url(../images/lnavi/lnavi-01-on.gif);
}

#lnavi ul li.page01 span a:active,
#lnavi ul li.page01 span a:hover {
	background-image: url(../images/lnavi/lnavi-01-on.gif);
}

#lnavi ul li.page02 span a { background-image: url(../images/lnavi/lnavi-02.gif); }

#lnavi.page02 ul li.page02 span a,
#lnavi.page02 ul li.page02 span a:hover {
	background-image: url(../images/lnavi/lnavi-02-on.gif);
}

#lnavi ul li.page02 span a:active,
#lnavi ul li.page02 span a:hover {
	background-image: url(../images/lnavi/lnavi-02-on.gif);
}

#lnavi ul li.page05 span a { background-image: url(../images/lnavi/lnavi-05.gif); }

#lnavi.page05 ul li.page05 span a,
#lnavi.page05 ul li.page05 span a:hover {
	background-image: url(../images/lnavi/lnavi-05-on.gif);
	cursor : default;
}

#lnavi ul li.page05 span a:active,
#lnavi ul li.page05 span a:hover {
	background-image: url(../images/lnavi/lnavi-05-on.gif);
}

#lnavi ul li.page06 span a { background-image: url(../images/lnavi/lnavi-06.gif); }

#lnavi.page06 ul li.page06 span a,
#lnavi.page06 ul li.page06 span a:hover {
	background-image: url(../images/lnavi/lnavi-06-on.gif);
	cursor : default;
}

#lnavi ul li.page06 span a:active,
#lnavi ul li.page06 span a:hover {
	background-image: url(../images/lnavi/lnavi-06-on.gif);
}

#lnavi ul li.page07 span a { background-image: url(../images/lnavi/lnavi-07.gif); }

#lnavi.page07 ul li.page07 span a,
#lnavi.page07 ul li.page07 span a:hover {
	background-image: url(../images/lnavi/lnavi-07-on.gif);
	cursor : default;
}

#lnavi ul li.page07 span a:active,
#lnavi ul li.page07 span a:hover {
	background-image: url(../images/lnavi/lnavi-07-on.gif);
}


/* 訪問支援版 */

body.houmonshien #lnavi {
	background-image: url(../images/bg/bg-lnavi-2.gif);
}

body.houmonshien #lnavi.page03 ul li.page02 span a,
body.houmonshien #lnavi.page03 ul li.page02 span a:hover {
	background-image: url(../images/lnavi/lnavi-02-on.gif);
	cursor : default;
}

body.houmonshien #lnavi.page04 ul li.page02 span a,
body.houmonshien #lnavi.page04 ul li.page02 span a:hover {
	background-image: url(../images/lnavi/lnavi-02-on.gif);
	cursor : default;
}

#lnavi ul li.page03,
#lnavi ul li.page04 {
	margin-left:9px;
 	font-size: 0; /* hack for IE */
	line-height: 0; /* hack for IE */
	vertical-align: bottom; /* hack for IE */
	margin-bottom:0px;
}

#lnavi ul li.page03 {
	margin-top:7px;
}

#lnavi ul li.page04 {
	margin-bottom:8px;
}

#lnavi ul li.page03 span,
#lnavi ul li.page04 span {
	display: block;
	width:185px;
	height: 17px;
	/*\*/ overflow: hidden; /**/
}

#lnavi ul li.page03 span a,
#lnavi ul li.page04 span a {
	display	: block;
	height: 17px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	text-indent	: -9999px;
	background-repeat: no-repeat;
}


#lnavi ul li.page03 span a { background-image: url(../images/lnavi/lnavi-03.gif); }

#lnavi.page03 ul li.page03 span a,
#lnavi.page03 ul li.page03 span a:hover {
	background-image: url(../images/lnavi/lnavi-03-on.gif);
	cursor : default;
}

#lnavi ul li.page03 span a:active,
#lnavi ul li.page03 span a:hover {
	background-image: url(../images/lnavi/lnavi-03-on.gif);
}

#lnavi ul li.page04 span a { background-image: url(../images/lnavi/lnavi-04.gif); }

#lnavi.page04 ul li.page04 span a,
#lnavi.page04 ul li.page04 span a:hover {
	background-image: url(../images/lnavi/lnavi-04-on.gif);
	cursor : default;
}

#lnavi ul li.page04 span a:active,
#lnavi ul li.page04 span a:hover {
	background-image: url(../images/lnavi/lnavi-04-on.gif);
}



/**********************************
  PAGE ELEMENTS
**********************************/

/* -------------------
  P
------------------- */
#main p {
	margin-left:25px;
	margin-right:20px;


}

#main strong {
	color:#446A9F;
	font-weight:normal;
}


/* -------------------
  H3
------------------- */

#main h3 {
	background-repeat: no-repeat;
}

#main h3.h3-01 { background-image: url(../images/sub/h3-01.gif); width:400px; height:18px; margin-left:0;}
#main h3.h3-02 { background-image: url(../images/sub/h3-02.gif); width:590px; height:24px; margin-left:20px; margin-bottom:0;}
#main h3.h3-03 { background-image: url(../images/sub/h3-03.gif); width:590px; height:24px; margin-left:20px; margin-bottom:0; margin-top:20px;}
#main h3.h3-04 { background-image: url(../images/sub/h3-04.gif); width:600px; height:57px;}
#main h3.h3-05 { background-image: url(../images/sub/h3-05.gif); width:600px; height:57px; margin-top:20px;}
#main h3.h3-06 { background-image: url(../images/sub/h3-06.gif); width:600px; height:65px;}
#main h3.h3-11 { background-image: url(../images/sub/h3-11.gif); width:590px; height:24px; margin-left:0;}
#main h3.h3-12 { background-image: url(../images/sub/h3-12.gif); width:590px; height:24px; margin-left:0;}
#main h3.h3-13 { background-image: url(../images/sub/h3-13.gif); width:590px; height:24px; margin-left:0;}



/* -------------------
  H4
------------------- */

#main h4 {
	text-indent	: -9999px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	background-repeat: no-repeat;
}

/* -------------------
  H5
------------------- */

#main h5 {
	text-indent	: -9999px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	background-repeat: no-repeat;
	width:556px;
	height:37px;
	margin-left:17px;
}

#main h5.h5-01 { background-image: url(../images/sub/h5-01.gif);}
#main h5.h5-02 { background-image: url(../images/sub/h5-02.gif);}
#main h5.h5-03 { background-image: url(../images/sub/h5-03.gif);}



/* -------------------
  BOX
------------------- */

#vector { margin-bottom:10px; }

/* KCSD21について */

#main .lead {
	width:590px;
	margin-left:20px;
}

#main .lead p {
	margin-left:0;
	margin-right:0;
}

#main .lead .left {
	width:176px;

}

#main .lead .right {
	width:400px;
}


#main .kcsdtop {
	border-left:5px solid #C4D0E0;
	border-right:5px solid #C4D0E0;
	width:580px;
	margin-left:20px;
	padding: 15px 0 5px 0;
}

#main .kcsdtop p {
	margin-left:15px;
	margin-right:15px;
}

#main .kcsdtop .btn {
	text-align:center;
	padding-bottom:10px;
}

#main .kcsdtop img.first{
	margin-left:12px;
}

#main .kcsdtop img.last{
	margin-left:-2px;
}


#main .kcsdtop img {
	margin-right:2px;
}

#main .kcsdtop-foot {
	width:590px;
	height:5px;
	background-image: url(../images/bg/bg-kscdtop-foot.gif);
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	margin-left:20px;
	margin-bottom:10px;
	background-repeat:no-repeat;
}



/* 訪問支援版 */

#main h4.past {
	background-image: url(../images/sub/h4-01.gif);
	height: 30px;
	width: 590px;
	margin-left:20px;
}


div.past {
	background-image: url(../images/bg/bg-past-body.gif);
	background-repeat: no-repeat;
	width: 590px;
	margin-left:20px;
}

div.past-foot {
	background-image: url(../images/bg/bg-past-foot.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 590px;
	/*\*/ overflow: hidden; /**/
	font-size: 1px;
	margin-left:20px;
}

.past ol {
	list-style-image: none;
	list-style-type: none;
	padding: 10px 0;
}

.past ol li {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 7px 0 7px 28px;
	margin-left:26px;
}

.past ol li.list01 { background-image: url(../images/list/list-past-01.gif); }
.past ol li.list02 { background-image: url(../images/list/list-past-02.gif); }
.past ol li.list03 { background-image: url(../images/list/list-past-03.gif); }
.past ol li.list04 { background-image: url(../images/list/list-past-04.gif); }
.past ol li.list05 { background-image: url(../images/list/list-past-05.gif); }


#main h4.new {
	background-image: url(../images/sub/h4-02.gif);
	height: 30px;
	width: 590px;
	margin-left:20px;
}

div.new {
	width:586px;
	border-left:2px solid #02D1FD;
	border-right:2px solid #02D1FD;
	background-color:#B3F1FE;
	margin-left:20px;
}

div.new img {
	margin-left:20px;
	margin-bottom:15px;
}

div.new-foot {
	background-image: url(../images/bg/bg-new-foot.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	width: 590px;
	margin-left:20px;
	background-color:#02D1FD;
	color:#FFFFFF;
	padding: 6px 0 5px 0;
	margin-bottom:10px;
}

#main div.new-foot p {
	margin:0 30px;
	line-height:1.4em;
}

.new ol {
	list-style-image: none;
	list-style-type: none;
	padding: 10px 0;
}

.new ol li {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 7px 0 7px 28px;
	margin-left:26px;
	color:#333333;
}

.new ol li.list01 { background-image: url(../images/list/list-new-01.gif); }
.new ol li.list02 { background-image: url(../images/list/list-new-02.gif); }
.new ol li.list03 { background-image: url(../images/list/list-new-03.gif); }
.new ol li.list04 { background-image: url(../images/list/list-new-04.gif); }
.new ol li.list05 { background-image: url(../images/list/list-new-05.gif); }


/* 問題解決 */


.bluebase {
	width:590px;
	margin-left:20px;
	background-color:#D4F8FF;
	background-image: url(../images/bg/bg-bluebase-foot.gif);
	background-repeat: no-repeat;
	padding-bottom:24px;
	background-position: bottom;
}



/* white BOX STYLE */

.whitebase {
	background-color:#FFFFFF;
	margin: 0 5px;
}

.whitebase-head {
	background-image: url(../images/bg/bg-whitebase-left-top.gif);
	background-repeat: no-repeat;
	height: 9px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	background-position: left top;
}

.whitebase-head span {
	background-image: url(../images/bg/bg-whitebase-right-top.gif);
	background-repeat: no-repeat;
	height: 9px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	background-position: right top;
	display:block;
}

.whitebase-foot {
	background-image: url(../images/bg/bg-whitebase-left-bottom.gif);
	background-repeat: no-repeat;
	height: 9px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	background-position: left bottom;
}

.whitebase-foot span {
	background-image: url(../images/bg/bg-whitebase-right-bottom.gif);
	background-repeat: no-repeat;
	height: 9px;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	background-position: right bottom;
	display:block;
}

/* 問題点 */

div.subject {
	background-color:#9EE2F0;
	width:556px;
	margin-left:17px;
	padding-bottom:5px;
}

div.last { padding:0 !important;}

div.solution {
	background-color:#06D2FD;
	width:556px;
	margin-left:17px;
	padding-bottom:5px;
}

div.solution .left {
	width:232px;
	margin-left:15px;
}

div.solution .left img {
	margin-top:8px;
}

div.solution .right {
	width:260px;
	margin-right:15px;
}

#main div.subject p {
	margin:0 20px;
} 

#main div.solution p {
	margin:0;
}

#main div.solution p.sub,
#main div.subject p.sub {
	background-image: url(../../shared/images/line/dot-02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight:bold;
	padding-bottom:8px;
	margin-bottom:8px;
}


div.solution .whitebase-head {
	background-image: url(../images/bg/bg-whitebase-left-top-2.gif);
}

div.solution .whitebase-head span {
	background-image: url(../images/bg/bg-whitebase-right-top-2.gif);
}

div.solution .whitebase-foot {
	background-image: url(../images/bg/bg-whitebase-left-bottom-2.gif);
}

div.solution .whitebase-foot span {
	background-image: url(../images/bg/bg-whitebase-right-bottom-2.gif);
}



#main h4.solution {
	background-image: url(../images/sub/h4-04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:590px;
	height:45px;
}

#main h4.subject {
	background-image: url(../images/sub/h4-03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:590px;
	height:40px;
}




/* -------------------
  TABLE
------------------- */

/* 仕様表 */

table.spec {
	background-color:#A7A7A7;
	margin-left:20px;
	margin-bottom:10px;
}

table.spec th {
	background-color:#05D8FD;
	color:#FFFFFF;
	padding:5px 0;
	text-align:center;
}

table.spec td {
	background-color:#FFFFFF;
	padding:5px 0;
	line-height:1.3em;
}

table.spec td.col1 {
	background-color:#DFF9FF;
}

table.spec th span {
	padding:0 7px;
	display:block;
}

table.spec td span {
	padding:0 7px;
	display:block;
}

table.spec td.col1 span {
	font-weight:bold;
	padding:0 5px 0 6px;
}



/* -------------------
  LIST (OL)
------------------- */

.demobtn {
	text-align:right;
	margin-top:10px;
}