﻿

/* 基本レイアウト設定 */

#header {
position: absolute;
top:20px;
left:auto;
background:url(../img/top_bar.jpg) no-repeat;
margin:0px auto;
padding:20px 0px 0px 0px;
width:900px;
height:auto;
background-color:#f5f5f5;
}

#pagebody {
background:url(../img/main_back.jpg) repeat-y;
margin:21px auto;
width:900px;
height:auto;
text-align:left;
}


#footer {
background:#f5f5f5 url(../img/under_bar.jpg) no-repeat;
height:30px;
margin:0 auto;
padding:0px 0px 1px 0px;
color:#999999;
font-size:12px;
text-align:center;
clear:both;
width:900px;
}

/* ヘッダーレイアウト設定 */

#google_search {
position: absolute;
left:0;
margin:-9px 0px 0px 0px;
padding:0;
width:878px;
}

.cse-branding-right {
margin-right:8px;
}

.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
text-align:right;
width:878px;
}

#google_search .textsize { width:120px;
border:#d5d5d5 1px solid;
}


#cbase_logo {
float:left;
margin-top:17px;
margin-left:10px;
}

.navigation_menu {
margin-left:270px;
margin-bottom:0px;
padding:27px 0 0 0;
list-style-type:none;
width:auto;
height:auto;
}

.navigation_menu ul {
margin:0;
padding:0;
}

.navigation_menu li {
float:left;
margin:0;
padding:0;
color:#ffffff;
}

.navigation_menu a, .navigation_menu a:hover {
display:block;
width:122px;
margin:0;
padding:4px 0 1px 0;
text-align:center;
color:#ffffff;
font-weight:bold;
background-repeat:no-repeat;
background-position:bottom;
}

.navigation_menu a {
background-image:url(../img/nonac_menu.gif);
}

.navigation_menu a:hover {
background-image:url(../img/active_menu.gif);
}

.navigation_menu li p {
color:#ffffff;
padding:3px 0 1px 0;
}

#navigation_menu_active {
background-image:url(../img/active_menu.gif);
}

#top_bar {
clear:both;
padding-top:0px;
background-image:url(../img/gra_d.jpg);
background-repeat:repeat-y;
width:900px;
height:20px;
background-color:#478bcc;

}

/* サイドレイアウト設定 */

#sidemenu {
float:left;
width:210px;
padding-top:100px;
padding-left:20px;
margin:1px;
background-color:#ffffff;
}

.side_menu {
margin-left:0;
list-style-type:none;
width:174px;
padding-top:0px;
padding-left:5px;
padding-bottom:8px;
font-weight:bold;
}

.side_menu li {
margin:0px;
padding:1px 1px 1px 2px;
}
.side_menu a {
color: #4186cb;
display:block;
padding:2px;
text-decoration:none;
position: relative; /* IE 6対応（マウス反応範囲が広がらないバグの対処）*/
background-color:#ffffff;
}

.side_menu a:visited {color: #4186cb;}
.side_menu a:hover {color: #ff9900;}
.side_menu a:active {color: #ff9900;}

.side_menu_2 {
margin-top:5px;
margin-left:0px;
margin-bottom:8px;
list-style-type:none;
width:150px;
padding-top:0px;
padding-left:5px;
padding-bottom:10px;
font-weight:normal;
border-bottom:1px dotted #cccccc;
}

.side_menu_2 li {
margin-left:15px;
padding:1px 1px 1px 2px;
}
.side_menu_2 a {
color: #4186cb;
display:block;
padding:2px;
text-decoration:none;
position: relative; /* IE 6対応（マウス反応範囲が広がらないバグの対処）*/
background-color:#ffffff;
font-weight:nomal;
}

#side_active {
background-color:#ddeeff;
}

.side_menu_other {
margin-top:5px;
margin-left:0px;
margin-bottom:0px;
list-style-type:none;
width:150px;
padding-top:0px;
padding-left:5px;
padding-bottom:10px;
font-weight:bold;
border-bottom:1px dotted #cccccc;
}

.side_menu_other li {
margin-left:10px;
padding:1px 1px 1px 2px;
}

.side_menu_other a {
color: #4186cb;
display:block;
padding:2px;
text-decoration:none;
position: relative; /* IE 6対応（マウス反応範囲が広がらないバグの対処）*/
background-color:#ffffff;
font-weight:nomal;
}


.side_menu_3 {
margin-top:5px;
margin-left:0px;
margin-bottom:5px;
list-style-type:none;
width:140px;
padding-top:0px;
padding-left:5px;
padding-bottom:5px;
font-weight:normal;
}

.side_menu_3 li {
margin-left:15px;
padding:1px 1px 1px 2px;
}
.side_menu_3 a {
color: #4186cb;
display:block;
padding:2px;
text-decoration:none;
position: relative; /* IE 6対応（マウス反応範囲が広がらないバグの対処）*/
background-color:#ffffff;
font-weight:nomal;
}



.side_tab {
background-image:url(../img/right_menu_top.gif);
background-repeat:no-repeat;
background-position:left bottom;
width:190px;
height:25px;
color:#ffffff;
font-weight:bold;
text-align:center;
font-size:12px;
letter-spacing:0em;
margin-bottom:0px;
}

.side_tab p {
padding-top:4px;
}

.side_body {
background-image:url(../img/right_menu_middle.gif);
background-repeat:repeat-y;
width:190px;
padding-top:10px;
padding-left:5px;
margin-left:0px;
font-weight:nomal;
}

.side_bottom {
background-image:url(../img/right_menu_under.gif);
background-repeat:no-repeat;
width:190px;
height:10px;
margin-bottom:15px;
}

#side_inquiry {
margin-left:0px;
}

#side_mark_1 {
margin-top:15px;
margin-left:15px;
padding-left:0;
}

#side_mark_1 li {
list-style-type:none;
float:left;
margin-right:20px;
margin-left:0px;
}

#side_es_banner {
margin-top:17px;
}


/* メインフッター設定 */

#main_footer {
clear:both;
color:#999999;
font-size:12px;
text-align:center;
background-color:#ffffff;
height:10px;
}

