@import url(base.css);


body {
	background:url(../img/common/bg_header.jpg) repeat-x;
}

div#aptxt {
	display:none;
}

div#wrapper {
	width:100%;
	margin:0 auto;
}


/*
----------------------------------------------------------------------------
div#header ヘッダー
----------------------------------------------------------------------------
*/

div#header {
	width:853px;
	height:74px;
	margin:0 auto 12px !important;
	clear:both;
}

div#header div#logobox{
	width:355px;
	float:left;
	}

div#header div#logobox h2{
	text-indent:-9999px;
	width:355px;
	background:url(../img/common/logo.gif) no-repeat 0 0;
	margin-top:7px;
	}
	
div#header div#logobox h2 a{
	height:66px;
	display:block;
	}
	
div#header div#headmailbox{
	width:380px;
	float:right;
	}
	
div#header div#headmailbox ul{
	width:380px;
	clear:both;
	}
	
div#header div#headmailbox ul li#teldoc{
	width:173px;
	height:67px;
	text-indent:-9999px;
	background:url(../img/common/h-tel.gif) no-repeat 0 0;
	float:left;
	}

div#header div#headmailbox ul li#maildoc{
	width:186px;
	height:67px;
	background:url(../img/common/h-mail.gif) no-repeat 0 0;
	float:right;
	}
	
div#header div#headmailbox ul li#maildoc p{
	width:142px;
	text-indent:-9999px;
	background:url(../img/common/bt_hcon.jpg) no-repeat 0 0;
	margin:33px 0px 0px 40px;
	}
	
div#header div#headmailbox ul li#maildoc p a{
	height:33px;
	display:block;
	}

div#header div#headmailbox ul li#maildoc p a:hover{background:url(../img/common/bt_hcon.jpg) no-repeat 0 -33px;}

div#gnavbox{
	width:100%;
	height:43px;
	background:url(../img/common/bg_gnav.jpg) repeat-x 0 0;
	clear:both;
	margin:0 auto;
	text-align:center;
	}

div#gnavbox ul#gnav{
	width:873px;
	height:43px;
	clear:both;
	}

div#gnavbox ul#gnav li{
	width:122px;
	float:left;
	}

div#gnavbox ul#gnav li#gn01,
div#gnavbox ul#gnav li#gn07{ width:132px; }
div#gnavbox ul#gnav li#gn02{ width:121px; }

div#gnavbox ul#gnav li a {
	display:block;
	height:43px;
	text-indent:-9999px;
	}

div#gnavbox ul#gnav li#gn01 a { background:url(../img/common/gnav01.jpg) no-repeat; }
div#gnavbox ul#gnav li#gn02 a { background:url(../img/common/gnav02.jpg) no-repeat; }
div#gnavbox ul#gnav li#gn03 a { background:url(../img/common/gnav03.jpg) no-repeat; }
div#gnavbox ul#gnav li#gn04 a { background:url(../img/common/gnav04.jpg) no-repeat; }
div#gnavbox ul#gnav li#gn05 a { background:url(../img/common/gnav05.jpg) no-repeat; }
div#gnavbox ul#gnav li#gn06 a { background:url(../img/common/gnav06.jpg) no-repeat; }
div#gnavbox ul#gnav li#gn07 a { background:url(../img/common/gnav07.jpg) no-repeat; }

div#gnavbox ul#gnav li#gn01 a:hover,
body#index div#gnavbox ul#gnav li#gn01 a{ background:url(../img/common/gnav01.jpg) 0 -43px no-repeat; }
div#gnavbox ul#gnav li#gn02 a:hover,
body#info div#gnavbox ul#gnav li#gn02 a{ background:url(../img/common/gnav02.jpg) 0 -43px no-repeat; }
div#gnavbox ul#gnav li#gn03 a:hover,
body#pallet div#gnavbox ul#gnav li#gn03 a{ background:url(../img/common/gnav03.jpg) 0 -43px no-repeat; }
div#gnavbox ul#gnav li#gn04 a:hover,
body#container div#gnavbox ul#gnav li#gn04 a{ background:url(../img/common/gnav04.jpg) 0 -43px no-repeat; }
div#gnavbox ul#gnav li#gn05 a:hover,
body#company div#gnavbox ul#gnav li#gn05 a{ background:url(../img/common/gnav05.jpg) 0 -43px no-repeat; }
div#gnavbox ul#gnav li#gn06 a:hover,
body#faq div#gnavbox ul#gnav li#gn06 a{ background:url(../img/common/gnav06.jpg) 0 -43px no-repeat; }
div#gnavbox ul#gnav li#gn07 a:hover,
body#group div#gnavbox ul#gnav li#gn07 a{ background:url(../img/common/gnav07.jpg) 0 -43px no-repeat; }


/*
----------------------------------------------------------------------------
content コンテンツ
----------------------------------------------------------------------------
*/

div#wrapper div#title-box{
	background:url(../img/common/bg_title.jpg) repeat-x 0 0;
	height:116px;
	width:100%;
	}
	
div#wrapper div#title-box p{
	width:854px;
	margin:0 auto;
	text-align:center;
	height:116px;
	text-indent:-9999px;
	}
	
div#contentbox {
	clear:both;
	width:854px;
	margin:0 auto;
}

div#contentbox div#cont-r {
	width:620px;
	float:right;
}

div#contentbox div#cont-l {
	width:194px;
	float:left;
}

div#contentbox p#mainimg {
	height:116px;
	text-indent:-9999px;
}

div#contentbox div#cont-r p#pankuz {
	margin:5px 0 10px;
	line-height:100%;
	font-size:x-small;
}

div#contentbox div#cont-r div.sharebox {
	clear:both;
	width:620px;
}

div#contentbox div#cont-r div.nextbox {
	margin-bottom:20px;
}

div#contentbox div#cont-r div.sharebox h3 {
	height:62px;
	text-indent:-9999px;
}


div#contentbox div#cont-r div.sharebox p.pagetop {
	clear:both;
	width:105px;
	background:#ECECEC;
	border:#B2B2B2 1px solid;
	padding:2px 7px 2px 506px;
	line-height:100%;
}

div#contentbox div#cont-r div.sharebox p.pagetop a {
	display:block;
	height:10px;
	background:url(../img/common/bt_pagetop.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#contentbox div#cont-r div.sharebox p.pagetop a:hover { background:url(../img/common/bt_pagetop.jpg) 0 -10px no-repeat; }

div#contentbox div#cont-l ul#lnav {
	width:180px;
	margin:0 auto;
	padding-bottom:2px;
	background:#FFF;
}

div#contentbox div#cont-l ul#lnav li {
	margin-bottom:2px;
}

div#contentbox div#cont-l ul#lnav li a {
	display:block;
	height:36px;
	text-indent:-9999px;
}


/*
----------------------------------------------------------------------------
footer フッター
----------------------------------------------------------------------------
*/

div#footerbox {
	clear:both;
	width:100%;
	height:49px;
	background:url(../img/common/bg_footer.jpg) repeat-x;
}

div#footerbox div#fnavbox {
	width:875px;
	margin:0 auto;
	padding-top:10px;
}

div#footerbox div#fnavbox ul#fnav {
	width:414px;
	float:left;
}

div#footerbox div#fnavbox ul#fnav li {
	margin-right:23px;
	float:left;
}

div#footerbox div#fnavbox ul#fnav li#fn01 { width:111px; }
div#footerbox div#fnavbox ul#fnav li#fn02 { width:71px; }

div#footerbox div#fnavbox ul#fnav li a {
	display:block;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
}

div#footerbox div#fnavbox ul#fnav li#fn01 a { background:url(../img/common/fnav01.jpg) no-repeat; }
div#footerbox div#fnavbox ul#fnav li#fn02 a { background:url(../img/common/fnav02.jpg) no-repeat; }

div#footerbox div#fnavbox ul#fnav li#fn01 a:hover { background:url(../img/common/fnav01.jpg) 0 -10px no-repeat; }
div#footerbox div#fnavbox ul#fnav li#fn02 a:hover { background:url(../img/common/fnav02.jpg) 0 -10px no-repeat; }

div#footerbox div#fnavbox address {
	width:315px;
	float:right;
}

div#footerbox div#fnavbox address a {
	display:block;
	height:10px;
	background:url(../img/common/f_copyright.jpg) no-repeat;
	text-indent:-9999px;
}


/*
----------------------------------------------------------------------------
huckclearfix クリア
----------------------------------------------------------------------------
*/

div#wrapper:after,
ul#gnav:after,
div#contentbox:after,
div.sharebox:after,
div#header div#headmailbox:after{
	content: "";
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
	}	

div#wrapper,
ul#gnav,
div#contentbox,
div.sharebox,
div#header div#headmailbox{
	display:inline-block;
	}
 
/*\*/

* html div#wrapper,
* html div#contentbox,
* html div.sharebox,
* html div#header div#headmailbox{
	height:1%;
}

div#wrapper,
div#contentbox,
div.sharebox,
div#header div#headmailbox{
	display:block;
	}

/**/

/*
-----------------------------------------------------------------------
clear-fix
-----------------------------------------------------------------------
*/
.clf{
	overflow: hidden;
}


.clf:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

/*\*/

* html .clf{
    height: 1em;
    overflow: visible;
}
/**/