@charset "utf-8";
/* CSS Document */
/*
========================================
【変更履歴】
目次作成 (2017/6/29)
========================================
*/
/*
========================================
目次
1.base setting
2.spcial/index
3.The Story of EDFC ACTIVE (小説 新型EDFC)
4.The Story of EDFC ACTIVE PRO (小説 EDFC ACTIVE)
5.Why TEIN Mono-Tube Struts Are Inverted (テインの単筒式ストラットはなぜ「倒立式」なの？)
6.Mono-Tube vs. Twin-Tube (だからテインは二筒流)
7.The Original (EDFC EDFCのススメ)
8.Superior Rustproofing (テインの車高調は錆対策に自信あり！！ )
9.Virtual Factory Tour (バーチャル工場見学)
10.All about TEIN
    10-1.index
    10-2.contents common
    10-3.Individual settings
11.DAMPACHI (ダンパッチの部屋)
========================================
*/

/*
========================================
1.base setting
========================================
*/
/* フォントのサイズ */
#int_box,
.int_box {
	font-size: 16px;
}
/*===見出し飾り　其の一===*/
.heading_type1 {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
	font-weight:bold;
	color:#0070eb;
	font-size:18px;
	padding: 0.1em 0.3em 0;
	border:solid #0070eb ;
	border-width:0 0 0 9px;
	display:inline-block;
	height:20px;
	margin-bottom:3px;
}
/*===見出し飾り　其の二===*/
.heading_type2 {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
	font-weight:bold;
	color:#444;
	font-size:18px;
	border-bottom: double 6px #009245;
	padding-bottom: 3px;
}
.emphasis {
	font-weight: bold;
}

/*
=================================================
2.spcial/index
===================================================
*/
.top_area p {
	padding: 10px;
}

.YT_area a {
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009245), color-stop(0.28, #39B54A));
	background: -webkit-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: -moz-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: -o-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: -ms-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: linear-gradient(to bottom, #39B54A 28%, #009245 100%);
	color: #fff;
	font-weight:bold;
	float: left;
	border-radius: 5px;
	padding: 10px 20px 10px 30px;
}
.YT_area a:hover {
	background: #009245;
}
.YT_area a::before {
	display: block; 
	content: "";   /* これがないと表示されません */  
	position: absolute; 
	top: 50%; 
	left: 15px; 
	width: 0; 
	height: 0; 
	margin-top: -8px;  
	border: 8px solid transparent;   /* 左ボーダー以外は非表示 */  
	border-left: 8px solid #fff;    /* 左ボーダーで三角形を作る */
}
.YT_area {
	float: left;
	width: 750px;
	margin-top: 20px;
}
.YT_disc {
	margin-top: 15px;
	clear: left;
	float: left;
}

.T_academy_area {
	float: left;
	width: 760px;
    margin-top: 40px;
}
.T_academy_area h2 {
	font-size: 18px;
    font-weight: bold;
    border-left: solid 10px #009245;
    padding-left: 5px;
}
.T_academy_area dl {
	margin: 10px 0;
}
.T_academy_area dt {
	position: relative;
	margin-left: 10px;
	font-weight: bold;
}
.T_academy_area dt::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: solid transparent 5px;
	border-left: solid 5px #09C;
}
.new dt::after {
	content:"NEW";
	color: #F36;
	font-size: 80%;
	margin-left: 1em;
}

.T_academy_bottom_area {
	float: left;
	width: 760px;
    margin-top: 30px;
}

.T_academy_bottom_area a {
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009245), color-stop(0.28, #39B54A));
	background: -webkit-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: -moz-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: -o-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: -ms-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: linear-gradient(to bottom, #39B54A 28%, #009245 100%);
	color: #fff;
	font-weight:bold;
	float: left;
	border-radius: 5px;
	padding: 10px 20px 10px 30px;
}
.T_academy_bottom_area a:hover{
	background: #009245;
}
.T_academy_bottom_area a::before {
	display: block; 
	content: "";   /* これがないと表示されません */  
	position: absolute; 
	top: 50%; 
	left: 15px; 
	width: 0; 
	height: 0; 
	margin-top: -8px;  
	border: 8px solid transparent;   /* 左ボーダー以外は非表示 */  
	border-left: 8px solid #fff;    /* 左ボーダーで三角形を作る */
}
.T_academy_bottom_area dd{
	width: 760px;
	float: left;
	margin: 5px 0 40px;
}

/*============================================
3.The Story of EDFC ACTIVE (小説 新型EDFC)
==============================================*/
.novel_intro {
	width: 100%;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: dashed 2px #dcedcd;
	float: left;
}
.novel_intro h2{
	width: 30%;
	height: 74px;
	float: left;
	font-family: "Sawarabi Mincho";
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
	background: url(../novel/edfc/img/book.gif) no-repeat 70% 0%;
}
.novel_intro p{
	float: left;
	width: 70%;
	color: #009245;
	font-size: 90%;
}
.table_of_contents {
	clear: left;
	height: 800px;
	background: url(../novel/img/book_pachi.jpg) no-repeat right bottom;
}
.table_of_contents dd {
	margin-bottom: 1.5em;
	font-size: 90%;
}
#story h2 {
	border: solid 2px #006837;
	background: linear-gradient(#fff, #dcedcd);
	width: 200px;
	text-align: center;
	padding: 15px 5px;
	margin-bottom: 2em;
	font-size: 20px;
	font-family: "Sawarabi Mincho";
}
#story h3 {
	font-weight: bold;
	margin-bottom: 1em;
}
#story img {
	margin-bottom: 1em;
}
#story p {
	margin-bottom: 1.5em;
	font-size: 90%;
}

/*============================================
4.The Story of EDFC ACTIVE PRO (小説 EDFC ACTIVE)
==============================================*/
.novel_intro2 {
	width: 100%;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: dashed 2px #d5ecf4;
	float: left;
}
.novel_intro2 h2{
	width: 30%;
	height: 74px;
	float: left;
	font-family: "Sawarabi Mincho";
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
	background: url(../novel/edfcactive/img/book.gif) no-repeat 70% 0%;
}
.novel_intro2 p{
	float: left;
	width: 70%;
	color: #000b5e;
	font-size: 90%;
	margin-top: 1em;
}
.table_of_contents2 {
	clear: left;
	height: 500px;
	background: url(../novel/img/book_pachi.jpg) no-repeat right bottom;
}
.table_of_contents2 dd {
	margin-bottom: 1.5em;
	font-size: 90%;
}
#story2 h2 {
	border: solid 2px #008097;
	background: linear-gradient(#fff, #d5ecf4);
	width: 200px;
	text-align: center;
	padding: 15px 5px;
	margin-bottom: 2em;
	font-size: 20px;
	font-family: "Sawarabi Mincho";
}
#story2 h3 {
	font-weight: bold;
	margin-bottom: 1em;
}
#story2 img {
	margin-bottom: 1em;
}
#story2 p {
	margin-bottom: 1.5em;
	font-size: 90%;
}

/* 小説ページ下部 各製品ページへの共通リンクボタン */
#goto_products {
	float: right;
	margin-top: 2em;
}
#goto_products a:hover {
	opacity: 0.5;
}
#goto_products2 {
	clear:both;
	float: right;
	margin-top: 1em;
}
#goto_products2 a:hover {
	opacity: 0.5;
}

/*
==========================================================
5.Why TEIN Mono-Tube Struts Are Inverted (テインの単筒式ストラットはなぜ「倒立式」なの？)
==========================================================
*/
.invert_A h2{
	text-align: center;
}
.text-photo_A {
	height: 427px;
}
.text-photo_A p {
	float: left;
	width: 350px;
	padding-left: 30px;
	line-height: 5em;
}
.text-photo_A img {
	float: right;
	margin-right: 30px;
}
.invert_B {
	margin-bottom: 30px;
}
.invert_B h3::before {
	content: "";
	display: block;
	background: url(../img/mark1.gif) no-repeat;
	height: 29px;
	width: 20px;
	margin-right: 5px;
	float: left;
}
.invert_B h3 {
	font-size: 150%;
	color: #2E3192;
	font-weight: bold;
	margin-bottom: 10px;
}
.invert_B p {
	margin-bottom: 1em;
	font-size: 95%;
	line-height: 1.5;
	width: 700px;
	padding-left: 30px;
	padding-right: 30px;
}
.photo-img_title {
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}
.text-photo_B p {
	padding: 0;
	width: 380px;
}
.text-photo_B .left {
	width: 380px;
	float: left;
	margin-left: 30px;
}
.green_B {
	color: #2f9933;
	font-weight: bold;
}

/*
======================================
6.Mono-Tube vs. Twin-Tube (だからテインは二筒流)
========================================
*/
.twinT_A p {
	text-align: center;
	color: #2f9933;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}
.twinT_B h3 {
	font-size: 18px;
	font-weight: bold;
	border-left: solid 5px #2f9933;
	padding-left: 5px;
	margin-bottom: 1em;
	margin-top: 1em;
}
.twinT_B p {
	line-height: 1.5;
	font-size: 90%;
	width: 700px;
	margin: 10px 30px;
}
.twinT_B ul {
	list-style-type: square;
	width: 700px;
	margin-left: 40px;
}
.twinT_B ul li {
	margin-bottom: 0.8em;
	font-size: 93%;
}
.twinT_C h3 {
	font-size: 18px;
	font-weight: bold;
	border-left: solid 5px #2f9933;
	padding-left: 5px;
	margin-bottom: 1em;
	margin-top: 1em;
}
.twinT_C p {
	line-height: 1.5;
	font-size: 90%;
	width: 700px;
	margin: 10px 30px;
}
.merit {
	width: 550px;
	float: left;
}
.merit dt {
	color: #2f9933;
	font-weight: bold;
	margin-bottom: 5px;
}
.merit ul {
	list-style-type: disc;
	width: 530px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.merit ul li {
	margin-bottom: 0.8em;
	font-size: 93%;
}
.twinT_D h3 {
	font-size: 18px;
	font-weight: bold;
	border-left: solid 5px #2f9933;
	padding-left: 5px;
	margin-bottom: 1em;
	margin-top: 1em;
	clear: both;
}
.twinT_D h4 {
	font-weight: bold;
	color: #2f9933;
	font-size: 98%;
}
.twinT_D ul {
	list-style-type: disc;
	width: 700px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.twinT_D ul li {
	margin-bottom: 0.8em;
	font-size: 93%;
}
.twinT_D p {
	line-height: 1.5;
	font-size: 90%;
	width: 700px;
	margin: 10px 30px;
}
.twinT_E h3 {
	font-size: 18px;
	font-weight: bold;
	border-left: solid 5px #2f9933;
	padding-left: 5px;
	margin-bottom: 1em;
	margin-top: 1em;
}
.twinT_E h4 {
	font-weight: bold;
	color: #2f9933;
	font-size: 90%;
	margin-bottom: 10px;
}
.twinT_E .LR_placement {
	width: 760px;
	height: 450px;
}
.twinT_E .L_placement {
	width: 350px;
	margin-left: 30px;
	float: left;
}
.twinT_E .L_placement p {
	font-size: 90%;
	line-height: 1.5;
}
.Gpress {
	float:left;
	width: 320px;
	padding: 10px 220px;
}
.Gpress dl {
	float: left;
}
.Gpress dt {
	width: 160px;
	text-align: center;
}
.Gpress dd {
	width: 94px;
	padding-left: 33px;
	padding-right: 33px;
}
.twinT_F h3 {
	font-size: 18px;
	font-weight: bold;
	border-left: solid 5px #2f9933;
	padding-left: 5px;
	margin-bottom: 1em;
	margin-top: 1em;
	clear: both;
}
.twinT_F h4 {
	font-weight: bold;
	color: #2f9933;
	font-size: 98%;
	margin-bottom: 10px;
}
.twinT_F p {
	line-height: 1.5;
	font-size: 90%;
	width: 700px;
	margin: 10px 30px;
}
.twinT_F .LR_placement {
	width: 760px;
}
.twinT_F .LR_placement p {
	width: 617px;
	float: left;
	margin-left: 30px;
	margin-right: 10px;
	font-size:95%;
	line-height: 1.5;
}
.twinT_F ul {
	list-style-type: disc;
	width: 700px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.twinT_F ul li {
	margin-bottom: 0.8em;
	font-size: 93%;
}

/*
====================================
7.The Original (EDFC EDFCのススメ)
======================================
*/
.edfc_A h2,
.edfc_A p {
	text-align: center;
}
.edfc_A p {
	color: #2f9933;
	font-size: 18px;
}
.edfc_B p {
	text-align: center;
	font-size: 95%;
	margin-bottom: 1em;
	width: 700px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.5;
}
.edfc_B .al_left {
	text-align: left;
	text-indent: 1em;
}
.edfc_B .img_line1 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.edfc_B .img_line1 img {
	display: block;
	float: left;
	margin: 5px;
}
.edfc_B .img_line2 {
	float: left;
}
.edfc_B .img_line2 img {
	display: block;
	float: left;
	margin: 4px;
}
.edfc_B a:hover {
	opacity: 0.8;
}

/*
==========================================
8.Superior Rustproofing (テインの車高調は錆対策に自信あり！！ )
============================================
*/
.surface_A h2 {
	text-align: center;
}
.surface_A p {
	text-align: center;
	color: #2f9933;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
	margin-top: 1em;
	margin-bottom: 1em;
}
.surface_B h3 {
	font-weight: bold;
	border-left: solid 5px #2f9933;
	padding-left: 5px;
	margin-bottom: 1em;
}
.surface_B p {
	font-size: 95%;
	margin-bottom: 1em;
	width: 700px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.5;
}
.img_margin_A {
	margin: 10px 230px;
}
.img_margin_B {
	margin: 10px 280px;
}
.img_margin_C {
	margin: 10px 30px;
}
.surface_B .caption_A p {
	text-align: center;
	font-size: 70%;
	color: #2f9933;
}
.surface_B .caption_B {
	width: 510px;
	margin: 10px 125px;
	float: left;
}
.surface_B .caption_B_left {
	width: 300px;
	margin-right: 10px;
	float: left;
}
.surface_B .caption_B_left img {
	display: block;
	margin-bottom: 1em;
}
.surface_B .caption_B_left p {
	width: 300px;
	font-size: 70%;
	text-align: center;
	margin: 0;
	color: #2f9933;
}
.surface_B .caption_B_right {
	width: 200px;
	float: left;
}
.surface_B .caption_B_right img {
	display: block;
	margin-bottom: 1em;
}
.surface_B .caption_B_right p {
	width: 200px;
	font-size: 70%;
	text-align: center;
	margin: 0;
	color: #2f9933;
}

.surface_B .caption_C {
	width: 420px;
	margin: 10px 175px;
	float: left;
}
.surface_B .caption_C_lr {
	width: 200px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
.surface_B .caption_C_lr img {
	display: block;
	margin-bottom: 1em;
}
.surface_B .caption_C_lr p {
	width: 200px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 70%;
	text-align: center;
	margin: 0;
	color: #2f9933;
}

.surface_B .caption_D {
	width: 620px;
	margin: 10px 70px;
	float: left;
}
.surface_B .caption_D_lr {
	width: 300px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
.surface_B .caption_D_lr img {
	display: block;
	margin-bottom: 1em;
}
.surface_B .caption_D_lr p {
	width: 300px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 70%;
	text-align: center;
	margin: 0;
	color: #2f9933;
}
.surface_B .caption_D_lr_2 {
	width: 620px;
	float: left;
}
.surface_B .caption_D_lr_2 img {
	display: block;
	margin: 0 5px;
	float: left;
}
.surface_B .caption_D_lr_2 p {
	width: 620px;
	margin: 0;
	font-size: 70%;
	text-align: center;
	color: #2f9933;
	float: left;
}

/*
=====================================
9.Virtual Factory Tour (バーチャル工場見学)
=======================================
*/
.int_box object {
	width: 710px;
	margin: 10px 24px;
	border: solid #333 1px;
}

/*
======================================
10.All about TEIN
========================================
*/
/* 10-1.index */
#All_about_T_wrapper {
	width: 400px;
	margin: 10px auto;
	border-top: solid 3px #096;
	border-bottom: solid 3px #096;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
}
.index {
	width: 388px;
	margin: 0 6px;
	background: #000;
	color: #fff;
}
.index h2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #060;
}
.index p {
	text-align: right;
	font-size: 90%;
}
.index ol {
	margin: 10px 0 25px 10px;
}
.index a {
	color: #fff;
}
.index a:hover {
	color: #060;
}
.index form {
	text-align: center;
}

/* 10-2.contents common */

/* ヘッダー･フッター共通部分 */
#All_about_T_wrapper2 {
	width: 750px;
	margin: 10px auto;
	border-top: solid 3px #096;
	border-bottom: solid 3px #096;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
}
#All_about_T_wrapper2 header {
}
#All_about_T_wrapper2 header h1 {
	width: 250px;
	float: left;
}
#All_about_T_wrapper2 header ol {
	width: 380px;
	float: right;
	margin-bottom: 30px;
}
#All_about_T_wrapper2 header li{
	display: inline-block;
}
#All_about_T_wrapper2 footer {
	clear: both;
}
#All_about_T_wrapper2 footer form {
	text-align: right;
	margin-bottom: 5px;
}
#All_about_T_wrapper2 footer ol {
	width: 380px;
	margin-left: 370px;
}
#All_about_T_wrapper2 footer li{
	display: inline-block;
}

/* 各ページのアウトライン */
.contents1 {
	width: 750px;
	float: left;
}
.contents1 h2 {
	text-align: center;
}
.contents1 h3 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #060;
	margin-bottom: 1em;
}
.contents1 p {
	width: 650px;
	padding: 0 50px;
	line-height: 1.5;
}
.contents2 {
	width: 750px;
	float: left;
}
.contents2 h2 {
	text-align: center;
}
.contents2 h3 {
	font-size: 18px;
	font-weight: bold;
	color: #060;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
.contents2 p {
	width: 650px;
	padding: 0 50px;
	line-height: 1.5;
}
/* 10-3.Individual settings */
/* 「TEIN」の伝説 */
#legend04-01 {
	width: 750px;
	height: 250px;
	background: url(../all_about_tein/img/09_back01.jpg) no-repeat left top;
}
#legend04-01 h3 {
	margin-left: 50px;
}
#legend04-01 p {
	width: 400px;
}
#legend04-02 {
	width: 750px;
	height: 250px;
	background: url(../all_about_tein/img/09_back02.jpg) no-repeat left top;
}
#legend04-02 h3 {
	margin-left: 50px;
}
#legend04-02 p {
	width: 400px;
	margin-left: 200px;
}
#legend04-03 {
	width: 750px;
	height: 250px;
	background: url(../all_about_tein/img/09_back03.jpg) no-repeat left top;
}
#legend04-03 h3 {
	margin-left: 50px;
}
#legend04-03 p {
	width: 500px;
}
#legend04-04 {
	width: 750px;
	height: 250px;
	background: url(../all_about_tein/img/09_back04.jpg) no-repeat left top;
}
#legend04-04 h3 {
	margin-left: 50px;
}
#legend04-04 p {
	width: 500px;
}
#legend04-05 {
	width: 750px;
	height: 250px;
	background: url(../all_about_tein/img/09_back05.jpg) no-repeat left top;
}
#legend04-05 h3 {
	margin-left: 50px;
}
#legend04-05 p {
	width: 500px;
}

/* 「単筒式至上主義」を、テインの「二筒流」が斬る! */
#nitouryu04-01 {
	width: 750px;
	float: left;
}
#nitouryu04-01 .text_left {
	width: 500px;
	float: left;
}
#nitouryu04-01 h3 {
	width: 450px;
	margin-left: 50px;
}
#nitouryu04-01 p {
	width: 400px;
}
#nitouryu04-01 .img_right {
	height: 330px;
	width: 60px;
	padding: 0 95px;
	margin-top: 100px;
	float: right;
}
#nitouryu04-02 {
	clear: both;
	float: left;
}
#nitouryu04-02 h3 {
	margin-left: 50px;
}
#nitouryu04-02 img {
	float: left;
	margin-left: 50px;
}
#nitouryu04-02 p {
	padding: 10px;
	width: 460px;
	height: 160px;
	float: left;
	background: #000;
	color: #fff;
}
#nitouryu04-03 {
	width: 750px;
	float: left;
	margin-bottom: 20px;
}
#nitouryu04-03 .text_left {
	width: 500px;
	float: left;
}
#nitouryu04-03 h3 {
	width: 450px;
	margin-left: 50px;
}
#nitouryu04-03 p {
	width: 400px;
}
#nitouryu04-03 .img_right {
	height: 330px;
	width: 130px;
	padding: 0 60px;
	margin-top: 50px;
	float: right;
}
.small-text {
	font-size: 80%;
}

/* そこまでやるか、テインの「高品質流儀」 */
#highq06-01 {
	width: 750px;
	float: left;
}
#highq06-02 {
	width: 750px;
	float: left;
}
#highq06-02 p {
	width: 300px;
	float: left;
}
#highq06-03 {
	width: 750px;
	float: left;
}
#highq06-03 p {
	width: 400px;
	float: left;
}

/* 「先端」と「情熱」が出会う場所 */
#passion07-01 {
	width: 750px;
	float: left;
}
#passion07-02 {
	width: 750px;
	float: left;
	margin-top: 20px;
}
.col3 {
	width: 250px;
	float: left;
}
.col3 h4 {
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #2f9933;
	height: 38px;
}
.col3 img {
	margin: 0 25px;
}
.col3 p {
	width: 200px;
	padding: 0 25px;
}
#passion07-03 {
	width: 750px;
	float: left;
}
.p-last-area {
	width: 750px;
	float: left;
}
.p-last-area img {
	float: left;
}
.p-last-area p {
	float: left;
	width: 557px;
	padding: 0 10px;
}

/* それがTEIN基準 */
#criteria08-01 {
	width: 750px;
	float: left;
}
#criteria08-02 {
	width: 750px;
	float: left;
}
#criteria08-02 p {
	padding-right: 20px;
	width: 380px;
	float: left;
}
#criteria08-02 figure {
	margin: 0;
	padding: 0;
	width: 300px;
	float: right;
}
#criteria08-02 figcaption {
	text-align: center;
}
#criteria08-03 {
	width: 750px;
	float: left;
}
.cr08-03_imgarea {
	width: 550px;
	float: right;
	margin: 0 100px;
}
.img01 {
	width: 150px;
	float: left;
}
.img01 img {
	margin: 0 15px;
}
.img01 P {
	width: 150px;
	padding: 0;
	font-size: 80%;
	text-align: center;
}
#criteria08-04 {
	width: 750px;
	float: left;
}
#criteria08-04 p {
	padding-right: 20px;
	width: 380px;
	float: left;
}

/* 原点は此処に在る */
#origin09-01 {
	width: 750px;
	float: left;
}
#origin09-01 .origin_left {
	width: 450px;
	float: left;
}
#origin09-01 p {
	width: 400px;
	padding-right: 0;
	margin-bottom: 1.5em;
}
#origin09-01 .origin_right {
	width: 200px;
	float: right;
	margin: 0 50px;
}
#origin09-02 {
	width: 750px;
	float: left;
}
#origin09-02 .origin_left {
	width: 139px;
	float: left;
}
#origin09-02 .origin_right {
	width: 611px;
	float: right;
}
#origin09-02 p {
	width: 571px;
	padding: 0 20px;
}
#origin09-02 .origin_right img {
	margin-left: 241px;
}

/*
=======================================
11.DAMPACHI (ダンパッチの部屋)
=========================================
*/
.d_text_space {
	float: left; 
	width: 760px;
	margin: 10px 0;
}
.d_profile {
	float: left;
	margin-bottom: 30px;
}
.d_profile dt {
	font-weight: bold;
}
.d_profile_1 {
	width: 760px;
	float: left;
	border-bottom: 1px solid #666;
}
.d_profile_1 dl {
	float: left;
	width: 25%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.d_profile_1 dt {
	float: left;
	padding-right: 5px;
	padding-left: 3px;
}
.d_profile_1 dd {
	border-right: 1px dotted #666;
}
.d_profile_1 .last dd {
	border-right: none;
}
.d_profile_2 {
	width: 760px;
	float: left;
	border-bottom: 1px solid #666;
}
.d_profile_2 dl {
	float: left;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.d_profile_2 dt {
	float: left;
	padding-right: 5px;
	padding-left: 3px;
}
.d_profile_2 dd {
	border-right: 1px dotted #666;
}
.d_profile_2 .last dd {
	border-right: none;
}
.d_profile_3 {
	width: 760px;
	float: left;
}
.d_profile_3 dl {
	float: left;
	width: 100%;
	border-bottom: 1px solid #666;
	padding: 10px 0;
}
.d_profile_3 dt {
	width: 20%;
	float: left;
}
.d_profile_3 dd {
	width: 80%;
	float: left;
}
.btn_dl {
	float: left;
	width: 600px;
	padding: 0 80px;
}
.btn_dl a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}