@charset 'utf-8';

/**
 * for Top Page
 * Global Menus & Main Contents
 * 
 * @copyright   Sotaro KARASAWA
 * @author      Sotaro KARASAWA <sotaro@strk.jp>
 * @version     0.1.0
 * @date        2007/10/10
 */



/* Top Image
 */

#top-image {
background: url(../images/top_image.jpg) no-repeat;
height: 260px;
}

/* Global Menu
 */

#global {
margin-left: 54px;
padding-top: 10px;
}


#global {
padding-top: 10px;
}

#global ul{
}

#global li{
text-indent: -9999px;
width: 200px;
height: 40px;
list-style:none;
}

#global li a{
display: block;
width: 200px;
height: 40px;
overflow: hidden;

}

#global li.m01 a{ background: url(../images/menu_01.gif) no-repeat;}
#global li.m02 a{ background: url(../images/menu_02.gif) no-repeat;}
#global li.m03 a{ background: url(../images/menu_03.gif) no-repeat;}
#global li.m04 a{ background: url(../images/menu_04.gif) no-repeat;}
#global li.m05 a{ background: url(../images/menu_05.gif) no-repeat;}
#global li.m06 a{ background: url(../images/menu_06.gif) no-repeat;}

#global li.sw a:hover{ background-position: -200px 0;}


/* Main Contens
 */
#content {
clear:both;
}

#main {
width:510px;
float:right;
padding: 5px 5px 5px 25px;
}

#side {
width: 250px;
float:left;
padding: 5px 5px 15px 5px;
}

.side-item h3{
height: 20px;
background: url(../images/h3bg.gif) repeat-x;
border:solid 1px #ccc;
padding: 4px;
font-size: 13px;
margin:5px 0;
}

.side-item dl{
margin: 5px 0;
}

.side-item dt{
margin-top: 5px;
}

.side-item dd{
}

.banner{
}

.banner img{
vertical-align: middle;
float:right;
margin-right: 15px;
}


#business-banner {
margin:0;
padding:0;
}

#business-banner li{
float:left;
padding: 5px;
list-style:none;

}
#business-banner li a{
display: block;
width:160px;
height:100px;
text-indent:-9999px;
overflow:hidden;
}

#business-banner li.b01 a{background: url(../images/banner01.gif) no-repeat;}
#business-banner li.b02 a{background: url(../images/banner02.gif) no-repeat;}
#business-banner li.b03 a{background: url(../images/banner03.gif) no-repeat;}
/*
#business-banner li.b01 a:hover{background: url(../images/banner01_2.gif) no-repeat;}
#business-banner li.b02 a:hover{background: url(../images/banner02_2.gif) no-repeat;}
#business-banner li.b03 a:hover{background: url(../images/banner03_2.gif) no-repeat;}
*/
#business-banner li a:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}