@charset "shift-jis";

/* BODY *************************************** */
body {
color:#333;
font:83% Verdana,Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing:0.02em;
line-height:1.44em;
}
a {
color:#124F0B;
text-decoration:underline;
}
a:hover {
color:#BF0127;
text-decoration:none;
}
img {
vertical-align:bottom;
}
.clear {
clear:both;
}

/* 共通ヘッダー *************************************** */
#commonHeader {
border-bottom:1px solid #e8e8e8;
width:100%;
margin-bottom:25px;
background-color:#f6f6f6;
overflow:hidden;
}
#commonHeader .logo_common {
float:left;
margin-left:10px;
}
#commonHeader .logo_common img {
padding-top:4px;
}
#commonHeader ul {
float:right;
font-size:77%;
padding:3px 0 2px 0;
overflow:hidden;
}
/* IE8向け */
html>/**/body #commonHeader ul {
font-size: 69%\9;
}
#commonHeader ul li {
display:inline;
border-right:1px solid #d3d3d3;
padding-right:5px;
margin-right:5px;
}
#commonHeader ul li.last {
border:none;
}
#commonHeader ul li a {
color:#555;
text-decoration:none;
}
#commonHeader ul li a:hover {
color:#124F0B;
text-decoration:underline;
}

/* LAYOUT *************************************** */
div#layout {
width:850px;
margin:0 auto 0 auto;
padding-bottom:40px;
}

/* HEADER *************************************** */
div#header {
position:relative;
width:850px;
margin:12px 0 10px 0;
overflow: hidden;
}
div#header:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*\*/
*html div#header {
height: 1em; overflow: visible;
}
/**/

div#header h1 {
float:left;
text-indent:-9999px;
margin-bottom:10px;
}
div#header h1 a {
display:block;
width:271px;
height:37px;
background:url(../images/common/logo.gif) no-repeat left top;
}

div#header h1.htCompany {
text-indent:inherit;
margin-top:5px;
}
div#header h1.htCompany a {
display:block;
width: 166px;
height: 32px;
background:url(../images/home/logo.png) no-repeat left top;
}

div#header p.description {
position:absolute;
top:16px;
left:300px;
}

div#header .goHTPtop {
position:absolute;
top:16px;
right:0;
width:147px;
text-align:center;
}
div#header .goHTPtop a {
display:block;
font-size:77%;
text-decoration:none;
width:147px;
height:25px;
padding-top:3px;
background:url(../images/common/goHTPtop_bg.gif) no-repeat left top;
}

div#header div#mmenu {
float:right;
font-size:77%;
padding-top:25px;
}
div#header div#mmenu ul {
position:relative;
height:25px;
width:290px;
padding:0 0 0 10px;
margin:0;
overflow: hidden;
}
div#header div#mmenu ul li {
float:left;
}
div#header div#mmenu ul li a {
z-index: 10;
display: block;
float: left;
height: 25px;
padding:3px 0 0 8px;
text-decoration:none;
position: relative;
overflow: hidden;
}
#mmenu_home a {
width:36px;
}
#mmenu_company a {
width:48px;
}
#mmenu_contact a {
width:66px;
}
#mmenu_sitemap a {
width:58px;
}
#mmenu_link a {
width:34px;
}
#mmenu li.background {
/*background: url('../images/fmenu/bg_menu_right.png') no-repeat top right !important;*/
background: url('../images/fmenu/bg_menu_right.gif') no-repeat top right;
z-index: 8;
position: absolute;
visibility: hidden;
}
#mmenu .background .left {
/*background: url('../images/fmenu/bg_menu.png') no-repeat top left !important;*/
background: url('../images/fmenu/bg_menu.gif') no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}

/* CONTENTSBOX *************************************** */
div#contentsbox {
overflow: hidden;
}
div#contentsbox:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*\*/
*html div#contentsbox {
height: 1em; overflow: visible;
}
/**/

/* WHATS NEW BOX *************************************** */
div#contentsbox div.whatsnewbox {
float:left;
width:644px;
height:146px;
padding-top:14px;
margin-bottom:13px;
background:url(../images/top/whatsnew_bg.gif) no-repeat left bottom;
}
div#contentsbox div.whatsnewbox h2.h_whatsnew {
width:644px;
height:40px;
background:url(../images/top/whatsnew_ttl.gif) no-repeat left top;
text-indent:-9999px;
}
div#contentsbox div.whatsnewbox ul {
width:611px;
height:90px;
padding-right:5px;
margin:3px 0 0 20px;
overflow:auto;
}
div#contentsbox div.whatsnewbox ul li {
/* margin-bottom:7px; */
margin-bottom:4px;
overflow: hidden;
}
div#contentsbox div.whatsnewbox ul li:after {
content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
/*\*/
*html div#contentsbox div.whatsnewbox ul li {
height: 1em; overflow: visible;
}
/**/
div#contentsbox div.whatsnewbox ul li span.date {
clear:both;
float:left;
display:block;
color:#5F735F;
font-size:77%;
width:75px;
padding-left:15px;
background:url(../images/mk_arrow.gif) no-repeat left top;
}
div#contentsbox div.whatsnewbox ul li span.dateInfo {
clear:both;
float:left;
display:block;
color:#5F735F;
width:75px;
padding-left:15px;
background:url(../images/mk_arrow_red.gif) no-repeat left top;
}
div#contentsbox div.whatsnewbox ul li span.news {
float:left;
display:block;
width:492px;
}

/* FOOTER *************************************** */
div#footer {
position:relative;
width:100%;
padding:60px 0 22px 0;
background:#347a31 url(../images/common/footer_tree.png) repeat-x center top;
}
div#footer .twitter {
position:absolute;
top:0;
left:50%;
width:107px;
height:24px;
margin-left:-320px;
background:url(../images/common/bird_tweeet.png) no-repeat left top;
}
div#footer .twitter a:hover img {
visibility:hidden;
}
div#footer .copyright {
color:#97be95;
font-size:77%;
font-weight:bold;
text-align:right;
width:850px;
margin:0 auto;
}