/* CSS Document */

/*	Global Layout
----------------------------------------------------*/

body{
	color:#333;
	font-family:
		"£Í£Ó £Ð¥´¥·¥Ã¥¯",
		"MS PGothic",
		"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"¥á¥¤¥ê¥ª",
		"Meiryo",
		Sans-Serif;
		background-color: #47AC39;
		padding: 0 50px 0 50px;
	}

 img {
	vertical-align:top
	}	
	
glheader p img {
	vertical-align:top
	}	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* glheader_navi
----------------------------------------------------*/

div#glheader {
	position: relative;
	background: url(../../images/common/header_bg.gif) no-repeat;
	width: 900px;
	height: 99px;
	margin:	0 auto;
	}

div#glheader h1#logo {
	position: absolute;
	top: 48px;
	left: 25px;
	}

div#glheader p.line {
	position: absolute;
	top: 99px;
	left: 0px;
	width: 900px;
	height: 30px;
	}

div#glheader p {
	position: absolute;
	top: 8px;
	_top: 6px;
	left: 817px;
	width: 53px;
	height: 10px;
	}

div#glheader h5#new {
	position: absolute;
	top: 5px;
	_top: 3px;
	left: 401px;
	width: 94px;
	height: 15px;
	}

div#glheader h5#order {
	position: absolute;
	top: 5px;
	_top: 3px;
	left: 501px;
	width: 94px;
	height: 15px;
	}

div#glheader h5#form2 {
	position: absolute;
	top: 5px;
	_top: 3px;
	left: 601px;
	width: 94px;
	height: 15px;
	}
	
div#glheader h5#return {
	position: absolute;
	top: 5px;
	_top: 3px;
	left: 701px;
	width: 94px;
	height: 15px;
	}

div#glheader ul {
	position: absolute;
	top: 48px;
	left: 179px;
	}
	
div#glheader ul li {
	float: left;
	}

div#glheader p a { display: block; width: 53px; height: 10px; background: url(../../images/common/head_home_ov.gif) 0 0 no-repeat; }
div#glheader h5#new { display: block; width: 94px; height: 15px; background: url(../../images/common/head_new_ov.gif) 0 0 no-repeat; }
div#glheader h5#order { display: block; width: 94px; height: 15px; background: url(../../images/common/head_order_ov.gif) 0 0 no-repeat; }
div#glheader h5#form2 { display: block; width: 94px; height: 15px; background: url(../../images/common/head_orderform_ov.gif) 0 0 no-repeat; }
div#glheader h5#return { display: block; width: 94px; height: 15px; background: url(../../images/common/head_return_ov.gif) 0 0 no-repeat; }
div#glheader ul li#about a { display: block; width: 101px; height: 44px; background: url(../../images/common/nav_whats_ov.gif) 0 0 no-repeat; }
div#glheader ul li#message a { display: block; width: 101px; height: 44px; background: url(../../images/common/nav_cheering_ov.gif) 0 0 no-repeat; }
div#glheader ul li#recomen a { display: block; width: 101px; height: 44px; background: url(../../images/common/nav_recomen_ov.gif) 0 0 no-repeat; }
div#glheader ul li#product a { display: block; width: 101px; height: 44px; background: url(../../images/common/nav_findbook_ov.gif) 0 0 no-repeat; }
div#glheader ul li#company a { display: block; width: 101px; height: 44px; background: url(../../images/common/nav_about_ov.gif) 0 0 no-repeat; }
div#glheader ul li#blog a { display: block; width: 101px; height: 44px; background: url(../../images/common/nav_blog_ov.gif) 0 0 no-repeat; }
div#glheader ul li#contact a { display: block; width: 101px; height: 44px; background: url(../../images/common/nav_contact_ov.gif) 0 0 no-repeat; }

div#glheader p a:hover { background-color: #208F14; }

div#glheader ul li#about a:hover,
div#glheader ul li#message a:hover,
div#glheader ul li#recomen a:hover,
div#glheader ul li#product a:hover,
div#glheader ul li#company a:hover,
div#glheader ul li#blog a:hover,
div#glheader ul li#contact a:hover { background-color: #FFF; }

div#glheader p a:hover img,
div#glheader h5#new a:hover img,
div#glheader h5#order a:hover img,
div#glheader h5#form a:hover img,
div#glheader ul li#about a:hover img,
div#glheader ul li#message a:hover img,
div#glheader ul li#recomen a:hover img,
div#glheader ul li#product a:hover img,
div#glheader ul li#company a:hover img,
div#glheader ul li#blog a:hover img,
div#glheader ul li#contact a:hover img { visibility: hidden;	}


/* glfooter
----------------------------------------------------*/

div#glfooterw {
	position: relative;
	background: url(../../images/common/footer_bgw.gif);
	width: 900px;
	height: 31px;
	margin:	0 auto;
	}

div#glfooterc {
	position: relative;
	background: url(../../images/common/footer_bgc.gif);
	width: 900px;
	height: 31px;
	margin:	0 auto;
	}

div#glfooterb {
	position: relative;
	background: url(../../images/common/footer_bgb.gif);
	width: 900px;
	height: 31px;
	margin:	0 auto;
	}

div#glfooterm {
	position: relative;
	background: url(../../images/common/footer_bgm.gif);
	width: 900px;
	height: 31px;
	margin:	0 auto;
	}

div#glfooterw p,
div#glfooterc p,
div#glfooterb p,
div#glfooterm p {
	position: absolute;
	top: 12px;
	left: 22px;
	}

div#glfooterw ul,
div#glfooterc ul,
div#glfooterb ul,
div#glfooterm ul {
	position: absolute;
	top: 12px;
	left: 579px;
	}
	
div#glfooterw ul li,
div#glfooterc ul li,
div#glfooterb ul li,
div#glfooterm ul li {
	float: left;
	padding-right: 15px;
	}

div#glfooterw ul li#notes a,
div#glfooterc ul li#notes a,
div#glfooterb ul li#notes a,
div#glfooterm ul li#notes a 
	{ display: block; width: 118px; height: 9px; background: url(../../images/common/footer_menu01_ov.gif) 0 0 no-repeat; }
div#glfooterw ul li#use a,
div#glfooterc ul li#use a,
div#glfooterb ul li#use a,
div#glfooterm ul li#use a
 { display: block; width: 53px; height: 9px; background: url(../../images/common/footer_menu02_ov.gif) 0 0 no-repeat; }
div#glfooterw ul li#privacy a,
div#glfooterc ul li#privacy a,
div#glfooterb ul li#privacy a,
div#glfooterm ul li#privacy a
 { display: block; width: 100px; height: 9px; background: url(../../images/common/footer_menu03_ov.gif) 0 0 no-repeat; }

div#glfooterw ul li#notes a:hover,
div#glfooterw ul li#use a:hover,
div#glfooterw ul li#privacy a:hover,
div#glfooterc ul li#notes a:hover,
div#glfooterc ul li#use a:hover,
div#glfooterc ul li#privacy a:hover,
div#glfooterb ul li#notes a:hover,
div#glfooterb ul li#use a:hover,
div#glfooterb ul li#privacy a:hover,
div#glfooterm ul li#notes a:hover,
div#glfooterm ul li#use a:hover,
div#glfooterm ul li#privacy a:hover { background-color: #5ABF48; }

div#glfooterw ul li#notes a:hover img,
div#glfooterw ul li#use a:hover img,
div#glfooterw ul li#privacy a:hover img,
div#glfooterc ul li#notes a:hover img,
div#glfooterc ul li#use a:hover img,
div#glfooterc ul li#privacy a:hover img,
div#glfooterb ul li#notes a:hover img,
div#glfooterb ul li#use a:hover img,
div#glfooterb ul li#privacy a:hover img,
div#glfooterm ul li#notes a:hover img,
div#glfooterm ul li#use a:hover img,
div#glfooterm ul li#privacy a:hover img { visibility: hidden;	}


/* company_head
----------------------------------------------------*/
div#companyhead {
 position: relative;
	width: 900px;
	height: 235px;
	background-color: #FFFFFF;
	margin: 0 auto;
	margin-top: 30px;
	}

div#companyhead h2 {
	position:absolute;
	top: 72px;
	left: 0px;
	}
	
div#companyhead p.img01 {
	position:absolute;
	top: 165px;
	left: 0px;
	}

div#companyhead p.icon01 {
	position:absolute;
	top: 15px;
	left: 195px;
	}

div#companyhead p.icon02 {
	position:absolute;
	top: 39px;
	left: 350px;
	}

div#companyhead p.icon03 {
	position:absolute;
	top: 4px;
	left: 487px;
	}

div#companyhead p.icon04 {
	position:absolute;
	top: 2px;
	left: 618px;
	}

div#companyhead p.icon05 {
	position:absolute;
	top: 39px;
	left: 750px;
	}

div#companyhead h3 {
	position:absolute;
	top: 141px;
	left: 45px;
	}

div#companyhead p {
	position:absolute;
	top: 141px;
	left: 45px;
	}