@charset "utf-8";

/********************

 *  general

 ********************/

body {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 75%;

	line-height: 1.8;

	height: 100%;

	color: #333;

	text-align: center;

	background: #eee;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

	line-height: 1.4;

}

fieldset, img {

	border: 0;

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal;

}

q:before, q:after {

	content: '';

}

abbr, acronym {

	border: 0;

	font-variant: normal;

}

sub {

	vertical-align: text-bottom;

}

input, textarea, select {

	font-family: inherit;

	font-size: inherit;

	font-weight: inherit;

}

hr {

	display: none;

}

p {

	margin-bottom: 1em;

}

th, td {

	padding: 0.5em;

}

th {

	white-space: nowrap;

	font-weight: normal;

}

ul {

	list-style-type: none;

}

.center {

	text-align: center;

}

.right {

	text-align: right;

}

.left {

	text-align: left;

}

.clear {

	clear: both;

}

/********************

 *  clearfix

 ********************/

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

	min-height: 1%;  /* for IE 7*/

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */

/********************

 *  link

 ********************/

a:link {

	color: #690;

	text-decoration: none;

}

a:visited {

	color: #690;

	text-decoration: none;

}

a:hover {

	color: #690;

	text-decoration: underline;

}

/********************

 *  container

 ********************/

#container {

	clear: both;

	width: 800px;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	background: transparent url(../img/top/bg.gif) repeat-y;

}

/********************

 *  header

 ********************/

#header {

	width: 770px;

	background-color: #fff;

	position: relative;

	height: 100px;

	margin: 0 0 0 15px;

}

#logo {

	width: 229px;

	height: 34px;

	text-indent: -9999px;

	background: transparent url(../img/top/logo.gif) no-repeat 0 0;

	margin-left: 10px;

	margin-top: 10px;

}

#logo a {

	display: block;

	width: 229px;

	height: 34px;

	/* \*/

	overflow: hidden;

	/* */

	text-indent: -9999px;

	text-decoration: none;

}

#logo_text {

	line-height: 3em;

	font-size: 80%;

	margin: 0 0 0 10px;

	width: 760px;

}

#header_link {

	position:absolute;

	right: 0;

	top: 8px;

}

#header_link li {

	float: left;

	margin-left: 10px;

}

 



#header_link li.rss a {

	float: left;

	background: transparent url(../img/top/rss.gif) no-repeat left top;

	color: #333;

	border:none;

	text-indent: -9999px;

	height:15px;

	width:46px;

}





#header_menu {

	list-style: none;

	height: 40px;

	width: 770px;

	margin: 0 0 0 15px;

}

#header_menu li {

	float: left;

}

#header_menu li a {

	width: 154px;

	display: block;

	height: 40px;

	overflow: hidden;

	text-indent: -9999px;

	text-decoration: none;

}

/*======= home =======*/

#header_menu .home {

	background: transparent url(../img/menu/home.gif) no-repeat 0 0;

}

#header_menu .home:hover {

	background-position: 0 -40px;

}

#index #header_menu .home {

	background-position: 0 -80px;

}

/*======= outline =======*/

#header_menu .outline {

	background: transparent url(../img/menu/outline.gif) no-repeat 0 0px;

}

#header_menu .outline:hover {

	background-position: 0 -40px;

}

#outline #header_menu .outline {

	background-position: 0 -80px;

}

/*======= contact =======*/

#header_menu .contact {

	background: transparent url(../img/menu/contact.gif) no-repeat 0 0;

}

#header_menu .contact:hover {

	background-position: 0 -40px;

}

#contact #header_menu .contact {

	background-position: 0 -80px;

}

/*======= education =======*/

#header_menu .education {

	background: transparent url(../img/menu/education.gif) no-repeat 0 0;

}

#header_menu .education:hover {

	background-position: 0 -40px;

}

#education #header_menu .education {

	background-position: 0 -80px;

}

/*======= public =======*/

#header_menu .public {

	background: transparent url(../img/menu/public.gif) no-repeat 0 0;

}

#header_menu .public:hover {

	background-position: 0 -40px;

}

#public #header_menu .public {

	background-position: 0 -80px;

}

/********************

 *  content

 ********************/

#content {

	float: right;

	width: 550px;

	margin: 0;

	padding: 10px 0 15px 0;

}

h2 {

	height:240px;

	text-indent:-9999px;

	width:770px;

	margin: 0 0 0 15px;

}

#content h3 {

	clear:both;

	height:25px;

	margin:10px 0 20px 0;

	text-indent:-9999px;

	width: 490px;

}

#content div.h4_title {

	clear:both;

	margin: 0 0 10px 20px;

	padding: 0 0 0 5px;

	width:450px;

	border-bottom: 1px #999 solid;

	border-left: 1px #999 solid;

}

#content div h4 {

	line-height: 1.3em;

	padding: 0 0 0 5px;

	font-size: 110%;

	font-weight: bold;

}

#content .page_top {

	clear: both;

	margin: 10px 0 10px 0;

	text-align: right;

	width:500px;

}

#content .page_top a {

	background:transparent url(../img/icon/triangle.gif) no-repeat scroll left center;

	padding:0 0 0 20px;

}

/********************

 *  side

 ********************/

#side {

	float: left;

	width: 200px;

	margin: 20px 0 0 15px;

}

#side_menu {

	position: relative;

	width: 200px;

}

#side_menu h3 {

	height: 30px;

	width: 200px;

	margin: 0;

}

#side_menu h3 a {

	display:block;

	height:30px;

	overflow:hidden;

	text-decoration:none;

	text-indent:-9999px;

	width:200px;

}

#side_menu ul {

	background-color:#FFFFFF;

	width:200px;

}

#side_menu li a {

	border-bottom:1px dotted #CCCCCC;

	color:#333333;

	display:block;

	padding:6px 0 3px 25px;

	width:175px;

	font-size: 110%;

}

#side_menu .child {

	margin-bottom:0;

	padding-bottom:0;

	font-size: 80%;

}

#side_menu .child li a {

	margin-left:20px;

	width:155px;

}

#side_contact a {

	background:transparent url(../img/banner/contact.gif) no-repeat scroll left top;

	height:132px;

	text-indent:-9999px;

	width:200px;

	font-size:0%;

	margin-bottom: 15px;

	list-style: none;

	display: block;

}

#side_contact dl {

	display: none;

}

#side_banner {

	clear: both;

}

#side_banner p a {

	display: block;

	text-decoration: none;

	text-indent: -9999px;

	width: 200px;

}

#side_banner .blog a {

	height: 62px;

	background:transparent url(../img/banner/blog.gif) no-repeat scroll left top;

}

#side_banner .it_business a {

	height: 62px;

	background:transparent url(../img/banner/it_business.gif) no-repeat scroll left top;

}

#side_banner .it_call a {

	height: 62px;

	background:transparent url(../img/banner/it_call.gif) no-repeat scroll left top;

}

#side_banner .pc_beginner a {

	height: 63px;

	background:transparent url(../img/banner/pc_beginner.gif) no-repeat scroll left top;

}

#side_banner .business_commu a {

	height: 63px;

	background:transparent url(../img/banner/business_commu.jpg) no-repeat scroll left top;

}

#side_banner .kisoensyu a {

	height: 63px;

	background:transparent url(../img/banner/kisoensyu.gif) no-repeat scroll left top;

}



#side_banner .kisoensyu02 a {

	height: 63px;

	background:transparent url(../img/banner/kisoensyu02.gif) no-repeat scroll left top;

}



#side_banner .kaikei_pc a {

	height: 63px;

	background:transparent url(../img/banner/kaikei_pc.gif) no-repeat scroll left top;

}









#side div.w3c {

	width: 200px;

	height: 31px;

	margin: 0 0 20px 0;

}

#side p.w3c_x a {

	display: block;

	background: transparent url(http://www.w3.org/Icons/valid-xhtml10-blue);

	width: 88px;

	height: 31px;

	text-indent: -9999px;

	float: left;

}

#side p.w3c_c a {

	display: block;

	background: transparent url(http://jigsaw.w3.org/css-validator/images/vcss);

	width: 88px;

	height: 31px;

	text-indent: -9999px;

	float: right;

}



.get_adobe_reader {

	width:200px;

	margin: 0 0 10px 0;

	padding: 0 0 5px 0 ;

	border-bottom: 1px dotted #ccc;

}

.get_adobe_reader dt a {

	background: transparent url(../img/top/get_adobe_reader.gif) no-repeat left top;

	width:112px;

	height: 33px;

	text-indent: -9999px;

	display:block;

	margin: 0 0 5px 0;

}

.get_adobe_reader dd {

	font-size:80%;

	line-height: 1.5em;

	color: #666;

}



/********************

 *  footer

 ********************/

#footer {

	position: relative;

	clear: both;

}

hr.footer {

	display: block;

	width: 90%;

	height: 1px;

	margin: 0 auto;

	color: #ccc;

}

.address {

	margin: 0;

	padding: 10px 0 10px 0;

	text-align: center;

	font-size: 80%;

}

.copyright {

	clear: both;

	width: 788px;

	margin: 0 auto;

	padding: 20px 0 20px;

	text-align: center;

	color: #fff;

	background: #300f2e none no-repeat scroll 0 0;

}

.footer_menu {

	width: 788px;

	margin: 0 auto;

	height: 32px;

	background: #300f2e;

}

.footer_menu li {

	float: left;

	width: 140px;

	height: 25px;

}

.footer_menu li a {

	width: 140px;

	height: 25px;

	color: #FFF;

	float: left;

	text-align: center;

	line-height: 2.5em;

	font-size: 90%;

	display: block;

}

.footer_menu li.privasy a {

	color: #fff;

	border-top: 7px solid #006675;

}

.footer_menu li.privasy a:hover {

	border-top: 7px solid #300f2e;

}

#privasy .footer_menu li.privasy a {

	border-top: 7px solid #300f2e;

}

.footer_menu li.sitemap a {

	color: #fff;

	border-top: 7px solid #d05915;

}

.footer_menu li.sitemap a:hover {

	border-top: 7px solid #300f2e;

}

#sitemap .footer_menu li.sitemap a {

	border-top: 7px solid #300f2e;

}

.footer_menu li.link a {

	color: #fff;

	border-top: 7px solid #eab300;

}

.footer_menu li.link a:hover {

	color: #fff;

	border-top: 7px solid #300f2e;

}

#link .footer_menu li.link a {

	border-top: 7px solid #300f2e;

}

.footer_menu li.access a {

	color: #fff;

	border-top: 7px solid #bc1b21;

}

.footer_menu li.access a:hover {

	color: #fff;

	border-top: 7px solid #300f2e;

}

#access .footer_menu li.access a {

	border-top: 7px solid #300f2e;

}



/********************

 *  navigator

 ********************/

#navigator {

	padding: 5px 0;

	color: #fff;

	background-color: #300f2e;

}

#navigator li {

	float: left;

	margin-left: 10px;

}

#navigator a {

	color: #fff;

	text-decoration: underline;

}

#navigator a:hover {

	text-decoration: none;

}

/********************

 *  breadcrumbs

 ********************/

#breadcrumbs {

	clear: both;

	width: 770px;

	height: 30px;

	background: #300f2e none no-repeat scroll 0 0;

	color: #fff;

	margin: 0 auto;

}

#breadcrumbs li {

	float: left;

	margin-left: 5px;

	padding: 5px 0 0 8px;

}

#breadcrumbs a {

	color: #fff;

	text-decoration: underline;

}

#breadcrumbs a:hover {

	text-decoration: none;

}

/********************

 *  main_menu

 ********************/

#main_menu {

	width: 770px;

	height: 380px;

	margin: 0 0 0 15px;

}

#main_menu td {

	padding: 0;

}

#main_menu a {

	display: block;

	overflow: hidden;

	text-decoration: none;

}

#main_menu td.digcon a {

	width: 250px;

	height: 380px;

	background: transparent url(../img/main_menu/digcon.jpg) no-repeat 0 top;

	text-indent: -9999px;

}

#main_menu td.digcon a:hover {

	width: 250px;

	height: 380px;

	background: transparent url(../img/main_menu/digcon.jpg) no-repeat 0 bottom;

}

#main_menu td.education a {

	width: 250px;

	height: 380px;

	background: transparent url(../img/main_menu/education.jpg) no-repeat 0 top;

	text-indent: -9999px;

}

#main_menu td.education a:hover {

	width: 250px;

	height: 380px;

	background: transparent url(../img/main_menu/education.jpg) no-repeat 0 bottom;

}

#main_menu td.outline a {

	width: 270px;

	height: 190px;

	background: transparent url(../img/main_menu/outline.jpg) no-repeat 0 top;

	text-indent: -9999px;

}

#main_menu td.outline a:hover {

	width: 270px;

	height: 190px;

	background: transparent url(../img/main_menu/outline.jpg) no-repeat 0 bottom;

}

#main_menu td.contact a {

	width: 135px;

	height: 190px;

	background: transparent url(../img/main_menu/contact.jpg) no-repeat 0 top;

	text-indent: -9999px;

}

#main_menu td.contact a:hover {

	width: 135px;

	height: 190px;

	background: transparent url(../img/main_menu/contact.jpg) no-repeat 0 bottom;

}

#main_menu td.link a {

	width: 135px;

	height: 190px;

	background: transparent url(../img/main_menu/link.jpg) no-repeat 0 top;

	text-indent: -9999px;

}

#main_menu td.link a:hover {

	width: 135px;

	height: 190px;

	background: transparent url(../img/main_menu/link.jpg) no-repeat 0 bottom;

}

/*======= h3 =======*/

#content .h3_news {

	margin: 10px 0 10px 0;

	background: transparent url(../img/h3/news.gif) no-repeat scroll 0 0;

}



#content .h3_public_news {

	margin: 10px 0 10px 0;

	background: transparent url(../img/h3/public_news.gif) no-repeat scroll 0 0;

}



/*======= news =======*/

#content .news {

	border: solid 1px #ccc;

	margin: 0 0 30px 0;

	width: 480px;

}

#content .news dl {

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0 10px;

	padding:5px 0;

}

#content .news dt {

	margin: 0 0 -0.7em 0;

	padding:0 0 0 20px;

	font-size: 90%;

	vertical-align: bottom;

}

#content .news dd {

	background: transparent url(../img/icon/triangle.gif) no-repeat scroll left center;

	margin: 0 0 10px 0;

	padding:0 0 0 20px;

	border-bottom:1px dotted #aaa;

}

/*======= test =======*/

#content .test {

	margin-bottom:40px;

	width:500px;

}

#content .test p {

	margin:0;

	padding:0;

	text-align:right;

	width:500px;

}

#content .test_mos {

	border-bottom:1px solid #666666;

	border-top:1px solid #666666;

	float:left;

	margin: 0 0 20px 0;

}

#content .test_mos dl {

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0;

	padding:5px 0 0 10px;

	width:240px;

}

#content .test_mos dd {

	background:transparent url(../img/icon/triangle.gif) no-repeat scroll left center;

	font-size:90%;

	margin:5px 0 0;

	padding:0 0 0 15px;

}

#content .test_cs {

	border-bottom:1px solid #666666;

	border-top:1px solid #666666;

	float:left;

}

#content .test_cs dl {

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0;

	padding:5px 0 0 10px;

	width:240px;

}

#content .test_cs dd {

	background:transparent url(../img/icon/triangle.gif) no-repeat scroll left center;

	font-size:90%;

	margin:5px 0 0;

	padding:0 0 0 15px;

}

/*======= top_banner =======*/

.top_banner {

	height: 65px;

	margin: 0 0 30px 0;

}

.top_banner p {

	display: inline;

	margin: 0;

	padding: 0;

}

.top_banner p a {

	display: block;

	text-decoration: none;

	text-indent: -9999px;

	float: left;

	margin: 0 26px 0 0;

}

.top_banner .team6 a {

	width: 200px;

	height: 65px;

	background:transparent url(../img/banner/team6.gif) no-repeat scroll 0 0;

}

.top_banner .newage00

a {

	width: 94px;

	height: 65px;

	background: transparent url(../img/banner/office.gif) no-repeat scroll 0 0;

}

/*

.top_banner .mots a {

	width: 134px;

	height: 65px;

	background: transparent url(../img/banner/mots.gif) no-repeat scroll 0 0;

	border: 1px solid #999;

}

*/

/*======= public_news =======*/



.public_news p a {

	display: block;

	text-indent: -9999px;

}



.public_news .it_call a {

	background:  transparent url(../img/top/it-call-banner.gif) no-repeat 0 0;

	width: 488px;

	height: 139px;

}

.public_news .pc_beginner a {

	background:  transparent url(../img/top/pc_beginner.jpg) no-repeat 0 0;

	width: 489px;

	height: 152px;

}

.public_news .business_commu a {

	background:  transparent url(../img/top/business_commu.jpg) no-repeat 0 0;

	width: 489px;

	height: 152px;

}



.public_news .kisoensyu a {

	background:  transparent url(../img/top/kisoensyu.jpg) no-repeat 0 0;

	width: 489px;

	height: 139px;

}



.public_news .kisoensyu02 a {

	background:  transparent url(../img/top/kisoensyu02.jpg) no-repeat 0 0;

	width: 489px;

	height: 139px;

}


.public_news .kisoensyu03 a {

	background:  transparent url(../img/top/kisoensyu03.jpg) no-repeat 0 0;

	width: 489px;

	height: 139px;

}





.public_news .kaikei_pc a {

	background:  transparent url(../img/top/kaikei_pc.jpg) no-repeat 0 0;

	width: 489px;

	height: 139px;

}