@charset "utf-8";

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


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

* color setting

* #contentsList
* .section
* #trial
* #demand
* #member

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

/* color setting
-------------------------------------------------------------------------------------------------------*/
#contents .section h4,
#demand .inner dt,
#member .sectionContent .leed dt {
	font-size: 13px;
	font-weight: bold;
	color: #6d460b;
}

#member .sectionContent p {
	font-weight: bold;
	color: #6d460b;
}



/* #contentsList
-------------------------------------------------------------------------------------------------------*/
#contentsList ul {
	width: 685px;
}

#contentsList li {
	margin-right: 1px;
}



/* .section
-------------------------------------------------------------------------------------------------------*/
#contents .section {
	margin-bottom: 40px;
}

#contents .section h3 {
	margin-bottom: 40px;
}

#contents .section h4 {
	margin-bottom: 20px;
}



/* #trial
-------------------------------------------------------------------------------------------------------*/
#trial {
	background: url(../img/pht_trial01.jpg) left 240px no-repeat;
}

#trial dt {
	margin-bottom: 20px;
}

#trial dd {
	margin-bottom: 30px;
}


/* #trialSet
----------------------------------------------------------------------------------------*/
#trialSet {
	width: 304px;
	margin: 0 0 20px auto;
	background: url(../../img/common/bg_frame01.gif) left bottom no-repeat;
}

#trialSetContent {
	padding: 20px;
	background: url(../../img/common/bg_frame01Content.gif) left top no-repeat;
}

#trialSet h4 {
	margin-bottom: 15px;
}

#trialSet ul {
	margin-bottom: 10px;
}

#trialSet li {
	line-height: 1.6;
}

#trialSet p {
	margin-bottom: 10px;
	line-height: 1.5;
}

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


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



/* #demand
-------------------------------------------------------------------------------------------------------*/
#demand .imgLeft {
	width: 190px;
	float: left;
}

#demand .inner {
	width: 475px;
	float: right;
}

#demand .inner dt {
	margin-bottom: 10px;
	line-height: 1.3;
}

#demand .inner dd {
	margin-bottom: 20px;
	line-height: 1.6;
}



/* #member
-------------------------------------------------------------------------------------------------------*/
/* color setting
----------------------------------------------------------------------------------------*/
#member .imgLeft {
	width: 365px;
	float: left;
}

#member .inner {
	width: 295px;
	float: right;
}


/* .sectionContent
----------------------------------------------------------------------------------------*/
#member .sectionContent {
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(../../img/common/bg_border05.gif) left bottom repeat-x;
}

#member .sectionContent dt,
#member .sectionContent dd,
#member .sectionContent p {
	line-height: 1.3;
}

#member .sectionContent p {
	margin-bottom: 30px;
}


/* .leed
-------------------------------------------------------------------------*/
#member .sectionContent .leed dt {
	margin-bottom: 20px;
}

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


/* .example
-------------------------------------------------------------------------*/
#member .example dt, #member .example dd {
	line-height: 1.3;
}

#member .example dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#member .example dd {
	margin-bottom: 20px;
}

#member .example dd a {
	color: #4791aa;
	background: url(../../img/common/bg_border07.gif) left bottom repeat-x;
}

#member .example dd a:hover {
	text-decoration: none;
}


/* #notice
----------------------------------------------------------------------------------------*/
/* .leed
-------------------------------------------------------------------------*/
#notice .leed {
	margin-bottom: 15px;
}

#notice .leed li {
	padding-left: 0.5em;
	text-indent: -0.5em;
	line-height: 1.8;
}


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

#notice .note li span {
	color: #6d460b;
}