@charset "UTF-8";

/*
--------------------------------------------------------------
	[ File Name   ] habaikannri /local.css
	[ Last UpDate ] 11 Oct 2011
	[ Version     ] 2.0 alpha
--------------------------------------------------------------

	[ Designed by  ] Kiyoo Ishida ( Qliem inc.)
	[ Cord Making  ] Kiyoo Ishida 
--------------------------------------------------------------
*/



/*
--------------------------------------------------------------
body
--------------------------------------------------------------
*/

body,
#contents,
#contentsInner
{
background: none;
}
#wrap
{
background: none;
background: url(../img/wrapBg.jpg) repeat-x 0 0;
}

/*
--------------------------------------------------------------
div#headwrap
--------------------------------------------------------------
*/

div#headwrap
	{
	min-height: 126px;
	height: auto !important;
	height: 126px;
	background: url(../img/headerBg.jpg) repeat-x 0 0;
	}

div#headwrapInner
	{
	min-height: 126px;
	height: auto !important;
	height: 126px;
	width: 936px;
	background: url(../img/headerInnerBg.jpg) no-repeat center top;
	position: relative;
	}


div#headwrapInner h1
	{
	min-height: 3em;
	height: auto !important;
	height: 3em;
	line-height: 1em;
	width: 320px;
	font-weight: bold;
	position: absolute;
	top:24px;
	left: 0px;
	}



a#Logo
	{
	display: block;
	min-height: 72px;
	height: auto !important;
	height: 72px;
	width:324px;
	margin-top: 0px;
	float: right;
	margin-left: 0px;
	}


/*
--------------------------------------------------------------
#keyvisual
--------------------------------------------------------------
*/

#keyvisual
{
height: 378px;
background: url(../img/keyvisualBg.jpg) repeat-x 0 0;
text-align: center;
}

#keyvisualInner
{
height: 378px;
width: 936px;
background: url(../img/keyvisualInnerBg.jpg) no-repeat center top;
margin: 0 auto;
}


/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/

.aviaslider{ 
height:320px; 	/*this changes the height of the image slider*/
width:576px;
overflow: hidden;
position: relative;
background: transparent url(../images/layout/preload.gif) center center no-repeat;
margin-left: 216px;
}

* html .aviaslider
{
margin-left: 170px;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
margin:20px auto 0 auto;
position: relative;
float:left;
display: none;
}

.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/layout/controlls.gif) center top no-repeat;
}



/*
--------------------------------------------------------------
#globalnavi
--------------------------------------------------------------
*/


div#globalnavi
	{
	display: block;
	width: 936px;
	height: 54px;
	background:transparent;
	text-align: center;
	margin: 0 auto;
	margin-top: -9px;
	clear: both;
	}

* html div#globalnavi
	{
	margin-top: -9px;
	}

*:first-child+html div#globalnavi
	{
	margin-top: -9px;
	}

div#globalnavi ul
	{
	display: block;
	width: 936px;
	height: 54px;
	margin: 0px;
	/*background: url('../img/globalnavi/globalNaviInner.png') no-repeat 0 0;*/
	}



div#globalnavi li
	{
	display: block;
	height: 54px;
	float: left;
	margin: 0;
	}

div#globalnavi li a
	{
	display: block;
	height: 54px;
	text-indent: -9999em;
	margin: 0;
	}


a#gn1{width: 324px; background: url(../img/globalNaviInner.jpg) no-repeat 0 0;}
a#gn2{width: 252px; background: url(../img/globalNaviInner.jpg) no-repeat -324px 0;}
a#gn3{width: 144px; background: url(../img/globalNaviInner.jpg) no-repeat -576px 0;}
a#gn4{width: 216px; background: url(../img/globalNaviInner.jpg) no-repeat -720px 0;}

a:hover#gn1{width: 324px; background: url(../img/globalNaviInner.jpg) no-repeat 0 -54px;}
a:hover#gn2{width: 252px; background: url(../img/globalNaviInner.jpg) no-repeat -324px -54px;}
a:hover#gn3{width: 144px; background: url(../img/globalNaviInner.jpg) no-repeat -576px -54px;}
a:hover#gn4{width: 216px; background: url(../img/globalNaviInner.jpg) no-repeat -720px -54px;}



/*
--------------------------------------------------------------
.gridOuter
--------------------------------------------------------------
*/

.grids
	{
	margin-bottom: 0.0em; 
	margin-top: 0.0em;
}

h1#hk1,
h1#hk2,
h1#hk3,
h1#hk4
{
	display: block;
	min-height: 61px;
	height: auto !important;
	height: 61px;
	width: 100%;
	background: url(../img/h1_object.jpg) no-repeat left center;
	padding-top: 18px;
	border-bottom: 1px solid #d0e8d0;
	/*border-top: 1px solid #d0e8d0;*/
	margin-bottom: 1em;
	margin-top: 1.5em;
}


h1#hk1 span,
h1#hk2 span,
h1#hk3 span,
h1#hk4 span
{
margin: 18px 0 0 72px;
color: #66af30;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.3em;
}



.grids h2
{
	display: block;
	min-height: 3em;
	height: auto !important;
	height: 3em;
	width: 100%;
	background: none;
	padding-top: 1em;
	text-indent: 0.3em;
	margin-bottom: 1em;
}



.grids h2 span
{
margin: 0 ;
color: #66af30;
font-size: 13px;
font-weight: bold;
letter-spacing: 0em;
}

.content
{
padding:1em;

}


.content p
{
color: #333;
font-size: 12.5px;
letter-spacing: 0.05em;
line-height: 1.8;
}


.grids .socialbtn
{

text-align: right;
padding-right: 0px;
}


.grids .socialbtn .twbtn,
.grids .socialbtn .fb-like
{
width: 108px;
height: 1.5em;
margin: 1em 0 1em 0.5em;
float: right;
}

div.hk2 div.g1of3
	{
	background: url(../img/contentBg.gif) repeat 0 0;
}




table.spectable
	{
	width: 96%;
	margin:18px auto 18px auto;
	border-collapse: collapse;
	/*background: #999;*/
	background:none;
	background: #fff;
	border-bottom: 1px #d0e8d0 solid;
	}

table.spectable th
	{
	padding: 9px 9px;
	text-align: center;
	border-right: 1px #d0e8d0 solid;
	border-top: 1px #d0e8d0 solid;
	color: #66af30;
	font-size: 1.1em;
	text-align:right;
	background: none;
	font-weight: bold;
	background: url(../img/contentBg.gif) repeat 0 0;
	}

table.spectable td
	{
	padding: 9px 9px;
	border-top: 1px #d0e8d0 solid;
	background: none;
	text-align: left;
	font-size: 1.1em;
	background: #FFF;
	}

table.spectable tr.even td
	{
	background: #FFF;
	}

* html table.spectable th,
* html table.spectable td
	{
	font-size: 0.7em;
	}