@charset "utf-8";

/* 
 * Support base css
 * Date: 2010.06.15.
 * Author: Creative Team
 */

/* Reset 
--------------------------------------------------------------------------*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, input{
	margin: 0;
	padding: 0;
	
	}

h1, h2, h3, h4, h5, h6, th {
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	line-height:1.0em;
	_line-height:1.2em;
	
	}
	
ul,ol{
	list-style: none;
	}
img {
	border: none;
	}
table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	}
	
hr{
	position:absolute;
	display:none;
	}
	
/* Base 
--------------------------------------------------------------------------*/
html{
	overflow-y:scroll;
	background: url(/common/images/html_bg.gif) #fff repeat-x center -167px;
	_height: 100%;
	}

body {
	font:12px 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo ,'ＭＳ Ｐゴシック' , sans-serif ;
	_font-family :'ＭＳ Ｐゴシック' , sans-serif ; /* IE6 */
	color:#808080;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 140%;
	}
textarea, input{
	font:12px 'ＭＳ Ｐゴシック' , sans-serif ;
	_font-family :'ＭＳ Ｐゴシック' , sans-serif ; /* IE6 */
}

/* Link 
--------------------------------------------------------------------------*/
a:link,
a:visited{
	overflow:hidden;
	text-decoration:underline;
	}
	
a:hover,
a:active{
	text-decoration:none;
	}

/* common setting
--------------------------------------------------------------------------*/
#head, #breadcrumb, #container, #siteFooter, #copyright{
	width: 800px;
	margin: 0px auto;
}
#head, #breadcrumb, #container{
	text-align: left;
}

#head{
	margin-top: 29px;
	position: relative;
	height: 141px;
}
#head #head_logo{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 53px;
	padding-top: 27px;
	width: 290px;
	background: url(/common/images/head_logo.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#head #head_logo a{
	display: block;
	height: 45px;
	width: 290px;
}
#head #head_tel{
	position: absolute;
	top: 0px;
	left: 329px;
	height: 80px;
	width: 160px;
	background: url(/common/images/head_tel.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}


/* gnv
--------------------------------------------------------------------------*/
#gnv{
padding-top: 80px;
}

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

#gnv{
display: inline-block;
}

/*\*/
*html #gnv{
height: 1%;
}
#gnv{
display: block;
}
/**/

#gnv li{
	float: left;
}
#gnv li a{
	display: block;
	height: 37px;
	width: 160px;
	text-indent: -9999px;
}
#gnv li.home a{background: url(/common/images/gnv_bg.gif) #fff no-repeat 0px 0px;}
#gnv li.about a{background: url(/common/images/gnv_bg.gif) #fff no-repeat -160px 0px;}
#gnv li.application a{background: url(/common/images/gnv_bg.gif) #fff no-repeat -320px 0px;}
#gnv li.faq a{background: url(/common/images/gnv_bg.gif) #fff no-repeat -480px 0px;}
#gnv li.contact a{background: url(/common/images/gnv_bg.gif) #fff no-repeat -640px 0px;}

#gnv li.home a:hover{background: url(/common/images/gnv_bg.gif) #fff no-repeat 0px -37px;}
#gnv li.about a:hover{background: url(/common/images/gnv_bg.gif) #fff no-repeat -160px -37px;}
#gnv li.application a:hover{background: url(/common/images/gnv_bg.gif) #fff no-repeat -320px -37px;}
#gnv li.faq a:hover{background: url(/common/images/gnv_bg.gif) #fff no-repeat -480px -37px;}
#gnv li.contact a:hover{background: url(/common/images/gnv_bg.gif) #fff no-repeat -640px -37px;}

/* breadcrumb 
--------------------------------------------------------------------------*/
#breadcrumb{
	height: 54px;
}
#breadcrumb:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#breadcrumb{
display: inline-block;
}

/*\*/
*html #breadcrumb{
height: 1%;
}
#breadcrumb{
display: block;
}
/**/

#breadcrumb li{
	float: left;
	color: #808080;
	line-height: 27px;
}
#breadcrumb li a{
	float: left;
	color: #808080;
}

#container{
	margin-bottom: 100px;
}

/* regist_btn
--------------------------------------------------------------------------*/
.regist_btn{
	margin-top: 50px;
	text-align: center;
}
.regist_btn a{
	margin:auto;
	display: block;
	height: 92px;
	width: 403px;
	background: url(/common/images/btn_regist.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
.regist_btn a:hover{
	background: url(/common/images/btn_regist_ov.gif) no-repeat 0px 0px;
}


/* siteFooter
--------------------------------------------------------------------------*/
#siteFooter ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#siteFooter ul{
display: inline-block;
}

/*\*/
*html #siteFooter ul{
height: 1%;
}
#siteFooter ul{
display: block;
}
/**/

#siteFooter ul li{
display: inline;
	padding: 0px 10px;
	color: #808080;
	line-height: 50px;
}
#siteFooter ul li a{
	color: #808080;
	line-height: 27px;
}
#copyright{
	color: #808080;
	line-height: 30px;
	padding-bottom: 15px;
}

#gmo_foot{
	min-height: 65px;
}
/* utilities 
--------------------------------------------------------------------------*/
#utilities{
	position: fixed;
	bottom: -1px;
	left: -1px;
	height: 1px;
	width: 1px;
	overflow:hidden;
}



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

.clearfix{
display: inline-block;
}

/*\*/
*html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}
/**/