@charset "UTF-8";

/* **************************************
*Since: 2009-5-26
*Modified: 2009-6-08
           2009-6-09
           2009-6-10
           2009-6-18
************************************** */


/* wrapper
---------------------------------------------------------------------------------------- */
body{
	background:url(../images/bg01.jpg) no-repeat left top;
}

#wrapper {
	margin:0px auto;
	width:900px;
}


/* header
---------------------------------------------------------------------------------------- */
#header {
	background:url(../common/images/pattern.png) no-repeat right top ;
	float:left;
	height:480px;
	position:relative;
}

#header h1 {
	padding:29px 0px 0px 20px;
	float:left;
}

#header h2 {
	position:absolute;
	right:0px;
	top:200px;
}

#header div.photoDetails {
	position:absolute;
	right:0px;
	bottom:20px;
	background:url(../images/bg_box.png) repeat ;
	width:220px;
	font-size:85%;
}

#header div.photoDetails p {
	margin:10px 15px;
}

#header div.photoDetails p img {
	margin:0px 0px 5px 0px;
}


/* glNavi
-------------------------------------- */
#header ul#glNavi {
	width:690px;
	float:right;
	margin:10px 0px 0px 0px;
}

#header ul#glNavi li {
	float:left;
	padding:0px 0px 0px 17px;
}

/* headNavi
-------------------------------------- */
#header ul#headNavi {
	width:281px;
	float:right;
	margin:10px 0px 0px 0px;
}

#header ul#headNavi li {
	float:left;
	margin:0px 2px 0px 0px;
	line-height:0;
}

#header ul#headNavi li.privacy {
	margin:0px 0px 0px 0px;
}


/* topContent
---------------------------------------------------------------------------------------- */
#topContent {
	margin:0px 0px 0px 20px;
	background:none;
}

/* news
-------------------------------------- */
#topContent dl#news {
	background:url(../images/bg_news.png) repeat-x left top ;
	border:1px solid #adadad;
	width:645px;
	float:left;
	overflow:hidden;
	_zoom:1;
	padding-bottom:10px;
}

#topContent dl#news dt {
	width:585px;
	height:25px;
	border-bottom:1px solid #D3D4D2;
	margin:25px 0px 0px 30px;
	position:relative;
}

#topContent dl#news dt span.more {
	display:block;
	position:absolute;
	right:40px;
	top:3px;
	background:url(../common/images/icon_arrow01.gif) no-repeat left center ;
	line-height:1;
	padding:0px 0px 0px 10px;
	font-size:85%;
}

#topContent dl#news dt span.rss {
	display:block;
	position:absolute;
	right:0px;
	top:3px;
	line-height:0;
	font-size:0;
}

#topContent dl#news dd {
	margin:15px 30px 0px 30px;
}

#topContent dl#news dd ul li {
	line-height:1;
	margin:10px 0px 0px 0px;
}

#topContent dl#news dd ul li a {
	background:url(../common/images/icon_arrow02.gif) no-repeat left center ;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 20px;
	color:#333;
	text-decoration:none;
}

#topContent dl#news dd ul li a:hover {
	color:#888;
}

#topContent dl#news #symbathy em {
	font-style:normal;
	margin:0 0 0 10px;
}

#topContent dl#news dd #symbathy ul li {
	margin:3px 0 0 0;
}

/* pickUp
-------------------------------------- */
#topContent dl#pickUp {
	float:right;
}

#topContent dl#pickUp dd {
	background:url(../images/bg_pickup.gif) no-repeat left top ;
	padding:10px 10px 0px 10px;
}

#topContent dl#pickUp dd ul li{
	margin:0px 0px 5px 0px;
}

#topContent dl#pickUp dd ul li.gallery {
	margin:0px 0px 0px 0px;
}

#topContent dl#pickUp dd ul li.vision {
	margin:0px 0px 5px 0px;
	border:1px solid #aaa;
	width:198px;
	font-size:85%;
	line-height:1.2;
	letter-spacing:-1px;
	background-color:#FFFFFF;
}

#topContent dl#pickUp dd ul li.vision span {
	margin:5px 10px 4px 10px;
	display:block;
}


/* bottomContent
---------------------------------------------------------------------------------------- */
#bottomContent {
	width:880px;
	margin:0px 0px 0px 20px;
}

#bottomContent div {
	float:left;
	border:1px solid #ddd;
	width:281px;
	margin:20px 15px 0px 0px;
	padding:0px 0px 5px 0px;
	color:#555;
	font-size:85%;
	height:160px;
}

#bottomContent div p {
	margin:15px 15px 15px 15px;
	height:67px;
	padding:0px 0px 0px 80px;
	line-height:1.3;
}

#bottomContent div ul {
	margin:0px 0px 0px 15px;
}

#bottomContent div ul li {
	padding:0px 10px 3px 7px;
	float:left;
	width:40%;
	background:url(../common/images/icon_arrow01.gif) no-repeat left center ;
}

#bottomContent div ul li.company01, #bottomContent div ul li.company03, #bottomContent div ul li.company05 { width:50%; }
#bottomContent div ul li.company02, #bottomContent div ul li.company04 { width:30%; }
#bottomContent div ul li.about01, #bottomContent div ul li.about03 { width:55%; }
#bottomContent div ul li.about02, #bottomContent div ul li.about04 { width:25%; }
#bottomContent div ul li.csr01, #bottomContent div ul li.csr03 { width:25%; }
#bottomContent div ul li.csr02 { width:55%; }

#bottomContent div p img {
	margin:0px 0px 3px 0px;
}

#bottomContent div.column01 p { background:url(../images/photo_content01.jpg) no-repeat left top; }
#bottomContent div.column02 p { background:url(../images/photo_content02.jpg) no-repeat left top; }
#bottomContent div.column03 p { background:url(../images/photo_content03.jpg) no-repeat left top; }
#bottomContent div.column03 {
	width:282px;
	margin:20px 0px 0px 0px;
}


/* footer
---------------------------------------------------------------------------------------- */
#footer {
	float:left;
	margin:30px 0px 0px 0px;
}