@charset "utf-8";

/* CSS Information *************************************
File name: layout_top.css
Description: layout top
Created date: 2009/11/06
Last created date: 2009/11/06
Created by: Elephant Communications
***************************************************** */


/* Table Of Contents
----------------------------------------

* #vi
* #container
* #primary
* #secondary
* .section
* #contentsLeft
* #contentsRight
* #information
* #subBanner
* #shop

----------------------------------------*/


/* #vi
-------------------------------------------------------------------------------------------------------*/
#vi {
	width: 100%;
	height: 450px;
	background: #EFEFEB;
}

/*
#viContent {
	width: 1200px;
	margin: 0 auto;
}
*/


/* #container
-------------------------------------------------------------------------------------------------------*/
#container {
	width: 950px;
	margin: 0 auto 115px;
}



/* #primary
-------------------------------------------------------------------------------------------------------*/
#primary {
	width: 950px;
	margin-bottom: 20px;
	background: url(../img/top/bg_primary.jpg) left top repeat-y;
}

#primaryContent {
	padding-bottom: 20px;
	background: url(../img/top/bg_primaryContent.jpg) left bottom no-repeat;
}


/* .layout-3col
----------------------------------------------------------------------------------------*/
.layout-3col {
	width: 918px;
	margin: 0 auto;
	background: url(../img/top/bg_layout-3col.gif) left bottom no-repeat;
}

.layout-3colContent {
	background: url(../img/top/bg_layout-3colContent.gif) left top no-repeat;
}


/* .section
-------------------------------------------------------------------------*/
#primary .section {
	width: 278px;
	float: left;
	margin-right: 9px;
	padding: 11px;
}

#primary .last-child {
	margin-right: 0;
}


/* .line (緑色のタイトル部の1行 and 2行の場合の設定)
-------------------------------------------------------------------------*/
.line01{ margin: 15px 0;}
.line02{ margin: 8px 0;}



/* #secondary
-------------------------------------------------------------------------------------------------------*/



/* .section
-------------------------------------------------------------------------------------------------------*/
#secondary .section {
	margin-bottom: 20px;
}

#secondary .section h3 {
	margin-bottom: 20px;
}



/* #contentsLeft
-------------------------------------------------------------------------------------------------------*/
#contentsLeft {
	width: 630px;
	float: left;
}



/* #contentsRight
-------------------------------------------------------------------------------------------------------*/
#contentsRight {
	width: 300px;
	float: right;
}



/* #information
-------------------------------------------------------------------------------------------------------*/
#information dl {
	width: 627px;
	margin-bottom: 1px;
	background: url(../img/top/bg_information.gif) left top repeat-y;
}

#information dt, #information dd {
	float: left;
	padding: 10px 15px;
	line-height: 1.3;
}

#information dt {
	width: 135px;
	font-weight: bold;
	color: #684200;
}

#information dd {
	width: 432px;
}


/* link setting
----------------------------------------------------------------------------------------*/
#information dd a {
	background: url(../img/common/bg_border04.gif) left bottom repeat-x;
}


#information dd a:hover {
	text-decoration: none;
}


/* icon setting
----------------------------------------------------------------------------------------*/
.campaign {
	padding-left: 15px !important;
	background: #F4F1EC url(../img/common/icn_campaign.gif) 105px center no-repeat    !important;
}

.news {
	padding-left: 15px !important;
	background: #F4F1EC url(../img/common/icn_news.gif) 105px center no-repeat    !important;
}

.press {
	padding-left: 15px !important;
	background: #F4F1EC url(../img/common/icn_press.gif) 105px center no-repeat    !important;
}

.member {
	padding-left: 15px !important;
	background: #F4F1EC url(../img/common/icn_member.gif) 105px center no-repeat    !important;
}

.blog {
	padding-left: 15px !important;
	background: #F4F1EC url(../img/common/icn_blog.gif) 105px center no-repeat    !important;
}



/* #subBanner
-------------------------------------------------------------------------------------------------------*/
#subBanner li {
	margin-bottom: 7px;
}

#subBanner .last-child {
	margin-bottom: 0;
}



/* #shop
-------------------------------------------------------------------------------------------------------*/
#shop dt {
	margin-bottom: 15px;
}

#shop dd {
	line-height: 1.5;
	color: #505050;
}