@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td {
	margin:0;
	padding:0;
	text-decoration: none;
	font-style:normal;
	}
table {
	border-collapse:separate;
	border-spacing:1px;
	border:0;
	}
ul,ol {
	list-style:none;
	}

body{
	color:#333333;
	background:#FFFFFF url(../img/body_bg.gif) top repeat-x;
	font-size:90%;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,sans-serif;
	line-height:1.4em;
	text-align:center;
	}

img {
	border:0;
	}


html, body, #wrapper {height:100%;}
body > #wrapper {height:auto; min-height:100%;}

/*----------------------------------------
a
----------------------------------------*/
a:link {color:#3366CC; text-decoration:none;}
a:visited {color:#3366CC; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:underline;}
a:active {outline:none;}
a:focus {-moz-outline-style:none;}

a.blk:link {color:#333333; text-decoration:none;}
a.blk:visited {color:#333333; text-decoration:none;}
a.blk:hover {color:#FF0000; text-decoration:underline;}

a.red:link {color:#FF0000; text-decoration:none;}
a.red:visited {color:#FF0000; text-decoration:none;}
a.red:hover {color:#FF0000; text-decoration:underline;}

a.wht:link {color:#FFF; text-decoration:none;}
a.wht:visited {color:#FFF; text-decoration:none;}
a.wht:hover {color:#FFF; text-decoration:underline;}


/*----------------------------------------
h
----------------------------------------*/
h1 {width:185px; height:60px; display:block;}
h2 {position:relative; margin:0 0 5px 0; padding:0 0 0 70px; width:470px; height:45px; font-size:14px; line-height:3.5em; overflow:hidden; background:url(../img/tt.jpg) no-repeat;}
h2 span {position:absolute; bottom:5px; right:10px; font-size:85%; line-height:1em; display:block;}

/*----------------------------------------
wrapper
----------------------------------------*/
#wrapper {margin:0 auto; text-align:left;}

/*----------------------------------------
header
----------------------------------------*/
#header {position:relative; display:block; margin:0 auto; padding:0; width:750px; height:80px;}
#header h1#logo a {position:absolute; margin:15px 0 0 10px; padding:0; width:185px; height:60px; text-indent:-9999px; overflow:hidden; background:url(../img/logo.gif) no-repeat;}


/*----------------------------------------
navi
----------------------------------------*/
ul#navi {margin:0 auto; padding:0; width:750px; height:30px;}
ul#navi li {float:left;}
ul#navi li a {display:block; margin:0; padding:0; width:125px; height:30px; text-indent:-9999em; overflow:hidden;}    
ul#navi li#menu01 a {background:url(../img/menu.gif) no-repeat 0 0;}
ul#navi li#menu02 a {background:url(../img/menu.gif) no-repeat -125px 0;}
ul#navi li#menu03 a {background:url(../img/menu.gif) no-repeat -250px 0;}
ul#navi li#menu04 a {background:url(../img/menu.gif) no-repeat -375px 0;}
ul#navi li#menu05 a {background:url(../img/menu.gif) no-repeat -500px 0;}
ul#navi li#menu06 a {background:url(../img/menu.gif) no-repeat -625px 0;}

#home ul#navi li#menu01 a, ul#navi li#menu01 a:hover {background:url(../img/menu.gif) no-repeat 0 -30px;}
#development ul#navi li#menu02 a, ul#navi li#menu02 a:hover {background:url(../img/menu.gif) no-repeat -125px -30px;}
#company ul#navi li#menu03 a, ul#navi li#menu03 a:hover {background:url(../img/menu.gif) no-repeat -250px -30px;}
#recruit ul#navi li#menu04 a, ul#navi li#menu04 a:hover {background:url(../img/menu.gif) no-repeat -375px -30px;}
#access ul#navi li#menu05 a, ul#navi li#menu05 a:hover {background:url(../img/menu.gif) no-repeat -500px -30px;}
#contact ul#navi li#menu06 a, ul#navi li#menu06 a:hover {background:url(../img/menu.gif) no-repeat -625px -30px;}


/*----------------------------------------
topbnr
----------------------------------------*/
.topbnr {margin:0 auto; height:171px;}
.topbnr p {margin:0 auto; padding:10px 0 0 0; width:750px; height:150px}


/*----------------------------------------
container
----------------------------------------*/
#container_body {height:auto; background:url(../img/container_body_bg.gif) repeat;}
#container {margin:0 auto; padding:10px 3px 100px 3px; width:750px; height:auto; background:url(../img/container_bg.gif) no-repeat;}

.gotop a {margin:10px 0 0 0; padding:2px 10px; display:block; width:520px; height:16px; text-align:right;}
.gotop a:link {background:#FFFFFF;}
.gotop a:visited {background:#FFFFFF;}
.gotop a:hover {background:#FFE8E9;}

/*----------------------------------------
right
----------------------------------------*/
#right {float:right; padding:0; width:550px; height:auto;}

/*----- home -----*/
.text_t {margin:0; width:540px; height:auto; background:url(../img/home/home_txt_t.gif) no-repeat;}
.text_t span {padding:13px 20px; width:500px; height:auto; font-size:85%; line-height:2.05em; letter-spacing:1px; display:block;}
.text_b {margin:0 0 10px 0; width:540px; height:5px; text-indent:-9999px; background:url(../img/home/home_txt_b.gif) no-repeat;}

.seisaku_img {margin:5px 3px 0 3px;}
.more_img {padding:5px 15px; text-align:right;}


/*----- access -----*/
#right p.yahoo {margin:10px 25px; padding:5px; width:480px; height:315px; border:1px solid #CCCCCC;}


/*----- contact -----*/
#right p.contact {padding:10px 0 0 10px; font-size:85%; color:#FF0000;}

table#contact_table {margin:10px; width:520px; color:#414141; background:#CCCCCC;}
table#contact_table th {padding:10px 0 10px 15px; width:105px; height:auto; font-size:85%; background:#FAFAFD; text-align:left;}
table#contact_table td {padding:10px 0 10px 10px; width:387px; height:auto; font-size:85%; background:#FFFFFF;}

.address_num {float:left;}

select#pref {margin:0 0 10px 0; padding:0;}

.transmit {margin:0 0 10px 0; padding:0; text-align:center;}


/*----- recruit -----*/
#right p.recruit {padding:0 10px; font-size:85%;}


/*----- company -----*/
table#company_table {margin:10px; width:520px; color:#414141; background:#CCCCCC;}
table#company_table th {padding:0 0 0 15px; width:85px; height:40px; font-size:85%; background:#FAFAFD; text-align:left;}
table#company_table td {padding:5px 10px; width:407px; height:40px; font-size:85%; background:#FFFFFF;}
table#company_table ul {padding:0;}
table#company_table li {padding:0 0 0 13px; background:url(../img/company_icon.gif) no-repeat 0 7px;}


/*----- development -----*/
#mainbox {margin:0; padding:0; width:540px; height:auto; clear:both;}
#mainbox div  {margin:0 0 5px 0; padding:0; width:540px; height:auto; overflow:hidden; clear:both; background:url(../img/dvlp_boxbt.gif) bottom no-repeat;}
#mainbox dl {float:left; margin:0 5px 10px 5px; padding:0; width:260px; height:auto; display:inline; background:url(../img/dvlp_boxtp.gif) no-repeat;}
#mainbox dt {padding:8px 0 0 20px; height:27px; font-weight:bold;}
/*#mainbox dd {padding:5px 10px 10px 10px; height:auto; font-size:85%; background:url(../img/mainbox_b.gif) bottom no-repeat;}*/
#mainbox dd {padding:5px 10px; height:auto; font-size:85%;}



/*----- sitemap -----*/
dl#sitemap {padding:15px 0 0 20px;}
dl#sitemap dt {font-weight:bold; margin:0 0 0 0; padding:0 0 0 20px; vertical-align:middle; background:url(../img/home_icon.gif) no-repeat 0 0;}
dl#sitemap dd {text-indent:1.5em;}
dl#sitemap dd span {color:#666666;}


/*----- privacy -----*/
.privacy {margin:10px 0 0 5px; padding:5px 15px 5px 10px; width:503px; height:auto; border:1px solid #CCCCCC; color:#333333; font-size:85%;}
dl#privacy {padding:5px 10px; width:520px; font-size:85%;}
dl#privacy dt {padding:5px 0 0 15px; font-weight:bold; background:url(../img/icon03.gif) no-repeat 0 10px;}
dl#privacy dd {padding:0 0 0 10px;}


/*----------------------------------------
left
----------------------------------------*/
#left {float:left; padding:0 0 0 10px; width:180px; height:auto;}

ul#l_menu {margin:0 0 10px 0; width:180px;}
ul#l_menu li {margin:0 0 5px 0;}
ul#l_menu li a {display:block; width:180px; height:40px; text-indent:-9999em; overflow:hidden;}    
ul#l_menu li#l_menu01 a {background:url(../img/l_menu.gif) no-repeat 0 0;}
ul#l_menu li#l_menu02 a {background:url(../img/l_menu.gif) no-repeat 0 -80px;}
ul#l_menu li#l_menu03 a {background:url(../img/l_menu.gif) no-repeat 0 -160px;}

#l_development ul#l_menu li#l_menu01 a, ul#l_menu li#l_menu01 a:hover {background:url(../img/l_menu.gif) no-repeat 0 -40px;}
#l_recruit ul#l_menu li#l_menu02 a, ul#l_menu li#l_menu02 a:hover {background:url(../img/l_menu.gif) no-repeat 0 -120px;}
#l_contact ul#l_menu li#l_menu03 a, ul#l_menu li#l_menu03 a:hover {background:url(../img/l_menu.gif) no-repeat 0 -200px;}


.l_box_t {margin:0; padding:0 0 0 30px; width:150px; height:30px; color:#FFFFFF; font-weight:bold; line-height:2.4em; overflow:hidden; background:url(../img/l_box_t.gif) no-repeat;}
.l_box_b {margin:0 0 5px 0; padding:0; width:180px; height:auto; background:url(../img/l_box_b.gif) bottom no-repeat;}
.l_box_b dl {margin:0; padding:4px 10px 0 10px; color:#333333; font-size:10px; line-height:1.5em; overflow:hidden;}
.l_box_b dt {font-weight:bold;}
.l_box_b dd {}
.l_box_b a {padding:3px 10px; font-size:10px; text-align:right; display:block;}



/*----------------------------------------
footer
----------------------------------------*/
#footer {position:relative; clear:both; margin:-70px 0 0 0; padding:0; height:70px; color:#FFFFFF; background:url(../img/footer_bg.gif) repeat-x;}

#footer p {margin:0 auto; padding:10px 0 0 0; width:750px; height:auto; font-size:85%; text-align:right;}
#footer span {margin:0 auto; padding:5px 0 0 0; width:750px; height:auto; font-size:85%; text-align:right; display:block;}


/*----------------------------------------
CLEAR FIX
----------------------------------------*/
/* CLEAR FIX */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.cb {clear:both; height:0; line-height:0; font-size:1%; }