/************************************************************
#
#会社:タケダデザインルーム
#
************************************************************/
/* 各共通部分 */

* {
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 14px;
}

html {
background: #000000;
}

html, body {
height:100%;
}

li {
list-style: none;
}

img {
border: none;
}

#wrap {
width: 765px;
height: 100%;
min-height: 100%;
margin: 0px 0px;
padding: 0px 0px;
background: url(cmnfix/bg_wrap.gif) repeat-y right;
position:relative;
}

body > #wrap {
height: auto;
}

a {
color:#333333;
text-decoration:none;
}

a:hover {
color:#FFD700;
text-decoration:underline;
}

/*ヘッダー
************************************************************/
#header {
width: 765px;
position: absolute;
top: 0px;
left: 0px;
}

/*メイン
************************************************************/
#main {
width: 765px;
background: url(cmnfix/bg_main.jpg) no-repeat bottom left;
}

#m_left {
width: 225px;
height: 500px;
_height: 478px;
min-height: 500px;
background: url(cmnfix/bg_m_left.jpg) no-repeat top;
float: left;
}

#logo {
width: 120px;
height: 88px;
margin: 32px 0px 0px 64px;
}

#m_right {
width: 538px;
padding: 0px 2px 0px 0px;
float: right;
}

/*メニュー
************************************************************/
#menu {
width: 160px;
position: absolute;
top: 166px;
left: 68px;
}

ul#menu li a {
width: 136px;
height: 25px;
margin: 0px 0px 2px 0px;
display: block;
text-indent: -9999px;
overflow: hidden;
}

ul#menu li.bt_01 a {
width: 157px;
background: url(cmnfix/menu_01.gif) no-repeat;
}

ul#menu li.bt_01 a:hover {
width: 157px;
background: url(cmnfix/menu_over_01.jpg) no-repeat;
}

ul#menu li.bt_02 a {
background: url(cmnfix/menu_02.gif) no-repeat;
}

ul#menu li.bt_02 a:hover {
background: url(cmnfix/menu_over_02.jpg) no-repeat;
}

ul#menu li.bt_03 a {
background: url(cmnfix/menu_03.gif) no-repeat;
}

ul#menu li.bt_03 a:hover {
background: url(cmnfix/menu_over_03.jpg) no-repeat;
}

ul#menu li.bt_04 a {
width: 157px;
background: url(cmnfix/menu_04.gif) no-repeat;
}

ul#menu li.bt_04 a:hover {
width: 157px;
background: url(cmnfix/menu_over_04.jpg) no-repeat;
}

ul#menu li.bt_05 a {
background: url(cmnfix/menu_05.gif) no-repeat;
}

ul#menu li.bt_05 a:hover {
background: url(cmnfix/menu_over_05.jpg) no-repeat;
}

ul#menu li.bt_06 a {
background: url(cmnfix/menu_06.gif) no-repeat;
}

ul#menu li.bt_06 a:hover {
background: url(cmnfix/menu_over_06.jpg) no-repeat;
}

#sub_menu {
width: 480px;
height: 42px;
background: url(cmnfix/bg_sub_menu.jpg) no-repeat;
position: absolute;
top: 0px;
left: 283px;
}

#sub_menu ul {
margin: 15px 0px 0px 322px;
}

#sub_menu li {
font-size: 11px;
color: #FFFFFF;
float: left;
}

#sub_menu li a {
color: #ffffff;
}

#sub_menu li a:hover {
text-decoration: underline;
}



/*フッター
************************************************************/
#footer {
width:765px;
height:35px;
position: relative;
background: url(cmnfix/bg_wrap.gif) repeat-y right;
text-align: right;
}

#footer p { 
padding: 13px 9px 0px 0px;
}

.bg_image {
width: 205px;
height: 150px;
position: absolute;
top: -141px;
_top: -130px;
left: 20px;
}

/*etc
************************************************************/
.clear_00 {
width: 100%;
height: 1px;
background: url(cmnfix/bg_wrap.gif) repeat-y right #000000;
position: relative;
font-size: 1px;
clear: both;
}



#counter {
position: absolute;
}