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

/* 
-------------------------------------------------------------------------------------------------------------------------------
Typographic Elements
-------------------------------------------------------------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
font-family:"Trebuchet MS", verdana, arial, sans-serif; 
margin:0;
padding:0;
}

p, dt, dd, a, th, td, li, ul, div, address {
font-family:verdana, arial, sans-serif; 
text-decoration:none;
margin:0;
padding:0;
}

a, a:link, a:visited {color:#487FAB;text-decoration:underline;}
a:hover {color:#333;}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Elements
-------------------------------------------------------------------------------------------------------------------------------
*/

html, body {
width:100%;
height:100%;
margin:0;
padding:0;
font-size:11px;
line-height:19px;
color:#333;
background:url(../img/bg.jpg) repeat;
}

img {
border:0;
}

.grey {color:#999;}
.red {color:#FF0000;}

.ta-c {text-align:center;}
.ta-l {text-align:left;}
.ta-r {text-align:right;}

div.clear {
margin:0;
clear:both;
}

.mt-5 {margin-top:-5px;}
.mt-10 {margin-top:-10px;}
.mt-15 {margin-top:-15px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}

.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}

.bdt {background:url(../img/border_dotted_x.gif) repeat-x top;}
.bdb {background:url(../img/border_dotted_x.gif) repeat-x bottom;}

.btn, .img {display:block;overflow:hidden;text-indent:-9999px;}

div.ptbox {padding-top:20px;text-align:right;}
a.pt {padding-left:20px;line-height:14px;background:url(../img/icon_pt.jpg) no-repeat left;}



/* 
-------------------------------------------------------------------------------------------------------------------------------
All Box Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#allbox {
height:100%;
margin:0 auto;
padding:0;
background:url(../img/sc.jpg) repeat-x top;
position:relative;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Head Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#head {
width:900px;
height:95px;
margin:0 auto;
display:block;
top:0;
z-index:1;
}

div#head h2 {float:left;padding-top:40px;}
a.logo {width:185px;height:57px;background:url(../img/logo2.jpg);}



/* Navi Main */

ul#navi {float:right;margin-top:10px;padding-top:40px;list-style:none;}
ul#navi li {float:left;margin:0;}

a.navi_00 {height:40px;display:block;overflow:hidden;text-indent:-9999px;background:url(../img/nav/gb_nav.jpg);}

a.navi_01 {width:179px;background-position:0 0;}
a.navi_02 {width:71px;background-position:-179px 0;}
a.navi_03 {width:169px;background-position:-250px 0;}
a.navi_04 {width:102px;background-position:-419px 0;}
a.navi_05 {width:179px;background-position:-521px 0;}
a:hover.navi_01 {background-position:0 -40px;}
a:hover.navi_02 {background-position:-179px -40px;}
a:hover.navi_03 {background-position:-250px -40px;}
a:hover.navi_04 {background-position:-419px -40px;}
a:hover.navi_05 {background-position:-521px -40px;}
a.navi_01_n {width:179px;background-position:0 -40px;}
a.navi_02_n {width:71px;background-position:-179px -40px;}
a.navi_03_n {width:169px;background-position:-250px -40px;}
a.navi_04_n {width:102px;background-position:-419px -40px;}
a.navi_05_n {width:179px;background-position:-521px -40px;}

/* sNavi Main */
div#snavi_box {
height:20px;
padding-top:1px;
padding-left:700px;
top:0;
position:absolute;
z-index:2;
}
ul#snavi {margin-top:5px;list-style:none;}
ul#snavi li {float:left;margin:0;}
ul#snavi li  a {height:20px;display:block;overflow:hidden;text-indent:-9999px;background:url(../img/navi_sub.jpg);}

ul#snavi li  a.snavi_01 {width:100px;background-position:0 0;}
ul#snavi li  a.snavi_02 {width:100px;background-position:-100px 0;}
ul#snavi li  a:hover.snavi_01 {background-position:0 -20px;}
ul#snavi li  a:hover.snavi_02 {background-position:-100px -20px;}

/* 
-------------------------------------------------------------------------------------------------------------------------------
Content Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#container {
width:930px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}

/* Window */

div#window {
width:930px;
margin: 0 auto;
padding-top:25px;
background:url(../img/window_top.jpg) top no-repeat;
}
div#window_top {
width:900px;
margin: 0 auto;
padding:0 15px 25px;
background:url(../img/window_bottom.jpg) bottom no-repeat;
}


/* Content */

div#content {
width:900px;
margin: 0 auto 25px;
}

div#content div#left {
float:left;
width:660px;
margin:0;
padding:0;
}

div#content div#right {
float:right;
width:190px;
margin:0;
padding:0 10px;
background:url(../img/bg_right.jpg) repeat;
}

h4.ber_right_01 {width:190px;height:40px;background:url(../img/ber_right_01.jpg);margin-bottom:10px;}

div.box_right {margin-bottom:15px;padding-bottom:15px;}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Foot Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#foot {
background:url(../img/bg_foot.jpg) repeat-x bottom;
}

/* Foot Box */

dl#foot_box {
width:900px;
margin:0 auto;
border-top:5px solid #F0F0F0;
}
dl#foot_box dt {float:right;padding:8px 0 5px;}
dl#foot_box dd {float:right;padding:8px 0 5px;margin-right:40px;}


div#footer {
clear:both;
width:900px;
height:30px;
margin:0 auto;
}
div#footer dl {margin:0;}
div#footer dl dt {float:left;margin:0;}
div#footer dl dd {float:right;margin:0;line-height:30px;}
div#footer dl dd address {font-size:90%;font-style:normal;color:#6E6E6E;}


/* fNavi Main */

ul#fnavi {margin-top:9px;list-style:none;}
ul#fnavi li {float:left;margin:0;}
ul#fnavi li  a {height:12px;display:block;overflow:hidden;text-indent:-9999px;background:url(../img/navi_foot.jpg);}

ul#fnavi li  a.fnavi_01 {width:102px;background-position:0 0;margin-right:20px;}
ul#fnavi li  a.fnavi_02 {width:84px;background-position:-112px 0;}
ul#fnavi li  a:hover.fnavi_01 {background-position:0 -12px;}
ul#fnavi li  a:hover.fnavi_02 {background-position:-112px -12px;}

/* --------------------- #FooterLink --------------------- */

#FooterLink {
	font-size:x-small;
	clear: both;
	margin: 0 auto;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 900px;
	border-top:5px solid #F0F0F0;
	}

#FooterLink em {
	color:#999999;
	text-decoration: none;
	font-style:normal;
}

#FooterLink a {
	color:#999999;
	text-decoration: none;
	padding-left:5px;
	padding-right:0px;
}

#FooterLink a:hover {
	color:#666666;
	text-decoration: underline;
}

#FooterLink a.connect_1st {
	color:#999999;
	text-decoration: none;
	padding-left:5px;
	padding-right:0px;
}

#FooterLink a.connect_1st:hover {
	color:#666666;
	text-decoration: underline;
}

#FooterLink a.area_1st {
	color:#999999;
	text-decoration: none;
	padding-left:29px;
	padding-right:0px;
}

#FooterLink a.area_1st:hover {
	color:#666666;
	text-decoration: underline;
}

#FooterLink a.lead {
	color:#999999;
	text-decoration: none;
	padding-left:83px;
	padding-right:0px;
}

#FooterLink a.lead:hover {
	color:#666666;
	text-decoration: underline;
}

#FooterLink a.recommend_1st {
	color:#999999;
	text-decoration: none;
	padding-left:10px;
	padding-right:0px;
}

#FooterLink a.recommend_1st:hover {
	color:#666666;
	text-decoration: underline;
}

#FooterLink a.corp {
	color:#999999;
	text-decoration: none;
	padding-left:0px;
	padding-right:0px;
}

#FooterLink a.corp:hover {
	color:#666666;
	text-decoration: underline;
}