@charset "Shift_JIS";

/*============================
 html : lineup2nd page
 date : 2008/08/20  
============================*/

/*----------------------
 common
----------------------*/
/* tabs */
div#secondWrap ul#tabs {
	height: 50px;
}

div#secondWrap ul#tabs li {
	display: inline;
}

div#secondWrap ul#tabs li img {
	vertical-align: top;
}


/* subTabArea */
div#subtabArea {
	height: 25px;
	padding: 10px 20px 10px 20px;
}

div#subtabArea ul {
	float: left;
	margin: 6px 0 6px 0;
}

div#subtabArea ul li {
	display: inline;
}

div#subtabArea ul li {
	color: #030303;
}

div#subtabArea ul li span {
	color: #ABABAB;
	margin:0 3px 0 3px;
}

img.markWindow {
	margin: 0 0 0 3px;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

div.pagetopbtn {
	float: right;
	margin: 0 20px 20px 0;
	display: inline;
}

.minitxt {
	font-size:x-small;
	font-weight:normal;
	color:#666666;
}

p {
	line-height:1.4;
	margin:0 0 20px 0;
	}


/*----------------------
 concept.html
----------------------*/
div#secondContent {
	clear: both;
	width: 714px;
	background: #FFFFFF;
}


/* conceptSection */
div#secondContent div.conceptSection{
	clear: both;
	width: 674px;
	padding: 24px 20px 10px 20px;
	background: url(../../images/08b/2nd/bg_section.jpg) 0 0 transparent repeat-x;
}


/* special */
div.boxWrapper {
	clear: both;
	width: 674px;
	margin:0 0 15px 0;
	background: url(../../images/08b/2nd/hr.gif) bottom left transparent repeat-x;
}

div.box,
div.boxR {
	float: left;
	width: 327px;
	padding: 0 0 15px 0;
	display:inline;
}

div.box img.floatLeft,
div.boxR img.floatLeft {
	float: left;
	margin: 0 6px 0 0;
	display:inline;
}

div.boxR {
	margin: 0 0 0 20px;
}

div.box dl,
div.boxR dl {
	width: 271px;
	margin: 0 0 0 56px;
}

div.box dl dt,
div.boxR dl dt {
	font-weight: bold;
	color: #181818;
	line-height: 1.6;
}

div.box dl dd,
div.boxR dl dd {
	line-height: 1.3;
}


/* feature */
div.conceptSection h2 {
	margin: 0 0 15px 0;
	font-size: 120%;
	color: #181818;
}

div.conceptSection div.ftrImgArea {
	width: 674px;
}

div.ftrImgArea ul {
	margin: 0 0 15px 0;
}

div.ftrImgArea ul li {
	display: inline;
}

div.ftrImgArea ul li img {
	margin: 0 10px 0 0;
}

div.ftrImgArea ul li img.listR {
	margin: 0;
}

div.ftrTxtWrapper {
	clear: both;
	width:674px;
}

div.ftrTxtContent,
div.ftrTxtContentR {
	float: left;
	width: 332px;
	margin: 0 10px 15px 0;
	display:inline;
}

div.ftrTxtContentR {
	margin: 0;
}

div.ftrIcon {
	margin: 0 0 12px 0;
}

div.ftrIcon img.floatLeft,
div.specDl img.floatLeft,
div.faq img.floatLeft {
	float: left;
	margin: 0 5px 0 0;
	display:inline;
}

div.ftrIcon p {
	width: 280px;
	margin: 0 0 0 50px;
	line-height: 1.2;
}


/* specDownLoad */
div.specDl {
	margin: 0 0 25px 0;
}

div.specDl p {
	line-height: 1.3;
}

/* FAQ */

div.faq {
	margin: 0 0 25px 0;
}

div.faq p {
	padding:5px 0 0 0;
}


/* bottomArea */
div.bottomArea {
	width: 657px;
	padding: 15px 0 15px 15px;
	margin: 0 0 20px 0;
	border: 1px solid #D5D5D5;
	background-color: #FBFBFB;
}

div.bottomArea dl{
	float: left;
	padding: 0 20px 0 0;
}


div.bottomArea dl.prodLineup {
	width:120px;
}

div.bottomArea dl.aboutRegza {
	width:110px;
}

div.bottomArea dl.specialCampaign {
	width:170px;
}

div.bottomArea dl.support {
	width:170px;
}

div.bottomArea dl dt {
	padding: 0 0 0 14px;
	margin: 0 0 8px 0;
	font-weight: bold;
	line-height:1.3;
	color: #323232;
	background: url(../../images/08b/2nd/mark_list_a.gif) 0 4px transparent no-repeat;
}

div.bottomArea dl dd {
	padding: 0 0 0 14px;
	line-height: 1.6;
	background: url(../../images/08b/2nd/mark_list_b.gif) 0 5px transparent no-repeat;
}

/*----------------------
 function.html
----------------------*/
div#secondContent p.readZH,
div#secondContent p.readZ,
div#secondContent p.readFH,
div#secondContent p.readH,
div#secondContent p.readC,
div#secondContent p.readAV {
	margin:0 20px 20px 20px;
	font-size:small;
	font-weight:bold;
}

div#secondContent p.readZH,
div#secondContent p.readZ {
	color:#B18516;
	}

div#secondContent p.readFH {
	color:#88854D;
	}

div#secondContent p.readH {
	color:#AD0053;
	}

div#secondContent p.readC {
	color:#28878A;
	}

div#secondContent p.readAV {
	color:#116E97;
	}

div#secondContent div.section {
	clear: both;
	width: 674px;
	padding: 0 20px 30px 20px;
}

div.section div.h2wrap {
	border:1px solid #93B09A;
	margin:0 0 10px 0;
}

div.section div.h2wrap h2 {
	color:#276134;
	font-size:120%;
	padding:5px 5px 5px 7px;
	border:1px solid #FFFFFF;
	background:url(../../images/08b/2nd/bg_subtitle.jpg) 0 0 transparent repeat-x;
}

div.section h3 {
	color:#666666;
	font-weight:bold;
	border:1px solid #D5D5D5;
	padding:3px 3px 3px 14px;
	margin:0 0 10px 0;
	background:url(../../images/08b/2nd/bg_subtitle.gif) 5px center transparent no-repeat;
}

div.section div.h2wrap h2 a,
div.section h3 a,
div.section h3 a:hover{
	text-decoration:none;
}

div.section div.h2wrap h2 a:hover {
	color:#276134;
}

div.section h3 a:hover{
	color:#666666;
}

div.section table tr td {
	vertical-align:top;
}

div.section p.txtGreen {
	margin:0 0 5px 0;
	font-weight:bold;
	color:#276134;
}


/*----------------------
 design.html
----------------------*/
.minimalDesign {
	padding:9px;
	border:1px solid #4F7B3C;
}


/*----------------------
 quality.html
----------------------*/
span.sekaihatsu {
	margin:0 5px 0 0;
	padding:3px;
	background-color:#C22E46;
	color:#FFFFFF;
	font-size:80%;
}

/* note for h3 */
p.headerNote {
	font-weight:bold;
	font-size:80%;
	text-align:right;
	margin:0 0 5px 0;
	line-height:1;
}

p.headerNote2 {
	font-weight:bold;
	font-size:80%;
	text-align:right;
	margin:-5px 0 5px 0;
	line-height:1;
}

p.headerNote3 {
	font-size:80%;
	margin:-7px 0 20px 0;
}

p.headerNote4 {
	font-weight:bold;
	font-size:110%;
	color:#494949;
	margin:0 0 3px 0;
}


/* 虫眼鏡つきボタン */
.btnFunc {
	margin:10px 0 0 0;
}

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

.arrowButton {
    background:url(../../../function/08b/images/bg_functionbutton_left.gif) top right transparent no-repeat;
    display: block;
    float: right;
    font-weight: bold;
    height: 28px;
    padding-right: 10px;
}

.arrowButton span {
    background: transparent url(../../../function/08b/images/bg_functionbutton_right.gif) no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 28px;
}


/* 矢印つきボタン */
.funcButton:link,
.funcButton:hover,
.funcButton:active,
.funcButton:visited {
	color:#444444;
	text-decoration:none;
}

.funcButton {
    background:url(../../../function/08b/images/bg_arrowbutton_left.gif) top right transparent no-repeat;
    display: block;
    float: right;
    font-weight: bold;
    height: 28px;
    padding-right: 10px;
}

.funcButton span {
    background: transparent url(../../../function/08b/images/bg_arrowbutton_right.gif) no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 28px;
}



/* 関連リンクアイコン */
div.relate {
	float:right;
	margin:5px 0 10px 0;
}

div.relate img {
	position:relative;
	top:3px;
}