﻿@charset "utf-8";

/* CSS Info

 FileName   : module.css

 Editor     : geocode

======================== */



/* #wrapper

----------------------------------------------------------- */

#wrapper {
	width: 100%;
	background: url("../images/comm_bg01.png") repeat-x top left;
}  

/* #header

----------------------------------------------------------- */

/*#header2{
	width: 100%;
	height: 100px;
	background: -moz-linear-gradient(top, #EAEAEA, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#EAEAEA), to(#fff)); 

}*/

#header {
	position: relative;
	width: 1010px;
	height: 100px;
	margin: 0 auto;
	background: url("../images/comm_bg02.png") no-repeat 50% 0%;

}

#header h1, #header .txt {

	position: absolute;

	left: 0;

	font-size: 11px;

	color: #999;

}

#header .tel {

	position: absolute;

	top: 30px;

	right: 10px;

}

#header .logo {

	position: absolute;

	top: 40px;

	left: 0;

}

#header .btn01 {

	position: absolute;

	top: 65px;

	right: 135px;

}

#header .btn02 {

	float: left;

	position: absolute;

	top: 65px;

	right: 10px;

	padding: 0;

}

#header .menu {

	position: absolute;

	top: 6px;

	right: 10px;

}

#header .menu li {

	float: left;

}

/* #visual

----------------------------------------------------------- */

#visual {

	width: 1000px;

	height: 367px;

	margin: 0 auto;

	padding: 3px 4px 5px 4px;

	background: url("../images/top_mainimg_bg.png") no-repeat top left;

}

#visual .bt {

	float: right;

	width: 251px;

	height: 367px;

	padding: 5px 0;
	margin: 0;

	text-align: center;

}

#visual .bt img {

	margin: 3px;

}

/* #path

----------------------------------------------------------- */

#path {

	width: 100%;

	height: 33px;

	padding: 4px 0 0 0;

	background: url("../images/sub_01.png") repeat-x top left;

}

#path ul {

	width: 1000px;

	height: 29px;

	margin: 0 auto;

	background: url("../images/sub_02.png") no-repeat 50% 0%;

}

#path ul li {

	display: inline;

	float:left;

	line-height: 240%;

}

/* #gnav

----------------------------------------------------------- */

#gnav {

	float: right;

	width: 250px;

	background: #eee;

}

#gnav li {

	float: left;

}

/* #container

----------------------------------------------------------- */

#container:after {

	height: 0;

	clear: both;

	visibility: hidden;

	display: block;

	content: ".";

}

#container {

	width: 1002px;

	margin: 30px auto 0;

	padding: 0 6px 0 0;

}

/* Hides from IE-mac \*/

* html #container {

	height: 1%;

}

/* End hide from IE-mac */

#container {

	display: block;

}

/* #content

----------------------------------------------------------- */

#content {

	float: left;

	width: 754px;

	/*min-height: 1560px;*/

	padding: 0;

}

#content .inqbox {

	clear: both;

	position: relative;

	width: 700px;

	margin: 0 auto;

	padding-bottom: 30px;

}

#content .inqbox .btn01 {

	position: absolute;

	top: 100px;

	left: 100px;

}

#content .inqbox .btn02 {

	position: absolute;

	top: 100px;

	right: 100px;

}

/* #lnav

----------------------------------------------------------- */

#nav {

	z-index: 100;

	float: right;

	position: relative;

	width: 235px;

}

#lnav ,#topnav {

	width: 235px;

	margin: 0 0 50px;

	padding: 9px 0 7px;

	background: #eee;

	text-align: center;

}

#lnav .inqbox ,#topnav .inqbox  {
	margin-bottom: 5px;

}

#lnav .ul01 {
	margin-bottom: 5px;}

#lnav .ul01 img{
	margin-bottom: 5px;}


#lnav .tel{
	width: 219px;
	margin:  0 auto 10px auto;
	
}
#lnav .inqbox .btn01,
#topnav .inqbox .btn01 {
	width: 219px;
	margin: 0 auto;

}

#lnav .bnr{
	margin: 10px auto;}
	
#topnav .bnr{
	margin: 10px auto 5px auto;}

#lnav .textLink,
#topnav .textLink  {

	margin: 15px 0 15px 15px;

	text-align: left;

}

#lnav .textLink li,
#topnav .textLink li {

	margin-bottom: 5px;

}

#lnav .companyText,
#topnav .companyText  {

	margin-left: 15px;

	line-height: 1.6em;

}

#lnavbox {

	width: 220px;

	margin: 0 auto;

	padding: 1px 0 0 1px;

	background: url("../images/comm_navi1_hdr.png") repeat-x top left;

}

#lnavbox .bn{
	margin-bottom: 10px;}

#lnavbox2 {

	width: 220px;

	padding: 0 0 2px 0;

	background: url("../images/comm_navi1_ftr.png") no-repeat-y bottom left;

}

#lnavbox .bn {
margin-bottom: 10px;
}

#lnavbox ul {

	width: 218px;

	padding: 0 0 0 2px;

	background: url("../images/comm_navi1_mdl.png") repeat-y top left;

	text-align: left;

}

.bnrbox {

	width: 219px;

	margin: 0 auto;

	padding: 7px 0 0 0;

}

.fixed {

	position: fixed;

	top: 20px;

}

.absolute {

	position: absolute;

}

/* #pagetop

----------------------------------------------------------- */

#footer_bnr {
	width: 755px;
	clear: both;
	padding: 10px 0 0 0;

}

#footer_bnr .tel{
	margin-bottom: 5px;
}

#footer_bnr img.fl{
	width: 582px;
	float: left;}

#footer_bnr img.fr{
	width: 173px;
	float: left;}


#footer_bnr .bn{
	width: 697px;
	margin: 35px auto 0px auto;}
	
#footer_bnr .bn2{
	width: 697px;
	margin: 10px auto 0px auto;}
	
#footer_bnr .bn .fb{
	float: left;
	width: 219px;
	height: 38px;
	background: url(../images/bns_fb_bg.png) no-repeat top;}
	
#lnavbox .fb{
	width: 219px;
	height: 38px;
	background: url(../images/bns_fb_bg.png) no-repeat top;}
	
#footer_bnr .bn .fb p.r,
#footer_bnr .bn .fb .r{
	position: absolute;
	width: 94px;
	left: 10px;}
	
#lnavbox .bnr .fb p.r,
#lnavbox .bnr .fb .r{
	position: absolute;
	width: 94px;
	left: 10px;}
	
#footer_bnr .bn .fb p.l,
#footer_bnr .bn .fb .l{
	position: absolute;
    width: 125px;
	left: 0;
	}
	
#lnavbox .bnr .fb p.l,
#lnavbox .bnr .fb .l{
	position: absolute;
    width: 125px;
	left: 0;
	}
	
#footer_bnr .bn .fb .bx,
#lnavbox .bnr .fb .bx {
	position: relative;
	width: 219px;}

	
#footer_bnr .bn p,
#footer_bnr .bn2 p{
	display: block;
	padding: 0;}
	
	
#footer_bnr .bn .tw{
	width: 219px;
	float: right;}
	

#footer_bnr .bn .tw p.l{
	float: left;
	width: 125px;
}
	
#footer_bnr .bn .tw p.r{
	float: left;
	width: 90px;}
	
#footer_bnr .bn p.fr,
#footer_bnr .bn2 p.fr{
	float: right;
	width: 219px;}
	
#footer_bnr .bn p.fl,
#footer_bnr .bn2 p.fl{
	float: left;
	width: 219px;
	margin-right: 20px;}
	
.fb-like{
	width: 94px !important;
	position: absolute !important;
	top: 9px !important;
	left:125px !important;}
	
.fb_edge_widget_with_comment iframe {
width: 70px !important;
}
span.fb_edge_comment_widget.fb_iframe_widget iframe {
width: 70px !important;
}

	
/* #pagetop

----------------------------------------------------------- */

#pagetop {

	clear: both;

	width: 1000px;

	margin: 0 auto;

	padding: 20px 20px 6px 0;

	text-align: right;

}



/* #footer

----------------------------------------------------------- */

#footer {

	clear: both;

	position: relative;

	width: 100%;

	min-height: 225px;

	margin: 0 auto;

	background: url("../images/comm_ftr_bg.png") repeat-x top left;

	border-top: solid 1px #d1d1d1;

}

#footer .copy {

	clear: both;

	position: relative;

	width: 100%;

	height: 25px;

	margin: 0 auto;

	padding: 10px 0;

	background: #909090;

	color: #fff;

	text-align: center;

	letter-spacing: 1px;

}

#footer2 {

	clear: both;

	position: relative;

	width: 1000px;

	height: 180px;

	margin: 0 auto;

}

#footer2 a:link, #footer2 a:visited {

	color: #606060;

	text-decoration: none;

}

#footer2 a:hover, #footer2 a:active {

	color: #606060;

	text-decoration: underline;

}

#footer2 .logo {
	position: absolute;
	top: 28px;
	left: 0;
	height: 94px;
	width: 199px;
	text-align: center;
	line-height: 1.0em;
	font-size: 11px;

}

#footer2 .ftr_btn {

	position: absolute;

	top: 107px;

	left: 0px;

}

#footer2 .menu1 {

	position: absolute;
	width: 800px;
	top: 45px;
	left: 270px;

}

#footer2 .title {

	position: absolute;

	top: 25px;

	left: 270px;

}

#footer2 ul {
	float: left;
	display: block;
	font-size: 12px;
	margin: 0 50px 0 0;

}

#footer2 ul li {

	line-height: 200%;

}

#footer2 ul .menu2 {

	list-style-type: disc;

	margin: 0 0 2px 18px;

	color: #7f7f7f;

	line-height: 180%;

}

#footer2 ul .menu2 a:link, #footer2 ul .menu2 a:visited {

	color: #7f7f7f;

	text-decoration: none;

}

#footer2 ul .menu2 a:hover, #footer2 ul .menu2 a:active {

	color: #7f7f7f;

	text-decoration: underline;

}

#footer2 ul .menu3 {

	line-height: 80%;

}



/* end */
