@charset "Shift_JIS";

body{
	text-align:center;
}

body,
h1,
h2,
h3,
ul,
li,
dl,
div,
p,
img{
	margin:0px;
	padding:0px;
}

ul{
	list-style:none;
}

table{
	border-spacing:0;
	empty-cells:show;
	border-collapse:collapse;
}

img{
	border:0;
}

th{
	text-align:left;
}

th,
td{
	vertical-align:top;
}

hr{
	display:none;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.logo{
	width:132px;
	height:30px;
	background:url(../../images/cmn_logo_001.gif) no-repeat;
}

#wrap{
	width:808px;
	height:100%;
	margin:0 auto;
	text-align:left;
}

#main{
	width:780px;
	_width:800px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
}

#content{
	width:500px;
	float:left;
}

.clear{
	clear:both;
}

/*--------- header ------------------*/
#header{
	width:800px;
	padding:0 0 5px 0;
	position:relative;
	top:0;
	left:4px;
}

#header .h_read{
	background:#4E59A5;
	padding:4px 10px;
}

#header ul{
	width:121px;
	position:absolute;
	top:53px;
	left:640px;
	height:15px;
}

#header li{
	float:left;
}

#header li.map{
	width:78px;
	height:11px;
	background:url(../images/cmn_nv_001.gif) no-repeat;
}

#header li.english{
	width:42px;
	height:11px;
	background:url(../images/cmn_nv_002.gif) no-repeat;
}

#header li.map a{
	width:56px;
	height:9px;
	margin:0 0 0 8px;
}

#header li.english a{
	width:33px;
	height:11px;
	margin:0 0 0 9px;
}

.logo a{
	width:132px;
	height:30px;
	margin:3px 0 0 10px;
	background:url(../images/cmn_logo_001.gif) no-repeat;
	display:block;
}

/*--------- /header ------------------*/

/*--------- content ------------------*/
#bread{
	width:100%;
	margin:0 0 20px;
}

/*--------- /content ------------------*/

/*--------- shadow ------------------*/
#shadow{
	width:800px;
	_width:808px;
	background:url(../images/cmn_bg_001.jpg) no-repeat;
	padding:4px;
}

/*--------- /shadow ------------------*/

/*--------- g_navi ------------------*/
#g_navi{
	width:800px;
	height:57px;
	background:url(../../images/ind_gnv_bg.jpg) no-repeat;
	
}

#g_navi li{
	float:left;
}

#g_navi li.company{
	width:138px;
	height:57px;
	background: url(../../images/ind_gnv_001_off.jpg) no-repeat;
}

#g_navi li.news{
	width:138px;
	height:57px;
	background: url(../../images/ind_gnv_002_off.jpg) no-repeat;
}

#g_navi li.brands{
	width:138px;
	height:57px;
	background: url(../../images/ind_gnv_006_off.jpg) no-repeat;
}

#g_navi li.media{
	width:138px;
	height:57px;
	background: url(../../images/ind_gnv_004_off.jpg) no-repeat;
}

#g_navi li.recruit{
	width:138px;
	height:57px;
	background: url(../../images/ind_gnv_005_off.jpg) no-repeat;
}

#g_navi li a{
	display:block;
}

#g_navi li.company a{width:138px; height:57px; margin:0;}
#g_navi li.news a{width:138px; height:57px; margin:0;}
#g_navi li.brands a{width:138px; height:57px; margin:0;}
#g_navi li.release a{width:138px; height:57px; margin:0;}
#g_navi li.media a{width:138px; height:57px; margin:0;}
#g_navi li.recruit a{width:138px; height:57px; margin:0;}

#g_navi li.company a:hover{
	background-image: url(../../images/ind_gnv_001_on.jpg);
	background-repeat: no-repeat;
}
#g_navi li.news a:hover{background: url(../../images/ind_gnv_002_on.jpg) no-repeat;}
#g_navi li.brands a:hover{background: url(../../images/ind_gnv_006_on.jpg) no-repeat;}
#g_navi li.release a:hover{background: url(../../images/ind_gnv_003_on.jpg) no-repeat;}
#g_navi li.media a:hover{background: url(../../images/ind_gnv_004_on.jpg) no-repeat;}
#g_navi li.recruit a:hover{background: url(../../images/ind_gnv_005_on.jpg) no-repeat;}

#g_navi li.company a.ac,
#g_navi li.company a:hover.ac{background: url(../../images/ind_gnv_001ac.jpg) no-repeat;}
#g_navi li.news a.ac,
#g_navi li.news a:hover.ac{background: url(../../images/ind_gnv_002ac.jpg) no-repeat;}
#g_navi li.release a.ac,
#g_navi li.release a:hover.ac{background: url(../../images/ind_gnv_003ac.jpg) no-repeat;}
#g_navi li.release a.ac,
#g_navi li.release a:hover.ac{background: url(../../images/ind_gnv_003ac.jpg) no-repeat;}
#g_navi li.media a.ac,
#g_navi li.media a:hover.ac{background: url(../../images/ind_gnv_004ac.jpg) no-repeat;}
#g_navi li.recruit a.ac,
#g_navi li.recruit a:hover.ac{background: url(../../images/ind_gnv_005ac.jpg) no-repeat;}

/*--------- /g_navi ------------------*/

/*--------- right_nv ------------------*/
#right_nv{
	width:200px;
	float:right;
}

#right_nv .nv_title,
#right_nv .nv_title a{
	width:225px;
	height:54px;
}

.loc_nv{
	margin:0 0 5px;
}

.loc_nv li p,
.loc_nv li a{
	height:11px;
}


.loc_nv li{
	width:210px;	
	height:15px;
	_height:35px;
	padding:10px 0 10px 5px;
	border-bottom:1px solid #DDD;
	background-repeat: no-repeat;
}

.h2_ent{
	width:104px;
	height:13px;
	background:url(../../company/images/ind_h2_002.gif) no-repeat;
	margin:20px 0 10px;
}

.h2_ind{
	width:104px;
	height:13px;
	background:url(../../company/images/ind_h2_001.gif) no-repeat;
	margin:20px 0 10px;
}

.sub_nv{
	width:225px;
	padding:0 0 15px;
	margin:0 0 15px;
	background:url(../images/cmn_lin_002.gif) left bottom repeat-x;
}

.sub_nv div,
.com_area{
	min-height:35px;
	_height:45px;
	margin:0 0 10px;
	background:#E0E0E0;
}

#top .sub_nv div{
	background:#E0E0E0;
}

.com_area{
	background:#6781B1;
	margin:0 0 10px;
}

.mm_area{
	background:#FFFFFF;
	margin:0 0 10px;
}

.sub_nv .inquiry{
	width:76px;
	height:11px;
	background:url(../images/cmn_nv_003.gif) no-repeat;
	margin:0 0 5px;
}

.sub_nv .material{
	width:114px;
	height:11px;
	background:url(../images/cmn_nv_004.gif) no-repeat;
	margin:0 0 5px;
}

.sub_nv p a{
	margin:0 0 0 10px;
}

.sub_nv .inquiry a{
	width:66px;
	height:11px;
}

.sub_nv .material a{
	width:114px;
	height:11px;
}

.com_area .commodity{
	width:99px;
	height:11px;
	background:url(../images/cmn_nv_005.gif) no-repeat;
	margin:0 0 5px;
}

.com_area .commodity a{
	width:89px;
	height:11px;
	margin:0 0 0 10px;
}

.com_area .commodity2{
	width:99px;
	height:11px;
	background:url(../images/cmn_nv_008.gif) no-repeat;
	margin:0 0 5px;
}

.com_area .commodity a{
	width:89px;
	height:11px;
	margin:0 0 0 10px;
}

.mm_area .mailmaga{
	width:150px;
	height:11px;
	margin:0 0 5px;
}
/*--------- /right_nv ------------------*/

/*--------- footer_navi ------------------*/

.f_navi{
	margin:0 14px 15px;
}

.f_navi ul{
	width:206px;
}

.f_navi li{
	float:left;
}

.f_navi .pagetop{
	width:74px;
	height:9px;
	background:url(../images/cmn_pt_001.gif) no-repeat;
	float:right;
}

.f_navi .pagetop a{
	width:64px;
	height:9px;
	margin:0 0 0 10px;
}

.f_navi li.privacy{
	width:114px;
	height:9px;
	background:url(../images/cmn_nv_006.gif) no-repeat;
}

.f_navi li.map{
	width:78px;
	height:11px;
	background:url(../images/cmn_nv_001.gif) no-repeat;
}

.f_navi li.environment{
	width:92px;
	height:9px;
	background:url(../images/cmn_nv_007.gif) no-repeat;
}

.f_navi li.privacy a{
	width:92px;
	height:9px;
	margin:0 0 0 9px;
}

.f_navi li.environment a{
	width:84px;
	height:9px;
	margin:0 0 0 8px;
}

/*--------- /footer_navi ------------------*/

/*--------- footer ------------------*/

.f_cell{
	vertical-align:bottom;
}

.footer{
	width:770px;
	_width:800px;
	padding:15px;
	background:#494949;
	height: 40px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}

.footer p{
	width:480px;
	float:left;
}

/*.footer_bn{
	height: 51px;
	width: 128px;
	background-image: url(../../images/ecs_bn.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}
*/
/*--------- /footer ------------------*/

/*-------------------------------
display-block
-------------------------------*/
#g_navi li a,
#right_nv .nv_title a,
.loc_nv li a,
.sub_nv p a,
.com_area .commodity a,
.f_navi li a,
.f_navi .pagetop a,
#header a{
	display:block;
}

/*-------------------------------
display-none
-------------------------------*/
.logo span,
li span,
h1 span,
h2 span,
h3 span,
p span{
	display:none;
}

/*-------------------------------
font
-------------------------------*/
/*----- size ---------*/
th,
td{
	font-size:12px;
}

.font12 {
	font-size: 12px;
}

/*----- color ---------*/
th,
td{
	color:#666;
}

a{
	color:#5E86D2;
}

#header p{
	color:#FFF;
}

.com_area p{
	color:#C2CDE0;
}

.footer p{
	color: #DBDBDB;
}

/*----- size ---------*/
#header,
.footer p,
.f_navi li,
#right_nv,
#bread{
	font-size:10px;
}

/*----- line-height ---------*/
#header,
p,
.f_navi li,
#bread{
	line-height:16px;
}

#right_nv{
	line-height:13px;
}

/*--------- /font ------------------*/


/*-- 2009/07/31 追加 --*/
div#banner {
	position: absolute;
	width: 170px;
	height: 40px;
	left: 450px;
	top: 30px;
}
/*-- 2009/08/24 追加ここまで --*/


/*-- 2009/08/24 追加 --*/
#main{
	width:760px;
	_width:800px;
}

div#banner {
	position: absolute;
	width: 170px;
	height: 40px;
	left: 314px;
	top: 30px;
}

div#banner_02 {
	position: absolute;
	width: 140px;
	height: 40px;
	left: 490px;
	top: 30px;
}

div#banner a,div#banner_02 a {display: block;}

div#banner a:hover,div#banner_02 a:hover {
	position: relative;
	top: -1px;
}

div#banner a:active,div#banner_02 a:active {
	position: relative;
	top: 0px;
}


div.readTxt p:first-letter {
	padding-left: 1em;
}

/*-- 2009/08/24 追加ここまで --*/