@charset "utf-8";

/* CSS Information *************************************
File name: index.css
Description: layout delivery index
Created date: 2009/11/13
Last created date: 2009/11/13
Created by: Elephant Communications
***************************************************** */


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

* #leed
* #flow
* #rule
* #aside

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

/* #leed
-------------------------------------------------------------------------------------------------------*/
#leed {
	margin-bottom: 25px;
	padding-bottom: 30px;
	border-bottom: 1px solid #473211;
}

#leed .leed {
	margin-bottom: 45px;
}

#leed dt {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #6d460b;
}

#leed dd {
	margin-bottom: 25px;
}


/* .link
----------------------------------------------------------------------------------------*/
#leed .link {
	text-align: right;
}


/* line-height
----------------------------------------------------------------------------------------*/
#leed .leed, #leed dt, #leed dd {
	line-height: 1.5;
}



/* #flow
-------------------------------------------------------------------------------------------------------*/
#flow {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #473211;
}

#flow h3 {
	margin-bottom: 20px;
}

#flow h4 {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 13px;
	font-weight: bold;
	color: #6d460b;
}

#flow h4 span {
	margin-left: 17px;
}


/* .frame
----------------------------------------------------------------------------------------*/
#flow .frame01Content, #flow .frame02Content {
	padding: 20px;
}


/* .layout-2col
----------------------------------------------------------------------------------------*/
.layout-2col {
	position: relative;
	margin-bottom: 15px;
}

.layout-2col .colLeft, .layout-2col .colRight {
	width: 292px;
}

.layout-2col .colLeft {
	float: left;
}

.layout-2col .colRight {
	float: right;
}

.layout-2col dt {
	margin-bottom: 15px;
}

.layout-2col dd {
	line-height: 1.5;
}


/* .section
----------------------------------------------------------------------------------------*/
.section {
	position: relative;
	margin-bottom: 15px;
}


/* layout-2col
-------------------------------------------------------------------------*/
.section .colLeft {
	width: 205px;
	float: left;
}

.section .colRight {
	width: 420px;
	float: right;
}


/* .leed
-------------------------------------------------------------------------*/
.section .leed {
	margin-bottom: 10px;
	line-height: 1.5;
}


/* .frame
-------------------------------------------------------------------------*/
.section .frame03Content {
	padding: 15px;
}

.section .frame {
	line-height: 1.5;
}

.section .frame dd, .section .frame p {
	font-size: 10px;
}

.section .frame dt {
	margin-bottom: 5px;
	color: #6d460b;
}

.section .frame dd {
	margin-bottom: 15px;
}

.section .frame .last-child {
	margin-bottom: 0;
}


/* arrow setting (矢印)
-------------------------------------------------------------------------*/
.arrow li {
	position: absolute;
}

.arrow01 {
	top: 23px;
	left: 327px;
}

.arrow02 {
	top: -22px;
	left: 655px;
}



/* #rule
-------------------------------------------------------------------------------------------------------*/
#rule {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #473211;
}

#rule h3 {
	margin-bottom: 20px;
}

#rule dt {
	margin-bottom: 5px;
	line-height: 1.5;
	font-size: 13px;
	font-weight: bold;
	color: #6d460b;
}

#rule dd {
	margin-bottom: 15px;
	line-height: 1.5;
}


/* .note
----------------------------------------------------------------------------------------*/
#rule .note {
	font-size: 10px;
}


/* .section
----------------------------------------------------------------------------------------*/
#rule .section p {
	line-height: 1.5;
	font-size: 13px;
	font-weight: bold;
	color: #6d460b;
}

#rule .section dt, #rule .section dd {
	margin-bottom: 0;
}

#rule .section dt {
	clear: both;
	width: 150px;
	float: left;
	padding-top: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #646464;
}

#rule .section dd {
	padding: 10px 0 0 210px;
	background: url(../../img/common/icn_arrow03.gif) 160px 14px no-repeat;
}


/* .frame
----------------------------------------------------------------------------------------*/
#rule .frame01Content {
	padding: 20px;
}



/* #aside
-------------------------------------------------------------------------------------------------------*/
#aside li a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}