@charset "Shift_JIS";

#pagebody h1 {padding: 0 0 30px 0;}
h2 {
	position:absolute;
	top:0;
	left:0;
}
h3 {display:none;}

div#container #main-visual {
	margin-top:12px;
}

p.concept_nav {
	margin-bottom:30px;
	text-align:center;
}

div.section {
	position:relative;
	margin-bottom:45px;
	width:755px;
}

div.section .intro {
	width:755px;
}

div.section .intro p {
	position:relative;
}

div.section .explanation {
	margin-top:30px;
	width:727px;
	padding-left:28px;
}

div.section .explanation div {
	float:right;
}

div.section .explanation p {
	float:left;
}

div.section .other {
	position:relative;
	margin-top:30px;
	width:755px;
}

div.section .other a {
	display:block;
	float:left;
	margin-right:25px;
	width:340px;
	cursor:pointer;
	background-color:#FFF;
}

div.section .other a:link,
div.section .other a:visited {
	color:#333333;
	text-decoration:none;
}

div.section .other dl {
	width:360px;
}

div.section .other dl dt {
	float:left;
	width:67px;
}

div.section .other dl dd {
	float:left;
	width:250px;
	font-size:90%;
}

div.section .other dl dd strong {}

div.section .other dl dd p {
	margin:4px 0;
	font-size:85%;
}

div.section .other a.right,
div.section .other a.right dl {
	width:370px;
	margin:0;
}

div.section .other a.right dl dd {
	width:288px;
}


/* quality
----------------------------------------------------------*/
#quality {}

#quality .intro {
	min-height:338px;
	height:auto !important;
	height:338px;
	background-color:#fbfcfc;
}

#quality .intro p {
	padding:115px 0 20px 0;
	margin:0 0 0 32px;
	width:125px
}

#quality .explanation div {
	width:396px;
}

#quality .explanation p {
	width:290px;
}

#quality .other dl {
	background:url(../../../introduction/images/icon_new.gif) no-repeat 240px 0 ;
}


/* response
----------------------------------------------------------*/
#response {}

#response .intro {
	min-height:312px;
	height:auto !important;
	height:312px;
	background-color:#7c7c7d;
}

#response .intro p {
	padding:115px 0 20px 0;
	margin:0 0 0 379px;
	width:143px;
	color:#ffffff;
}

#response .other dl {
	background:url(../../../introduction/images/icon_new.gif) no-repeat 190px 0 ;
}

#response .other a,
#response .other dl {
	width:400px;
}

#response .other dl dd {
	width:333px;
}

/* design
----------------------------------------------------------*/
#design {}

#design .intro {
	min-height:342px;
	height:auto !important;
	height:342px;
	background-color:#f0f3f3;
}

#design .intro p {
	padding:118px 0 20px 0;
	margin:0 0 0 32px;
	width:280px;
}

#design .other dl {
	background:url(../../../introduction/images/icon_new.gif) no-repeat 210px 0 ;
}

/* operation
----------------------------------------------------------*/
#operation {}

#operation .intro {
	min-height:312px;
	height:auto !important;
	height:312px;
	background-color:#d8d9d9;
}

#operation .intro p {
	padding:122px 0 20px 0;
	margin:0 0 0 32px;
	width:280px;
}

#operation .explanation div {
	width:451px;
}

#operation .explanation p {
	width:247px;
}

#operation .other dl {
	background:url(../../../introduction/images/icon_new.gif) no-repeat 220px 0 ;
}


/* creation
----------------------------------------------------------*/
#creation {}

#creation .intro {
	min-height:312px;
	height:auto !important;
	height:312px;
	background-color:#030000;
}

#creation .intro p {
	padding:122px 0 20px 0;
	margin:0 0 0 382px;
	width:338px;
	color:#ffffff;
}

#creation .images {
	margin:30px 0 10px 13px;
}

#creation .other_pe {
	width:730px;
	margin-right:12px;
	margin-left:13px;
	background-color:#dcdcdc;
	font-size:85%;
}

#creation p.attention {
	margin:15px 0 10px 13px;
}

#creation .other_pe dt {
	float:left;
	width:252px;
}

#creation .other_pe dd {
	float:left;
	padding:10px 10px 10px 0;
	width:468px;
}

#creation p.note {
	text-align:right;
	font-size:85%;
}

#creation .other dl {
	background:url(../../../introduction/images/icon_new.gif) no-repeat 250px 0 ;
}


/* expression
----------------------------------------------------------*/
#expression {}

#expression .intro {
	min-height:333px;
	height:auto !important;
	height:333px;
	background-color:#f3f3f3;
}

#expression .intro p {
	padding:74px 0 20px 0;
	margin:0 0 0 305px;
	width:410px;
}

#expression p.note {
	text-align:right;
	font-size:85%;
}

#expression .other dl {
	background:url(../../../introduction/images/icon_new.gif) no-repeat 250px 0 ;
}


/* style
----------------------------------------------------------*/
#style {}

#style .intro {
	min-height:286px;
	height:auto !important;
	height:286px;
	background-color:#eff1f3;
}

#style .other dl {
	background:url(../../../introduction/images/icon_new.gif) no-repeat 325px 0 ;
}

#style .intro p {
	padding:74px 0 20px 0;
	margin:0 0 0 305px;
	width:410px;
}


/* banner
----------------------------------------------------------*/

#banner {
	width:755px;
	font-size:85%;
}


/* Clearfix
----------------------------------------------------------*/
div.section .explanation,
#creation .other_pe,
div.section .other,
div.section .other dl,
div.section .other .box {
	zoom:1;
}

div.section .explanation:after,
#creation .other_pe:after,
div.section .other:after,
div.section .other dl:after,
div.section .other .box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}