@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++
CSS Document
+++++++++++++++++++++++++++++++++++++++++++*/
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}

html{overflow-y:scroll;}

body {
	margin: 0px;
	padding: 0px;
	font-size: small;
	background: url(../images/background.gif) repeat;
}
body/**/ {
	font-size: /**/small;
}
p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding: 0px;
	margin: 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++
リンク
+++++++++++++++++++++++++++++++++++++++++++*/
a,a:visited {
	color: #004499;
}
a:hover {
	color: #004499;
	text-decoration: none;
}
a img {
	border: none;
}
.clear{
	clear: both;
}
.clear hr{
	display: none;
}
/*++++++++++++++++++++++++++++++++++++++++++
全体
+++++++++++++++++++++++++++++++++++++++++++*/
#wrapper{
	width: 800px;
	background-color: #666666;
	text-align: center;
	margin: auto;
}
/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/
#header{
	text-align: left;
	width: 800px;
	height: 51px;
    background: url(../images/header.jpg);
	margin-bottom: 2px;
}
/*++++++++++++++++++++++++++++++++++++++++++
ヘッダナビ
+++++++++++++++++++++++++++++++++++++++++++*/
#navi_base {
	text-align: right;
	width: 800px;
	height: 20px;
	margin-right: 5px;
    background: url(../images/header_navi.gif);
	padding-top: 3px;
}
#navi_base li{
	display: inline;
	background: url(../images/list.gif) no-repeat;
	padding: 0px 8px 0px 15px;
	white-space: nowrap;
	color: #006699;
}
div#navi_base a:link{color:#006699;text-decoration:underline;}
div#navi_base a:visited{color:#006699;text-decoration:underline;}
div#navi_base a:hover{color:#006699;text-decoration:underline;}
div#navi_base a:focus{color:#006699;text-decoration:underline;}
div#navi_base a:active{color:#006699;text-decoration:underline;}

/*++++++++++++++++++++++++++++++++++++++++++
メイン
+++++++++++++++++++++++++++++++++++++++++++*/
#main{
	text-align: left;
	margin: auto;
	width: 800px;
}
/*++++++++++++++++++++++++++++++++++++++++++
左(ログイン前)
+++++++++++++++++++++++++++++++++++++++++++*/
#main_left{
	float: left;
	width: 200px;
}
#gnavi_base_bofore {
	float: left;
	text-align: left;
	width: 200px;
	height: 172px;
    background-color: #666666;
	border-top: 2px solid #666666;
}
#gnavi_base_bofore ul {
	list-style-type: none;
	margin: 0px;
}
#gnavi_base_boforeul li {
	float: left;
	height: 43px;
	width: 200px;
}
#gnavi_base_bofore ul li a {
	background: url(../images/navi_before.gif) no-repeat scroll 0 0;
	height: 43px;
	display: block;
	width: 200px;
}
#gnavi_base_bofore ul li span {
	overflow: hidden;
	z-index: -1;
	position: relative;
	display: block;
}
#gnavi_base_bofore ul li.sdpp a {
	background-position: 0px 0px;
}
#gnavi_base_bofore ul li.news a {
	background-position: -0px -43px;
}
#gnavi_base_bofore ul li.case a {
	background-position: -0px -86px;
}
#gnavi_base_bofore ul li.soft a {
	background-position: -0px -129px;
}
#gnavi_base_bofore ul li.cloud a {
	background-position: -0px -172px;
}

#gnavi_base_bofore ul li.sdpp a:hover {
	background-position: -200px 0px;
}
#gnavi_base_bofore ul li.news a:hover {
	background-position: -200px -43px;
}
#gnavi_base_bofore ul li.case a:hover {
	background-position: -200px -86px;
}
#gnavi_base_bofore ul li.cloud a:hover {
	background-position: -200px -172px;
}


/*++++++++++++++++++++++++++++++++++++++++++
左(ログイン後)
+++++++++++++++++++++++++++++++++++++++++++*/
#gnavi_base_after {
	float: left;
	text-align: left;
	width: 200px;
	height: 301px;
    background-color: #666666;
	border-top: 2px solid #666666;
}
#gnavi_base_after ul {
	list-style-type: none;
	margin: 0px;
}
#gnavi_base_after ul li {
	float: left;
	height: 43px;
	width: 200px;
}
#gnavi_base_after ul li a {
	background: url(../images/navi.gif) no-repeat scroll 0 0;
	height: 43px;
	display: block;
	width: 200px;
}
#gnavi_base_after ul li span {
	overflow: hidden;
	z-index: -1;
	position: relative;
	display: block;
}
#gnavi_base_after ul li.sdpp a {
	background-position: 0px 0px;
}
#gnavi_base_after ul li.news a {
	background-position: -0px -43px;
}
#gnavi_base_after ul li.case a {
	background-position: -0px -86px;
}
#gnavi_base_after ul li.soft a {
	background-position: -0px -129px;
}
#gnavi_base_after ul li.cloud a {
	background-position: -0px -172px;
}
#gnavi_base_after ul li.support a {
	background-position: -0px -215px;
}
#gnavi_base_after ul li.report a {
	background-position: -0px -258px;
}

#gnavi_base_after ul li.sdpp a:hover {
	background-position: -200px 0px;
}
#gnavi_base_after ul li.news a:hover {
	background-position: -200px -43px;
}
#gnavi_base_after ul li.case a:hover {
	background-position: -200px -86px;
}
#gnavi_base_after ul li.soft a:hover {
	background-position: -200px -129px;
}
#gnavi_base_after ul li.cloud a:hover {
	background-position: -200px -172px;
}
#gnavi_base_after ul li.support a:hover {
	background-position: -200px -215px;
}
#gnavi_base_after ul li.report a:hover {
	background-position: -200px -258px;
}

#license ul li {
	background-color:       #ffffff;
	padding:                6px 5px 6px 20px;
	border-bottom:          1px solid #A0A0A0;
	background:             url(../images/list.gif) no-repeat 5px 10px #FFFFFF;
}

#license ul {
	list-style-type:        none;
	margin-top:10px;
}

#license　ul li a {
	text-decoration:none;
}
/*++++++++++++++++++++++++++++++++++++++++++
ＴＯ右
+++++++++++++++++++++++++++++++++++++++++++*/

#main_right{
	float: right;
	text-align: left;
	width: 595px;
	background-color:#cccccc;
	margin-top: 2px;
}

#main_right .pan{
    padding: 3px;
    color:#000000;
}
div#main_right .pan a:link{color:#000000;text-decoration:underline;}
div#main_right .pan a:visited{color:#000000;text-decoration:underline;}
div#main_right .pan a:hover{color:#000000;text-decoration:underline;}
div#main_right .pan a:focus{color:#000000;text-decoration:underline;}
div#main_right .pan a:active{color:#000000;text-decoration:underline;}
/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(ログイン)(ログアウト)
+++++++++++++++++++++++++++++++++++++++++++*/
#main .login-area{
	padding-top: 2px;
	color: #ffffff;
	}
#main .login-area h2{
	background: url(../images/banner.gif) no-repeat scroll 0 0;
	height: 29px;
	width: 585px;
	color: #ffffff;
	font-size: 110%;
	padding: 5px 0px 0px 10px;
}
#main .login-area .login-box{
	color: #000000;
	background:#ffffff;
	padding: 10px 0px 10px 0px;
	}
#main .login-area .login-box dl {
	margin: 0px 7px 9px 5px;
	padding-bottom: 9px;
}
#main .login-area  .login-box dl dt {
	float: left;
	width: 60px;
}
#main .login-area  .login-box dl dd {
	margin-left: 60px;
}
#main .login-area .login-box .login-box-left{
	float:left;
	width:285px;
	}
#main .login-area .login-box .login-box-right{
	float:right;
	padding-right:20px;
	padding-top:10px;
	}

/*++++++++++++++++++++++++++++++++++++++++++
会員登録
+++++++++++++++++++++++++++++++++++++++++++*/
#main .member-area{
	padding-top: 2px;
	color: #ffffff;
	}
#main .member-area h2{
	background: url(../images/banner.gif) no-repeat scroll 0 0;
	height: 29px;
	width: 585px;
	color: #ffffff;
	font-size: 110%;
	padding: 5px 0px 0px 10px;
}
#main .member-area .member-box{
	color: #000000;
	background:#ffffff;
	padding:10px 0px 0px 10px;
	line-height:24px;
	}
#main .member-area .member-box table {
    width:                  450px;
    border-spacing:         0;
    border-collapse:        collapse;
    }
#main .member-area  .member-box th {
    background-color:       #eeeeee;
    width:                  130px;
    padding:                4px 7px;
    border:                 1px solid #dddddd;
    }
#main .member-area  .member-box td {
    border:                 1px solid #dddddd;
    padding:                4px 7px;
    }

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(ニュース)(マイページ)
+++++++++++++++++++++++++++++++++++++++++++*/
#main_right .news-area{
	padding-top: 2px;
	color: #ffffff;
	}
#main_right .news-area h2{
background: url(../images/banner.gif) no-repeat scroll 0 0;
	height: 29px;
	width: 585px;
	color: #ffffff;
	font-size: 110%;
	padding: 5px 0px 0px 10px;
}
#main_right .news-area .news-box{
	background: #ffffff;
	padding: 10px 0px 10px 0px;
	color:#000000;
}
#main_right .news-area .news-box dl {
	margin: 0px 5px 9px 5px;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 9px;
}
#main_right .news-area .news-box dl dt {
	float: left;
	width: 103px;
}
#main_right .news-area .news-box dl dd {
	margin-left: 103px;
}
#main_right .news-area .news-box .text-box{
	font-size: 10px;
}
#main_right .news-area .news{
	color: #000000;
	background: #ffffff;
	padding: 10px 10px 0px 10px;
}
#main_right .news-area .news dl {
	margin: 0px 5px 0px 5px;
	padding-bottom: 9px;
}
#main_right .news-area .news dl dt{
	color:#004499;
}
#main_right .news-area .text_box{
	font-size: 10px;
}
#main_right .news-area .appli-box{
	color: #000000;
	background: #ffffff;
	padding: 10px 0px 10px 0px;
}
#main_right .news-area .appli-box dl {
	margin: 0px 5px 9px 5px;
	padding: 3px;
	border-bottom: 1px dashed #CCCCCC;
}
#main_right .news-area .appli-box dl dt {
	float: left;
	width: 400px;
}
#main_right .news-area .appli-box dl dd {
	margin-left: 400px;
}


/*++++++++++++++++++++++++++++++++++++++++++
ライセンス
+++++++++++++++++++++++++++++++++++++++++++*/
#main .license-area {
	padding-top: 2px;
	color: #ffffff;
}
#main .license-area h2 {
	background: url(../images/banner.gif) no-repeat scroll 0 0;
	height: 29px;
	width: 585px;
	color: #ffffff;
	font-size: 110%;
	padding: 5px 0px 0px 10px;
}
#main .license-area .license-box{
	color: #000000;
	background:#ffffff;
	padding: 10px 10px 10px 10px;
	}

#main .license-area .license-box dl {
	margin:                 0px 5px 9px 20px;
	padding:                3px;
	border-bottom:          1px #dddddd solid;
}

#main .license-area .license-box dt {
	background-color:       #efefef;
	padding:                3px;

}

#main .license-area .license-box dd{
	padding:                5px;
}

#main .license-area .license-box dd span{
	padding:                10px;
}

#main .license-area .license-box .user{
	width:                  300px;
	margin:                 0px 5px 5px 20px;
	padding:                0px 15px 0px 10px;
	text-align:             right;
}

#main .license table {
	margin:                 0px 5px 9px 5px;
	padding:                3px;
	border-collapse:collapse;
}

#main .license th {
	width:                  160px;
	background-color:       #dddddd;
	padding:                3px;
	text-align:             center;
}

#main .license td{
	width:                  160px;
	padding:                3px;
	text-align:             center;
}

#main .license td.soft{
	width:                  160px;
	padding:                3px;
	text-align:             center;
	background-color:       #efefef;
}


/*++++++++++++++++++++++++++++++++++++++++++
フッター
+++++++++++++++++++++++++++++++++++++++++++*/
#foot_body{
	text-align:             center;
	width:					800px;
	margin:					0px;
	background-color:       #004499;
    color:                  #FFFFFF;
	height:20px;
	font-size:14px;
}

#footer-navi {
	width:                  800px;
	padding:                5px 0px;
	clear:                  both;
	text-align:             center;
	background-color:       #004499;
	color:                  #FFFFFF;
}

#footer-navi ul {
	list-style-type:        none;
	font-size:              x-small;
}
#footer-navi ul li{
	padding:                0px 4px 0px 10px;
	display:                inline;
	white-space:            nowrap;
}

#footer-navi ul li a {
	color:                  #ffffff;
	text-decoration:        none;
}

#footer-navi ul li a:hover {
	color:                  #ffffff;
}

div#foot_body a:link		{color:#ffffff;text-decoration:underline;}
div#foot_body a:visited		{color:#ffffff;text-decoration:underline;}
div#foot_body a:hover		{color:#ffffff;text-decoration:underline;}
div#foot_body a:focus		{color:#ffffff;text-decoration:underline;}
div#foot_body a:active		{color:#ffffff;text-decoration:underline;}

/*++++++++++++++++++++++++++++++++++++++++++
文字、画像、背景関係
+++++++++++++++++++++++++++++++++++++++++++*/
/*+align+*/
.right{
	text-align:				right;
	padding-right:			10px;
	padding-top:			10px;
}

.center{text-align:			center;}

/*+font+*/
.bold{font-weight:			bold;}
.c_w{color:					#FFFFFF;}
.c_b{color:					#000000;}
.c_bl{color:				blue;}

/*+border+*/
.b{border:					1px solid #ccc;}
.b2{border:					1px solid #0094a0;}

/*+padding+*/
.pd3{padding:		    	3px;}
.pd5{padding-left:			5px;}
.pd20{padding-left:         20px;}
.pd150{padding-left:		150px;}
.pd7{padding:	    		7px;}
.pd10{padding:	    		10px;}

/*+background+*/
.bg_g{background:			#0094a0;}
.bg_bc{background:			#000000;}

/*+width+*/
.w50{width:                 50px;}
.w80{width:                 80px;}
.w100{width:                100px;}
.w150{width:                150px;}
.w170{width:				170px;}
.w180{width:				180px;}
.w300{width:                300px;}
.w410{width:				410px;}
.w440{width:				440px;}
.w450{width:				450px;}
.w541{width:				541px;}
.w544{width:				544px;}
.w540{width:				540px;}
.w740{width:				740px;}

/*+height+*/
.h100{height:               100px;}

/*+float+*/
.float_l{float:             left;}
.float_r{float:             right;}

/* ベリーショート */
#main input.text_ss
{
	width:60px;
	padding:2px;
	border:1px solid #7f9db9;
}

/*短いテキストボックス*/
input.text_s{
	width:120px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*数字用テキストボックス*/
input.number{
	width:70px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
	text-align:right;
}

/*中くらいテキストボックス*/
input.text_m{
	width:200px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

/*ちょっと長いテキストボックス*/
input.text_ml{
	width:300px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*長いテキストボックス*/
input.text_l{
	width:460px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

textarea
{
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}