@charset "Shift_JIS";

/* Style for Feature */

/* General
----------------------------------------------------------- */

#featureContent h2 {
	margin:0 0 20px 0;
}

#featureContent div.concept {
	background:url(../images/common_bg_concept.jpg) 0 0 transparent repeat-x;
	padding:20px 0 40px 0;
}

#featureContent div.concept h3 {
	margin:0 0 10px 20px;
}

#featureContent div.concept p {
	margin:0 20px;
}

#featureContent .note {
	font-size:84%;
	color:#575757;
	line-height:1.2;
}

#featureContent div.pagetop {
	float:left;
	width:720px;
	height:20px;
	margin:0 0 40px 0;
	font-size:84%;
	background:url(../../common/09/images/common_bg_dividerline.gif) left bottom transparent no-repeat;
}

#featureContent div.pagetop a {
	float:right;
	background:url(../../common/09/images/common_arrow_squaretop.gif) 0 2px transparent no-repeat;
	padding:0 0 0 14px;
}

#featureContent img.imgL {
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

#featureContent img.imgR {
	float:right;
	display:inline;
	margin:0 0 0 10px;
}

#featureContent div.pager {
	background:url(../../common/09/images/common_bg_dividerline.gif) 0 0 transparent no-repeat;
	width:720px;
	float:left;
	padding:5px 0 0 0;
}

#featureContent div.pager ul {
	background:url(../../common/09/images/common_bg_dividerline.gif) left bottom transparent no-repeat;
	float:left;
	width:720px;
}

#featureContent div.pager ul li.previous {
	width:360px;
	float:left;
	margin:0 0 7px 0;
}	

#featureContent div.pager ul li.previous a {
	background:url(../images/common_arrow_left.gif) 0 2px transparent no-repeat;
	padding:0 0 0 14px;
}

#featureContent div.pager ul li.next {
	width:360px;
	float:right;
	text-align:right;
	margin:0 0 7px 0;
}

#featureContent div.pager ul li.next a {
	background:url(../images/common_arrow_right.gif) 0 2px transparent no-repeat;
	padding:0 0 0 14px;
}

#featureContent div.section p.gloss {
	color:#156C17;
	margin:0 0 0.3em 0;
	font-weight:bold;
}
	
	


/* Index
----------------------------------------------------------- */

#featureContent #indexContent h2 {
	margin:0;
}

#featureContent #indexContent div.linkSection {
	background:url(../images/index_bg_button.jpg) 0 0 transparent no-repeat;
	width:720px;
	float:left;
}

#featureContent #indexContent  div.linkSection ul.special {
	width:720px;
}

#featureContent #indexContent  div.linkSection ul.special li.semicon {
	float:left;
	display:inline;
	width:220px;
	margin:0 0 0 80px;
	padding:0 0 50px 0;
}

#featureContent #indexContent  div.linkSection ul.special li.award {
	float:left;
	display:inline;
	width:220px;
	margin:0 0 0 120px;
	padding:0 0 50px 0;
}

#featureContent #indexContent  div.linkSection ul.buttons {
	width:660px;
	height:146px;
	float:left;
	display:inline;
	margin:0 0 0 30px;
}

#featureContent #indexContent  div.linkSection ul.buttons li {
	float:left;
}

/* Quality
----------------------------------------------------------- */

#featureContent #qualityContent div.section {
	width:680px;
	margin:0 0 40px 20px;
	float:left;
	display:inline;
}

#featureContent #qualityContent div.section h3 {
	margin:0 0 20px 0;
}

#featureContent #qualityContent div.section h4 {
	color:#156C17;
	margin:0 0 0.3em 0;
	padding:0.8em 0 0 0;
}

#featureContent #qualityContent div.section p {
	margin:0 0 1em 0;
}

#featureContent #qualityContent ul.omakase {
	width:680px;
	float:left;
}

#featureContent #qualityContent ul.omakase li {
	width:216px;
	float:left;
	display:inline;
	margin:0 0 0 16px;
}

#featureContent #qualityContent ul.omakase li.first {
	margin:0;
}

#featureContent #qualityContent ul.omakase li dl dt {
	font-weight:bold;
	margin:0 0 3px 0;
	line-height:1.2;
}

#featureContent #qualityContent ul.omakase li dl dd {
	margin:0 0 5px 0;
}



/* Recording
----------------------------------------------------------- */

#featureContent #recordingContent div.section {
	width:680px;
	margin:0 0 40px 20px;
	float:left;
	display:inline;
}

#featureContent #recordingContent div.section h3 {
	margin:0 0 20px 0;
}

#featureContent #recordingContent div.section h4 {
	color:#156C17;
	margin:0 0 0.3em 0;
	padding:0.8em 0 0 0;
}

#featureContent #recordingContent div.section p {
	margin:0 0 1em 0;
}

#featureContent #recordingContent div.subSection {
	width:680px;
	float:left;
	margin:0 0 15px 0;
}

#featureContent #recordingContent div.subSection h4 {
	padding:0;
}



/* Design
----------------------------------------------------------- */

#featureContent #designContent div.section {
	width:680px;
	margin:0 0 40px 20px;
	float:left;
	display:inline;
}

#featureContent #designContent div.section h3 {
	margin:0 0 20px 0;
}

#featureContent #designContent div.section p {
	margin:0 0 1em 0;
}



/* Eco
----------------------------------------------------------- */

#featureContent #ecoContent div.section {
	width:680px;
	margin:0 0 40px 20px;
	float:left;
	display:inline;
}

#featureContent #ecoContent div.section h3 {
	margin:0 0 20px 0;
}

#featureContent #ecoContent div.section p {
	margin:0 0 1em 0;
}

#featureContent #ecoContent div.section table {
	width:680px;
	margin:0 0 15px 0;
}

#featureContent #ecoContent div.section table th,
#featureContent #ecoContent div.section table td {
	border:1px solid #B0E346;
	padding:5px;
	font-weight:normal;
	text-align:center;
}

#featureContent #ecoContent div.section table th {
	background:#FAFCED;
}

#featureContent #ecoContent div.section table tr.category th {
	background:#E8F7C8;
	color:#0B6204;
}

#featureContent #ecoContent div.section ul.linkage {
	margin:-10px 0 0 0;
	padding:0 0 0 208px;
}

#featureContent #ecoContent div.section ul.linkage a {
	background:url(../images/common_arrow_right.gif) 0 2px transparent no-repeat;
	padding:0 0 0 14px;
}

#featureContent #ecoContent div.section ul.linkage2 li {
	float:left;
	display:inline;
	margin:0 0 0 10px;
}


#featureContent #ecoContent div.section ul.linkage2 li.first {
	margin:0;
}

#featureContent #ecoContent div.subSection {
	width:680px;
	float:left;
	margin:0 0 15px 0;
}

#featureContent #ecoContent div.subSection h4 {
	padding:0;
}



/* Function
----------------------------------------------------------- */

#featureContent #functionContent div.section {
	width:680px;
	margin:0 0 40px 20px;
	float:left;
	display:inline;
}

#featureContent #functionContent div.section h3 {
	margin:0 0 20px 0;
}

#featureContent #functionContent div.section p {
	margin:0 0 1em 0;
}

/* Button */

#featureContent #functionContent div.button {
	float:right;
	margin:0 0 10px 0;
}

#featureContent #functionContent div.button .arrowButton:link,
#featureContent #functionContent div.button .arrowButton:hover,
#featureContent #functionContent div.button .arrowButton:active,
#featureContent #functionContent div.button .arrowButton:visited {
	color:#444444;
	text-decoration:none;
}

#featureContent #functionContent div.button .arrowButton {
	background: url(../../function/09a/images/common_button_function_r.gif) top right transparent no-repeat;
    display: block;
    font-weight: bold;
    height: 32px;
	float:right;
    padding-right: 15px;
}

#featureContent #functionContent div.button .arrowButton span {
	background: url(../../function/09a/images/common_button_function_l.gif) 0 0 transparent no-repeat;
    display: block;
    line-height: 18px;
    padding: 6px 0 8px 30px;
}

/* Philosophy
----------------------------------------------------------- */

div#philosophyContent {
	background:#DBDBDB;
	width:720px;
	float:left;
	margin:0 0 40px 0;
}

div#philosophyContent .section {
	margin:0 23px 30px 23px;
	width:674px;
	float:left;
	display:inline;
}

div#philosophyContent .subSection {
	margin:0 0 0 20px;
	width:634px;
	float:left;
	display:inline;
}

div#philosophyContent .subSection h2 {
	margin:0 0 15px 0;
}

div#philosophyContent .subSection img.left {
	display:inline;
	float:left;
	width:122px;
}

div#philosophyContent .subSection p.middle {
	display:inline;
	float:left;
	width:298px;
}

div#philosophyContent .subSection img.right {
	float:right;
	display:inline;
	width:201px;
}

div#philosophyContent div.subSection2 {
	margin:0;
	width:634px;
	float:left;
	display:inline;
}

div#philosophyContent div.subSection2 img {
	display:inline;
	float:left;
	width:250px;
}

div#philosophyContent div.subSection2 p {
	width:370px;
	display:inline;
	float:left;
}