@charset "Shift_JIS";

/*--------------------------------------------
  TopPage （index.shtml）CSS
  TopPage Footer (footer.css)
  TopPage Reset (reset.css)
  
  Author: Ichiro Katsube
  Lastmodified: 2009-12-01
--------------------------------------------*/

body {
	font-family:"ＭＳ Ｐゴシック", "Osaka", sans-serif;
	color: #666666;
	background: #FFFFFF;
	text-align:center;
}

/*--------------ヘッダ設定---------------------*/

div#headlink_waku {
	width: 850px;
	height: 46px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #DBAE00;
	font-size: 1px;
}

div#headlink_waku img {
    border: none;
}

div#headlink_waku h1 {
    display: inline;
}

* html div#headlink_waku a:hover {
    background-image: url(../image/common/image_head_foot2/head_hover_bk.gif);
    background-color: #ECF3FF;
}

div#headlink_waku img:hover {
    background-image: url(../image/common/image_head_foot2/head_hover_bk.gif);
}

div.headlink_left {
	float: left;
	display: inline;
	width: auto;
	margin-left: 15px;
}

img#hakulogo {
    margin-top: 4px;
    margin-right: 25px;
}

/*--------2.Flash未インストール時------------*/

div#no_flashbg {
    width: 850px;
	height: 250px;
	margin: 5px auto 0px auto;
	background-image: url(../image/no_flashbg_new.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div#no_flashbg table,
div#no_flashbg a {
    font-size: 12px;
    line-height: 14px;
    color: #FEFEFE;
}

/*----------3.メインコンテンツ---------------*/

div#topcontent {
    clear: both;
	width: 850px;
	text-align: left;
	margin: 5px auto 0px auto;
	font-size: 10px;
}

div#topcontent h2 {
    margin-bottom: 3px;
    font-size: 10px;
}

div#topcontent h2 a {
    display: block;
    margin-left: 2px;
}

div#topcontent h2 a:hover {
    display: block;
    margin-left: 2px;
    background-color: #FFFFFF;
/*IE6対策*/
}

/*h2見出しロールオーバー効果*/
div#topcontent h2 a:hover img{
    visibility: hidden;
}

div#topcontent h3 {
    margin-top: 2px;
    margin-bottom: 4px;
}

div#topcontent a img {
    vertical-align: bottom;
    margin-bottom: 2px;
    border: none;
}

a.left_line {
    display: block;
    border-left: 2px solid #FFFFFF;
}

a:hover.left_line {
    display: block;
    border-left: 2px solid #66CCCC;
}
 
/*-------------3-1.左コンテンツ--------------*/

div#leftmenu {
    float: left;
    display: inline;
    width: 280px;
    height: auto;
}

h2#syohin_bt a {
	background: url(../image/top_image2/h2syohin-hover.gif) no-repeat;
}

h2#cosme_bt a {
	background: url(../image/top_image2/h2cosme-hover.gif) no-repeat;
}

div.blandlogo {
    margin-bottom: 10px;
}

div.blandlogo img {
    margin-left: 1px;
    margin-right: 3px;
}

div.blandlogo a:hover {
    margin-left: 2px;
}

/*------------3-2.中央コンテンツ--------------*/

div#centermenu {
    float: left;
    display: inline;
    width: 275px;
    height: auto;
    margin-left: 6px;
}

h2#shirusanka_bt a {
	background: url(../image/top_image2/h2shirusanka-hover.gif) no-repeat;
}

div#ginzastyle a {
    display: block;
    border-left: 2px solid #FFFFFF;
}

div#ginzastyle a:hover {
    display: block;
    border-left: 2px solid #FFCC33;
}

/*--------------3-3.右コンテンツ--------------*/

div#rightmenu {
    float: right;
    display: inline;
    width: 280px;
    height: auto;
}

* html div#rightmenu {
    margin-right: -4px;
/*IE6以下対策*/
}

/*--------3-3-1.新着ニュースコンテンツ----------*/

div#news {
	width: 275px;
	margin-bottom: 10px;
	background: #FFFFFF;
	padding: 0;
	font-size: 12px;
	line-height: 135%;
	border: solid 2px #FCFCFC;
}

* html div#news {
    width: 275px !important;
/*IE6以下対策*/
}

/*----------RSS対応時に必要-------------
img#rss {
    position: relative;
    top: -27px;
    left: 210px;
    height: 18px;
}

div#newscontents {
    margin-top: -19px;
}
---------------------------------------*/

div#shincyaku {
    height: 150px;
/*新着情報高さ設定*/
    overflow: auto;
    margin-top: -3px;
    margin-right: -5px;
    margin-bottom: 5px;
}

div#news ul {
    clear: both;
}

div#news li {
	border-bottom:solid 1px #3399FF;
	margin-bottom: 5px;
	padding-bottom: 5px;
	list-style: none;
}

div#news li a {
	color: #3300CC;
}

div#news a:hover {
	text-decoration: underline;
}

div#news h2 {
    margin-bottom: 4px;
}

div#news p a {
    height: 10px;
    padding-left: 150px;
    color: #404040;
    background-image: url(../image/top_image2/yajirushi1.gif);
}

div#news p a:hover {
    background-image: url(../image/top_image2/yajirushi2.gif);
}

div#newsrelease {
    height: 172px;
/*ニュースリリース高さ設定*/
    overflow: auto;
    margin-top: -3px;
    margin-right: -5px;
    margin-bottom: 5px;
}

/*--------3-3-2.企業情報コンテンツ----------*/
h2#kigyoinfo_bt a {
	background: url(../image/top_image2/h2kigyoinfo-hover.gif) no-repeat;
}

div#kigyoinfo li {
    display: inline;
    width: auto;
    height: 30px;
}

div#kigyoinfo li a#hozen {
    background-image: url(../image/top_image2/kigyoinfobk.gif);
}

div#kigyoinfo li a#hozen img:hover {
    background-image: url(../image/top_image2/kankyobk.gif);
}

* html div#kigyoinfo li a:hover#hozen {
    background-image: url(../image/top_image2/kankyobk.gif);
}

div#kigyoinfo a#kouken {
    background-image: url(../image/top_image2/kigyoinfobk.gif);
}

div#kigyoinfo li a#kouken img:hover {
    background-image: url(../image/top_image2/koukenbk.gif);
}

* html div#kigyoinfo a:hover#kouken {
    background-image: url(../image/top_image2/koukenbk.gif);
}

div#kigyoinfo a#gaiyo {
    background-image: url(../image/top_image2/kigyoinfobk.gif);
}

* html div#kigyoinfo a:hover#gaiyo {
    background-image: url(../image/top_image2/gaiyobk.gif);
}

div#kigyoinfo li a#gaiyo img:hover {
    background-image: url(../image/top_image2/gaiyobk.gif);
}

div#kigyoinfo a#enkaku {
    background-image: url(../image/top_image2/kigyoinfobk.gif);
}

* html div#kigyoinfo a:hover#enkaku {
    background-image: url(../image/top_image2/enkakubk.gif);
}

div#kigyoinfo a#enkaku img:hover {
    background-image: url(../image/top_image2/enkakubk.gif);
}

