body{
         color: #efefef;
         background-color: #b0c4de;
         margin: 0px;
         padding: 0px;
}

/* 会社ロゴのスタイル設定 */
#navigation{
               border: 1px solid #cccccc;
}

#companylogo{
               background: #fffafa;
               padding: 5px 0px 5px 10px;
}


#navbar{
               background-color: #ffebcd;
               padding: 2px 0px 2px 15px;
}

.menuabove a{
               padding: 0px 0px 0px 10px;
               color: #202f55;
               text-decoration: none;
               font-size: 12px;
}


.menuabove a:link{
               color: #202f55;
               text-decoration: none;
}


.menuabove a:hover{
               color: #ff0000;
               text-decoration: none;
}

/* コンテンツ部分のスタイル設定 */

#contents{
               background-color: #fafdff;
}


#leftside{
               background-color: #f0f8ff;
               width: 148px;
               font-size: 12px;
               color: #333333;
               border-left: 1px solid #cccccc;
               border-right: 1px solid #cccccc;
}



#sm_box{               
               background-color: #ffebcd;
               border: 1px solid #cccccc;
               margin: 9px 3px 10px 3px;
               font-size: 12px;
               color: #333333;
               line-height: 16px;
}

#sm_box ul{
               margin: 0;
               padding: 0;
}

#sm_box li{
               margin: 0;
               padding-top: 5px;
               padding-bottom: 5px;
               padding-left: 8px;
               display: block;
               border-bottom-style: solid;
               border-bottom-width: 1px;
               border-bottom-color: #999999;
}

#sm_box li a{
               color: #202f55;
               text-decoration: none;
}

#sm_box li a:link{
               color: #202f55;
               text-decoration: none;
}

#sm_box li a:hover{
               color: #ff0000;
               text-decoration: none;
}

#sm_box img{
               margin: 0;
               padding: 0;
               border: 0;
}




<!--
#leftbox1{               
               background-color: #ffebcd;
               border: 1px solid #cccccc;
               margin: 9px 4px 5px 5px;
               padding: 0px 0px 10px 0px;
               list-style: none;
}

#leftbox1 img{
               border: 0px;

}


.leftbox1menu a{
               color: #202f55;
               text-decoration: none;
               line-height: 14px;
               list-style: none;
               margin: 10px 5px 5px 5px;
               padding: 0px 0px 0px 5px;
}

.leftbox1menu a:link{
               color: #202f55;
               text-decoration: none;
}

.leftbox1menu a:hover{
               color: #ff0000;
               text-decoration: none;
}
-->


#leftbox2{
               background-color: #ffffff;
               margin: 5px 2px 5px 2px;
               padding: 5px 2px 3px 2px;
               border: 1px solid #cccccc;
               font-size: 11px;
               color: #333333;
               line-height: 18px;
}

#leftbox3{
               margin: 5px 2px 5px 2px;
               padding: 3px 2px 3px 2px;
               border: 1px solid #cccccc;
               font-size: 11px;
               color: #333333;
}


.img{
               border-color: #5A5A5A;
}



#headline{
               margin: 10px 10px 10px 10px;
               font-size: 12px;
               letter-spacing: 1px;
               color: #333333;
}

#headline img{
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
}

.banner{
               margin: 0px 0px 10px 0px;
               padding: 0px 0px 0px 0px;
}

.banner img{
               margin: 0px 1px 0px 0px;
               padding: 0px 1px 0px 0px;
}


#mainbox{               
               border: 1px solid #cccccc;
               margin: 0px 0px 10px 0px;
               font-size: 12px;
               color: #333333;
               line-height: 16px;
}

.mainboxlist{
               margin: 0px 0px 0px 10px;
               padding: 7px 0px 7px 5px;
               list-style-type: disc;
}


.mainboxlist li{
               margin: 0px 0px 0px 15px;
               padding: 3px 3px 3px 5px;
               list-style-type: disc;
               text-align: left;
               line-height: 15px;
}

.mainboxlist li a{
               color: #00008b;
               text-decoration: none;
}

.mainboxlist li a:link{
               color: #00008b;
               text-decoration: none;
}

.mainboxlist li a:hover{
               color: #ff0000;
               text-decoration: none;
}



#mainbox2{               
               background-color: #f5f5f5;
               border: 1px solid #cccccc;
               margin: 0px 0px 10px 0px;
               font-size: 12px;
               color: #333333;
               line-height: 16px;
}

.mainbox2list{
               margin: 0px 0px 0px 10px;
               padding: 7px 0px 7px 5px;
               list-style-type: circle;
}


.mainbox2list li{
               margin: 0px 0px 0px 15px;
               padding: 3px 3px 3px 5px;
               list-style: circle;
               text-align: left;
               line-height: 15px;
}

.mainbox2list li a{
               color: #00008b;
               text-decoration: none;
}

.mainbox2list li a:link{
               color: #00008b;
               text-decoration: none;
}

.mainbox2list li a:hover{
               color: #ff0000;
               text-decoration: none;
}


#headline p{
               font-size: 12px;
               color: #333333;
               text-align: left;
               line-height: 18px;
               margin: 10px 0px 10px 0px;
}


#list1 li{
               margin: 0px 0px 0px 2px; 
               padding: 0px 0px 0px 5px;
               display: block;
               font-size: 12px;
               color: #333333;
               text-align: left;
               line-height: 18px;
               list-style: circle;
}


.list2{
               padding: 3px 0px 3px 15px;
               font-size: 12px;
               color: #333333;
               line-height: 18px;
               text-align: disc;
}

#rightside{
               background-color: #f0f8ff;
               width: 148px;
               border-left: 1px solid #cccccc;
               border-right: 1px solid #cccccc;
}


#rightside p{
               margin: 10px 3px 5px 3px;
               border: 0px;
               font-size: 11px;
               color: #333333;
               line-height: 17px;
}

.rightlist1{
               margin: 2px 0px 2px 2px;
               padding: 2px 0px 2px 7px;
               font-size: 11px;
               color: #333333;
               list-style: disc;
               line-height: 15px;
               text-align: left;
}

.rightlist1 a:link{
               color: #00008b;
               text-decoration: none;
}

.rightlist1 a:hover{
               color: #ff0000;
               text-decoration: none;
}


.rightbox01{
               background-color: #ffffff;
               margin: 10px 3px 10px 3px;
               padding: 5px 3px 5px 3px;
               border: 1px solid #cccccc;
               font-size: 11px;
               color: #333333;
               line-height: 17px;
}


.rightbox01 a:link{
               color: #00008b;
               text-decoration: none;
}

.rightbox01 a:hover{
               color: #ff0000;
               text-decoration: none;
}

.rightbox01 li{     
               margin: 5px 5px 5px 5px;
               font-size: 11px;
               color: #333333;
               list-style: disc;
               line-height: 17px;
}


#rightbox02{
               margin: 10px 2px 5px 2px;
               padding: 3px 2px 3px 2px;
               border: 1px solid #cccccc;
               font-size: 11px;
               color: #333333;
}

#rightbox02 img{
               border-color: #b0c4de;
}




/* ライブラリ & OMGのスタイル設定 */

#omg_library{
               margin: 0px 5px 20px 10px;
               font-size: 12px;
               color: #333333;
}

#omg_library p{
               font-size: 12px;
               color: #333333;
               text-align: left;
               line-height: 20px;
               margin: 0px 0px 5px 5px;
}

#omg_library a{
               color: #00008b;
               text-decoration: none;
}

#omg_library a:link{
               color: #00008b;
               text-decoration: none;
}

#omg_library a:hover{
               color: #ff0000;
               text-decoration: none;
}

#omg_library_list{
               margin: 0px 0px 0px 2px;
               padding: 0px;
               list-style: none;
}

#omg_library_list li{
               background: url(../images/circle_blue.gif) no-repeat top left;
               padding: 0px 0px 3px 15px;
               font-size: 12px;
               color: #333333;
               line-height: 17px;
               text-align: left;
}

#omg_library_list li a:link{
               color: #00008b;
               text-decoration: none;
}

#omg_library_list li a:hover{
               color: #ff0000;
               text-decoration: none;
}

.omg_library_list01{
               margin: 0px 0px 0px 28px;
               padding: 0px;
               list-style-type: circle;
}

.omg_library_list01 li{
               padding: 2px 0px 2px 0px;
               font-size: 12px;
               color: #333333;
               line-height: 17px;
               text-align: left;
}

.omg_library_list01 li a:link{
               color: #00008b;
               text-decoration: none;
}

.omg_library_list01 li a:hover{
               color: #ff0000;
               text-decoration: none;
}

/* フッターのスタイル設定 */

#footer{
               background: #fffafa;
               font-size: 11px;
               color: #999999;
               padding: 7px 5px;
               border: 1px solid #cccccc;
}

#footer a{
               color: #999999;
               text-decoration: none;
}

#footer a:link{
               color: #999999;
               text-decoration: none;
}

#footer a:hover{
               color: #ff0000;
               text-decoration: none;
}