*{
    margin:0;padding:0;
}
html{
height:100%;
background-color:#ccc;
}
body{
    text-align:center;
    width:980px;
    margin:0 auto;
    font-size:78%;
    line-height: 1.5;
    padding:0;
    color:#222;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

    background:#ccc url(img/body_bg.jpg) 50% 0 repeat-y;

}
html>body{
height:auto;
}
ul,ol{
    margin:0;
    padding:0 1.5em;
}
img{
    border:none;
}
h1{
    margin:10px 0 -15px;
}
h2{

}
h3{
    clear:both;
    border-bottom:1px solid #eee;
    margin:10px 0 3px;
    font-size:105%;
}
p{
margin-bottom:0.8em;
}

dd{
    margin-left:2em;
    margin-bottom:0.7em;
}

.right{
    float:right;
    margin:0 30px 0 20px;
}
#lead{
    margin:0;padding:0 10px;
    text-align:right;
    font-size:90%;
    color:#fff;
    position:absolute;
    right:10px;top:5px;
    z-index:5;
}
#container{
    width:959px;
    text-align:left;
    position:relative;
    margin:0 11px;

}
#header{
    font-size:90%;
    margin:0;
    position:relative;
    padding:0;
    padding-top:180px;
    background:url(img/header_bg.jpg);
}

#header #logo a{
    position:absolute;top:0;
    width:310px;height:176px;
    text-indent:-9999px;
}

#header p{
    position:absolute;
   right:20px;
}
#content{
    margin:0 10px;
background-color:none;background:url(img/bg.jpg) top right;
}
#main{
    width:700px;
    float:right;
    margin-right:10px;
    padding-bottom:20px;
    position:relative;
}

.right_image{
    width:260px;
    text-align:center;
    padding:10px;
    border:1px solid #ccc;
    float:right;
    margin:0 20px 20px;
}

#side{
    width:210px;
    float:left;
}

#menu{
    border-bottom:1px solid #aaa;
    height:40px;
    background-image:url(img/menu.jpg);
    background-repeat:no-repeat; 
}
#menu ul{margin:0;padding:0;}
#menu li{
    list-style:none;float:left;
    display:inline; 
}
#menu li a{
    display:block;
    float:left;
    height:40px;
    width:137px;    text-indent:-9999px;
}
/*
#menu li#m_home a:hover{
    background-image:url(img/menu.jpg);
    background-position:0 -66px;
}
#menu li#m_product a:hover{
    background-image:url(img/menu.jpg);
    background-position:-104px -66px;
}
#menu li#m_about_profiler a:hover{
    background-image:url(img/menu.jpg);
    background-position:-208px -66px;
}
#menu li#m_profiler a:hover{
    background-image:url(img/menu.jpg);
    background-position:-312px -66px;
}
#menu li#m_positioner a:hover{
    background-image:url(img/menu.jpg);
    background-position:-416px -66px;
}
#menu li#m_support a:hover{
    background-image:url(img/menu.jpg);
    background-position:-520px -66px;
}
#menu li#m_contact a:hover{
    background-image:url(img/menu.jpg);
    background-position:-624px -66px;
}
*/
#path{
    clear:both;
    height:25px;
    font-size:96%;  
    background-color:#fff;line-height:2.6;
    background-position:bottom;
    background-repeat:repeat-x;
    margin-bottom:5px;
    color:#666;
}
#path li{
    list-style:none;
    display:inline;



}
#path li a{
    display:block;
    float:left;    height:25px;    padding-right:20px;

    background:url(img/path_bg.jpg) right no-repeat ;
    color:#66a;

}


.tabMenu {
text-align: left; padding-left:330px;margin: -30px 0px 10px;height:1%;margin-left:0px;border-bottom:1px solid #aaa;z-index:1;position:relative;padding-top:1px;line-height:1.46em}

.tabMenu li { display: inline;margin:2px;} 

.tabMenu li a { display: inline; padding: 5px 34px 3px ; background: #eee; text-decoration: none; color: #4c4c4c; border-top: 1px solid #aaa;border-right: 1px solid #999; border-left: 1px solid #aaa; 
}
.tabMenu li a:hover { text-decoration: none; color: black; background: #999;}

.tabMenu li.selected a { background: #fff; color: #000; border-bottom: 1px solid #fff;z-index:2;position:relative;}
.tabMenu li.selected a:hover {background: #fff;}



.pagiNavi{
    background-color:#f0f0f0;
    margin:5px 20px 10px;
    padding:5px;
}
.pagiNavi li{
    background-color:#f0f0f0;
    margin:0px 30px;
    list-style-image:   url(img/arrow_down.gif);
}

#side ul {
    padding:0;
    margin:0;
    background-color:#fcfcfc;    border-left:1px solid #ddd;  
}
#side li {
    list-style-type:none;
    margin:0;
    list-style-position:inside;

    margin-left:0px;
    line-height:2;
    padding-left:0px; 
    padding:0;


}

#side li a{
    display:block;
    background:url(img/arrow_right.gif)  no-repeat 7px 10px;
    line-height:1.5;
    padding:5px 0 5px 20px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    margin-top:0;
    text-decoration:none;
    color:#666;
    font-weight:bold;
}

#side .selected {
  
}
#side .selected a{
    background-color:#f0f0f0; 
    font-weight:bold;
    border-right:5px solid #E91B26;
}

#side  a:hover{
    background-color:#cef;
}

#side h3{
    margin:0;
    padding:10px 10px;
    line-height:1.5;
    font-size:140%;
    color:#fff;
    border:none;
    background-color:#09f;
    background-color:#06b;
    background-image:url(img/side_menu.jpg);
}
#side h4{
    margin:0;
    padding:3px 10px;
    line-height:2;
    color:#fff;
    border:none;
    background-color:#678;
}
#footer{
    margin-top:20px;
    padding:10px 0 20px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #666;

    text-align:center;
    clear:both;
    color:#aaa;
    background-color:#fff;

}
#footer ul{
    list-style:none;
    display:inline;
    line-height:1;
}

#footer li{
    display:inline;

}

#footer li a{
        color:#666;
        padding:1px 10px;
        border-left:1px solid #ccc;
}

#copyright{
    margin:5px;
    display:inline;
    color:#999;
    font-family: Lucida Grande;
    font-weight: bold;
}


#main h1{
    margin-bottom:10px;
}

.product .catch{
margin-top:10px;margin-bottom:0;line-height:0.4;color:#666;
}
.product h1{
    margin-top:0;
}

.product h3.h3{
color:#999;font-size:130%;margin:0;
}

table{
    border:1px solid #aaa;
    border-collapse:collapse;
	table-layout: fixed;
	font-size:90%;
	margin-bottom:10px;
}

caption{
    text-align:left;
}
th,td{
    border:1px solid #aaa;
    padding:2px 5px;
}
th{
    text-align:left;
    background-color:#eee;
}
.col1{
    width:320px;
    float:left;
    margin-right:20px;
    text-align:center;

}
.center{
    text-align:center;
    margin:5px 0 20px;   

}
.col1 p,.col1 h3,.col1 h4{
    text-align:left; 
}
.content_bg{
background:url(img/content_bg.jpg) no-repeat;
}