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

/* ljWinIE 6 向け*/
div#wrapper{
 	text-align:left;
}

/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;color:#333;}


/* ------------------------------ base styles ----------------------------------- */
#wrapper {
    margin:0 auto 0;
	width:850px;
	color:#555;
}

img{
	margin:0;
	padding:0;
	border:none;
}


#SideNav {
    float:left;
	width:245px;
	display:inline;
	margin-left:5px;
}

#MainContents {
    float:right;
	width:590px;
	display:inline;
}


/* Float ==== */
.clearfloat {
    clear: both;
}

.floatRight{
    float:right;
}

.floatLeft{
    float:left;
}


/* Display ==== */
.displayNone{
    display:none;
}

.displayBlock{
    display:block;
}


/* <h*></h*> */
.h1{
    font-size:0;
	margin:0;
	padding:0;
}

.h2{
    font-size:1.1em;
}

.h3{
    font-size:0.9em;
}


/* 文章 */
p.txt{
	 font-size:0.8em;
}

p.txt a:link{
	color:#005fbe;
	font-weight:bold;
	text-decoration:underline;
}

p.txt a:visited{
	color:#005fbe;
	font-weight:bold;
	text-decoration:underline;
}

p.txt a:hover{
    color:#f77208;
	font-weight:bold;
	text-decoration:underline;
}

p.txt a:active{
	color:#005fbe;
	font-weight:bold;
	text-decoration:underline;
}

/* 赤色注意書き */
.red{
    color:#cc0000;
}


/* テーブル ==== */
.tab{
    font-size:0.8em;
	
}

.tab th{
	text-align:center;
	vertical-align:middle;
}

.tab td{
    text-align:left;
	vertical-align:middle;
}


/* 次へ */
.nextpage{
    text-align:right;
	margin:10px 50px 0 0;
}

/* cqtn4 div ==== */
.enqname{
    margin:0 0 1em 0;
	padding:30px 10px 10px 10px;
	border:#33cc33 solid 1px;
	background:url(../img/infodescription01.gif) no-repeat top;
}

.beginning{
    margin:0 0 1em 0;
	padding:30px 10px 10px 10px;
	border:#33cc33 solid 1px;
	background:url(../img/infodescription02.gif) no-repeat top;
}

.attribute{
    width:265px;
	margin:0 0 1em 0;
	padding:30px 10px 10px 10px;
	border:#33cc33 solid 1px;
	background:url(../img/infodescription03.gif) no-repeat top;
}

.choose{
    width:265px;
	margin:0;
	padding:30px 10px 10px 10px;
	border:#33cc33 solid 1px;
	background:url(../img/infodescription04.gif) no-repeat top;
}

.question{
    margin:0 0 1em 0;
	padding:30px 10px 10px 10px;
	border:#33cc33 solid 1px;
	background:url(../img/infodescription05.gif) no-repeat top;
}
	
	
/* 新着情報 ==== */

.news ul{
	margin:5px;
}

.news li{
    list-style-type:none;
	margin:0 5px　10px 5px;
	line-height:12px;
	text-align:left;
	color:#556b2f;
	font-weight:bold;
	background:url(../img/top_newsbg.gif) no-repeat;
}

.news2{
	font-size:0.8em;
	font-weight:normal;
}


/* ------------------------------ templates ----------------------------------- */

/* Header,Footer ==== */

.areatop
{
	width:850px;
	height:135px;
	margin:0 0 20px 0;
	padding:0;
	border-top:10px solid #228b22;
	border-bottom:10px solid #ccff66;
	background-color:#ccff99;
}

.scanetlogo
{
    float:right;
	border:0;
	margin:0 10px 0 0;
	padding:0;
}

.topmenuhome
{
	width:auto;
	text-align:right;
	margin:0 10px 5px 0;
	padding:0;
}

.areabottom
{
	width:850px;
	height:75px;
	margin:10px 0 0 0;
	padding:0;
	border-top:10px solid #ccff66;
	background-color:#ccff99;
}

.bottommenuhome
{
	float:right;
	text-align:right;
	margin-right:10px;
	padding:0;
}

.copyright
{
	margin:0 0 1em 0;
	padding:0;
	font-size:12px;
}

.areabottomleft
{
	float:left;
	margin-left:8px;
	padding:0;
}

.netsystemslogo{
	margin:0;
	padding:0;
	width:156px;
	height:16px;
	border:0;
}

/* --- 上部ステップ --- */

#mainNav li{
    height:65px;
	list-style:none;
	float:left;
	display:inline;
	display:inline-block;
	background-color:#EBEBEB;
	background-image: url(../img/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


#mainNav li.current{
	background-color:#66CC66;
	background-image: url(../img/navCurrentBtn.gif);
}

#mainNav li.done{
	background-color:#99CC99;
	background-image: url(../img/navDoneBtn.gif);
}
#mainNav li.lastDone{
	background-color:#99CC99;
	background-image: url(../img/navLastDoneBtn.gif);
}


#mainNav li.edit{
	background-color:#009900;
	background-image: url(../img/navEditBtn.gif);
}

#mainNav li.complete1{
	background-color:#99CC99;
	background-image: url(../img/navCompleteBtn.gif);
}

#mainNav li.complete2{
    background-color:#FF9900;
	background-image:none;
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active
#mainNav li.complete1 a, #mainNav li.complete1 a:link, #mainNav li.complete1 a:visited, #mainNav li.complete1 a:hover, #mainNav li.complete1
a:active{
color:#fff;
}

#mainNav li.edit a, #mainNav li.complete1 a,#mainNav li.complete2 a{
color:#fff;

}
#mainNav li.done a:hover, #mainNav li.lastDone a:hover, #mainNav li.complete1 a:hover{
color:#FFFF99;
}

#mainNav li a em{
width:150px;
display:block;
margin:5px 0 5px 5px;
font-style:normal;
font-weight:bold;
font-size:0.75em;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:5px;
font-weight:normal;
font-size:0.8em;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:65px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:165px;}
#mainNav.fiveStep li a{width:165px;}


/* ------------------------------ company ----------------------------------- */

/* 文章 */
p.coTxt{
	margin:0 20px 20px;
}
p.coTxt a:co{
	color:#005fbe;
	font-weight:bold;
	text-decoration:underline;
}
p.coTxt a:visited{
	color:#005fbe;
	font-weight:bold;
	text-decoration:underline;
}
p.coTxt a:hover{
    color:#f77208;
	font-weight:bold;
	text-decoration:underline;
}
p.coTxt a:active{
	color:#005fbe;
	font-weight:bold;
	text-decoration:underline;
}

/* テーブル */

.cotab{
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
.cotab th{
	padding:7px 0;
	font-weight:normal;
	text-align:left;
	text-indent:5px;
	vertical-align:top;
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
}
.cotab td{
	padding:7px 5px;
	vertical-align:top;
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
}

table.kaisha {
font-size: 0.9em;
line-height:1.5em;
}
table.kaisha tr {
}
table.kaisha tr td.td1 {
width: 20%;
background-color: #dcdcdc;
text-align:center;
font-weight:bold;
}
table.kaisha tr td.td2 {
width: 15%;
}
table.kaisha tr td.td3 {
width: 65%;
}
table.kaisha tr td.td23 {
}

/* Q&A */
div.coBox{
	margin:20px 0;
}
div.coBox ul{
	margin:0 30px;
}
div.coBox li{
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../../common/image/dot1px.gif) repeat-x bottom;
}
div.coBox li span{
	color:#348901;
	font-weight:bold;
}
.coBox li a:co{
	color:#005fbe;
	font-weight:bold;
	text-decoration:none;
}
.coBox li a:visited{
	color:#005fbe;
	font-weight:bold;
	text-decoration:none;
}
.coBox li a:hover{
    color:#f77208;
	font-weight:bold;
	text-decoration:underline;
}
.coBox li a:active{
	color:#005fbe;
	font-weight:bold;
	text-decoration:none;
}
p.coSupport{
	margin-top:30px;
}

/* 2.for detail style
===============================================================*/
div#answer{
	padding-bottom:30px;
	background:url(../../common/image/dot1px.gif) repeat-x bottom;
}
div#answer h3{
	margin-bottom:15px;
	padding-left:10px;
	line-height:34px;
	font-weight:bold;
	background:url(../../common/image/hdbg.gif) repeat-x bottom;
}
div#answer h4{
	margin-bottom:15px;
	padding-left:10px;
	line-height:34px;
	color:#039a00;
	background:url(../../common/image/dot1px.gif) repeat-x bottom;
}

/* 一覧ページへ ==== */
p.coList{
	font-size:0.8em;
	text-align:right;
}
p.coList a{
	padding-left:15px;
	background:url(../../common/image/ico_green.gif) no-repeat 0 3px;
}

div#other dt{
	margin:0 10px 15px;
	font-weight:bold;
}
div#other dd{
	margin:0 10px 0 30px;
}
div#other li{
	line-height:2;
}
div#other li a{
	padding-left:10px;
	background:url(../../common/image/sitemapico.gif) no-repeat 0 6px;
}
div#coBn ul{
	margin-left:10px;
}
div#coBn li{
	float:left;
	display:inline;
	margin:0 20px 10px 0;
}