@import url("contents.css");

* { margin:0; padding:0; border:0; background-color:transparent; color:rgb(0,0,0); font-size:100%; font-weight:normal; font-style:normal; text-decoration:none;}
/* * { border:1px dashed rgb(200,200,200); } */

body { background:rgb(255,255,255) url(./img/layout_backimg.png) repeat-x; color:rgb(0,0,0); font-family:Verdana,Arial,Helvetica,sans-serif; text-align:center; }

/* -------------------------------------- */

#l_dropshadow { width:816px; background: url(./img/layout_dropshadow.png) no-repeat; margin:0pt auto; }

/* -------------------------------------- */

#l_header { position:relative; width:800px; height:67px; background:transparent url(./img/head_title_back.png) repeat-x; text-align:left; margin:0pt auto; }
#l_header .name { position:absolute; left:15px; top:22px; text-indent:-10000px; background:transparent url(./img/head_title.gif) no-repeat; width:225px; height:31px; }
#l_header .navi { position:absolute; left:430px; top:10px; float:left; }
#l_header .navi li { float:left; padding-left:5px; margin-left:0px; list-style-type:none; list-style-image:none; list-style-position:outside;}

/* -------------------------------------- */

#l_menu { position:relative; width:800px; height:29px; background:transparent url(./img/menu_backimg.png) repeat-x; text-align:left; margin:0pt auto; }
#l_menu ul { list-style-type:none; list-style-image:none; list-style-position:outside; }
#l_menu li { float:left; width:132px; height:29px; }
#l_menu a { display:block; background: url('./img/menu_button_back.png') no-repeat; background-position: 0px 0px; }
#l_menu a:hover { display:block; background: url('./img/menu_button_back.png') no-repeat; background-position: 0px -29px; }

/* -------------------------------------- */

#subtitle { clear:both; position:relative; display:block; width:800px; margin:0pt auto; }
.Corporate { height:80px; background: url(./img/subtitle_corporrate.png) no-repeat; }
.Takumi { height:80px; background: url(./img/subtitle_takumi.png) no-repeat; }
.Employ { height:80px; background: url(./img/subtitle_employ.png) no-repeat; }
.other { height:10px; background: url(./img/subtitle_other.png) no-repeat; }
	x.Sitemap { background: url(./img/subtitle_test.png) no-repeat; }
	x.Privacy { background: url(./img/subtitle_test.png) no-repeat; }
	x.Infoq { background: url(./img/subtitle_test.png) no-repeat; }
	x.Download { background: url(./img/subtitle_test.png) no-repeat; }

#subtitle .pankuzulink { position:absolute; left:20px; top:45px; float:left; font-size:80%; }

/* -------------------------------------- */

#l_body { position:relative; width:800px; min-height:400px; margin:0pt auto; }
#l_body #main_contents { width:600px; text-align:left; margin:0px 0px 0px 155px; padding:20px 15px 50px 15px; }


#sidemenu { position:relative; left:15px; top:0px; width:125px; padding:0px 0px 0px 0px; float:left; margin:0pt auto;}
#sidemenu ul { list-style-type:none; list-style-image:none; list-style-position:outside; font-size: 0em;}
#sidemenu li { padding:1px 0px 1px 0px; font-size: 0;line-height:0; vertical-align: bottom; width:125px; height:36px;}
#sidemenu li.small { padding:1px 0px 1px 0px; font-size: 0;line-height:0; vertical-align: bottom; width:125px; height:18px;}
#sidemenu a { display:block; background-color:rgb(230,230,230); }
#sidemenu a:hover { background-color:rgb(255,255,255); }
#sidemenu a.selected { background:transparent url(./img/sidemenu_selected.gif) no-repeat; }
#sidemenu a.selected:hover { background-color:rgb(255,255,255); }

#outlineend { width:816px; height:34px; background:transparent url(./img/layout_bodylineend.png); margin:0pt auto; }


/* -------------------------------------- */

#l_footer { clear:both; position:relative; width:800px; height:50px; color:rgb(128,128,128); text-align:center; margin:0pt auto; }
#l_footer ul.navi { padding:5px 0px 0px 0px; }
#l_footer .navi li { color:rgb(80, 50, 200); list-style-type:none; list-style-image:none; list-style-position:outside; display:inline; font-size:80%; }
#l_footer li a,
#l_footer li a:link,
#l_footer li a:visited { color:rgb(80, 50, 200); }
#l_footer li a:focus,
#l_footer li a:hover,
#l_footer li a:active { color:rgb(153, 102, 0); text-decoration:none; }
#l_footer address { padding-top:10px; padding-bottom:0px; font-size:70%; color:rgb(51,51,51); font-style:normal; }

/* -------------------------------------- */