@charset "utf-8";
/* CSS Document */


h1 {
	text-indent:-1000px;
	background-image:url(../solution/security/img/title.gif);
	background-repeat:no-repeat;
	width:290px;
	height:23px;
	overflow:hidden;
	}

#sc h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
	}

#sc h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	}

#catch_sc h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:25px;
	}

#sc-index h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:25px;
	}

#sc-index h4 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	}

#frame h3 {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	margin-bottom:5px;
	}

#catch_envir a:link {color:#333333; text-decoration:none;}
#catch_envir a:visited {color:#333333; text-decoration:none;}
#catch_envir a:active {color:#333333; text-decoration:none;}
#catch_envir a:hover {color:#FF716B; text-decoration:underline;}


/* catch ----------*/

#catch_sc {
	float:left;
	width:920px;
	height:490px;
	background-image:url(../solution/security/img/bg_catch_security.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px 0px 40px 0px ;
	text-align:left;
	}

#catch_envir {
	float:left;
	width:920px;
	height:768px;
	background-image:url(../solution/security/img/bg_catch_envir.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px ;
	}

#catch_tool {
	float:left;
	width:920px;
	height:768px;
	background-image:url(../solution/security/img/bg_catch_tool.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px ;
	}



/* catch title ----------*/

#catch_sc .ttl {
	width:345px;
	margin-left:25px;
	margin-top:50px;
	}

#catch_envir .ttl{
	width:920px;
	margin-top:37px;
	text-align:center;
	}

#catch_tool .ttl{
	width:920px;
	margin-top:37px;
	text-align:center;
	}


/* catch txt ----------*/

#catch_sc .txt {
	width:345px;
	text-align:left;
	margin:60px 0px 0px 25px;
	}


/* catch coment ----------*/

#frame {
    /*
        absoluteの親要素が、relativeの場合のみ
        中央揃えでも絶対指定ができるようになる。
        （省略不可）
    */
    position: relative;
		font-size:10px;
		color:#666666;
		text-align:left;
		line-height:140%;
	}

#layer1 {
    position: absolute;
    top:126px;                      /* TOPとLEFTの値は適宜変更 */
    left: 518px;
    width:370px;
    height:83px;
    z-index:1;
	}

#layer1 .txtleft {
	float:left;
	width:100px;
	text-align:center;
	}

#layer1 .txtright {
	float:right;
	width:260px;
	text-align:left;
	}

#layer2 {
    position: absolute;
    top: 345px;                      /* TOPとLEFTの値は適宜変更 */
    left: 757px;
    width:143px;
    height:125px;
    z-index:1;
	}

#layer2 .txt {
	float:left;
	width:143px;
	text-align:center;
	}

#layer3 {
    position: absolute;
    top: 334px;                      /* TOPとLEFTの値は適宜変更 */
    left: 26px;
    width:128px;
    height:130px;
    z-index:1;
	}

#layer3 .txt {
	float:left;
	width:128px;
	text-align:center;
	}

#layer4 {
    position: absolute;
    top: 479px;                      /* TOPとLEFTの値は適宜変更 */
    left: 724px;
    width:176px;
    height:90px;
    z-index:1;
	}

#layer4 .txt {
	float:left;
	width:100px;
	text-align:center;
	}

#layer5 {
    position: absolute;
    top: 476px;                      /* TOPとLEFTの値は適宜変更 */
    left: 26px;
    width:142px;
    height:170px;
    z-index:1;
	}

#layer5 .txtleft {
	float:left;
	width:70px;
	text-align:center;
	}

#layer5 .txtright {
	float:right;
	width:70px;
	text-align:center;
	}

#layer6 {
    position: absolute;
    top: 596px;                      /* TOPとLEFTの値は適宜変更 */
    left: 242px;
    width:106px;
    height:94px;
    z-index:1;
	}

#layer6 .txt {
	float:left;
	width:100px;
	text-align:center;
	}

#layer7 {
    position: absolute;
    top: 581px;                      /* TOPとLEFTの値は適宜変更 */
    left: 687px;
    width:213px;
    height:94px;
    z-index:1;
	}

#layer7 .txt {
	float:left;
	width:116px;
	text-align:center;
	}

#layer8 {
    position: absolute;
    top: 130px;                      /* TOPとLEFTの値は適宜変更 */
    left: 26px;
    width:200px;
    height:100px;
    z-index:1;
	}

#layer8 .txt {
	float:right;
	width:100px;
	text-align:center;
	}

#layer9 {
    position: absolute;
    top: 220px;                      /* TOPとLEFTの値は適宜変更 */
    left: 668px;
    width:231px;
    height:95px;
    z-index:1;
	}

#layer9 .txtleft {
	float:left;
	width:90px;
	text-align:center;
	}

#layer9 .txtright {
	float:right;
	width:90px;
	margin-right:50px;
	text-align:center;
	}


/* sc ----------*/

#sc {
	clear:both;
	width:900px;
	text-align:left;
	margin:0px 10px 0px 10px;
	}

*html body div#sc {
	clear:both;
	width:900px;
	text-align:left;
	margin:0px 5px 0px 5px;
	}

/* sc read ----------*/

#sc .read {
	float:left;
	width:900px;
	text-align:left;
	margin:20px 0px 20px 0px;
	}

#sc .read .left {
	float:left;
	width:590px;
	text-align:left;
	}

#sc .read .right {
	float:right;
	width:280px;
	text-align:left;
	font-size:10px;
	color:#666666;
	}



/* 3カラム ----------*/

#sc-index {
	clear:both;
	width:900px;
	text-align:left;
	margin:0px 10px 0px 10px;
	}

*html body div#sc-index {
	clear:both;
	width:900px;
	text-align:left;
	margin:0px 5px 30px 5px;
	}

#sc-index .left {
	float:left;
	width:590px;
	margin-bottom:30px;
	}

#sc-index .left .left {
	float:left;
	width:280px;
	}

#sc-index .left .right {
	float:right;
	width:280px;
	}

#sc-index .right {
	float:right;
	width:280px;
	margin-bottom:30px;
	}

#sc-index .boxtxt {
	width:280px;
	margin:20px 0px 22px 0px;
	font-size:10px;
	line-height:140%;
	}

/* 2カラム ----------*/

#sc .cont {
	float:left;
	width:900px;
	text-align:left;
	margin:20px 0px 0px 0px;
	}

#sc .cont .left {
	float:left;
	width:430px;
	text-align:left;
	margin-bottom:10px;
	}

#sc .cont .right {
	float:right;
	width:430px;
	text-align:left;
	margin-bottom:10px;
	}

#sc .cont .boxtxt {
	width:430px;
	margin:0px 0px 22px 0px;
	font-size:12px;
	line-height:140%;
	}

#sc .cont .boxtool {
	width:430px;
	margin:0px 0px 22px 0px;
	border:1px solid #CCCCCC;
	}

#sc .cont .boxtool .txt {
	width:410px;
	margin:20px 10px 20px 10px;
	font-size:10px;
	line-height:140%;
	}

#sc .cont .boxtool .pttl {
	margin:20px 0px 5px 0px;
	padding-left:30px;
	background-image:url(../solution/security/img/arw.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	}

#sc .cont .boxtool .pcmt {
	margin:10px 0px 5px 0px;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	}


/* reference ----------*/

#sc .cont .refe {
	width:430px;
	border:1px solid #d2d2d2;
	background-color:#f3f3f3;
	margin:20px 0px 30px 0px;
	font-size:10px;
	color:#666666;
	line-height:160%;
	}

#sc .cont .refe .txt {
	width:400px;
	margin:15px;
	}

*html body div#sc .cont .refe .txt {
	width:400px;
	margin:15px 7px;
	}

#sc .cont .refe .ttl {
	font-weight:bold;
	color:#333333;
	margin-bottom:10px;
	}


/*----------------------------------------*/

/* catch ----------*/

#catch_pw {
	float:left;
	width:920px;
	height:286px;
	background-image:url(../solution/shedmouse/img/bg_catch_pw.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px ;
	}


/* catch title ----------*/

#catch_pw .ttl {
	margin-left:415px;
	margin-top:80px;
	}