@charset "utf-8";


body { margin:0; padding:0; font-family:  Arial,Helvetica, sans-serif; font-size:12px; background-color:#1b1b1b; color: #333333; line-height:18px; }

body a { color: #333333; font-size:12px; text-decoration:none; }

body a:hover { color: #333333; font-size:12px; text-decoration: underline;  }


ul,li { margin:0; padding:0; }


#top { height:191px;  background:#1b1b1b}

#body{ background:url(../img/left_bg.gif) repeat-y;  background-color:#FFFFFF }

#body_index{ background-color:#FFFFFF }

#left{ position:absolute; top:191px; width:241px;}

#body_r{ padding-left: 241px }

#menu { height:31px; background-color:#24456c }

#menu_index { height:31px; padding-left:210px; background-color:#24456c }

#content{ width:796px; }

#footer {height:110px; background-color:#1b1b1b }

#visual_main_page {repeat-x; height:183px;}

#visual_main {background: url(../img/visual_main.jpg) repeat-x; height:183px;}

#visual01 {background: url(../img/visual01.jpg) no-repeat; height:184px;}

#visual02 {background: url(../img/visual02.jpg) no-repeat; height:184px;}

#visual03 {background: url(../img/visual03.jpg) no-repeat; height:184px;}

#visual04 {background: url(../img/visual04.jpg) no-repeat; height:184px;}



.l_gap { height: 10px; }


/*header menu*/

.header_m ul { list-style:none; padding:8px 20px 0 880px;}

.header_m ul li { float:left; display:block; }

.header_m ul li a { float:left; display:block; color:#FFFFFF; text-decoration:none; padding: 2px 12px 2px 12px;  font-size:12px }

.header_m ul li a:hover { color:#00CCFF; text-decoration:underline }

.header_m_nolink { padding: 2px 12px 2px 12px;  font-size:12px; color:#00CCFF; }


/*Sub menu start*/

.subm_01_nolink { background: #d6d6d6; color:#24456c; font-weight:bold; font-size:12px; padding: 5px 5px 5px 20px; }

.subm_01_nolink_focus { display: inline-block; background-color:#3A6776; color: #FFFFFF; font-weight:bold; font-size:12px; padding: 5px 5px 5px 20px; width:216px; }

.subm_01_nolink_focus a { display: inline-block; color: #FFFFFF; text-decoration:none; width:216px; }

.subm_01_nolink_focus a:hover { background-color:#3A6776; color: #66FFCC; }


.subm_01 { background: #d6d6d6; color:#24456c; font-weight:bold; font-size:12px; }
.subm_01 a { display:block; color:#24456c; text-decoration:none; padding: 5px 5px 5px 20px; }
.subm_01 a:hover { background-color:#3A6776; color: #66FFCC; }

.subm_02 { background: #E4E4E4; color:#24456c; font-size:12px; }
.subm_02 a { display:block; color:#24456c; text-decoration:none; padding: 5px 5px 5px 30px; }
.subm_02 a:hover { background-color:#8C8C8C; color: #66FFCC; }

.subm_03 { background: #8C8C8C; color:#24456c; font-size:12px; }
.subm_03 a { display:block; color:#24456c; text-decoration:none; padding: 5px 5px 5px 30px; }
.subm_03 a:hover { background-color:#8C8C8C; color: #66FFCC; }

/*
.subm_02 { list-style:none; padding:0 0 10px 0 ; margin:0;  color:#222222;  }
.subm_02 a { display: inline-block;  color:#222222; text-decoration:none; width:216px; padding: 3px 0 3px 25px }
.subm_02 a:hover { background-color: #8C8C8C; color:#FFFFFF }
.subm_02_focus { display: inline-block; background-color: #8C8C8C; color:#FFFFFF; width:216px; padding: 3px 0 3px 25px }
*/

.bottom_line {background:url(../img/foot_temp.gif); height:100px; background-repeat: no-repeat;}

.contents_title {background:url(../img/title_00_00.gif); height:45px; width:700px; background-repeat: no-repeat;}


/*top menu start*/


.menu { background-color:#24456c;}
.menu a { background-color:#24456c; }
.menu a:hover { background-color:#24456c;}


.menu ul { margin:0; padding:5px 0 0 0; list-style:none; height:26px; overflow:hidden; }

.menu li, .menu li a { float:left; }

.m01 { text-indent: -300em; background:url(../img/menu_01_r.gif); width:148px; height:31px; overflow:hidden; } 
.m01 a { text-indent: -300em; background:url(../img/menu_01.gif); width:148px; height:31px; overflow:hidden; } 
.m01 a:hover { text-indent: -300px; background:url(../img/menu_01_r.gif);  overflow:hidden; } 


.m02 { text-indent: -300em; background:url(../img/menu_02_r.gif); width:92px; height:31px;  overflow:hidden; } 
.m02 a { text-indent: -300em; background:url(../img/menu_02.gif); width:92px; height:31px;  overflow:hidden; } 
.m02 a:hover { text-indent: -300px; background:url(../img/menu_02_r.gif); overflow:hidden; } 

.m03 { text-indent: -300em; background:url(../img/menu_03_r.gif); width:78px; height:31px;  overflow:hidden; } 
.m03 a { text-indent: -300em; background:url(../img/menu_03.gif); width:78px; height:31px;  overflow:hidden; } 
.m03 a:hover { text-indent: -300px; background:url(../img/menu_03_r.gif); overflow:hidden; } 

.m04 { text-indent: -300em; background:url(../img/menu_04_r.gif); width:94px; height:31px;  overflow:hidden; } 
.m04 a { text-indent: -300em; background:url(../img/menu_04.gif); width:94px; height:31px;  overflow:hidden; } 
.m04 a:hover { text-indent: -300px; background:url(../img/menu_04_r.gif);  overflow:hidden; } 


/*top menu finish*/

/*index link menu start*/
.index_link ul { margin:0; padding:5px 0 0 17px; list-style:none;   }


.index_m01 a { text-indent: -300em; background:url(../img/main_link01.gif) 0px 0px no-repeat; width:242px; height:33px; overflow:hidden; display:block } 
.index_m01 a:hover { text-indent: -300em; background-position: 0px -32px; width:242px; height:33px;  overflow:hidden; } 

.index_m02 a { text-indent: -300em; background:url(../img/main_link02.gif) 0px 0px no-repeat; width:242px; height:34px; overflow:hidden; display:block } 
.index_m02 a:hover { text-indent: -300em; background-position: 0px -34px; width:242px; height:34px;  overflow:hidden; } 

.index_m03 a { text-indent: -300em; background:url(../img/main_link03.gif) 0px 0px no-repeat; width:242px; height:32px; overflow:hidden; display:block } 
.index_m03 a:hover { text-indent: -300em; background-position: 0px -32px; width:242px; height:32px;  overflow:hidden; } 

.index_m04 a { text-indent: -300em; background:url(../img/main_link04.gif) 0px 0px no-repeat; width:242px; height:34px; overflow:hidden; display:block } 
.index_m04 a:hover { text-indent: -300em; background-position: 0px -34px; width:242px; height:34px;  overflow:hidden; } 

.index_m05 a { text-indent: -300em; background:url(../img/main_link05.gif) 0px 0px no-repeat; width:242px; height:33px; overflow:hidden; display:block } 
.index_m05 a:hover { text-indent: -300em; background-position: 0px -33px; width:242px; height:33px;  overflow:hidden; } 



/*index link menu finish*/



/*misc menu start*/

.projectgoback a { display:block; padding: 5px; background:#E5E5E5; color:#333333; text-decoration:none; font-size:12px }

.projectgoback a:hover { background:#6E6E6E; color:#FFFFFF }



/*misc menu end*/


/* misc */


.contents_in { padding:10px 10px 25px 35px; }

.contents_in h1 { font-family: Arial, Helvetica, sans-serif; color:#003366; font-size:20px; letter-spacing:-0.5px; margin:0; padding:5px 0 10px 0 }

.contents_in h2 { font-family:Georgia, Times New Roman, Times, serif; color: #000000; font-size:15px; margin:0; padding:15px 0 5px 0  }

.contents_in p { margin:0; padding: 3px 0 3px 5px }

.contents_in ul { padding: 5px 0 10px 25px }

.title_area { background:#f5f5f5;color:#999999 }

.white_b_pl20 { color: #FFFFFF; font-weight:bold; font-size:12px; padding-left:20px; }

.grey_pl20 { color:#333333; padding-left:20px; }

.blue_b_12_pl20 { color:#006699; padding:5px 0 5px 20px; font: 12px bold;}

.grey_b_11_pl20 { font-size:11px; font-weight:bold; color:#333333; padding-left:20px; }

.grey_11_pl10 { font-size:11px; color:#333333; padding-left:10px; }

.white_b_pl10 { color: #FFFFFF; font-weight:bold; font-size:12px; padding-left:10px; }

.grey_pl10 { color:#333333; padding-left:10px; }

.blue_b_12_pl15 { color:#006699; padding:5px 0 5px 15px; font: 12px bold;}

.grey_b_11_pl10 { font-size:11px; font-weight:bold; color:#333333; padding-left:10px; }

.grey_11_pl10 { font-size:11px; color:#333333; padding-left:10px; }


/* misc finish */

.project_listing ul { padding: 6px 0 0 20px; list-style:none;}

.project_listing li a { display: inline-block; background: url(../img/bullet00002.gif) no-repeat 0 8px; padding: 3px 0 3px 10px; font-size:12px; color: #333333; text-decoration:none }
.project_listing li a:hover { text-decoration: underline; color:#003399 }