@charset "utf-8";
/************************************************************************

サイトの基本構成
　　body
　　  container
        headnavi
		header
		content
		  main
		    leftComponent
			rightComponent
		footer
		  
************************************************************************/


/************************************************************************
抽象要素
************************************************************************/

/*** 全体共通要素 ***/

*{     
	margin:0;
	padding:0;
}

/*** body要素 ***/
body {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
    text-align:left;
    background-color:#434742;
    overflow-x:hidden;
}


/*** container部分 ***/
#container{
    width:880px;
	margin:0 auto;
}

/*** header部分(各CSSで画像指定・Naviのflot解除) ***/

#header{
	width:880px;
	padding:0;
	margin:0;
	clear:both;
}

/*** content部分 ***/

#content{
    width:880px;
	background:#FFFFFF;
	overflow:hidden;
}

/*** main部分(両サイドに15pxの余白をとっています） ***/
#content #main{
	background:url(../images/top/content_back.jpg) repeat-y;
	width:850px;
	height:370px;
	margin:15px auto;
	padding:0 15px;
}

/*** main内部 ***/
#content #main #rightUnit{
    float:right;
}

#content #main #leftUnit{
    float:left;
}

/*** footer部分(下部アール部分とcopyrightスペース・mainのflot解除） ***/
#footer{
    clear:both;
	background:url(../images/base_img/footer.jpg) no-repeat;
}


/************************************************************************
基本要素
************************************************************************/

/*** h1 ***/
h1{
    text-indent:-9999px;
}

/*** p,ul,dt,dd ***/
p, li, dt, dd{
    font-size:70%;
	color:#444444;
	line-height:1.6em;
	text-align:left;
}

/*** ul,ol ***/
ul, ol {
    list-style-type:none;
}

/*** link ***/
a{
	color:#508615;
	overflow: hidden;
	text-decoration:underline;
}

a:hover {
	color:#508615;
	text-decoration:none;
}

/*** 矢印付リンクlink ***/
.textnavi a{
	color:#508615;
	overflow: hidden;
	text-decoration:underline;
	background:url(../images/base_img/linkbtn_1.jpg) no-repeat;
	margin-left:16px;
}


/*** footer部分 ***/

#footer #bottomText{
    padding-top:20px;
}

#footer #bottomText #bottomNavi{
    float:left;
}

#footer #bottomText #bottomNavi ul li,
#footer #bottomText #bottomNavi ul li a{
    color:#FFFFFF;
	text-decoration:none;
	float:left;
}
#footer #bottomText #bottomNavi ul li a:hover{
    color:#87BE11;
	text-decoration:none;
}

#footer #bottomText #copyright{
    float:right;
}

#footer #bottomText #copyright p{
	color:#CCCCCC;
}



/*** 赤文字 ***/

.emphasis{
    color:#FF6666;
}


/*** flot解除 ***/


/************************************************************************
headnavi共通要素
************************************************************************/

/*** headnavi ***/

#headnavi{
    width:880px;
	height:65px;
	margin-top:11px;
}

/*** h1 ***/

#headnavi h1#akaneLogo{
    float:left;
}

#headnavi h1#akaneLogo a,
#headnavi h1#akaneLogo a:hover{
    width:300px;
	height:60px;
	display:block;
	background:none;
	background:url(../images/base_img/logo.gif) no-repeat top right;
}

/*** globalNavi ***/

#headnavi #globalNavi{
	width:475px;
	height:20px;
    float:right;
    margin-top:15px;
}

#headnavi #globalNavi ul li{
    float:left;
}

#headnavi #globalNavi ul li,
#headnavi #globalNavi ul li a{
    margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
}

#headnavi #globalNavi ul li#nav_home,
#headnavi #globalNavi ul li#nav_home a{
    width:50px;
	height:20px;
}

#headnavi #globalNavi ul li#nav_whatsnew,
#headnavi #globalNavi ul li#nav_whatsnew a{
    width:90px;
	height:20px;
}

#headnavi #globalNavi ul li#nav_information,
#headnavi #globalNavi ul li#nav_information a{
    width:70px;
	height:20px;
}

#headnavi #globalNavi ul li#nav_facilities,
#headnavi #globalNavi ul li#nav_facilities a{
    width:60px;
	height:20px;
}

#headnavi #globalNavi ul li#nav_career,
#headnavi #globalNavi ul li#nav_career a{
    width:80px;
	height:20px;
}

#headnavi #globalNavi ul li#nav_kokoromi,
#headnavi #globalNavi ul li#nav_kokoromi a{
    width:50px;
	height:20px;
}

#headnavi #globalNavi ul li#nav_blog,
#headnavi #globalNavi ul li#nav_blog a{
    width:70px;
	height:20px;
}


#headnavi #globalNavi ul li#nav_home a{
    background:url(../images/base_img/nav_home.jpg) no-repeat;
}
#headnavi #globalNavi ul li#nav_home a:hover{
    background:url(../images/base_img/nav_home_on.jpg) no-repeat;
}

#headnavi #globalNavi ul li#nav_whatsnew a{
    background:url(../images/base_img/nav_whatsnew.jpg) no-repeat;
}
#headnavi #globalNavi ul li#nav_whatsnew a:hover{
    background:url(../images/base_img/nav_whatsnew_on.jpg) no-repeat;
}

#headnavi #globalNavi ul li#nav_information a{
    background:url(../images/base_img/nav_information.jpg) no-repeat;
}
#headnavi #globalNavi ul li#nav_information a:hover{
    background:url(../images/base_img/nav_information_on.jpg) no-repeat;
}

#headnavi #globalNavi ul li#nav_facilities a{
    background:url(../images/base_img/nav_facilities.jpg) no-repeat;
}
#headnavi #globalNavi ul li#nav_facilities a:hover{
    background:url(../images/base_img/nav_facilities_on.jpg) no-repeat;
}

#headnavi #globalNavi ul li#nav_career a{
    background:url(../images/base_img/nav_career.jpg) no-repeat;
}
#headnavi #globalNavi ul li#nav_career a:hover{
    background:url(../images/base_img/nav_career_on.jpg) no-repeat;
}

#headnavi #globalNavi ul li#nav_kokoromi a{
    background:url(../images/base_img/nav_kokoromi.jpg) no-repeat;
}
#headnavi #globalNavi ul li#nav_kokoromi a:hover{
    background:url(../images/base_img/nav_kokoromi_on.jpg) no-repeat;
}

#headnavi #globalNavi ul li#nav_blog a{
    background:url(../images/base_img/nav_blog.jpg) no-repeat;
}
#headnavi #globalNavi ul li#nav_blog a:hover{
    background:url(../images/base_img/nav_blog_on.jpg) no-repeat;
}