@charset "ISO-2022-JP";

/* SRA Top$B$N(BCSS$B$rN.MQ(B */
/* . class , # ID */
	
html {
overflow-y:scroll;
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,"$B%R%i%.%N3Q%4(BPro W3","Hiragino Kaku Gothic Pro",Osaka,"$B%a%$%j%*(B","$B#M#S(B $B#P%4%7%C%/(B",sans-serif;
	text-align: left;
	line-height: 130%;
}
/*
	background-color: #f0f0f0;
 	background-color: #fec0fe; */


/*$B!!%F%-%9%H%j%s%/!!(B*/
a:link {
	text-decoration:underline;
	color:#000000;
}
a:visited {
	text-decoration:underline;
	color:#FF0000;
}
a:hover {
	text-decoration:underline;
	font-weight:none;
	color:#0000FF;
}
a:active {
	text-decoration:underline;
	color:#0000FF;
}

.clear {
	clear: both;
}

/* $B<g9=@.$N0Y$N%F!<%V%k(B */
table.casement {
	width: 100%;
	border-collapse:collapse;
	border: 0px;
}


#wrapper {
	margin: 0 0 20px 0;
	padding: 0;
	width: 741px;
	height: auto;
	text-align: left;
	border-bottom: 1px solid #999999;
	border-right:  2px solid #999999;
        background-repeat: repeat-y;
}
/* $B1&$H2<$N30OH(B
	background-image: url(/public/sra/product/proc_support_service/img/consul_bg.gif);
	background-color: #f0f0f0;

*/

/*$B!!%X%C%@!<!!(B*/

/*$B!!%X%C%@!<(B $B%X%C%@!<!!(B*/
#header {
	margin-left: 8;
	padding: 0;
	height: 58px;
	width: 733px;
	line-height: 100%;
	background-color: #ffffff;
}

#header .htop {
	display: block;
	margin 0, 8, 0, 0;
	padding: 0 103px 0 13px;
	width: 721px;
	height: 58px;
	float: right;
	text-align:right;

}

#header .logo {
	display: block;
	float: left;
	height: 38px;
	width: 164px;
	margin: 9px 0 0 0;
	clear: both;
}


/*$B!!%X%C%@!<(B $B%5!<%S%9!!(B*/
#subheader {
	margin-left: 0;
	padding: 0;
	height: 84px;
	width: 741px;
	line-height: 100%;
}
/*
	background: url(/public/sra/product/proc_support_service/img/cnsul_background.gif)  no-repeat;
	height: 232px;
*/

/*$B!!%X%C%@!<(B $B%5!<%S%9!!(B*/

/*$B!!%X%C%@!<(B $B%5!<%S%9L>!!(B*/
.hdsvc {
	text-decoration:none;
	color:#000000;
	width: 741px;
        height: 28px;
	
}

/*$B!!%5%V%X%C%@!<(B $B%a%$%s%j%s%/!!(B*/

.mainnav a:link {
	text-decoration:none;
	color:#000000;
}
.mainnav a:visited {
	text-decoration:none;
	color:#000000;
}
.mainnav a:hover {
	text-decoration:underline;
	color:#000000;
}
.mainnav a:active {
	text-decoration:none;
	color:#000000;
}



/*$B!!%a%$%s%J%S%2!<%7%g%s!!(B*/

#subheader .mainnav {
	display: block;
	margin: 0 0 0 40px;
	padding: 0 0 0 8px;
	float: left;
	height: 32px;
	width: 741px;
	background-repeat: no-repeat;
}

#subheader .mainnav li{
	display: block;
	list-style: none;
	white-space: nowrap;
	float: left;
	margin: 0;
	padding: 0;
	height: 32px;
	width: 102px;
}



#subheader .mainnav li a {
	text-decoration: none;
	display: block;
	font-size: 12px;
	text-align:center;
	vertical-align: middle;
	margin: 0;
	padding: 8px 0 10px 0;
}


/*
#subheader .mainnav .hnlink {
	font-size: 12px;
}
*/

	/*$B!!%a%$%s%J%S%2!<%7%g%s!J%m!<%k%*!<%P!<!K!!(B*/

#subheader .mainnav li.hnav a {
 	background: url(/public/sra/product/proc_support_service/img/bt_off_blue_c.gif) no-repeat;
}
/*
 	background: url(/public/sra/product/proc_support_service/img/bt_off_consul.gif) no-repeat;

*/


#subheader .mainnav li.hnav a:hover,
#subheader .mainnav li.hnav a:active {
 	background: url(/public/sra/product/proc_support_service/img/bt_on_blue_c.gif) no-repeat;
}
/*
#subheader .mainnav li.hnav a:active {
 	background: url(/public/sra/product/proc_support_service/img/bt_on_consul.gif) no-repeat;
*/




/*$B!!4GHD!!(B*/
.signboard {
	margin-left: 0px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	font-size: 14px;
	width: 741px;
	height: 174px;
}

/*$B!!%5!<%S%9$rI,MW$H$9$k2]Bj!!(B*/
#mainmenuz {
	text-decoration:none;
	font-weight:bold;
	font-size: 14px;
	width: 741px;
}
/*
	background-image: url(/public/sra/product/proc_support_service/img/detailbg.gif);
	background-repeat: no-repeat;
*/


/*$B!!%5!<%S%9$rI,MW$H$9$k2]Bj!!(B*/
#mainmenuz .kadai {
	margin-left: 16;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
	width: 725px;
}



#mainmenuz .kadai .svcdesc{
	height=105;
	color:#000000;
	background-repeat: no-repeat;

}

#mainmenuz .kadai .svcissue{
	width: 160;
	height: 120;
	font-size: 12px;
	color:#0000FF;
	background-image: url(/public/sra/product/proc_support_service/img/moyamoya.gif);
	background-repeat: no-repeat;

}

#mainmenuz .kadai .issueex{
	font-size: 20px;
	color:#FF0000;
}
/*
	background-color:#fffadf
/*

/*  $B%5!<%S%9(B $B%a%K%e!<(B $B%A%c!<%H(B */

#mainmenu {
	text-decoration:none;
	font-weight:bold;
	font-size: 14px;
	width: 741px;
}
/*
	background-image: url(/public/sra/product/proc_support_service/img/detailbg2.gif);
*/

#mainmenu .boxmenu {
	margin-left: 16;
	text-decoration:none;
	color:#ffffff;
	font-size: 14px;
	width: 725px;
	height: 120px;
}

#mainmenu .boxmenu .boxhead{
	text-align: center;
	color:#ffffff;
	width: 147px;
	background-color:#400080;
}

#mainmenu .boxmenu .boxdesc{
	text-align: center;
	color:#ffffff;
	width: 147px;
	background-color:#a4f7fd;
}

#mainmenu .boxmenu .boxline{
	text-align: left;
	color:#ffffff;
	width: 147px;
	height: 1px;
	background-color:#400080;
}


/*$B!!%5!<%S%9!!(B*/

.svcname {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	font-size: 14px;
}

.svcdesc {
	text-decoration:none;
	color:#0033CC;
	font-size: 12px;
}


/*$B!!%5!<%S%9FbMF!!(B*/

#contents {
	margin-left: 7;
	text-decoration:none;
	font-size: 14px;
	width: 731px;
}

.description {
	margin-left: 10;
	text-decoration:none;
	font-size: 14px;
	line-height: 130%;
	width: 700px;
}


/*
	font-weight:bold;
*/

/*$B!!%5!<%S%9%?%$%H%k!!(B*/

#contents .titlebar1 {
	margin-top: 0px;
	text-decoration:none;
	font-weight:bold;
	font-size: 18px;
	clear: both;
	width: 700px;
	height:28px;
	color: #ffffff;
	background: url(/public/sra/product/proc_support_service/img/desc_title_bar1.gif ) no-repeat;
}

/* maybe unuse, inverse gradiation */
#contents .titlebar01 {
	margin-top: 0px;
	text-decoration:none;
	font-weight:bold;
	font-size: 18px;
	clear: both;
	width: 700px;
	height:28px;
	color: #ffffff;
	background: url(/public/sra/product/proc_support_service/img/desc_title_bar01.gif ) no-repeat;
}

#contents .titlebar2 {
	margin-top: -1px;
	margin-left: 8px;
	line-height: 1.2;
}

#contents .titlebar2 a:link {
	text-decoration:underline;
	color:#00ff00;
}
#contents .titlebar2 a:visited {
	text-decoration:underline;
	color:#00ff00;
}
#contents .titlebar2 a:hover {
	text-decoration:underline;
	font-weight:none;
	color:#ffffff;
}
#contents .titlebar2 a:active {
	text-decoration:underline;
	color:#00ff00;
}

/* wide title bar */
#contents .titlebarw {
	text-decoration:none;
	font-weight:bold;
	font-size: 18px;
	clear: both;
	width: 700px;
	height: 60px;
	color: #ffffff;
	background: url(/public/sra/product/proc_support_service/img/desc_title_barw.gif ) no-repeat;
}

#contents .contents_desc {
	margin-left: 10;
	line-height: normal;
	letter-spacing : normal;
}


#contents .svcmenu {
	text-decoration:none;
	font-size: 14px;
	height: 28pt;
	color: #ffffff;
}
/*
	background: url(/public/sra/product/proc_support_service/img/svcmenu_bar1.gif ) no-repeat;
	margin: 32 px 5px 0px, 5px;
	font-weight:bold;
	border-bottom: 4px solid #999999;
*/

/* $B650i!"%W%m%;%9!!%F!<%V%k(B*/

#contents .description .tbhd {
	color: #ffffff;
	background-color: #000099;
}

#contents .description .tbtd {
	color: #000000;
	background-color: #ffffff;
}

#contents .description .tbtdh {
	text-align: center;
	color: #000000;
	background-color: #ffffff;
}
/*
	writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
*/

/* $B%5!<%S%9%a%K%e!<0lMw(B */
#contents  .description li .uline {
	margin: 0px 0px 0px 5px;
	line-height: 180%;
}




/*$B!!%U%C%?!<!!(B*/

#footer{
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	width:719px;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #999999;
}

#footer .ftnav{
	margin: 0;
	padding: 5px 0;
}

#footer .copyright{
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #999999;
}


/* $B%$%a!<%8(B */
/* $B%$%a!<%8(B $B%5%`%M!<%k3HBg(B */
a.minify {
	display: block;
	float: left;
	z-index:1;
	margin: 0.3em 10px 0.3em 0;
}
a.minify img{
	position: absolute;
}
a.minify,
a.minify img{
	width: 100px;
	height: 100px;
}
a.minify:hover {
 	border: none;
	cursor: default;
}

a.minify:hover img {
	width: auto;
	height: auto;
	z-index:2;
}


