@charset "utf-8";
/* CSS Document */

*{
font-family:Verdana, Arial, MS PGothic, "ＭＳ Ｐゴシック";
letter-spacing:1px;
font-size:13px;
color:#303030;
line-height:1.5em;
margin: 0px;
padding: 0px;
}

body{	width:1024px;	margin: 0px;	background: url(../images/main_bg.gif) repeat-x;}

a         {text-decoration: underline; color:#303030;}
a:link    {text-decoration: underline; color:#CC0033;}
a:visited {text-decoration: underline; color:#303030;}
a:hover   {text-decoration: underline; color:#CC0033;}
a:active  {text-decoration: underline; color:#303030;}

.ro:link {font-size: 9px; text-decoration:  none; color: #333333;}
.ro:visited {font-size: 9px; text-decoration: none; color: #e3236c;}
.ro:hover {font-size: 9px; text-decoration: underline; color: #e3236c;}
.ro:active {font-size: 9px; text-decoration: none; color: #333333;}

.left:link {text-decoration:  underline; color: #012795;}
.left:visited {text-decoration: underline; color: #012795;}
.left:hover { text-decoration: underline; color: #CC0033;}
.left:active {text-decoration: none; color: #012795;}



a img {	border-style: none;	border-width: 0;	text-decoration: none;}

.hide {display: none;}
.hide2 {visibility: hidden;}
.clr {clear:both; font-size:1px; height:1%;}


/* top
----------------------------------------------------------*/
#top{	background: url(../images/main_navibg.gif) no-repeat;	height: 80px;	width: 850px;	margin-left: 207px;}
.logo{ display:block;	height: 80px;	width: 198px;	float: left;}
.logo a{	background: url(../images/main_02.gif) no-repeat; display:block;	height: 80px;	width: 198px;	float: left;}

#top #navibox{	width: 652px; float: left;}

.r_box{width: 612px; padding-right:40px;	float: right;}
.r_box ol {}
.r_box li {list-style: none; display: inline;}
.r_box li a {display: block; float: right;}
.r_box r_box01 li a {display: block; float: right;}
.r_box r_box02 li a {display: block; float: right;}
.r_box r_box03 li a {display: block; float: right;}


#m_menu {float: left; width: 505px; padding: 30px 0px 0px 100px;}
/*#top #navibox #m_menu ol {list-style:none; float:left}*/
#top #navibox #m_menu li {list-style:none; display:block; float:left}
#top #navibox #m_menu li.m_menu1 a {height:36px;width:85px; background: url(../images/main_10.gif) no-repeat; float:left}
#top #navibox #m_menu li.m_menu1 a:hover {background: url(../images/main_10_a.gif) no-repeat left top; float:left}
#top #navibox #m_menu li.m_menu2 a {height:36px; width:99px; background: url(../images/main_12.gif) no-repeat left top; float:left; margin-left:35px}
#top #navibox #m_menu li.m_menu2 a:hover {background: url(../images/main_12_a.gif) no-repeat left top; }
#top #navibox #m_menu li.m_menu3 a {height:36px; width:118px; background: url(../images/main_14.gif) no-repeat left top; float:left; margin-left:35px}
#top #navibox #m_menu li.m_menu3 a:hover {background: url(../images/main_14_a.gif) no-repeat left top }
#top #navibox #m_menu li.m_menu4 a {height:36px; width:88px; background: url(../images/main_16.gif) no-repeat left top; float:left; margin-left:35px}
#top #navibox #m_menu li.m_menu4 a:hover {background: url(../images/main_16_a.gif) no-repeat left top}

/* menu
---------------------------------------------------------*/
#main1{	background: url(../images/main_midbg.gif) repeat-Y;	width: 850px;	height: 230px;	margin-left: 207px;}
#main1 .top{background: url(../images/main_topbg.gif) no-repeat;	height: 30px;	width: 850px;}
#main1 .flash{ height: 200px; width: 850px; background:url(../images/main_18.gif) no-repeat; }


#main2{background: url(../images/main_midbg2.gif) repeat-Y;	width: 850px;	margin-left: 207px;}
#main2 .title{background: url(../images/main_robg.gif) no-repeat;	height: 40px;	width: 850px;}
#main2 .title .subname1{background: url(../images/sub_title1.gif) no-repeat; height: 40px;	width: 717px;	margin-left: 53px;}
#main2 .title .rocatext{color:#333333;	font-size: 9.5px;	margin-top: 18px; float: right;}

#main2 .title_a{background: url(../images/main_robg1.gif) no-repeat; height: 40px;	width: 850px;}
#main2 .title_a .subname{background: url(../images/sub_title1.gif) no-repeat; height: 40px;	width: 597px;	margin-left: 53px;}
#main2 .title_a .subname2{background: url(../images/sub_title2.gif) no-repeat; height: 40px;	width: 657px;	margin-left: 53px;}
#main2 .title_a .subname3{background: url(../images/sub_title3.gif) no-repeat; height: 40px;	width: 657px;	margin-left: 53px;}
#main2 .title_a .subname4{background: url(../images/sub_title4.gif) no-repeat; height: 40px;	width: 647px;	margin-left: 53px;}
#main2 .title_a .rocatext_a{color:#333333;	font-size: 9.5px;	margin-top: 18px; float: right;}

/* index
------------------------------------------------*/
#main3{background: url(../images/main_midbg2.gif) repeat-Y;	width: 850px;	margin-left: 207px;}

#main3 .img{background: url(../images/m_imgbg.gif) repeat-Y;	width: 750px;	margin-left: 53px;	height: 420px;}
#main3 .mtext{color:#666666; font-size: 12px; line-height: 1.8em; letter-spacing: 0.9px; padding:10px 0px 10px 15px;}

#main3 .img1{background: url(../images/m_img1.jpg) no-repeat; height: 305px; width: 215px; margin-left: 5px; float: left;}
#main3 .img2{background: url(../images/m_img2.jpg) no-repeat; height: 305px; width: 215px; float: left; margin-left: 5px;}
#main3 .img3{background: url(../images/m_img3.jpg) no-repeat; height: 305px; width: 215px; float: left;	margin-left: 5px;}
#main3 .dot{background: url(../images/m_imgdot.gif) no-repeat; height: 305px; width: 30px; float: left;}

#main3 .btn1 a{float: left; height: 30px; width: 205px; margin-left: 15px; margin-top: 7px; background: url(../images/main_bnt1.gif) no-repeat ;}
#main3 .btn2 a{float: left; height: 30px; width: 205px; margin-left: 40px; margin-top: 7px; background: url(../images/main_bnt2.gif) no-repeat;}
#main3 .btn3 a{float: left; height: 30px; width: 205px; margin-left: 50px; margin-top: 7px; background: url(../images/main_bnt3.gif) no-repeat;}

#main3 .imgdown {background: url(../images/m_imgbg2.gif) no-repeat bottom;	height: 17px;	width: 750px;	float: left;}

#main3 #banner{	height: 66px; width: 750px;	margin-top: 10px; margin-left: 53px;}
#main3 #banner .help { float:left; height: 66px; width: 500px;}
#main3 #banner .ban{ height: 66px; width: 240px; margin-left: 505px;}

/* down
--------------------------------------------------------*/
#bottom{background: url(../images/main_bottom.gif) no-repeat bottom; height: 60px; width: 850px; margin-left: 207px;}


/* sub01
-------------------------------------------------------------*/
#sub_box1{ width:850px;	background: url(../images/main_midbg2.gif) repeat-y; margin-left: 207px;	height: 100% }
#sub_box1 .leftbox {float:left; width:160px; padding-left:53px;  padding-top:15px }
#sub_box1 .leftmenu {width:160px; background-color:#E8E8E8 }
#sub_box1 .lefttext { width:145px; padding-left:10px; padding-top:5px; padding-bottom:3px; color:#012795 }
#sub_box1 .dot2{width:135px; height:5px; padding-left:10px }
#sub_box1 .cata{float:left; padding-top:5px; padding-left:5px; width:580px; height: 100%  }

#sub_box1 .page{ float: left; font-size:9.5px; height:20px; text-align: right; width:560px; }
#sub_box1 .page_02{ float: left; font-size:9.5px; height:20px; text-align: right; width:560px; }
#sub_box1 .red1{color:#e3236c; font-weight:bold }
#sub_box1 .cata_box1{float:left;  width:270px; padding-left:10px }
#sub_box1 .cata_box2{float:left;  width:270px;  padding-left:10px }


#sub_box1-1{	width:850px;	background: url(../images/main_midbg2.gif) repeat-y; margin-left: 207px;	height: 100% }
#sub_box1-1 .cata1{float:left; padding-top:10px; padding-left:5px; width:580px; height: 100%  }
#sub_box1-1 .leftbox1 {float:left; width:160px; padding-left:53px;  padding-top:15px }
#sub_box1-1 .leftmenu1 {width:160px; background-color:#E8E8E8 }
#sub_box1-1 .lefttext1 { width:145px; padding-left:10px; padding-top:5px; padding-bottom:3px; color:#012795 }
#sub_box1-1 .dot3{width:135px; height:5px; padding-left:10px }

#sub_box1-1 .page1{ float: left; font-size:9.5px; height:20px; text-align: right; width:560px; }
#sub_box1-1 .red2{color:#e3236c; font-weight:bold }
#sub_box1-1 .cata_box3{float:left;  width:270px; padding-left:10px }
#sub_box1-1 .cata_box4{float:left;  width:270px;  padding-left:10px }



#sub_box1-2{	width:850px;	background: url(../images/main_midbg2.gif) repeat-y; margin-left: 207px;	height: 100% }
#sub_box1-2 .cata2{float:left; padding-top:5px; padding-left:5px; width:580px; height: 100%   }
#sub_box1-2 .leftbox2 {float:left; width:160px; padding-left:53px;  padding-top:15px }
#sub_box1-2 .leftmenu2 {width:160px; background-color:#E8E8E8 }
#sub_box1-2 .lefttext2 { width:145px; padding-left:10px; padding-top:5px; padding-bottom:3px; color:#012795 }
#sub_box1-2 .dot4{width:135px; height:5px; padding-left:10px }

#sub_box1-2 .page2{ float: left; font-size:9.5px; height:20px; text-align: right; width:560px; }
#sub_box1-2 .red3{color:#e3236c; font-weight:bold }
#sub_box1-2 .cata_box5{float:left;  width:270px; padding-left:10px }
#sub_box1-2 .cata_box6{float:left;  width:270px;  padding-left:10px }



/* sub02
-------------------------------------------------------------*/
#sub_box2{width:850px;	background: url(../images/main_midbg2.gif);	margin-left: 207px;	100%}
#sub_box2 .sub02{float:left;	width: 750px;	padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px; padding-left:73px}
#sub_box2 .sub02_title{	float:left;	color:#000066;	font-size:14px;	padding:20px 0px 0px 80px;	font-weight: bolder}
#sub_box2 .sub02_dot{float: left;	width: 670px;	padding-left: 85px;}
#sub_box2 .sub02_img1{background: url(../images/sub02_01.gif) no-repeat;	height: 110px;	width: 110px;	float: left}
#sub_box2 .sub02_img2{background: url(../images/sub02_02.gif) no-repeat;	height: 130px;	width: 110px;	float: left}
#sub_box2 .sub02_img3{background: url(../images/sub02_03.gif) no-repeat;	height: 250px;	width: 110px;	float: left}
#sub_box2 .sub02_img4{background: url(../images/sub02_04.gif) no-repeat;	height: 150px;	width: 110px;	float: left}
#sub_box2 .sub02_img5{background: url(../images/sub02_05.gif) no-repeat;	height: 70px;	width: 110px;	float: left}
#sub_box2 .sub02_arr{background: url(../images/sub02_arr.gif) no-repeat;	height: 45px;	width: 45px}
#sub_box2 .sub02_text{	width:580px;	float: left;	padding-left: 30px;	padding-bottom:15px; line-height:1.5em}
#sub_box2 .sub02_text2{	width:720px;	float: left;	padding-left: 120px; padding-top:15px;	padding-bottom:15px; line-height:1.5em}
#sub_box2 .sub02_text3{ color:#FF0000; line-height:140% ; font-weight:bold }
/* sub03
-------------------------------------------------------------*/

#sub_box3{	width:850px;	background: url(../images/main_midbg2.gif) repeat-y;	margin-left: 207px;	height: 100%　}
#sub_box3 .form{width:740px; height:770px; padding-left:53px }
#sub_box3 .sub03text {width:750px; padding-left:53px }
/* sub04
-------------------------------------------------------------*/

#sub_box4{width:850px;	background: url(../images/main_midbg2.gif) repeat-y;	margin-left: 207px;	height: 100%　}
#sub_box4 .sub04_img{width: 295px;	padding-left: 53px;	padding-top: 22px;	float: left;}
#sub_box4 .sub04img{background: url(../images/sub04img.jpg) no-repeat;	height: 420px;	width: 295px;}
#sub_box4 .sub04text{width: 425px;	margin-top: 22px;	float: left;}
#sub_box4 .sub04text1{background-image:url(../images/sub04_textbg.gif);	width: 425px;}