/* =全体================================================ */
* { margin: 0; padding: 0; }	a img { border: 0; background: transparent; }  html { height: 100% }	body { min-height: 101% }
body {
	font: 10px Arial, Helvetica, sans-serif;
	color: #656565;
	background: #D1DADF url(../images/bg01.gif) repeat-y 50% 0;
}
* {
scrollbar-face-color: #7BB8D6; 
scrollbar-track-color: #D1DADF; 
scrollbar-arrow-color: #ffffff; 
scrollbar-highlight-color: #D1DADF; 
scrollbar-shadow-color: #004365; 
scrollbar-3dlight-color: #EDF8FF; 
scrollbar-darkshadow-color: #014365; 

}

<!--　**** 送信フォーム用 ****　  -->

input.button01{
/*文字フォント*/font-family :ＭＳ ゴシック;
/*文字サイズ */font-size :10pt;
/* 文字色 */ color :#444444;
/* 背景色 */ background-color:#D5F3FE;
/*線の外観 */border-top : 4px double #7BB8D6 ;
             border-bottom : 4px double #7BB8D6 ;
             border-left : 4px double #7BB8D6 ;
             border-right : 4px double #7BB8D6 ;
}

input,textarea,select {

border :1 dotted #7BB8D6;
scrollbar-face-color: #7BB8D6; 
scrollbar-track-color: #D1DADF; 
scrollbar-arrow-color: #ffffff; 
scrollbar-highlight-color: #D1DADF; 
scrollbar-shadow-color: #004365; 
scrollbar-3dlight-color: #EDF8FF; 
scrollbar-darkshadow-color: #014365; 
}
<!--　********　  -->
#main { width: 715px; background: #FFFFFF; margin: 30px auto 30px; }　/* =メイン中央部= */

p { line-height: 1.6; margin: .1em 0 1em; }

a { text-decoration: none; color: #014365; border-bottom: 1px dotted #014365; }　/* =リンク部= */
a:hover, a:focus {text-decoration: none; color: #7BB8D6; border-bottom: 1px dotted #014365; }             　/* =リンク部= */

h3 { color: #888888; font-weight: normal; margin: 5px 0 .8em; line-height: 1.4; font-size: 16px; }
h2 { color: #656565; font-weight: normal; margin: 3px 0.5em; line-height: 1.4; font-size: 14px; }

/* =ヘッダ部================================================ */
#header { width: 775px; height: 75px; position: relative; margin: 0 auto; }
#header h1#logo a { position: absolute; top: 15px; left: 28px; width: 160px; height: 52px; background: url(../images/logo01.gif);
                           font-size: 16px; color: #656565; display: block; text-indent: -9999em; overflow: hidden; border-bottom: none; }
#header h1 a { cursor: hand; }
#header h3#logo_j01 { position: absolute; top: 25px; right: 25px; width: 137px; height: 40px; background: url(../images/logo_j01.gif); font-size: 110%; color: #777; display: block; text-indent: -9999em; }

/* =コンテンツ左部=========================================== */
#main_left {
	width: 455px;
	margin: 0 30px 30px 0;
	float: left; display: inline;
}

/* =メインコンテンツボタン部==================================== */
dl#grid {
	width: 451px; height: 210px;
	background: #D1DADF;
	margin: 0em 0;
}
dl#grid dt {
	width: 451px; height: 28px;
	background: #EDF8FF url(../images/header01.gif) no-repeat;
	text-indent: -9999em;
}

/* ボタン部上部 */
dl#grid ul#upper {
    width: 451px; height: 91px;
	background-image: url(../images/menu01.gif); 
    margin: 0; padding: 0;
	position: relative;
	list-style: none;
}
dl#grid ul#upper li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
dl#grid ul#upper li, dl#grid ul#upper li a { height: 91px; display: block; text-indent: -9999px; overflow: hidden; border-bottom: none; background-image: none; }
dl#grid #upper1 { left: 0px; width: 225px; }
dl#grid #upper2 { left: 225px; width: 226px; }
dl#grid #upper1 a:hover {
    background: transparent url(../images/menu01.gif)
	0px -91px no-repeat; }
dl#grid #upper2 a:hover {
    background: transparent url(../images/menu01.gif)
	-225px -91px no-repeat; }

/* ボタン部下部 */
dl#grid ul#lower {
    width: 451px; height: 90px;
	background-image: url(../images/menu02.gif); 
    margin: 0; padding: 0;
	position: relative;
	list-style: none;
}
dl#grid ul#lower li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
dl#grid ul#lower li, dl#grid ul#lower li a { height: 90px; display: block; text-indent: -9999px; overflow: hidden; border-bottom: none; background-image: none; }
dl#grid #lower1 { left: 0px; width: 225px; }
dl#grid #lower2 { left: 225px; width: 226px; }
dl#grid #lower1 a:hover {
    background: transparent url(../images/menu02.gif)
	0px -90px no-repeat; }
dl#grid #lower2 a:hover {
    background: transparent url(../images/menu02.gif)
	-225px -90px no-repeat; }

/* =コンテンツ右部========================================= */
#main_right {	width: 225px;}

/* =バナー部============================================== */
#banner { width: 765px; height: 160px; margin: 0 auto; }

/* =メニューナビ部===================================== */
ul#navi {
	width: 765px; height: 30px;
	background: url(../images/navi01.jpg) no-repeat; 
    margin: 0 auto 5px; padding: 0;
	list-style: none;
    position: relative;
}
ul#navi  li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;
	top: 0;
}
ul#navi li, ul#navi a { height: 30px; display: block; text-indent: -9999px; overflow: hidden; }
#nav1 { left: 0px; width: 120px; }
#nav2 { left: 120px; width: 114px; }
#nav3 { left: 234px; width: 146px; }
#nav4 { left: 380px; width: 120px; }
#nav5 { left: 500px; width: 124px; }
#nav6 { left: 624px; width: 141px; }

#nav1 a:hover, #bd-practices #nav1 a {
    background: transparent url(../images/navi01.jpg)
	0px -30px no-repeat; }
#nav2 a:hover, #bd-methods #nav2 a {
    background: transparent url(../images/navi01.jpg)
	-120px -30px no-repeat; }
#nav3 a:hover, #bd-casestudies #nav3 a {
    background: transparent url(../images/navi01.jpg)
	-234px -30px no-repeat; }
#nav4 a:hover, #bd-about #nav4 a {
    background: transparent url(../images/navi01.jpg)
	-380px -30px no-repeat; }
#nav5 a:hover, #bd-resources #nav5 a {
    background: transparent url(../images/navi01.jpg)
	-500px -30px no-repeat; }
#nav6 a:hover, #bd-contact #nav6 a {
    background: transparent url(../images/navi01.jpg)
	-624px -30px no-repeat; }

/* =フッタ部================================================ */
#footer { clear: both; margin: 0.5em 0; font-size: 9px; }
#footer hr { color: #fff; background-color: #FFFFFF border: 1px dotted #014365; border-style: none none dotted; width: 715px; margin: 0em 0 .75em; display: block; }

/* =携帯案内================================================ */
ul#mobile { position: absolute; left: -9999px; font-size: small; }