@charset "shift-jis";
 
/**
 * topBase.css
 *
 * 香岳園製茶株式会社HP - ベースcss
 *
 * @since 2011/02/28
 * @version 2011/02/28
 * @coptright Copyright c 2011 香岳園製茶株式会社
 * @link http://kougakuen.jp/
 */

/* ----------------------------------------------------------------------------
originalElement()
------------------------------------------------------------------------------- */
html{
} 
body{
	margin:0 auto;
	line-height:150%;
	letter-spacing:0.3em;
	color:#445158;
	font-size:9pt;
	text-align:center;
}
* html ,* html body {  
	height: 100%;  
	overflow-y: hidden;  
	overflow-x: auto;  
} 
h1{
}
h2{
}
h3{
}
h4{
}
em{
	color:#111111;
	font-weight:bold;
	font-style:normal;
}
strong{
	font-style:normal;
}
ul,li,img{
	border:0;
	padding:0;
	margin:0;
}
img{
	vertical-align:bottom;
}
a:link{
	color:#2200cc;
}
a:visited{
	color:#941d55;
}
a:hover{
	color:#ff0000;
}
address{
}

/* ----------------------------------------------------------------------------
container()
------------------------------------------------------------------------------- */
#container {
	margin:0 auto;
}
#adjustBox {  
	background:url('../../images/bgMain.jpg') top center no-repeat;
}
* html #adjustBox {  
	overflow: auto;  
	position: relative;  
	width: 100%;  
	height: 100%;  
}

/* ----------------------------------------------------------------------------
header()
------------------------------------------------------------------------------- */
#headerWrapper{
	width:100%;
}
#header{
	margin:0 auto;
	padding:0 0 0 265px;
	width:585px;
	text-align:left;
}
#header h1{
	margin:0;
	padding:0;
	border-top:#0e3c00 solid 3px;
	color:#0e3c00;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.2em;
	text-align:left;
}

/* ----------------------------------------------------------------------------
main()
------------------------------------------------------------------------------- */
#mainWrapper{
	margin:0 auto;
	width:850px;
}
#main{
	margin:0 auto;
	padding:0;
	width:850px;
}

/* ----------------------------------------------------------------------------
menu()
------------------------------------------------------------------------------- */
*+html #menu {
	margin:0 0 0 -133px;
}
#menu{
	float:left;
	width:265px;
	position:fixed;
}
#menu p.logo{
	margin:0;
	padding:0;
}
#menu .menuCompanyBox{
	margin:0;
	height:130px;
	background:url('../../images/bgMenuCompanyInfo.jpg') left center no-repeat;
}
.menuCompanyBox .menuTelNumber{
	margin:0;
	padding:15px 0 0;
}
.menuCompanyBox .menuCompanyInfo{
	margin:0;
	padding:13px 25px 0;
	line-height:14px;
	font-size:10px;
	letter-spacing:0.2em;
	text-align:left;
}
.menuCompanyBox .menuCompanyInfo .menuCompanyInfoBottom{
	padding:0 15px 0 0;
	float:right;
	color:#2d2d2d;
}
.menuCompanyBox .menuCompanyInfo .menuCompanyInfoBottom img{
	vertical-align:middle;
}
#menu ul{
}
#menu li{
	float:left;
	list-style-type:none;
}
.subMenu{
	height:60px;
}
.subMenu p{
	margin:0;
	padding:7px 25px 0 26px;
	font-size:14px;
	text-align:left;
}

/* ----------------------------------------------------------------------------
contents()
------------------------------------------------------------------------------- */
*+html #contents{
	margin:0;
	padding:0 0 38px;
}
#contents{
	margin:0 0 218px;
	float:right;
	width:585px;
	text-align:left;
}
.contentsTitle{
	width:585px;
}
.contentsTitle h2{
	margin:0 0 10px;
	padding:0;
}

/* ----------------------------------------------------------------------------
globalNavi()
------------------------------------------------------------------------------- */
#globalNaviWrapper{
	width:100%;
	background:#fff url('../../images/bgGNav.jpg') left top repeat-x;
	position: fixed !important;  
	position: absolute;  
	bottom:180px;
	left:0;
}
#globalNavi{
	margin:0 auto;
	padding:6px 0 0;
	width:850px;
	height:34px;
}
#globalNavi ul{
	text-align:right;
	float:right;
}
#globalNavi li{
	float:left;
	display:inline;
	list-style:none;
}
#globalNavi li.gNav01 a {
	width:100px;
	background:#fff url('../../images/navImg01_on.gif') left top no-repeat;
}
#globalNavi li.gNav02 a {
	width:110px;
	background:#fff url('../../images/navImg02_on.gif') left top no-repeat;
}
#globalNavi li.gNav03 a {
	width:81px;
	background:#fff url('../../images/navImg03_on.gif') left top no-repeat;
}
#globalNavi li.gNav04 a {
	width:144px;
	background:#fff url('../../images/navImg04_on.gif') left top no-repeat;
}
#globalNavi li.gNav05 a {
	width:140px;
	background:#fff url('../../images/navImg05_on.gif') left top no-repeat;
}
#globalNavi li a {
	display:block;
	position:relative;
	overflow:hidden;
	height:34px;
	color:#000;
	text-align:center;
}
#globalNavi li a:hover {
	color:#000;
}
#globalNavi li a img {
	background:#fff;
}
#globalNavi li a:hover img {
	position:relative;
	top:-34px;
}

/* ----------------------------------------------------------------------------
footer()
------------------------------------------------------------------------------- */
#footerWrapper{
	width:100%;
	background:#121212;
	position: fixed !important;  
	position: absolute;  
	bottom:0;
	left:0;
}
#footer{
	margin:0 auto;
	width:100%;
	height:180px;
}

/* ----------------------------------------------------------------------------
all use style()
------------------------------------------------------------------------------- */
.annotationText{
	color:#bf923b;
}
.center{   /* 中央揃え用 */
	text-align:center;
	padding:5px 0;
	margin:0 auto;
}
.red{   /* 文字を赤にする用 */
	color:#ff0000;
}
.redB{   /* 文字を赤で太字にする用 */
	color:#ff0000;
	font-weight:bold;
}
.orange{   /* 文字をオレンジにする用 */
	color:#fe9813;
}
.orangeB{   /* 文字をオレンジで太字にする用 */
	color:#fe9813;
	font-weight:bold;
}
.green{   /* 文字をグリーンにする用 */
	color:#004000;
}
.greenB{   /* 文字をグリーンで太字にする用 */
	color:#004000;
	font-weight:bold;
}
.font110{   /* フォントサイズを110%にする */
	font-size:110%;
}
.font120{   /* フォントサイズを120%にする */
	font-size:120%;
}
.font130{   /* フォントサイズを130%にする */
	font-size:130%;
}
.font140{   /* フォントサイズを140%にする */
	font-size:140%;
}
.underline{
	text-decoration:underline;
}
.right{   /* 右揃えにする用 */
	text-align:right;
	padding:10px 0;
}

/* ----------------------------------------------------------------------------
clearfix()
------------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}