@charset "utf-8";

/*Base
-------------------------------------------*/

html,body{
/*	overflow: auto;*/
	-moz-opacity:0.9999;
	text-align:center;
	margin:0;
	padding:0;
}
	
body{
	background:url(http://www.fw-raft.com/common/images/bg.gif) repeat;
}

#wrapper{
	clear:both;
	margin:0;
	padding:0;
	width:1000px;
	}


#header .headerBox{
	width:1000px;
	margin:0 auto;
	padding:0;
}


#header h1{
	margin:0;
	padding:0;
	font-size:12px;
	color:#474747;
	text-align:left;
}


#header #ttlBg{
	background-color:#fff;
	background-repeat:repeat-x;
	height:135px;
}


#header #ttl{
	background:url(http://www.fw-raft.com/common/images/raft_ttl_bg.gif) no-repeat;
	height:135px;
	width:1000px;
	margin:0 auto;	
}


#header #ttl h3{
	padding:25px 0 0 0;
	margin:0 0 0 40px;
	float:left;
}

#header #ttl h2{
	padding:8px 0 0 0;
	margin:0 0 0 0;
	float:left;
}

#header #ttl #hdrLink{
	width:175px;
	float:right;
	text-align:right;
	padding-top:11px;
}

#hdrLink li{
	float:left;
	padding:0 0 5px 5px;
}



/*--gnav----------------------*/
#gnavBg{
	background:	url(http://www.fw-raft.com/common/images/gnav/naviBg_y.gif) repeat-x left top;
	width:100%;
	height:52px;
}

#gnav{
	color:#E4007F;
	clear:both;
	background:url(http://www.fw-raft.com/common/images/gnav/naviBg.jpg) no-repeat center top;
	height:52px;
	margin:0 auto;
	z-index:10;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

body #gnav {
	font:13px/1.231 "ＭＳ Ｐゴシック", sans-serif;
	*font-size:small;
	*font:x-small;/* x-small is for IE6/7 quirks mode. */
	line-height:130%;
}

html>/**/body #gnav {font-size/*\**/: small\9;}

#gnav ul{
	width:1000px;
	_width:1004px;
	margin:0 auto;
	height:52px;
}
#gnav ul li{
	float:left;
	width:200px;
	text-align:center;
	margin:0;
	list-style:none;
	z-index:11;
}

#gnav ul li .small{
	font-size:50%;
}

#gnav ul li a{
	width:200px;
	text-align:center;
	font-size:140% !important;
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
	padding-top:12px;
	list-style:none;
	z-index:11;
	display:block;
	height:40px;
}

#gnav li li {
  clear:both;
	font-size:70% !important;
	background:url(http://www.fw-raft.com/common/images/gnav/subnav_bg.png) no-repeat center top;
	border-bottom:solid #7089ad 1px;
}

#gnav li li a {
	padding:0;
	height:30px;
	line-height:30px;
	display:block;
}

#gnav li li:hover {
	background:url(http://www.fw-raft.com/common/images/gnav/subnav_bg_o.png) no-repeat center top;
}

#gnav .bgL {
		background:url(http://www.fw-raft.com/common/images/gnav/navi_l.gif) no-repeat;
}

#gnav .bgL:hover {
		background:url(http://www.fw-raft.com/common/images/gnav/navi_l_o.gif) no-repeat;
}

#gnav .bgC {
		background:url(http://www.fw-raft.com/common/images/gnav/navi_c.gif) no-repeat;
}

#gnav .bgC:hover {
		background:url(http://www.fw-raft.com/common/images/gnav/navi_c_o.gif) no-repeat;
}

#gnav .bgR {
		background:url(http://www.fw-raft.com/common/images/gnav/navi_r.gif) no-repeat;
}

#gnav .bgR:hover {
		background:url(http://www.fw-raft.com/common/images/gnav/navi_r_o.gif) no-repeat;
}

#gnav li:hover {
   position:relative;
}

#gnav li:hover > ul {
   display: block
}

#gnav ul ul {
	display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* IE6用 */
* html #gnav li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #gnav li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}



#gnav .column1 {position:relative;}
#gnav .column1 ul {display:block;}
#gnav .column1 * ul {display:none;}

#gnav .column2 {position:relative;}
#gnav .column2 ul {display:block;}
#gnav .column2 * ul {display:none;}



/*footer
-------------------------------------------*/

#pageTop{
	text-align:right;
	margin:0 auto 10px auto;
	width:1000px;
}

#access_r{
	background:url(http://www.fw-raft.com/images/accessBg.gif) repeat-x;
	height:20px;
}

#access{
	background:#deedef url(http://www.fw-raft.com/common/images/footer_bg.gif) repeat-x top;
	color:#1f3d8a;
	font-size:14px;
}

#access #accessBox{
	width:1000px;
	margin:0 auto;
	padding:40px 0 32px 0 ;
}


#map{
	background:#3361a6 url(http://www.fw-raft.com/common/images/footer_bg2.gif) repeat-x top;
	overflow:hidden;
	color:#fff;
	font-size:13px;
	text-align:left;
	padding-bottom:20px;
}
	

#map ul{
	width:1000px;
	margin:0 auto;
	padding:45px 0 0 0;
	display:block;
}

#map ul li{
	float:left;
	margin-right:45px;
}


#map ul li span img{
	vertical-align:middle;
	padding:0 0 3px 0;
	margin-right:5px;
}


#copy{
	background-color:#1f3d8a;
	/*border-top:#aecf9b 1px solid;*/
	color:#fff;
	padding:7px 0;
	overflow:hidden;
	font-size:12px;
}

#copyBox{
	width:1000px;
	margin:0 auto;
}


#copy_l{
	float:left;
	width:600px;
	text-align:left;
}

#copy_r{
	float:right;
	width:400px;
	text-align:right;
}


#map a:link{
	color:#fff;
	text-decoration:underline;
}
#map a:visited{
	color:#fff;
	text-decoration:underline;
}
#map a:active{
	color:#fff;
	text-decoration:underline;
}

#map a:hover {
	color:#deedef;
	text-decoration:underline;
	}

#copy a:link{
	color:#fff;
	text-decoration:underline;
}
#copy a:visited{
	color:#fff;
	text-decoration:underline;
}
#copy a:active{
	color:#fff;
	text-decoration:underline;
}

#copy a:hover {
	color:#d9f0cc;
	text-decoration:underline;
	}




/*Reset
-------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,th,td {
	margin:0;
	padding:0;
	list-style:none;
	}

img {
	border:0;
	margin:0;
	padding:0;
	}
	
li img{
	vertical-align:bottom;
}

	
table {
	border:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	}

em {
	font-style:normal;
	}
	
table {
	border:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	}


/*Font
-------------------------------------------*/		


body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 10px;
    line-height: 1.6;
    letter-spacing: 0;
	color:#3a3a3a;
}

table {
	font-size:inherit;
	font:100%;
	}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
	}

html>/**/body {font-size/*\**/: small\9;}



/*Font
--------------*/
#wrapper .txtS {
	font-size:85%;
	line-height:1.4;
	}

#wrapper .txtM{
	font-size:93%;
	line-height:1.6;
	}

#wrapper .txtL {
	font-size:108%;
	}

#wrapper .txt3L {
	font-size:153.9%;
	}

#wrapper .txtM .txtS {
	font-size:93% ;
	}
	
.rTxt{
	color:#d74343 !important;
}


		
/*Text-align
-------------------------------------------*/
.txaL {
	text-align:left;
	}

.txaR {
	text-align:right !important;
	}

.txaC {
	text-align:center;
	}	




/*Float
-------------------------------------------*/
.flL, .boxL {
	float:left;
	}

.flR, .boxR {
	float:right;
	}


/*Clear
-------------------------------------------*/
.both {
	clear:both;
	}

.clearfix:after, #wrapper:after,#container .gnav ul:after,#container .workBoxFoot:after{
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	line-height:0;
	}

.clearfix{
	display:inline-block;
	zoom:1;
	}	


/*--toshin--*/
.toshinLbox{
	float:left;
	width:405px;
	padding-right:35px;
}




/*Display
-------------------------------------------*/
.block {
	display:block;
	}	

a img.imgov:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75; 
	opacity:0.75;
	}


.wdt180{
	width:180px;
}


.wdt210{
	width:210px;
}

.wdt290{
	width:290px;
}

.wdt300{
	width:300px;
}

.wdt400{
	width:400px;
}

.wdt420{
	width:420px;
}

.wdt450{
	width:450px;
}








/*Margin
-------------------------------------------*/
.mg0 {margin:0 !important;}
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}


/*top*/
.mgT5 {margin-top:5px;}
.mgT7 {margin-top:7px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT25 {margin-top:25px;}
.mgT30 {margin-top:30px;}
.mgT35 {margin-top:35px;}
.mgT40 {margin-top:40px;}
.mgT45 {margin-top:45px;}
.mgT50 {margin-top:50px;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR15 {margin-right:15px;}
.mgR20 {margin-right:20px;}
.mgR25 {margin-right:25px;}
.mgR30 {margin-right:30px;}
.mgR35 {margin-right:35px;}
.mgR40 {margin-right:40px;}
.mgR45 {margin-right:45px;}
.mgR50 {margin-right:50px;}

/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB25 {margin-bottom:25px;}
.mgB30 {margin-bottom:30px;}
.mgB35 {margin-bottom:35px;}
.mgB40 {margin-bottom:40px;}
.mgB45 {margin-bottom:45px;}
.mgB50 {margin-bottom:50px;}

/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL13 {margin-left:13px;}
.mgL15 {margin-left:15px;}
.mgL20 {margin-left:20px;}
.mgL25 {margin-left:25px;}
.mgL30 {margin-left:30px;}
.mgL35 {margin-left:35px;}
.mgL40 {margin-left:40px;}
.mgL45 {margin-left:45px;}
.mgL50 {margin-left:50px;}


/*Padding
-------------------------------------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}


/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}
.pdT20 {padding-top:20px;}
.pdT25 {padding-top:25px;}
.pdT30 {padding-top:30px;}
.pdT35 {padding-top:35px;}
.pdT40 {padding-top:40px;}
.pdT45 {padding-top:45px;}
.pdT50 {padding-top:50px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR15 {padding-right:15px;}
.pdR20 {padding-right:20px;}
.pdR25 {padding-right:25px;}
.pdR30 {padding-right:30px;}
.pdR35 {padding-right:35px;}
.pdR40 {padding-right:40px;}
.pdR45 {padding-right:45px;}
.pdR50 {padding-right:50px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB25 {padding-bottom:25px;}
.pdB30 {padding-bottom:30px;}
.pdB35 {padding-bottom:35px;}
.pdB40 {padding-bottom:40px;}
.pdB45 {padding-bottom:45px;}
.pdB50 {padding-bottom:50px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL15 {padding-left:15px;}
.pdL20 {padding-left:20px;}
.pdL25 {padding-left:25px;}
.pdL30 {padding-left:30px;}
.pdL35 {padding-left:35px;}
.pdL40 {padding-left:40px;}
.pdL45 {padding-left:45px;}
.pdL50 {padding-left:50px;}