/*##############　共通　##############################################################################*/

body {
	font-size: 12px;
	font-family: verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	margin-top:5px;
	min-width: 960px;
}
input, textarea{
	font-family: verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	border: none;
}

a {
	text-decoration: underline;
	outline:none;
}


a:visited {
}
a:hover {
	text-decoration: none;
}

#menu a, #menu a:hover {
	text-decoration: none;
}

#middle img{
	vertical-align:bottom;
}


/*##############　ロゴ　##############################################################################*/

#logo{
	margin-left:10px;
}

#logo form{
	padding:10px;
	float:right;
	_margin-top:-25px;
	_padding-left:0px;
	background:url(../img/logo_form_bg.jpg) left top repeat-x;
	border:1px solid #DDDDDD;
}

#logo .btn{
	margin-bottom:-5px;
	_margin-bottom:-4px;
}



/*##############　メニュー　##############################################################################*/

/*<![CDATA[*/

.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}


.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #000;
	background: #FFFFFF;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #000;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: white;
	background: #000;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	/*color: #0099FF;*/
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/


/*<![CDATA[*/

/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	top: 100%;
	left: 0;
}

.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li li {	/* fix white gap problem */
	float: left;
	width: 110%;
}

.menu li li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #FFF;
	background: #000;
}

.menu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}


.main_menu{
	font-weight:bold;
}

/*]]>*/


/*##############　HTML_SIDER　##############################################################################*/

#html_sider, #html_sider_blog{
	border:1px solid #E4E5E7;
	margin-bottom:10px;
	padding:5px;
}


/*##############　MIDDLE　##############################################################################*/
/*##############　TOPページ以外のMIDDLE　位置調整を行う　##############################################################################*/

#middle .midashi_pan{
	font-size: 300%;
	font-weight:bold;
	line-height:1;
}

html>/**/body #middle .midashi_pan{
	line-height:0;
}

#middle .midashi_pan a{
	font-size:50%;
}

#middle .midashi_small{
	vertical-align:-10;
}

/*######　LEFT　#######*/

#middle_left{
	float:left;
	width:15%;
	color:#888888;
}

#middle_left .midashi{
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	color:black;
}

#middle_left img{
	vertical-align:bottom;
}

#middle_left_menu a{
	padding-bottom:5px;
}

/*######　RIGHT　#######*/

#middle_right{
	float:right;
	width:83%;
}

#middle_right .midashi{
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	clear:both;
}

/*##############　TOP　##############################################################################*/

/*#####　Flash　#######*/

#flash{
	z-index: -10;
	margin-top:10px;
}

/*######　MIDDLE　#######*/

#middle{
	width:98%;
	margin-left:10px;
}

/*######　TOP NEWS　#######*/

#top_news{
	float:left;
	width:30%;
	min-width: 290px;
}

#top_news .midashi{
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
}

#top_news .more{
	float:right;
}

/*######　TOP SERVICE　#######*/

#top_service{
	float:right;
	width:68%;
}

#top_service .midashi, #top_service .midashi1{
	clear:both;
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
}

#top_service_image{
	float:left;
	margin:5px;
}

#top_service .midashi1{
	padding-top:50px;
	_padding-top:25px;
}

/*##############　NEWS　##############################################################################*/

/*######　LEFT　#######*/

#middle_left_news{
	float:left;
	width:20%;
}

#middle_left_news img{
	vertical-align:bottom;
}

#middle_left_news a{
	padding-bottom:5px;
}


#middle_left_news .midashi{
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
}


/*######　RIGHT　#######*/

#middle_right_news{
	float:right;
	width:78%;
}

#middle_right_news .midashi{
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	clear:both;
	color:black;
}


#news{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}


#news table{
	width:100%;
	margin-bottom:10px;
}

#news .td{
	width:130px;
	text-align:center;
}

#news .td_text img{
	vertical-align:middle;
}

#news .td img{
	border:5px solid #DFDFDF;
}

#news .midashi1{
	font-size:150%;
	font-weight:bold;
}

#news .midashi2{
	font-weight:bold;
	line-height: 2;
}

#news .line{
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #EFEFEF;
}

/*##############　NEWS IN　##############################################################################*/

/*######　LEFT　#######*/

#middle_left_news_in{
	float:left;
	width:20%;
}

#middle_left_news_in .midashi{
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
}

#middle_left_news_in img{
	vertical-align:bottom;
}

#middle_left_news_in a{
	padding-bottom:5px;
}


/*######　RIGHT　#######*/

#middle_right_news_in{
	float:right;
	width:78%;
}

#middle_right_news_in .midashi{
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	clear:both;
	color:black;
}

/*##############　CORPORATE　##############################################################################*/

#corporate_more1{
	width:100%;
	color:#888888;
}

#corporate_more2{
	width:100%;
	color:#888888;
}

#corporate_more1 img,#corporate_more2 img{
	float:left;
	margin-right:5px;
}

#corporate_more1 .midashi{
	font-size:100%;
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	color:black;
}

#corporate_more2 .midashi{
	font-size:100%;
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	color:black;
}


/*##############　CORPORATE OVERVIEW　##############################################################################*/

#corporate_overview_more1{
	float:left;
	width:48%;
	color:#888888;
}

#corporate_overview_more2{
	float:right;
	width:48%;
	color:#888888;
}

#corporate_overview_more1 img,#corporate_overview_more2 img{
	float:left;
	margin-right:5px;
}

#corporate_overview_more1 .midashi, #corporate_overview_more2 .midashi{
	font-size:100%;
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	color:black;
}

#corporate_overview_more1 .midashi1, #corporate_overview_more2 .midashi1{
	font-size:100%;
	padding-left:-3px;
	background:url(../img/line_E1.jpg) left bottom repeat-x;
	font-weight:bold;
}

/*##############　CORPORATE ACTIVITIES　##############################################################################*/

#corporate_activities{
	color:#888888;
}

#corporate_activities .midashi{
	color:black;
}

#corporate_activities img{
	float:left;
}

/*##############　CORPORATE PRINCIPLES ##############################################################################*/

#corporate_principles{
	width:100%;
	color:#888888;
}

#corporate_principles .midashi{
	font-size:100%;
	font-weight:bold;
	background:url(../img/line_E1.jpg) left bottom repeat-x;
	color:black;
}

/*##############　CORPORATE ACCESS ##############################################################################*/

#corporate_access{
	width:100%;
	color:#888888;
}

#corporate_access .midashi{
	font-size:100%;
	font-weight:bold;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	color:black;
}

#corporate_access .midashi1{
	font-size:100%;
	font-weight:bold;
	background:url(../img/line_E1.jpg) left bottom repeat-x;
	color:#888888;
}


/*##############　CORPORATE MEMBER ##############################################################################*/

#corporate_member{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#corporate_member1{
	clear:both;
	width:100%;
}

.corporate_member1_waku img{
	margin-right:10px;
	border:1px solid #CCCCCC;
	vertical-align:top;
}

.corporate_member1_info{
	vertical-align:top;
}

#corporate_member .midashi{
	color:black;
}

/*##############　SERVICE　##############################################################################*/

#service{
	float:left;
	width:100%;
	color:#888888;
}

#service img{
	float:left;
}

#service .midashi{
	font-size:100%;
	padding:3px;
	background:url(../img/middle_line.jpg) left bottom repeat-x;
	font-weight:bold;
	color:black;
}

#service table{
	width:100%;
}

#service .td_left{
	vertical-align:top;
}

#service .td_right{
	vertical-align:top;
}


/*##############　SERVICE SI ##############################################################################*/

#service_si_1{
	float:left;
	padding-bottom:10px;
	width:48%;
	color:#888888;
}

#service_si_2{
	float:right;
	padding-bottom:10px;
	width:48%;
	color:#888888;
	margin-left:10px;
}

#service_si_1 .midashi, #service_si_2 .midashi{
	color:black;
}

#service_si_1 .td_left, #service_si_1 .td_right, #service_si_2 .td_left, #service_si_2 .td_right{
	vertical-align:top;
}


/*##############　SERVICE PROJECT ##############################################################################*/

#service_project{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#service_project .midashi{
	color:black;
}

#service_project .td_left, #service_project .td_right{
	vertical-align:top;
}

#service_project span.pdf_box{
	display:inline-block;
	line-height:16px;
	margin:0 0 0 1em;
	white-space: nowrap;
	background:url(../img/icon_pdf_gry.jpg) no-repeat left top;
}
#service_project span.pdf_blank{
	padding-left:20px;
	padding-right: 10px;
	background:url(../img/icon_blank.jpg) no-repeat right top;
}
#service_project span.pdf_blank a{}



/*##############　SERVICE TECHNICALINFO ##############################################################################*/

#service_technical_info{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#service_technical_info .midashi{
	color:black;
}

#service_technical_info .td_left, #service_technical_info .td_right{
	vertical-align:top;
}

/*##############　SERVICE TECHNICALINFO 内部ページ　##############################################################################*/

#service_technical_info_inpage{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#service_technical_info_inpage .midashi{
	color:black;
}

#service_technical_info_inpage .midashi_small{
	font-weight:bold;
}

#service_technical_info_inpage table{
	border-collapse:collapse;
}

#service_technical_info_inpage td{
	border:1px solid #CCCCCC;
	vertical-align:top;
	padding:5px;
}

#service_technical_info_inpage .no_border{
	border:none;
}

#service_technical_info_inpage_left{
	float:left;
	margin-right:10px;
}

#service_technical_info_inpage_right{
	float:left;
}

#service_technical_info_inpage_info .midashi_small{
	font-weight:bold;
}

#service_technical_info_inpage_info{
	width:500px;
	color:#888888;
}

#text_in{
	padding-bottom:50px;
}

#service_technical_info_inpage_25{
	margin-left:20px;
	border:1px solid #CCCCCC;
	padding:10px;
	width:70%;
}


/*##############　SERVICE SI HOSTING ##############################################################################*/

#service_si_hosting{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
	text-align:left;
}

#service_si_hosting .midashi{
	color:black;
}

#service_si_hosting .midashi_small{
	color:black;
}


#service_si_hosting table{
	width:100%;
	border-collapse:collapse;
}

#service_si_hosting .table{
	margin-top:10px;
	margin-bottom:10px;
}


#service_si_hosting td{
	border:1px solid #CCC;
	padding:5px;
}

#service_si_hosting .service_si_hosting_main{
	margin-bottom:15px;
}

#service_si_hosting .service_si_hosting_main td{
	border:none;
	vertical-align:top;
	align:left;
	padding:10px;
}


/*##############　SERVICE SI HOUSING ##############################################################################*/

#service_si_housing{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#service_si_housing .midashi{
	color:black;
}

#service_si_housing .midashi_small{
	color:black;
}


#service_si_housing table{
	width:100%;
	border-collapse:collapse;
	width:70%;
}

#service_si_housing .table{
	margin:10px;
}


#service_si_housing td{
	border:1px solid #CCC;
	padding:5px;
}

#service_si_housing .service_si_housing_main td{
	border:none;
	padding:10px;
	vertical-align:top;
}

#service_si_housing .service_si_housing_main{
	width:100%;
}

/*##############　SERVICE SI NETWORK ##############################################################################*/

#service_si_network{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#service_si_network .midashi{
	color:black;
}

#service_si_network .midashi_small{
	color:black;
}


#service_si_network table{
	width:100%;
	border-collapse:collapse;
	width:70%;
}

#service_si_network .table{
	margin:10px;
}


#service_si_network td{
	border:1px solid #CCC;
	padding:5px;
}

#service_si_network .service_si_network_main td{
	border:none;
	padding:10px;
	vertical-align:top;
}

#service_si_network .service_si_network_main{
	width:100%;
}


/*##############　SERVICE SI SYSTEM ##############################################################################*/

#service_si_system{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#service_si_system .midashi{
	color:black;
}

#service_si_system .midashi_small{
	color:black;
}

#service_si_system .service_si_system_main td{
	border:none;
	padding:10px;
	vertical-align:top;
}

#service_si_system .service_si_system_main{
	width:100%;
}




/*##############　SERVICE SI Flash ##############################################################################*/

#service_si_flash{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#service_si_flash .midashi{
	color:black;
}

#service_si_flash .midashi_small{
	color:black;
}


#service_si_flash table{
	width:100%;
}

#service_si_flash .td{
	vertical-align:top;
}


/*##############　SERVICE SI PACKAGE ##############################################################################*/

#service_si_package_1{
	float:left;
	padding-bottom:10px;
	width:48%;
	color:#888888;
}

#service_si_package_2{
	float:right;
	padding-bottom:10px;
	width:48%;
	color:#888888;
	margin-left:10px;
}

#service_si_package_3{
	clear:both;
	padding-bottom:10px;
	width:48%;
	color:#888888;
}


#service_si_package_1 .midashi, #service_si_package_2 .midashi, #service_si_package_3 .midashi{
	color:black;
}

#service_si_package_1 .td_left, #service_si_package_1 .td_right, #service_si_package_2 .td_left, #service_si_package_2 .td_right, #service_si_package_3 .td_left, #service_si_package_3 .td_right{
	vertical-align:top;
}

/*##############　SERVICE SI MOBILE ##############################################################################*/


#service_si_mobile .service_si_mobile_main td{
	border:none;
	padding:10px;
	vertical-align:top;
}

#service_si_mobile .service_si_mobile_main{
	width:100%;
	color:#888888;
}


/*##############　SERVICE SI CGI ##############################################################################*/

#service_si_cgi{
	color:#888888;
}

#service_si_cgi .midashi{
	color:black;
}

#service_si_cgi table{
	border-collapse:collapse;
}

#service_si_cgi td{
	padding:5px;
	border:1px solid #CCCCCC;
}

#service_si_cgi .service_si_cgi_main td{
	border:none;
	padding:10px;
	vertical-align:top;
}

#service_si_cgi .service_si_cgi_main{
	width:100%;
}

/*##############　SERVICE SI PACKAGE 内部ページ ##############################################################################*/

#service_si_package_inpage{
	color:#888888;
}

#service_si_package_inpage .midashi{
	color:black;
}


#service_si_package_inpage .service_si_package_inpage_main td{
	border:none;
	padding:10px;
	vertical-align:top;
}

#service_si_package_inpage .service_si_package_inpage_main{
	width:100%;
}

#service_si_package_inpage table{
	border-collapse:collapse;
}

#service_si_package_inpage td{
	border:1px solid #CCCCCC;
	padding:5px;
}


/*##############　RECRUIT ##############################################################################*/

#recruit{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#recruit1{
	clear:both;
	width:100%;
}

#recruit .midashi{
	color:black;
}

#recruit .waku{
	vertical-align:top;
}

#recruit table{
	width:100%;
	border-collapse:collapse;
}

#recruit td{
	padding:5px;
}

#recruit .waku img{
	margin-right:10px;
}

#recruit .info{
	vertical-align:top;
	width:100%;
}

#recruit .left{
	text-align:center;
	align:middle;
	width:15%;
	border: 1px solid #CCCCCC;
}

#recruit .right{
	align:middle;
	width:85%;
	border: 1px solid #CCCCCC;
}

#recruit .detail{
	color:black;
}


/*############## FORM ##############################################################################*/

#form{
	float:left;
	padding-bottom:10px;
	width:100%;
	color:#888888;
}

#form1{
	float:left;
	width:100%;
}

#form2{
	padding-top:15px;
	clear:both;
	width:100%;
}

#form .midashi{
	color:black;
}


/*##############　FOOTER　##############################################################################*/

#footer{
	clear:both;
	width:99%;
	height:50px;
	margin-top:20px;
	margin-left:10px;
	color:#999999;
	font-size: 75%;
	background:url(../img/footer_line.jpg) left top repeat-x;
}

#footer a{
	color:#999999;
}

#footer .footer_copy{
	float:left;
	padding-top:20px;
}

#footer .footer_ura{
	float:right;
	padding-top:20px;
}


/*##############　MNG　##############################################################################*/

#mng{
	margin-left:10px;
}

#mng table{
	border-collapse:collapse;
}

#mng td{
	border:1px solid #cccccc;
}