BODY,TD{
font-family:ＭＳ Ｐゴシック,OSAKA; font-size:12px; line-height:17px; color:#484848;}
.hand{cursor:hand;}

/* font設定 */
.fb{font-weight:bold;}
.fe{font-family:verdana, arial; font-size:10px;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f12b{font-size:12px; font-weight:bold;}
.f14{font-size:14px; line-height:20px;}
.f14b{font-size:14px; font-weight:bold; line-height:20px;}
A:link{color:#0036BF; text-decoration:none;}
A:visited{color:#0036BF; text-decoration:none;}
A:HOVER	{COLOR:#057FCC; text-decoration:none;}
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.txt-t{vertical-align:top;}

.img-l{float:left; padding:3px;}
.img-r{float:right; padding:3px;}

/* border設定 */
.w760{width:760px;}
.hr01{height:1px; color:#dddddd;}
.hr02{height:3px; color:#dddddd;}
.dotline{margin:5 0 -7px; padding:0 0 0; background:transparent url('./img/css/1dot.gif') top left repeat-x;}
.dotline-vertical{background:transparent url('./img/css/1dot.gif') top left repeat-y; width:1px;}
.border-gray01{border:1px solid #cccccc; padding:3px;}
.border-right_gray3{border-right:3px solid #dddddd;}

/* space設定 */
.spacer-5px{margin-bottom:5px;}

/* background設定 */
.back01{background:#F1F1F1; padding:3px;}						/* グレー */
.back02{background:#2E678B; color:#ffffff; padding:3px;}		/* 濃いブルー */
.back03{background:#eaffff; color:#ffffff; padding:3px;}		/* 薄いブルー */
.back-gray01{background:#CCCCCC; color:#000000; padding:3px;}	/* gray */
.back-gray02{background:#F1F1F1; color:#000000; padding:3px;}	/* gray */
.back-white{background:#ffffff; color:#000000; padding:3px;}	/* gray */

/* list設定 */
.li-square01{background:transparent url(./img/css/square01.gif) no-repeat 0 3; padding-left:15;}
.li-circle01{background:transparent url(./img/css/circle01.gif) no-repeat 0 3; padding-left:15;}
.li-triangle01{background:transparent url(./img/css/triangle01.gif) no-repeat 0 3; padding-left:12;}
.li-n{list-style-type:circle;text-align:left;}

.li-level0{background:transparent url(./img/css/level0.gif) no-repeat 0 0; padding-left:23; height:16px; line-height:16px;}
.li-level1{background:transparent url(./img/css/level1.gif) no-repeat 0 0; padding-left:23; height:16px; line-height:16px;}
.li-level2{background:transparent url(./img/css/level2.gif) no-repeat 0 0; padding-left:23; height:16px; line-height:16px;}
.li-level3{background:transparent url(./img/css/level3.gif); padding-left:23; height:16px; line-height:16px;}
.li-level4{background:transparent url(./img/css/level4.gif) no-repeat 0 0; padding-left:23; height:16px; line-height:16px;}

.leftnavi{background:transparent url(./img/css/back-left.gif); background-repeat:repeat-y; padding-left:10px;}
.copyright{text-align:right; width:760px; padding-bottom:20px;}
.copyright-w{text-align:right; width:100%; padding-bottom:20px;}	/* 小窓用 */

/* form設定 */
.ipt{IME-MODE:active; background:#F1F1F1; border:1px solid #D1D1D1;}
.ipt-e{IME-MODE:disabled; background:#F1F1F1; border:1px solid #D1D1D1;}
.btn{font-size:12px;}
.hosyu-ipt{text-align:right; background:transparent; border:0; border-bottom:1px solid #8F8F8F; font-family:verdana, arial;}






/******* stafilepad.html *********************************************************************/


/******* 開発コンセプト #concept ******************************/

#concept{
width:605px;
margin:15px 0px 0px 0px;
}

#concept_comment{
margin:15px 0px 0px 20px;
}

#concept_comment th{
color:#42aad6;
font-size:12px;
text-align:left;
padding:10px 0px 0px 0px;
}

/******* 内部リンク #links ******************************/

#links{
margin:0px 0px 0px 0px;
border-left:solid 7px #dddddd;
background-color:#e8f0f2;
margin:20px 0px 70px 25px;
}

#links_list{
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 16px;
}

#links_list li{
background-image: url("stafile/img2/link_icon.gif");
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
float:left;
padding:10px 0px 10px 12px;
margin:0px 0px 0px 28px;
}


/******* 導入するメリット #compare ******************************/

#compare{
width:605px;
margin:0px 0px 0px 0px;
}

.genchi{
width:599px;
height:263px;
background-image: url("stafile/img2/compare_bg_genchi.jpg");
background-repeat: no-repeat;
background-position:left top;
}

.naigyou{
width:599px;
height:218px;
background-image: url("stafile/img2/compare_bg_naigyou.jpg");
background-repeat: no-repeat;
background-position:left top;
}

.mondai{
width:599px;
height:315px;
background-image: url("stafile/img2/compare_bg_mondai.jpg");
background-repeat: no-repeat;
background-position:left top;
}

.compare_left_container{
padding:0px 0px 0px 6px;
}

.compare_right_container{
padding:0px 0px 0px 6px;
}

#compare_left_list{
width:260px;
padding:0px 0px 0px 0px;
margin:3px 0px 10px 5px;
}

#compare_left_list li{
background-image: url("stafile/img2/compare_icon.gif");
background-repeat: no-repeat;
background-position: left top;
list-style-type: none;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
}

#compare_right_list{
width:255px;
padding:0px 0px 0px 0px;
margin:5px 0px 0px 10px;
}

#compare_right_list li{
background-image: url("stafile/img2/compare_icon.gif");
background-repeat: no-repeat;
background-position: left top;
list-style-type: none;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
}


/******* 操作概要 #flow ******************************/

#flow{
width:605px;
margin:0px 0px 0px 0px;
}

.flow_bg{
background-image: url("stafile/img2/flow_bg.jpg");
border-top:solid 3px #d3d3d3;
border-right:solid 1px #d3d3d3;
border-bottom:solid 3px #d3d3d3;
border-left:solid 1px #d3d3d3;
}

.flow_container{
margin:0px 0px 0px 16px;
}

.flow_subtitle{
color:#db41d8;
font-weight:bold;
}

.flow_subtitle_com{
color:#1e90ff;
}

/******* 動作環境 #spec ******************************/

#spec{
width:605px;
margin:0px 0px 0px 0px;
}

#spec_bg{
width:580px;
background-image: url("stafile/img2/spec_bg.jpg");
background-repeat: no-repeat;
background-position: right top;
margin:0px 0px 20px 25px;
}

#spec_bg th{
color:#ffa500;
font-size:12px;
text-align:left;
padding:20px 0px 0px 0px;
}

/******* 注意書き #caution ******************************/

#caution{
width:570px;
margin:0px 0px 60px 30px;
}

/******* オンマウス画像拡大 *********************************************************************/

#imgHover div {
margin-right: 0px;
}

#imgHover div img {
border: none;
}

#imgHover div a {
display: block;
}

#imgHover div a:hover {
position: relative;
}

#imgHover div a .mainImage {
display: none;
}

#imgHover div a:hover .mainImage {
display: block;
position: absolute;
bottom: 40;
right: 90;
}


/******* stafile/index.html *********************************************************************/

.stafilepad_heading_bg{
background-image: url("stafile/img2/stafilepad_heading_bg.jpg");
background-repeat: repeat;
background-position: left top;
border-top:solid 1px #d3d3d3;
border-right:solid 1px #d3d3d3;
border-left:solid 1px #d3d3d3;
border-bottom:solid 3px #d3d3d3;

}

#stafilepad_heading {
background-image: url("stafile/img2/stafilepad_heading_bg02.jpg");
background-repeat: no-repeat;
background-position: right top;
}

.stafilepad_heading_hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #d3d3d3;
height: 1px;
}

.stafilepad_heading_left_padding{
padding:0px 0px 0px 10px;
}