/* CSS Document ネットビジネス支援委員会 */

body{margin:0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; background-color:#E8F4F0; background-image:url(images/bg_base.gif); background-repeat:repeat-x; background-position:top; text-align:center;}
#base{margin:0 auto 0 auto; width:760px; height:auto; background-color:#ffffff; text-align:left;}

/*header内部設定始まり*/
#header{margin:0px; width:760px; height:97px;  color:#FFFFFF; background-image:url(images/bg.gif); background-repeat:no-repeat;}
#header_l{margin:0; width:350px; height:97px; float:left;}
#header_r{margin:0; width:410px; height:97px; float:left;}
#header a:link {text-decoration: none; color:#ffffff;}
#header a:visited {text-decoration: none; color:#ffffff;}
#header a:hover {text-decoration: underline; color:#ffffff;}
#header a:active {text-decoration: none; color:#ffffff;}
#title{margin:25px 0 10px 50px; width:auto; height:24px; font-size:21px; text-indent:24px; }
#title_sub{margin:0 0 0 50px; width:auto; height:auto;}
#navi{margin:20px 30px 20px 0; width:auto; height:auto; text-align:right;}
#comment{margin:0 10px 10px 50px; width:auto; height:auto; color:#00008C;}
/*header内部設定終わり*/

/*center設定始まり*/
#center{margin:20px 20px 20px 20px; width:720px; height:auto;}
#center_l{margin:0; width:150px; height:auto; float:left;}
#center_r{margin:0; width:540px; height:auto; float:left;}
#center_space{margin:0; width:30px; height:100px; float:left;}
/*center設定終わり*/

/*Menu設定始まり*/
.menu-bar{margin:0; width:149px; height:31px; color:#0065CE; font-size:12px; text-align:center; line-height:31px; font-weight:bold; background-image:url(images/menu.gif); background-repeat:no-repeat;}
.menu-box{margin:0 0 30px 0; padding:20px 0 20px 0; width:149px; height:auto; background-image:url(images/dotted.gif); background-position:bottom; background-repeat:repeat-x;}
.menu-box a:link {text-decoration: none; color:#000000;}
.menu-box a:visited {text-decoration: none; color:#000000;}
.menu-box a:hover {text-decoration: underline; color:#000000;}
.menu-box a:active {text-decoration: none; color:#000000;}
.menu-box2{width:760px; height:40px;}
.menu-box2 a:link {text-decoration: none; color:#000000;}
.menu-box2 a:visited {text-decoration: none; color:#000000;}
.menu-box2 a:hover {text-decoration: underline; color:#000000;}
.menu-box2 a:active {text-decoration: none; color:#000000;}
.menu-box2 li {
	width: 116px;
	font-size: 11px;
	float: left;
}
ul{margin:0; padding:0;}
li{margin:0; padding:0;}
ul .arrow{margin:0; font-size:12px; color:#000000; text-indent:16px; text-align:left; line-height:12px; font-weight:400;}
ul li{margin:0 0 0 10px; list-style:none; text-indent:14px; line-height:22px; background-image:url(images/arrow_1.gif); background-repeat:no-repeat; background-position:0 6px;}
/*Menu設定終わり*/

/*Contents設定始まり*/
.contents-bar{margin:0; width:auto; height:29px; font-size:14px; font-weight:bold; line-height:31px; text-indent:38px; background-image:url(images/button1_s.gif); background-repeat:no-repeat; background-position:0 0px;}
.contents-box{margin:5px 0 40px 0; width:auto; height:auto; padding:20px 20px 20px 20px; background-color:#f7f7f7; background-image:url(images/dotted.gif); background-repeat:repeat-x; background-position:top;}
/*Contents設定終わり*/

#pagenavi {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*Footer設定始まり*/
#footer{clear:both; margin:0 auto 0 auto; padding:20px 0 0 0; width:760px; height:50px; text-align:center; color:#999999; border-top:1px solid #bdbdbd;}
/*Footer設定終わり*/
img{border:0; background-color:#FFFFFF;}
h1{margin:0; padding:0;}
h2{margin:0; padding:0; font-size:14px;}
form{margin:0; padding:10px 0 10px 20px; border:1px solid #BDBDBD;}
textarea{font-size:12px;}

/*　開発実績　*/
#develophistory {
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	/*font-size: 90%;*/
	/*border: 1px solid #99CCFF;*/
}

#linknavi {
	margin-top: 20px;
	margin-left: 20px;
}
#develophistory table {
	background-color: #99CCFF;
}
#develophistory th {
	text-align: center;
	/*font-size: 90%;*/
	color: blue;
	background-color: #FFFFFF;
}
#develophistory td {
	/*font-size: 90%;*/
	background-color: #FFFFFF;
}
.system {
	width: 140px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align: left;
}
.description {
	width: 400px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align: left;
}
.description-w {
	width: 650px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align: left;
}
.customer {
	width: 120px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align: left;
}
.platform {
	width: 120px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align: left;
}
.devyear {
	width: 30px;
	text-align: center;
}
/*　ソリューション　*/
#solution {
	clear: left;
	width: 100%;
	margin-top: 10px;
	margin-left: 0px;
	/*border: 1px solid #99CCFF;*/
}
#solution image {
	border-style: none;
}

#solutionlist {
	margin-top: 10px;
	/*border: 1px solid #99CCFF;*/
}
.solutiontitle {
	padding: 4px;
	font-size: 120%;
	font-weight: bold;
	color: #3300FF;
	/*background-color: #FFCCFF;*/
	border-style: dotted;
	border-color: #FFCCFF;
}
#solutionlist table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #3399FF;
}
#solutionlist th {
	padding: 4px;
	font-size: 100%;
	text-align: center;
	color: #3300FF;
	background-color: #99CCFF;
	/*border: 1px solid #99CCFF;*/
}
#solutionlist .name {
	width: 160px;
	padding-left: 10px;
	font-size: 100%;
	text-align: left;
	color: #3300FF;
	background-color: #FFFFFF;
	/*border: 1px solid #99CCFF;*/
}
#solutionlist .description {
	width: 400px;
	padding: 4px;
	font-size: 100%;
	text-align: left;
	background-color: #FFFFFF;
	/*border: 1px solid #99CCFF;*/
}
#solutionlist td {
	font-size: 100%;
	padding: 4px;
	background-color: #FFFFFF;
	/*border: 1px solid #99CCFF;*/
}
/*　デジカメ日記　*/
#MICDiary {
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
}
#MICDiary table {
	width: 620px;
	background-color: #FFCCFF;
}
#MICDiary th {
	padding: 10px;
	width: 250px;
	background-color: #FFFFFF;
}
#MICDiary td {
	padding: 10px;
	background-color: #FFFFFF;
}
#MICDiary .description {
	font-size: 95%;
	margin-left: 10px;
}
#MICDiary h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}
#sample img {
	width: 580px;
}
/*　ダウンロード　*/
#demo {
	clear: left;
	width: 100%;
	margin: 0px;
	/*border: 1px solid #99CCFF;*/
}

#demolist {
	margin: 10px;
	/*border: 1px solid #99CCFF;*/
}
.demotitle {
	padding: 4px;
	font-size: 120%;
	font-weight: bold;
	color: #3300FF;
	/*background-color: #FFCCFF;*/
	border-style: dotted;
	border-color: #FFCCFF;
}
#demolist table {
	width: 100%;
	/*margin-top: 20px;*/
	/*margin-bottom: 20px;*/
	background-color: #3399FF;
}
#demolist th {
	padding: 4px;
	font-size: 100%;
	text-align: center;
	color: #3300FF;
	background-color: #99CCFF;
	/*border: 1px solid #99CCFF;*/
}
#demolist .name {
	width: 160px;
	padding-left: 10px;
	font-size: 100%;
	text-align: left;
	color: #3300FF;
	background-color: #FFFFFF;
	/*border: 1px solid #99CCFF;*/
}
#demolist .description {
	width: 400px;
	padding: 4px;
	font-size: 100%;
	text-align: left;
	background-color: #FFFFFF;
	/*border: 1px solid #99CCFF;*/
}
#demolist td {
	font-size: 90%;
	padding: 4px;
	background-color: #FFFFFF;
	/*border: 1px solid #99CCFF;*/
}


/*メモ帳 
blue
#00008C
blue-menu
#0065CE
blue-border
#D6EBFF
gray-border
#BDBDBD
gray-contents_bg
#F7F7F7
white-orange
#FFF7BD

orange
#FF9A00
orange→yellow
#FFD700

*/