@charset "utf-8";


/* defined TAG
---------------------------------------------------------------------*/
body{
	font-size:75%;
	font-family:"メイリオ",Verdana,sans-serif;
	/*font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif;*/
	line-height:150%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,tbody,tfoot,thead{
	vertical-align:baseline;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#417041;
}
h1,h2,h3,h4,h5,h6,strong,em{
	display:block;
	font-size:100%;
	line-height:120%;
	font-style:none;
	font-weight:bold;
}
dt,pl,ul,li,dt,dd{
	list-style:none;
	text-indent:0;
}
small{
	font-size:10px;
	line-height:130%;
}
a:link,a:visited{
	color:#417041;
	text-decoration:underline;
    outline: none;
}
a:hover{
	color:#3387FF;
	text-decoration:underline;
}
a:hover img{
	opacity:0.8;
}

/* structure
---------------------------------------------------------------------*/

#bg{
	width:100%;
	background:#FFF;
}
#hd{
		width:100%;
		height:180px;
		background:url(../common/gm_bg.jpg) center top repeat-x;
	}
	#hd .wrap{
		width:1000px;
		margin:0 auto 0;
	}
	#hd h1#kanoe{
		float:left;
		width:171px;
		height:89px;
		margin:30px 0 14px 21px;
	}
	#hd #statement{
		float:left;
		width:141px;
		height:52px;
		margin:39px 0 0 36px;
	}
	#hd #abstract{
		float:left;
		width:360px;
		margin:39px 0 0 80px;
	}
	#hd #abstract h1,#hd #abstract p{
		display:inline;
		font-size:83%;
		line-height:140%;
		color:#6D8E71;
	}
	#hd #toricci{
		float:right;
		width:127px;
		height:96px;
		margin:0;
	}
	#hd #gm{
		width:1000px;
		height:42px;
		background:url(../common/gm_menu_all.jpg) no-repeat;
	}
	#hd #gm li{
		display:inline;
	}
	#hd #gm li a{
		display:block;
		float:left !important;
		width:125px;
		height:42px;
		text-indent:-9999px;
		outline:0;
	}
	.concept 	a:hover{ background:url(../common/gm_cct_on.jpg) no-repeat;}
	.fla 		a:hover{ background:url(../common/gm_fla_on.jpg) no-repeat;}
	.sys 		a:hover{ background:url(../common/gm_sys_on.jpg) no-repeat;}
	.flo 		a:hover{ background:url(../common/gm_flo_on.jpg) no-repeat;}
	.portfolio 	a:hover{ background:url(../common/gm_pf_on.jpg) no-repeat;}
	.faq 		a:hover{ background:url(../common/gm_faq_on.jpg) no-repeat;}
	/*.msg 		a:hover{ background:url(../common/gm_msg_on.jpg) no-repeat;}*/
	.inq 		a:hover{ background:url(../common/gm_inq_on.gif) no-repeat;}
	.blog 		a:hover{ background:url(../common/gm_blog_on.jpg) no-repeat;}
	
#main{
	width:1000px;
	margin:35px auto 0;
}

#L{
	width:740px;
	float:left;
}
#R{
	width:190px;
	float:right;
}

.pagetop{
	padding:8px 0;
	text-align:right;
}

div#go2top{
	position: fixed;
	right: 0px;
	bottom: 0%;
	width: 30px;
	height: 30px;
	overflow: hidden;
	_display: none;
}

#bn_ch25{
		width:740px;
		height:110px;
		background:url(../common/bg_ch25.png) no-repeat;
		margin:40px 0;
	}
	#bn_ch25 strong{
		height:44px;
		text-indent:-9999px;
	}
	#bn_ch25 h1,#bn_ch25 a{
		display:inline;
		color:#FFF;
		font-size:92%;
	}
	#bn_ch25 p{
		width:545px;
		color:#FFF;
		font-size:92%;
		lline-height:150%;
		margin-left:20px;
	}
	#bn_ch25 img{
		position:relative;
		top:-27px;
		left:342px;
	}


#footer{
		width:100%;
		height:372px;
		background:url(../common/ft_bg.jpg) repeat-x;
		margin:40px auto 0;
	}
	#footer .wrap{
		width:1000px;
		padding:20px 0 0 0;
		margin:0 auto 0;
	}
	#links{
		display:block;
		float:left;
		width:680px;
		margin-bottom:20px;
	}
	#links li{
		display:inline;
	}
	#links a{
		font-size:92%;
	}
	#ch25{
		display:block;
		width:226px;
		float:right;
		margin:0 0 20px 0;
	}
	#ch25 #bn_gsl img{
		width:39px;
		height:48px;
		margin-left:24px;
	}
	#footer .divide{
		clear:both;
		width:100%;
		height:4px;
		background:url(../common/ft_bd.jpg) repeat-x;
		margin:12px 0;
	}
	#footer .wrap2{
		padding:0 0 45px;
		/*\*/padding:0 0 10px;/**/
	} 
	#ft_kanoe{
		float:left;
		width:660px;
	}
	#ft_kanoe dt{
		padding-bottom:8px;
	}
	#ft_kanoe dd{
		display:inline;
		font-size:83%;
		line-height:140%;
	}
	#support_area{
		display:block;
		float:right;
		width:300px;
		margin-top:10px;
	}
	#support_area dt{
		font-size:92%;
		line-height:140%;
	}
	#support_area dd{
		display:inline;
		font-size:83%;
		line-height:160%;
		margin:0;
		padding:0;
	}
	#footer address{
		display:block;
		text-align:left;
	}


/* side column
---------------------------------------------------------------------*/
#bn_inq{
		margin-bottom:10px;
	}
	#bn_inq address,#bn_inq strong{
		display:none;
	}

#side_pf{
		background:url(../common/fr_pf.gif) left repeat-y;
		margin-bottom:15px;
	}
	#side_pf dl{
		width:140px;
		margin:0 0 0 20px;
	}
	#side_pf dt{
		padding:8px 0 4px;
		background:url(../common/bd_cyan.gif) bottom repeat-x;
	}
	#side_pf dd{
		padding:4px 0 4px;
		font-size:83%;
		line-height:120%;
	}
	#side_pf #side_pf_btm{
		height:14px;
		background:url(../common/fr_pf_btm.gif) left bottom no-repeat;
	}

#side_faq{
		background:url(../common/fr_faq.gif) left repeat-y;
		margin-bottom:15px;
	}
	#side_faq ul{
		width:140px;
		margin:0 0 0 20px;
	}
	#side_faq li{
		padding:6px 0 10px 0;
		font-size:92%;
		line-height:115%;
		background:url(../common/bd_grn.gif) bottom repeat-x;
	}
	#side_faq #side_faq_btm{
		height:29px;
		background:url(../common/fr_faq_btm.gif) left bottom no-repeat;
	}
	
#side_blog{
		width:187px;
		height:221px;
		background:url(../common/fr_blog.gif) no-repeat;
	}
	#side_blog ul{
		width:167px;
		height:137px;
		margin:0 0 0 20px;
		/*\*/overflow-y:scroll;/**/
		overflow:auto;
	}
	#side_blog li{
		width:85%;
		/*\*/width:90%;/**/
		padding:6px 0 10px 0;
		font-size:92%;
		line-height:115%;
		background:url(../common/bd_beige.gif) bottom repeat-x;
	}






/* common
---------------------------------------------------------------------*/

.clear{
	height:0px;
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */

.hide{
	display:none;
}


/* display type
---------------------------------------------------------------------*/
.block{
	display:block;
}
.inline{
	display:inline;
}



/* align
---------------------------------------------------------------------*/

.floatR{
	float:right;
}
.floatL{
	float:left;
}
.floatC{
	margin:0 auto 0;
}
.alignL{
	text-align:left;
}
.alignR{
	text-align:right;
}
.alignC{
	text-align:center;
}



/* margin control
---------------------------------------------------------------------*/


.left50{
	margin-left:50px;
}
.left40{
	margin-left:40px;
}
.left30{
	margin-left:30px;
}
.left20{
	margin-left:20px;
}
.left15{
	margin-left:15px;
}
.left10{
	margin-left:10px;
}
.left7{
	margin-left:7px;
}
.left5{
	margin-left:5px;
}
.left3{
	margin-left:3px;
}
.left0{
	margin-left:0px !important;
}

.right50{
	margin-right:50px;
}
.right40{
	margin-right:40px;
}
.right30{
	margin-right:30px;
}
.right20{
	margin-right:20px;
}
.right15{
	margin-right:15px;
}
.right10{
	margin-right:10px;
}
.right7{
	margin-right:7px;
}
.right5{
	margin-right:5px;
}
.right3{
	margin-right:3px;
}
.right0{
	margin-right:0px !important;
}

.top50{
	margin-top:50px;
}
.top40{
	margin-top:40px;
}
.top30{
	margin-top:30px;
}
.top20{
	margin-top:20px;
}
.top15{
	margin-top:15px;
}
.top10{
	margin-top:10px;
}
.top7{
	margin-top:7px;
}
.top5{
	margin-top:5px;
}
.top3{
	margin-top:3px;
}
.top0{
	margin-top:0px !important;
}

.btm50{
	margin-bottom:50px;
}
.btm40{
	margin-bottom:40px;
}
.btm30{
	margin-bottom:30px;
}
.btm20{
	margin-bottom:20px;
}
.btm15{
	margin-bottom:15px;
}
.btm10{
	margin-bottom:10px;
}
.btm7{
	margin-bottom:7px;
}
.btm5{
	margin-bottom:5px;
}
.btm3{
	margin-bottom:3px;
}
.btm0{
	margin-bottom:0px !important;
}


/* width */
.w600{
	width:600px;
}
.w550{
	width:550px;
}
.w500{
	width:500px;
}
.w450{
	width:450px;
}
.w400{
	width:400px;
}
.w350{
	width:350px;
}
.w300{
	width:300px;
}
.w250{
	width:250px;
}
.w200{
	width:200px;
}
.w175{
	width:175px;
}
.w150{
	width:150px;
}
.w125{
	width:125px;
}
.w100{
	width:100px;
}
.w75{
	width:75px;
}
.w50{
	width:50px;
}
.w25{
	width:25px;
}
.w20{
	width:20px;
}
.w15{
	width:15px;
}
.w10{
	width:10px;
}