@charset "utf-8";
@import url(css/common.css);

/* DEFAULT
==============================*/

*{
	padding: 0 ;
	margin: 0 ;
}




body {
	font-size: 12px ;
	color: #555 ;
	line-height: 1.5 ;
	text-align: center ;
	background : #68ace5 url(images/bg.png) repeat-x ;
}


a {
	color: #09306b ;
}

hr { clear :both ; }


img {
	border: 0px ;
	margin : 0px 5px 5px 3px;
}

#center .content p { padding-bottom : 0.5em; }


table {
	font-size: 100% ;
}



hr, h3, h4, h5 {
	clear: both ;
	margin: 10px auto ;
}


html  body #container { width : 870px ; padding : 0px 10px ;margin :auto; text-align : left ; position : relative ; background : #68ace5 url(images/bg_gra.jpg) center top no-repeat ;
}

html> body #container { width : 850px ; }

.container-inner { background : #fff ; }

#header { background : url(images/header.png) no-repeat ; height : 318px ; }

#container #sidenavi1 { overflow : hidden ;margin-left :15px ;width :215px ;float : left ; display : inline ;background: url("images/hl_cate.png") no-repeat; padding-top : 40px ; height : 1% ; margin-top : -14px ;}

#center { padding-bottom : 30px ; }

#sidenavi1 li { list-style-type : none ; height : 1% ;}

#sidenavi1 li a { display : block ; border-bottom : 1px solid #f0f2f6 ; background : #fff ;padding : 5px 10px ; text-decoration : none ;}
#center  { width :590px ; float : right ; display : inline ; margin-right :15px ; overflow : hidden ;}
#sidenavi1 li a:hover { border-bottom : 1px solid #BBD6EF ; background :url(images/navi.png) no-repeat center left;}


#header * { font-size : 10px ; font-weight :normal ;text-decoration : none ; color : #999 ; line-height : 1.2 ;}
#header { position : relative ; text-align : right ; padding-right : 10px ; }
#header img { margin : 0px ; position : absolute ;left : 0px ; top : 10px ;}
#header h1 { margin : 0px ; position : absolute ;right : 15px ; top : 300px ; color : #093a7d ;}

#header p { position : absolute ;left : 15px ; top : 3px ; z-index : 100 ;}
#header h2 { position : absolute ;right : 15px ; top : 3px ; z-index : 100 ;}

#headerNavi {position : absolute ; left : 10px ; top : 260px ; width : 850px ;}
#headerNavi ul { background : url(images/head_navi.png) ; overflow : hidden ; height : 1% ; }
#headerNavi ul li { float : left ;}
#headerNavi ul li a { display : block ; height : 35px ; padding-top : 35px ; overflow : hidden ;}
#headerNavi ul>li a { height : 0px ;}

#headerNavi ul li.hn1 a{ width : 107px ;}
#headerNavi ul li.hn2 a{ width : 114px ;}
#headerNavi ul li.hn3 a{ width : 111px ;}
#headerNavi ul li.hn4 a{ width : 105px ; }
#headerNavi ul li.hn5 a{ width : 105px ;}
#headerNavi ul li.hn6 a{ width : 100px ;}
#headerNavi ul li.hn7 a{ width : 100px ; }
#headerNavi ul li.hn8 a{ width : 108px ; }

#headerNavi ul li.hn1 a:hover{ background : url(images/head_navi.png) 0px -40px ; }
#headerNavi ul li.hn2 a:hover{  background : url(images/head_navi.png) -107px -40px ;}
#headerNavi ul li.hn3 a:hover{ background : url(images/head_navi.png) -221px -40px ;}
#headerNavi ul li.hn4 a:hover{ background : url(images/head_navi.png) -332px -40px ;}
#headerNavi ul li.hn5 a:hover{ background : url(images/head_navi.png) -437px -40px ;}
#headerNavi ul li.hn6 a:hover{ background : url(images/head_navi.png) -542px -40px ; }
#headerNavi ul li.hn7 a:hover{ background : url(images/head_navi.png) -642px -40px ;}
#headerNavi ul li.hn8 a:hover{ background : url(images/head_navi.png) -742px -40px ;}

/*DMG additional*/
html>/**/body #headerNavi ul { 
height /*\**/: 35px\9;
 }
html>/**/body #headerNavi ul li a:hover {
margin-top /*\**/: -18px\9; }
/*DMG additional end*/

#center h3 { background : url("images/hl.png") no-repeat ; }
#center h3 a {color : #fff ; text-decoration : none ; }

#center h3, #index #center h3, #index #center h4, #index #center h5 {padding-top : 18px ; padding-bottom : 12px ;font-size : 12px; padding-left :50px ;color : #fff ;}
#index #center h3 { background : url("images/hl_seminar.png") no-repeat ; }
#index #center h4 { background : url("images/hl_merit.png") no-repeat;}
#index #center h5 { background : url("images/hl_new.png") no-repeat; }

#footer * { line-height :1.2; padding : 0 ; margin : 0 ;font-size : 10px ; text-decoration : none ; font-weight : normal ; color : #999 ; text-align : right ;}
#footer{ overflow : hidden ; padding-bottom : 20px ; padding-right : 10px ; position :relative; }
html >body #footer { padding-left : 100px ; }
#footer img { float : left ; margin : 0px 15px 15px; position : absolute ; left : 0px ; top : 0px ;}

#sidenavi1 form { text-align : center ;} 

#sidenavi1 form label { margin-bottom : 7px ;display : block ;background : url("images/search.png") no-repeat right center ; padding : 2px ; color : #fff ; font-size : 10px; } 
#sidenavi1 form input#search{ width : 60% ; }
#sidenavi1 form input#searchbutton { width : 30% ;  }

table { text-align : left ; width : 90% ;margin-left : 5% ; margin-bottom : 15px ; margin-top : 10px ;}
table th { background : #e3e3e3 ; text-align : left ; font-weight : normal ; padding : 3px ; }
table td { padding : 3px ;}

table.sample { text-align : left ; width : 90% ; border-collapse : collapse ;margin-left : 5% ; margin-bottom : 15px ; margin-top : 10px ;}
table.sample th { background : #e3e3e3 ; text-align : left ; font-weight : normal ; padding : 5px ; border : 1px solid #ccc ;}
table.sample td { padding : 5px ;border : 1px solid #ccc ;}

#sidemenu { padding-bottom : 20px ; }
#footerNavi { padding-left : 245px ; padding-bottom : 10px ; padding-right : 5px ; }
#footerNavi li { display : inline ; padding-right : 10px ; background : url(images/arrow_fnav.gif) no-repeat left center ; padding-left : 12px ;}

h4.faq { color: #00008B ; margin-left: 5px; padding-left: 15px ; line-height: 30px ; background: url("../images/h4line.jpg") no-repeat left bottom ; 	height : 30px ; margin : 0px ; font-weight : bold ; font-size : 14px; margin-top : 10px ;  margin-bottom : 5px ; }


/* DMG Additional*/
img.capture { float:left; margin: 0px 25px 25px 15px;}

dl#update_info {
	margin: 10px 20px 50px;
	}
dl#update_info dt {
	color: #000066;
	font-weight: bold;
	}
dl#update_info dd {
	background: url(images/arrow_fnav2.gif) no-repeat left top;
	padding-left: 20px;
	margin-top: 10px;
	}

/* 導入事例 DMG Additional 20101013 */

#jirei { width: 580px; margin-left: 5px; }
#jirei .gaiyo { border: #CCCCCC 1px solid; background: #EEFFFF; padding:5px; text-align:left; }
#jirei .gaiyo h4 { font-size: 16px; color:#336699; margin: 0px; }
#jirei .gaiyo div.left { float: left; width:350px; }
#jirei .gaiyo div.left span.numb { font-size:10px; }
#jirei .gaiyo div.prof { margin: 5px 0px 0px 8px; font-size:11px; }
#jirei .gaiyo div.right { float:right; width:210px; }
#jirei .gaiyo div.right img { border: #CCCCCC solid 1px; padding: 3px; background:#FFFFFF; }
#jirei .gaiyo p { font-size: 10px; margin: 0px; }
#jirei .clr { clear: both; }
#jirei .int { padding:0px; text-align:left; }
#jirei .int p.person { font-size:11px; margin: 5px 5px 0px 10px; }
#jirei .int h5 { font-size: 12px; background: url(images/br_jinji.png) no-repeat left center; width:580px; height:25px; margin: 0px; padding: 7px 0px 0px 5px; }
#jirei .int table { margin: 5px 5px 10px 10px; border: none; width: 98%; }
#jirei .int table th { background-color: #FFFFFF; vertical-align:top ; font-weight: bold;}
#jirei .t-red { color: #FF3300; }
#jirei .t-blue { color: #336699; }
#jirei .t-bold { font-weight: bold; }
#jirei .up { width: 100%; text-align: right; margin-right: 10px; font-size: 10px; }
#jirei .int img { border: #CCCCCC solid 1px; padding: 3px; background:#FFFFFF; }