@charset "utf-8";

@import url("common_header.css");
@import url("common_base.css");
@import url("common_footer.css");



/*------------------------------
site top css
------------------------------*/

body {
color: #656565;
}

a {
text-decoration: none;
color: #333333;
}

a:hover {
color: #DB8A3F;
}

/* ---------------------
header (TOPのみH1へ)
-------------------- */

div#header h1#logoArea {
float:left;
font-size:0.8em;
}

/* ---------------------
GLOBAL NAVI
-------------------- */

div#first-container {
margin: 0 auto 0 auto;
padding: 0;
height: 193px;
width: 790px;
}

div#first-container p#mainphoto {
margin: 0;
padding: 0;
height: 193px;
width: 632px;
float: left;
}

div#first-container ul#global-navi {
margin: 0;
padding: 0;
height: 193px;
width: 158px;
float: left;
list-style: none;
}

div#first-container ul#global-navi li {
margin: 0;
padding: 0;
height: 32px;
width: 158px;
float: left;
text-indent: -9999pt;
}

div#first-container ul#global-navi li#g-solution {
height: 33px;
background: url(/assets/images/sittop/sitetop_gnavi_01_f2.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-products {
background: url(/assets/images/sittop/sitetop_gnavi_02_f2.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-profile {
background: url(/assets/images/sittop/sitetop_gnavi_03_f2.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-ir {
background: url(/assets/images/sittop/sitetop_gnavi_04_f2.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-socialactionprogram {
background: url(/assets/images/sittop/sitetop_gnavi_05_f2.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-recruit {
background: url(/assets/images/sittop/sitetop_gnavi_06_f2.jpg) left top no-repeat;
}

div#first-container ul#global-navi li a {
height: 32px;
width: 158px;
display: block;
}

div#first-container ul#global-navi li#g-solution a {
height: 33px;
background: url(/assets/images/sittop/sitetop_gnavi_01.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-products a {
background: url(/assets/images/sittop/sitetop_gnavi_02.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-profile a {
background: url(/assets/images/sittop/sitetop_gnavi_03.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-ir a {
background: url(/assets/images/sittop/sitetop_gnavi_04.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-socialactionprogram a {
background: url(/assets/images/sittop/sitetop_gnavi_05.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-recruit a {
background: url(/assets/images/sittop/sitetop_gnavi_06.jpg) left top no-repeat;
}

div#first-container ul#global-navi li#g-solution a:hover,
div#first-container ul#global-navi li#g-products a:hover,
div#first-container ul#global-navi li#g-profile a:hover,
div#first-container ul#global-navi li#g-ir a:hover,
div#first-container ul#global-navi li#g-socialactionprogram a:hover,
div#first-container ul#global-navi li#g-recruit a:hover{
background: none;
}


/* ---------------------
CONTENTS AREA main
-------------------- */

div#second-container {
margin: 20px auto 0 auto;
padding: 0;
width: 750px;
}

div#second-container div#mainArea {
margin: 0 auto 0 auto;
padding: 0;
width: 529px;
float: left;
}

div#second-container div#mainArea div#sitetop-mtitle {
	margin: 0 auto 0 auto;
	padding: 0 0 0 20px;
	height: 31px;
	width: 510px;
	background: url(/assets/images/sittop/sitetop_bg_02.gif) no-repeat left top;
}

/* ie6用 */
* html div#second-container div#mainArea div#sitetop-mtitle {
width: 500px; /* ここのみ */
}

div#second-container div#mainArea div#sitetop-mtitle h2 {
margin: 0;
padding: 5px 0 0 0;
height: 25px;
float: left;
font-size: 16px;
color: #656565;
}

div#second-container div#mainArea div#sitetop-mtitle a {
	margin: 0;
	padding: 9px 0 0;
	height: 22px;
	width: 190px;
	font-size: 10px;
	float: right;
}

/* ie6用 */
* html div#second-container div#mainArea div#sitetop-mtitle a {
width: 180px;
font-size:9px;
}

div#second-container div#mainArea div#sitetop-mtitle2 {
	margin: 20px auto 0 auto;
	padding: 0 0 0 20px;
	height: 31px;
	width: 510px;
	background: url(/assets/images/sittop/sitetop_bg_03.gif) no-repeat left top;
}

/* ie6用 */
* html div#second-container div#mainArea div#sitetop-mtitle2 {
width: 500px; /* ここのみ */
}

div#second-container div#mainArea div#sitetop-mtitle2 h2 {
margin: 0;
padding: 5px 0 0 0;
height: 25px;
float: left;
font-size: 16px;
color: #656565;
}

div#second-container div#mainArea div#sitetop-mtitle2 a {
	margin: 0;
	padding: 9px 0 0;
	height: 22px;
	width: 110px;
	font-size: 10px;
	float: right;
}

/* ie6用 */
* html div#second-container div#mainArea div#sitetop-mtitle2 a {
width: 100px;
font-size: 9px;
}

div#second-container div#mainArea h3 {
margin:0;
padding: 10px 0 0 0;
height: 70px;
width: 510px;
clear: both;
}

div#second-container div#mainArea div.page-menu {
margin: 0;
padding: 0 1px 1px 0;
width: 510px;
background-color: #E6E6E6;
display: block;
overflow: hidden;
}

div#second-container div#mainArea div.page-menu ul {
margin: 0;
padding: 2px;
width: 510px;
list-style: none;
}

div#second-container div#mainArea div.page-menu ul li {
margin: 0;
padding: 0;
height: 26px;
width: 254px;
background: url(/assets/images/sittop/sitetop_bg_submenu_f2.jpg) left top no-repeat;
float: left;
text-align: left;
}

div#second-container div#mainArea div.page-menu ul li a {
margin: 0;
padding: 4px 0 0 20px;
height: 22px;
width: 234px;
background: url(/assets/images/sittop/sitetop_bg_submenu.jpg) left top no-repeat;
float: left;
font-size: 12px;
text-align: left;
}

div#second-container div#mainArea div.page-menu ul li a:hover {
background: none;
}



/* ---------------------
CONTENTS AREA submenu
-------------------- */


div#second-container div#subMenu {
margin: 0 auto 0 auto;
padding: 0;
width: 221px;
float: left;
}

div#second-container div#subMenu h2.information {
margin: 0;
padding: 0;
height: 31px;
width: 221px;
background: url(/assets/images/sittop/sitetop_bg_important_f2.jpg) left top no-repeat;
}

div#second-container div#subMenu h2.information a {
margin: 0;
padding: 6px 0 0 20px;
height: 25px;
width: 201px;
display: block;
font-size: 14px;
background: url(/assets/images/sittop/sitetop_bg_important.jpg) left top no-repeat;
}

div#second-container div#subMenu h2.information a:hover {
background: none;
}

div#second-container div#subMenu div#nr-box {
margin: 10px 0 0 0;
padding: 0;
width: 221px;
}

div#second-container div#subMenu div#nr-box div#nr-title {
margin: 0;
padding: 0;
height: 31px;
width: 221px;
background: url(/assets/images/sittop/sitetop_bg_news.jpg) left top no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-title h2 {
margin: 0;
padding: 6px 0 0 20px;
height: 25px;
font-size: 14px;
float: left;
/* border: 1px solid #FF0000; */
}

div#second-container div#subMenu div#nr-box div#nr-title p {
margin: 0;
padding: 11px 8px 0 0;
height: 20px;
font-size: 10px;
float: right;
}

div#second-container div#subMenu div#nr-box div#nr-title p a {
margin: 0;
padding: 11px 0 0 17px;
height: 20px;
background: url(/assets/images/sittop/icon_rss.gif) 0 70% no-repeat;
color: #DB8A3F;
}

div#second-container div#subMenu div#nr-box div#nr-list {
margin: 0;
padding: 0 10px 0 10px;
min-height: 513px;
width: 197px;
border-left: 2px solid #E6E6E6; 
border-bottom: 2px solid #E6E6E6; 
border-right: 2px solid #E6E6E6;
}

div#second-container div#subMenu div#nr-box div#nr-list p {
margin: 0;
padding: 5px 0 5px 0;
width: 197px;
text-align: right;
font-size: 10px;
}

div#second-container div#subMenu div#nr-box div#nr-list p a {
margin: 0;
padding: 7px 0 0 12px;
height: 16px;
width: 197px;
background:url(/assets/images/cmn/ico_arrow_orange.gif) 0% 50% no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-list ul {
margin: 0;
padding: 7px 0 0 0;
width: 197px;
border-top: 1px dashed #E6E6E6; 
border-bottom: 1px dashed #E6E6E6;
font-size: 10px;
list-style: none;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li {
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px dashed #E6E6E6;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li.icon-ir {
background:url(/assets/images/sittop/icon_ir.gif) 100% 10% no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li.icon-newproducts {
background:url(/assets/images/sittop/icon_newproducts.gif) 100% 10% no-repeat;
}


/* ---------------------
BANNER AREA
-------------------- */

div#third-container {
margin: 0 auto 0 auto;
padding: 0;
width: 750px;
clear: both;
}

div#third-container div#bannerArea {
margin: 0 auto 0 auto;
padding: 20px 0 30px 0;
overflow: auto;
clear: both;
}

div#third-container div#bannerArea p {
margin: 0;
padding: 0 15px 0 0;
width: 170px;
float: left;
font-size: 10px;
}

div#third-container div#bannerArea p img {
margin: 5px 0 5px 0;
padding: 0;
}