@import url("ninbus.css");
/* CSS Document */

#intCf{
min-width: 580px;
max-width: 580px;
position:relative;
overflow: hidden;
margin: 0 auto;

}

#intCf #menu_wrapper {width: 100%; border-bottom: 1px solid #808080; }
#intCf #menu {display:table; padding: 20px 5% 0; position: relative; bottom: -1px; list-style: none; margin: 0; width: 90%}
#intCf #menu li {display: table-cell; vertical-align: middle; font-family: NimbusSanL-Bol, Arial; font-size: 12px; padding: 10px 15px; text-align: left; width: 14%}
#intCf #menu a {display:block; color: #808080; text-decoration: none;  transition: color 0.5s;
-moz-transition: color 0.5s; /* Firefox 4 */
-webkit-transition: color 0.5s; /* Safari and Chrome */
-o-transition: color 0.5s; /* Opera */}
#intCf #menu a:hover {color: #2FB603; }
#intCf #menu .blue a:hover {color: #0066CC; }
#intCf #menu li.active {color: #2FB603; border: 1px solid #808080; border-bottom: 1px solid #ffffff }
#intCf #menu .blue.active {color: #0066CC; border: 1px solid #808080; border-bottom: 1px solid #ffffff }

#intCf #content_wrapper {width: 80%; margin: 0 auto}
#intCf #content {width:100%; min-width: 480px; float:left; margin: 50px auto 0}
#intCf #main_text_wrapper {float:right; width: 500px; color: #666666}
#intCf.got #secound_text_wrapper {float:left; width: 300px; margin-top:30px; color: #666666}
#intCf h2 {font-family: NimbusSanL-Bol, Arial; font-size: 45px; line-height: 50px; margin: 0; margin-bottom: 10px; background-color: transparent; border:0 none; padding:0;color:#666666;}
#intCf h3 {font-family: NimbusSanL-Lig, Arial; font-size: 29px;  line-height: 36px; margin: 0;}
#intCf.hipo h3 {font-size: 25px}

#intCf #image_wrapper {float: left; clear: left; width: 260px; margin-top: 40px; margin-right: 40px;}
#intCf.got #image_wrapper{float:right;clear:right;width:170px;margin-right:0px;margin-top:-50px;}

#intCf #info_wrapper {float:right; width: 300px; margin-top:40px;}
#intCf.got #info_wrapper {margin-top:30px;}
#intCf #text_wrapper {color: #666666; font-family: NimbusSanL-Lig, Arial; font-size: 16px; line-height: 20px; margin: 0; padding: 0; list-style: none;}
#intCf #text_wrapper li {padding: 10px 0; border-top: 1px solid #666; width: 200px;}
#intCf.hipo #text_wrapper {font-size: 14px;}
#intCf #text_wrapper li.first {border-top: 0 none;}
#intCf #button {border: 0 none; background: url('/i/cf/getinbank//button.gif') left top no-repeat transparent; padding: 0; width: 202px; height: 35px; text-indent: -9999em; cursor: pointer; margin-top:10px;}
#intCf #button_blue {border: 0 none; background: url('/i/cf/getinbank//button2_blue.gif') left top no-repeat transparent; padding: 0; width: 202px; height: 35px; text-indent: -9999em; cursor: pointer; margin-top:10px;}
#intCf #button:hover, #intCf #button_blue:hover {background-position: left -35px}

#intCf #logo { width: 100%; margin: 20px auto 0; float:left;}
#intCf #logo img { float:right; height:60px; margin: 30px 0;}

#intCf #footer_wrapper{
	padding: 0 10%;
	width: 80%;
}
#intCf .dsc {float: left; width: 100%; font-family:Arial;	font-size:9px;	color:#888888;	text-align: justify; }
#intCf .dsc a {text-decoration: underline; color:#888888;}
#intCf .dsc a:hover {text-decoration: underline; color:#666666; }