﻿@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Engineer_index              */
/*                 09  Engineer_second             */
/*                 10  Engineer_job                */
/*                 11  Support_index               */
/*                 12  Support_flow                */
/*                 13  Support_voice               */
/*                 14  Support_qa                  */
/*                 15  Point_index                 */
/*                 16  Point_no1                   */
/*                 17  Point_schedule              */
/*                 18  Takumi_index                */
/*                 19  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body { background: #fff url(../images/bg_body.jpg) left top repeat-x; }

.bg_body1 { background: url(../images/bg_bottom.jpg) left bottom repeat-x; }

#wrapper {
	width: 851px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	}

#index #main {
	margin: 0;
	background: url(../images/index_bg_main.jpg) 0 0 no-repeat;
	}

#main {
	margin: 0;
	background:#fff;
	}

#content {
	width: 640px;
	float: left;
	font-size: 100%;
	line-height: 180%;
	color: #000;
	padding:0;
	}


/*---------- 03  Header -----------*/

#header {
	background:url(../images/bg_header.jpg) left top repeat-x;
	height:125px;
	width: 851px;
	margin: 0;
	padding: 0;
	}

#header_01{
	height:79px;
	padding:0;
	margin:0 0px 0 5px;
	width:846px;
	}

#header_01_01{
	float:left;
	padding:0;
	margin:0px;
	width:582px;
	}

h1 {
	width: 312px;
	height: 75px;
	padding:0 0 4px 0;
	line-height:1.0;
	margin:0;
	}
h1 a {
	display: block;
	text-indent: -9999px;
	width:312px;
	height: 75px;
	padding:0;
	background: url(../images/logo.jpg) 0 0 no-repeat;
	}
h1 span {
	display: block;
	text-indent: -9999px;
	width:312px;
	height: 75px;
	padding:0;
	background: url(../images/logo.jpg) 0 0 no-repeat;
	}

#header_01_02 {
	padding:8px 0 0 0;
	margin:0;
	width:264px;
	height:66px;
	float:right;
	}

#header_01_02 p.tel{ margin:0; padding:0px; width:264px; height:66px;}
#header_01_02 p.tel a{ width:264px; height:66px; background:url(../images/header_tel.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#header_01_02 p.tel a:hover{ background:url(../images/header_tel.jpg) no-repeat 0 -66px; }

#header_02{
	height:46px;
	padding:0;
	margin:0px 0 0px 0;
	width:851px;
	}

#header_nav {
	margin:0;
	padding: 0;
	list-style: none;
	width: 851px;
	height: 42px;
}

#header_nav ul{padding:0; margin:0;}

#header_nav li {
	height:42px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header_nav li a {
	display: block;
	height:42px;
	text-indent:-9999px;
	}
#nav01 a { background:url(../images/header_nav.jpg) 0 0 no-repeat; width:171px; }
#nav02 a { background:url(../images/header_nav.jpg) -171px 0 no-repeat; width:170px; }
#nav03 a { background:url(../images/header_nav.jpg) -341px 0 no-repeat; width:170px; }
#nav04 a { background:url(../images/header_nav.jpg) -511px 0 no-repeat; width:170px; }
#nav05 a { background:url(../images/header_nav.jpg) -681px 0 no-repeat; width:170px; }

#nav01 a:hover { background:url(../images/header_nav.jpg) 0 -42px no-repeat; }
#nav02 a:hover { background:url(../images/header_nav.jpg) -171px -42px no-repeat; }
#nav03 a:hover { background:url(../images/header_nav.jpg) -341px -42px no-repeat; }
#nav04 a:hover { background:url(../images/header_nav.jpg) -511px -42px no-repeat; }
#nav05 a:hover { background:url(../images/header_nav.jpg) -681px -42px no-repeat; }


/*----------04  Navigation -----------*/

#nav {
	width: 211px;
	float: right;
	padding:0 0 30px 0;
	margin:0;
	display:inline;
	}

#nav ul	{
	margin:0;
	padding: 0;
	list-style: none;
	}
	
#nav li {
	margin:0;
	padding: 0;
	width:211px;
	list-style: none;
	}

#nav .internal li {
	text-indent: -9999px;
	width:211px;
	}

#nav .internal li a {
	display: block;
	margin:0;
	}

#nav06 { background: url(../images/nav.jpg) 0 0 no-repeat; height:109px; }
#nav06 a{ background: url(../images/nav.jpg) 0 0 no-repeat; height:100px; }
#nav06 a:hover { background: url(../images/nav.jpg) -211px 0px no-repeat; }

#nav07 { background: url(../images/nav.jpg) 0 -109px no-repeat; height:70px; }
#nav07 a { background: url(../images/nav.jpg) 0 -109px no-repeat; height:61px; }
#nav07 a:hover { background: url(../images/nav.jpg) -211px -109px no-repeat; }

#nav08 { background: url(../images/nav.jpg) 0 -179px no-repeat; height:69px; }
#nav08 a { background: url(../images/nav.jpg) 0 -179px no-repeat; height:61px; }
#nav08 a:hover { background: url(../images/nav.jpg) -211px -179px no-repeat; }

#nav09 { background: url(../images/nav.jpg) 0 -248px no-repeat; height:31px; }

#nav10 a { background: url(../images/nav.jpg) 0 -279px no-repeat; height:38px; }
#nav10 a:hover { background: url(../images/nav.jpg) -211px -279px no-repeat; }

#nav11 { background: url(../images/nav.jpg) 0 -317px no-repeat; height:52px; }
#nav11 a { background: url(../images/nav.jpg) 0 -317px no-repeat; height:42px; }
#nav11 a:hover { background: url(../images/nav.jpg) -211px -317px no-repeat; }

#nav12 { background: url(../images/nav.jpg) 0 -369px no-repeat; height:197px; }
#nav12 a { background: url(../images/nav.jpg) 0 -369px no-repeat; height:181px; }
#nav12 a:hover { background: url(../images/nav.jpg) -211px -369px no-repeat; }

#nav13 { background: url(../images/nav.jpg) 0 -566px no-repeat; height:152px; }
#nav13 a { background: url(../images/nav.jpg) 0 -566px no-repeat; height:138px; }
#nav13 a:hover { background: url(../images/nav.jpg) -211px -566px no-repeat; }

#nav14 { background: url(../images/nav.jpg) 0 -718px no-repeat; height:31px; }

#nav15 a { background: url(../images/nav.jpg) 0 -749px no-repeat; height:28px; }
#nav15 a:hover { background: url(../images/nav.jpg) -211px -749px no-repeat; }

#nav16 a{ background: url(../images/nav.jpg) 0 -777px no-repeat; height:30px; }
#nav16 a:hover { background: url(../images/nav.jpg) -211px -777px no-repeat; }

#nav17 a { background: url(../images/nav.jpg) 0 -807px no-repeat; height:31px; }
#nav17 a:hover { background: url(../images/nav.jpg) -211px -807px no-repeat; }

#nav18 { background: url(../images/nav.jpg) 0 -838px no-repeat; height:31px; }

#nav19 a { background: url(../images/nav.jpg) 0 -869px no-repeat; height:28px; }
#nav19 a:hover { background: url(../images/nav.jpg) -211px -869px no-repeat; }

#nav20 a{ background: url(../images/nav.jpg) 0 -897px no-repeat; height:30px; }
#nav20 a:hover { background: url(../images/nav.jpg) -211px -897px no-repeat; }

#nav21 a { background: url(../images/nav.jpg) 0 -927px no-repeat; height:32px; }
#nav21 a:hover { background: url(../images/nav.jpg) -211px -927px no-repeat; }

#nav p { text-align: center; }


/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding:0;
	margin: 0;
	height:107px;
	font-size:85%;
	background: url(../images/bg_footer.jpg) left bottom repeat-x;
	text-align: left;
	color: #fff;
	}
*:first-child+html #footer { font-size: 11px; } /*  for IE7 only */
* html body #footer { font-size: 11px; } /*  for IE6 only */

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer_01{height:21px; margin:0; padding:0; width: 851px;}

#footer_01 address{color:#fff; margin:0; padding:2px 0 0 0; line-height:1.3636em; text-align:right; font-size:110%;}

#footer_02{height:86px; margin:0; padding:0;}

#footer_02 p.tel{margin:0; padding:5px 0 0 10px; font-size:120%; letter-spacing:1px; line-height:1.384; color:#000;}

/*---------- 06  Contents -----------*/

.section { padding: 0em 46px 0em 7px; clear:both; }
.section .section { padding: 0em 10px 0em 10px; clear:both; }

.center { text-align: center; }

#content h2 {
	margin: 0px 0 0px 18px;
	line-height:1%;
	padding:0;
	font-size:1%;
	display:block;
	}
#content h3 {
	clear: both;
	height: 40px;
	text-indent: -9999px;
	display:block;
	margin: 0 -7px 20px -7px;
	}
#content h4 {
	background:url(../images/h4_bg.jpg) 0 0 no-repeat;
	height:37px;
	text-indent:46px;
	color:#8f0000;
	font-family:"ＭＳ Ｐゴシック";
	font-weight:bold;
	font-size:124%;
	line-height:2.3125em;
	margin:0 -10px 10px -10px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #006b33;
	outline: none;
	}
a:hover { color: #bf0000; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.img{padding:0; margin:0; line-height:1%; font-size:1%; display:block;}

.image_l {
	float: left;
	margin: 0 15px 6px 0;
	line-height:1%;
	font-size:1%;
	border:1px solid #cecece;
	background:#fff;
	padding:1px;
	}
*:first-child+html .image_l{ margin: 0 15px 0px 0; }/* for IE7 only */
* html body .image_l{ margin: 0 12px 0px 0; }/* for IE6 only */

.image_l01 {
	float: left;
	margin: 0 15px 6px 0;
	line-height:1%;
	font-size:1%;
	border:1px solid #cecece;
	background:#fff;
	padding:1px;
	}
*:first-child+html .image_l01{ margin: 0 15px 6px 0; }/* for IE7 only */
* html body .image_l01{ margin: 0 6px 4px 0; }/* for IE6 only */

.image_l02 {
	float: left;
	margin: 0 15px 4px 0;
	line-height:1%;
	font-size:1%;
	border:1px solid #cecece;
	background:#fff;
	padding:1px;
	}
*:first-child+html .image_l02{ margin: 0 15px 4px 0; }/* for IE7 only */
* html body .image_l02{ margin: 0 6px 4px 0; }/* for IE6 only */

.image_l03 {
	float: left;
	margin: 0 15px 6px 0;
	line-height:1%;
	font-size:1%;
	border:1px solid #cecece;
	background:#fff;
	padding:1px;
	}
*:first-child+html .image_l03{ margin: 0 15px 6px 0; }/* for IE7 only */
* html body .image_l03{ margin: 0 6px 0px 0; }/* for IE6 only */

.image_r {
	float: right;
	margin: 0 0 6px 15px;
	line-height:1%;
	font-size:1%;
	border:1px solid #cecece;
	background:#fff;
	padding:1px;
	}
*:first-child+html .image_r{ margin: 0 0 0px 15px; }/* for IE7 only */
* html body .image_r{ margin: 0 0 0px 12px; }/* for IE6 only */

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }


.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear:both;
	margin: 0;
	padding:0 0 14px 0;
	height: 20px;
	list-style: none;
	}

#content ul.totop li {
	margin: 0;
	padding: 0;	
	width: 92px;
	height: 20px;
	list-style: none;
	float: left;
	font-size: 1%;
	line-height: 1%;
	}
#content ul.totop li a {
	text-indent: -9999px;
	display: block;
	height: 20px;
	font-size: 1%;
	line-height: 1%;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	}
#content ul.totop li a:hover {
	text-indent: -9999px;
	display: block;
	height: 20px;
	font-size: 1%;
	line-height: 1%;
	background: url(../images/totop.jpg) 0 -20px no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */

#content table {
	border-collapse: collapse;
	border: 1px solid #b2b2b2;
	font-size: 100%;
	line-height:1.384em;
	color: #000;
	width: 100%;
	padding:0;
	margin:0;
	}

#content table th,
#content table td {
	padding: 6px;
	border: 1px solid #b2b2b2;
	margin:0;
	}

#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}

.list_a{
	background: url(../images/icon_02.jpg) 0 5px no-repeat;
	padding-left: 15px;
		list-style: none;
	}
	


/*---------- 07  Index -----------*/
#index h2 {
	float:left;
	margin:0;
	padding:83px 0 0 0;
	}

#index h2#title01{padding:0; margin:0; line-height:1%; font-size:1%; }

#index h3 {
	height: 41px;
	padding:0;
	margin:0 0 18px 0;
	}
#index h3#title02{ background:url(../images/index_h3-01.jpg) 0 0 no-repeat; }
#index .index_01{margin:0; padding:0; height:225px; }

#index .index_01{margin:0; padding:0; height:200px}
#index .index_02{margin:0; padding:0 31px 0 457px; height:149px}
#index .index_02 a{ width:152px; height:149px; background:url(../images/index_button1.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#index .index_02 a:hover{ background:url(../images/index_button1.jpg) no-repeat 0 -149px; }


#index .section {padding:0 39px 0 0; clear:both;}
#index .text_01{padding:10px 14px 0px 14px; margin:0; font-size:100%; line-height:180%; color:#333;}
#index .text_02{padding:0px 14px 0px 14px; margin:0; font-size:100%; line-height:180%; color:#333;}
.text_03{padding:0; margin:0; font-size:120%; line-height:180%; color:#8F0503; font-weight:bold;}
/*---------- 08  Engineer_index -----------*/
#engineer_index .bg_h2{background:url(../images/engineer_index_bg_h2.jpg) 0 0 no-repeat; padding:36px 0 31px 0;}
#engineer_index h3#title02{ background:url(../images/engineer_index_h3-01.jpg) 0 0 no-repeat; }
#engineer_index .alpha{float:left; margin:0; padding:0; width:50px;}
#engineer_index .beta{float:right; margin:0; padding:0; width:490px;}

#engineer_index .bnr_fmail01{ margin:0; padding:0 18px 0 18px; width:551px;}
#engineer_index .bnr_fmail01 a{ width:551px; height:80px; background:url(../images/fmail01_bnr.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#engineer_index .bnr_fmail01 a:hover{ background:url(../images/fmail01_bnr.jpg) no-repeat 0 -80px; }

/*---------- 09  Engineer_second -----------*/
#engineer_second .bg_h2{background:url(../images/engineer_second_bg_h2.jpg) 0 0 no-repeat; padding:21px 0 20px 0;}
#engineer_second h3#title02{ background:url(../images/engineer_second_h3-01.jpg) 0 0 no-repeat; }
#engineer_second h3#title03{ background:url(../images/engineer_second_h3-02.jpg) 0 0 no-repeat; }

#engineer_second .no1{
	background:url(../images/no1.jpg) 0 1px no-repeat; 
	padding:0;
	margin:0 0 5px 0;
	color:#ff0000;
	text-indent:30px;
	font-weight:bold;	
	}
#engineer_second .no2{
	background:url(../images/no2.jpg) 0 1px no-repeat; 
	padding:0;
	margin:0 0 5px 0;
	color:#EFAE00;
	text-indent:30px;
	font-weight:bold;	
	}
#engineer_second .no3{
	background:url(../images/no3.jpg) 0 1px no-repeat; 
	padding:0;
	margin:0 0 5px 0;
	color:#003cff;
	text-indent:30px;
	font-weight:bold;	
	}
/*---------- 10 Engineer_job -----------*/
#engineer_job .bg_h2{background:url(../images/engineer_job_bg_h2.jpg) 0 0 no-repeat; padding:27px 0 20px 0;}
#engineer_job h3#title02{ background:url(../images/engineer_job_h3-01.jpg) 0 0 no-repeat; }
#engineer_job h3#title03{ background:url(../images/engineer_job_h3-02.jpg) 0 0 no-repeat; }

/*---------- 11 Support_index -----------*/
#support_index .bg_h2{background:url(../images/support_index_bg_h2.jpg) 0 0 no-repeat; padding:30px 0 19px 0;}
#support_index h3#title02{ background:url(../images/support_index_h3-01.jpg) 0 0 no-repeat; }

#support_index .alpha{ float:left; width:255px; margin:0; padding:0;}
#support_index .beta{ float:left; width:77px; margin:0 ; padding:0;}
#support_index .gamma{ float:right; width:255px; margin:0 ; padding:0;}
#support_index .padding_t{padding:140px 0 0 0;}

#support_index .alpha1{ float:left; width:400px; margin:0; padding:0;}
#support_index .beta1{ float:right; width:160px; margin:0 0 0 10px; padding:0;}

#support_index .alpha2{float:left; margin:0; padding:0; width:50px;}
#support_index .beta2{float:right; margin:0; padding:0; width:490px;}

/*---------- 12 Support_flow -----------*/
#support_flow .bg_h2{background:url(../images/support_flow_bg_h2.jpg) 0 0 no-repeat; padding:36px 0 38px 0;}
#support_flow h3#title02{ background:url(../images/support_flow_h3-01.jpg) 0 0 no-repeat; }
#support_flow h3#title03{ background:url(../images/support_flow_h3-02.jpg) 0 0 no-repeat; }

#support_flow .step1{background:url(../images/step1.jpg) 0 0 no-repeat; padding:1px 0 0 72px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:26px;}
#support_flow .step2{background:url(../images/step2.jpg) 0 0 no-repeat; padding:6px 0 0 110px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:30px;}
#support_flow .step3{background:url(../images/step3.jpg) 0 0 no-repeat; padding:6px 0 0 110px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:30px;}
#support_flow .step4{background:url(../images/step4.jpg) 0 0 no-repeat; padding:1px 0 0 72px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}
#support_flow .step5{background:url(../images/step5.jpg) 0 0 no-repeat; padding:6px 0 0 110px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:30px;}
#support_flow .step6{background:url(../images/step6.jpg) 0 0 no-repeat; padding:1px 0 0 72px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:26px;}
#support_flow .step7{background:url(../images/step7.jpg) 0 0 no-repeat; padding:6px 0 0 110px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:30px;}
#support_flow .step8{background:url(../images/step8.jpg) 0 0 no-repeat; padding:6px 0 0 110px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:30px;}
#support_flow .step9{background:url(../images/step9.jpg) 0 0 no-repeat; padding:1px 0 0 72px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:26px;}
#support_flow .step10{background:url(../images/step10.jpg) 0 0 no-repeat; padding:6px 0 0 110px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:30px;}
#support_flow .step11{background:url(../images/step11.jpg) 0 0 no-repeat; padding:6px 0 0 110px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:30px;}
#support_flow .step12{background:url(../images/step12.jpg) 0 0 no-repeat; padding:1px 0 0 72px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#support_flow .alpha{ float:left; width:48px; margin:0; padding:0;}
#support_flow .beta{ float:right; width:539px; margin:0; padding:0;}

/*---------- 13 Support_voice -----------*/
#support_voice .bg_h2{background:url(../images/support_voice_bg_h2.jpg) 0 0 no-repeat; padding:37px 0 36px 0;}
#support_voice h3#title02{ background:url(../images/support_voice_h3-01.jpg) 0 0 no-repeat; }

#support_voice .alpha{ float:left; width:130px; margin:0; padding:0;}
#support_voice .beta{ float:right; width:427px; margin:0; padding:0;}

.bg_voice{
width:567px;
padding:5px 10px;
margin-top:0px;
color:#FFF;
font-weight:bold;
font-size:115%;
background-color:#900000;
}

* html .bg_voice {
width:587px;
padding:5px 0;
margin:0px;
color:#FFF;
font-weight:bold;
font-size:130%;
background-color:#900000;
} /*  for IE6 only */




/*---------- 14 Support_qa -----------*/
#support_qa .bg_h2{background:url(../images/support_qa_bg_h2.jpg) 0 0 no-repeat; padding:36px 0 34px 0;}
#support_qa h3#title02{ background:url(../images/support_qa_h3-01.jpg) 0 0 no-repeat; }
#support_qa h3#title03{ background:url(../images/support_qa_h3-02.jpg) 0 0 no-repeat; }

#support_qa .question{background:url(../images/question.jpg) 0 0 no-repeat; padding:4px 0 0 35px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:53px;}
#support_qa .alpha{ float:left; width:98px; margin:0; padding:0;}
#support_qa .beta{ float:right; width:489px; margin:0; padding:0;}

/*---------- 15 Point_index -----------*/
#point_index .bg_h2{background:url(../images/point_index_bg_h2.jpg) 0 0 no-repeat; padding:27px 0 18px 0;}
#point_index h3#title02{ background:url(../images/point_index_h3-01.jpg) 0 0 no-repeat; }
#point_index h3#title03{ background:url(../images/point_index_h3-02.jpg) 0 0 no-repeat; }
#point_index h4#title04{ background:url(../images/point_index_h4-01.jpg) 0 0 no-repeat; }
#point_index h4#title05{ background:url(../images/point_index_h4-02.jpg) 0 0 no-repeat; }
#point_index h4#title06{ background:url(../images/point_index_h4-03.jpg) 0 0 no-repeat; }
#point_index h4#title07{ background:url(../images/point_index_h4-04.jpg) 0 0 no-repeat; }
#point_index h4#title08{ background:url(../images/point_index_h4-05.jpg) 0 0 no-repeat; }
#point_index h4#title09{ background:url(../images/point_index_h4-06.jpg) 0 0 no-repeat; }
#point_index h4#title10{ background:url(../images/point_index_h4-07.jpg) 0 0 no-repeat; }
#point_index h4#title11{ background:url(../images/point_index_h4-08.jpg) 0 0 no-repeat; }
#point_index h4#title12{ background:url(../images/point_index_h4-09.jpg) 0 0 no-repeat; height:44px; }

#point_index h4 {
	text-indent:-9999px;
	font-size:1%;
	line-height:1&;
	margin:0 -10px 10px -10px;
	}
	
	
/*---------- 16 Point_no1 -----------*/
#point_no1 .bg_h2{background:url(../images/point_no1_bg_h2.jpg) 0 0 no-repeat; padding:25px 0 21px 0;}
#point_no1 h3#title02{ background:url(../images/point_no1_h3-01.jpg) 0 0 no-repeat; }
#point_no1 h4#title03{ background:url(../images/point_no1_h4-01.jpg) 0 0 no-repeat; }
#point_no1 h4#title04{ background:url(../images/point_no1_h4-02.jpg) 0 0 no-repeat; }

#point_no1 h4 {
	text-indent:-9999px;
	font-size:1%;
	line-height:1&;
	margin:0 -10px 10px -10px;
	}

/*---------- 17 Point_schedule -----------*/
#point_schedule .bg_h2{background:url(../images/point_no1_bg_h2.jpg) 0 0 no-repeat; padding:27px 0 22px 0;}
#point_schedule h3#title02{ background:url(../images/point_schedule_h3-01.jpg) 0 0 no-repeat; }
#point_schedule .bg_ideal01{background:url(../images/bg_ideal.jpg) 0 0 no-repeat; padding:15px 0 15px 22px; margin:0px 0 10px 0; }
#point_schedule .bg_ideal02{background:url(../images/bg_ideal.jpg) 0 0 no-repeat; padding:10px 0 5px 22px; margin:0px 0 10px 0; line-height:140%; }

#point_schedule .text01{background:url(../images/point_schedule_title01.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text02{background:url(../images/point_schedule_title02.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text03{background:url(../images/point_schedule_title03.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text04{background:url(../images/point_schedule_title04.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text05{background:url(../images/point_schedule_title05.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text06{background:url(../images/point_schedule_title06.jpg) 0 0 no-repeat; padding:2px 0 0 112px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text07{background:url(../images/point_schedule_title07.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text08{background:url(../images/point_schedule_title08.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text09{background:url(../images/point_schedule_title09.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text10{background:url(../images/point_schedule_title10.jpg) 0 0 no-repeat; padding:2px 0 0 80px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text11{background:url(../images/point_schedule_title11.jpg) 0 0 no-repeat; padding:2px 0 0 95px; margin:0 0 10px 0; color:#fff; font-size:115.3%; height:25px;}

#point_schedule .text12{background:url(../images/point_schedule_title12.jpg) 0 0 no-repeat; padding:2px 0 0 62px; margin:0; color:#fff; font-size:115.3%; height:71px;}

/*---------- 18 Takumi_index -----------*/
#takumi_index .bg_h2{background:url(../images/takumi_index_bg_h2.jpg) 0 0 no-repeat; padding:25px 0 20px 0;}
#takumi_index h3#title02{ background:url(../images/takumi_index_h3-01.jpg) 0 0 no-repeat; }
#takumi_index h4#title03{ background:url(../images/takumi_index_h4-01.jpg) 0 0 no-repeat; height:56px;
 }
#takumi_index h4#title04{ background:url(../images/takumi_index_h4-02.jpg) 0 0 no-repeat; height:59px;
 }

#takumi_index .alpha{float:left; margin:0; padding:0; width:252px;}
#takumi_index .bnr_01{ margin:0; padding:0px; width:252px;}
#takumi_index .bnr_01 a{ width:252px; height:82px; background:url(../images/takumi_index_bnr01.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#takumi_index .bnr_01 a:hover{ background:url(../images/takumi_index_bnr01.jpg) no-repeat 0 -82px; }

#takumi_index .beta{float:right; margin:0; padding:0; width:302px;}
#takumi_index .bnr_02{ margin:0; padding:0px; width:302px;}
#takumi_index .bnr_02 a{ width:302px; height:82px; background:url(../images/takumi_index_bnr02.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#takumi_index .bnr_02 a:hover{ background:url(../images/takumi_index_bnr02.jpg) no-repeat 0 -82px; }

#takumi_index h4 {
	text-indent:-9999px;
	font-size:1%;
	line-height:1&;
	margin:0 -10px 10px -10px;
	}
	
/*---------- 19 Takumi_5step -----------*/
#takumi_5step .bg_h2{background:url(../images/takumi_5step_bg_h2.jpg) 0 0 no-repeat; padding:25px 0 20px 0;}
#takumi_5step h3#title02{ background:url(../images/takumi_5step_h3-01.jpg) 0 0 no-repeat; }
#takumi_5step h4#title03{ background:url(../images/takumi_5step_h4-01.jpg) 0 0 no-repeat; height:56px;}

#takumi_5step .alpha{ float:left; width:58px; margin:0; padding:0;}
#takumi_5step .beta{ float:right; width:509px; margin:0; padding:0;}

/*---------- 20 Takumi_reason -----------*/
#takumi_reason .bg_h2{background:url(../images/takumi_reason_bg_h2.jpg) 0 0 no-repeat; padding:25px 0 20px 0;}
#takumi_reason h3#title02{ background:url(../images/takumi_reason_h3-01.jpg) 0 0 no-repeat; }
#takumi_reason h4#title03{ background:url(../images/takumi_reason_h4-01.jpg) 0 0 no-repeat;}
#takumi_reason h4#title04{ background:url(../images/takumi_reason_h4-02.jpg) 0 0 no-repeat;}
#takumi_reason h4#title05{ background:url(../images/takumi_reason_h4-03.jpg) 0 0 no-repeat;}
#takumi_reason h4#title06{ background:url(../images/takumi_reason_h4-04.jpg) 0 0 no-repeat;}
#takumi_reason h4#title07{ background:url(../images/takumi_reason_h4-05.jpg) 0 0 no-repeat;}
#takumi_reason h4#title08{ background:url(../images/takumi_reason_h4-06.jpg) 0 0 no-repeat;}
#takumi_reason h4#title09{ background:url(../images/takumi_reason_h4-07.jpg) 0 0 no-repeat;}
#takumi_reason h4 {
	text-indent:-9999px;
	font-size:1%;
	line-height:1&;
	height:38px;
	margin:0 -10px 10px -10px;
	}
/*---------- 21 Takumi_teacher -----------*/
#takumi_teacher .bg_h2{background:url(../images/takumi_teacher_bg_h2.jpg) 0 0 no-repeat; padding:25px 0 20px 0;}
#takumi_teacher h3#title02{ background:url(../images/takumi_teacher_h3-01.jpg) 0 0 no-repeat; }

#takumi_teacher .alpha{ float:left; width:267px; margin:0; padding:0;}
#takumi_teacher .beta{ float:right; width:290px; margin:0; padding:0;}

/*---------- 22 Fmail01 -----------*/
#fmail01 .bg_h2{background:url(../images/fmail01_bg_h2.jpg) 0 0 no-repeat; padding:37px 0 36px 0;}
#fmail01 h3#title02{ background:url(../images/fmail01_h3-01.jpg) 0 0 no-repeat; }


/*---------- 23 Fmail02 -----------*/
#fmail02 .bg_h2{background:url(../images/fmail02_bg_h2.jpg) 0 0 no-repeat; padding:37px 0 36px 0;}
#fmail02 h3#title02{ background:url(../images/fmail02_h3-01.jpg) 0 0 no-repeat; }

#content select option { padding-left:10px; }	
/*---------- 24  Company -----------*/

#company .bg_h2{background:url(../images/company_bg_h2.jpg) 0 0 no-repeat; padding:36px 0 35px 0;}

#company h3#title02{ background:url(../images/company_h3-01.jpg) 0 0 no-repeat; }

#company .alpha{float:left; margin:0; padding:0; width:160px;}
#company .beta{float:right; margin:0; padding:0; width:420px;}

#map {
	width: 585px;
	height: 400px;
	display:block;
	padding:0;
	margin:0;
	border:1px #958d8c solid;
	}

/*---------- 25  deal -----------*/
#deal .bg_h2{background:url(../images/deal_bg_h2.jpg) 0 0 no-repeat; padding:36px 0 38px 0;}
#deal h3#title02{ background:url(../images/deal_h3-01.jpg) 0 0 no-repeat; }

/*---------- 26  sitemap -----------*/
#sitemap .bg_h2{background:url(../images/sitemap_bg_h2.jpg) 0 0 no-repeat; padding:36px 0 35px 0;}

#sitemap h3#title02 { background:url(../images/sitemap_h3-01.jpg) 0 0 no-repeat; text-indent:-9999px;  }
#sitemap h3#title02 a{background:url(../images/sitemap_h3-01.jpg) 0 0 no-repeat; margin:0; padding:0; height:40px; display:block; text-indent:-9999px; line-height:1%; font-size:1%; }

#sitemap .bg_title{background:url(../images/bg_sitemap.jpg) 0 0 no-repeat;
color:#fff; font-weight:bold; padding:0 0 0px 10px; height:29px; line-height:2.23em;}

#content ul.ul01{ margin:0; padding:0; }
#content ul.ul01 li {
	list-style: none;
	background: url(../images/icon_01.jpg) 0 5px no-repeat;
	padding-left: 15px;
	}
#content ul.ul02{ margin:0; padding:0; }
#content ul.ul02 li {
	list-style: none;
	background: url(../images/icon_02.jpg) 0 5px no-repeat;
	padding-left: 15px;
	}
/*---------- 16  Company -----------*/

.mar_b10 { margin-bottom: 10px; }
.mar_b13 { margin-bottom: 13px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b35 { margin-bottom: 35px; }
.mar_r20 { margin-right: 20px; }
.padding_lr13{padding:0 13px 0 13px;}

.w_50p{width:50%;}
.w_150{width:150px;}
.bg_01{border:3px solid #fcdeca; padding:10px; }
.bg_02{background:#dcdcdc; padding:10px;}
.bg_03{background:#fcdeca; padding:10px;}
.bg_04{ border:1px solid #7f7f7f;}
.bg_05{background:#333333; color:#fff; padding:0; margin:0 0 2px 0;}
.bg_06{background:#8f0000; color:#fff; padding:0; margin:0 0 2px 0;}
.bg_07{ border:1px solid #7f7f7f; padding:5px;}
.bg_08{ border:1px solid #7f7f7f; padding:5px; background:#fcdeca;}
.bg_09{ background:#ebebeb;}

.text_bold{font-weight:bold; font-family:"ＭＳ Ｐゴシック";}
.text_00{margin:0; padding:0;}
.text_top{vertical-align:top;}
.text_red{color:#bf0000;}
.text_green{color:#003cff;}
.text_nomal{color:#000; margin:0 0 0 -60px; padding:0;}
#content .bg01{background: url(../images/engineer_index_bg01.jpg) left top repeat-y;}
#content .bg02{background: url(../images/engineer_index_bg02.jpg) left bottom no-repeat; }

#content .bnr_fmail01{ margin:0; padding:0 8px 0 8px; width:551px;}
#content .bnr_fmail01 a{ width:551px; height:80px; background:url(../images/fmail01_bnr.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#content .bnr_fmail01 a:hover{ background:url(../images/fmail01_bnr.jpg) no-repeat 0 -80px; }

#content .symbol{
	background:url(../images/icon_05.jpg) 0 6px no-repeat; 
	padding:0;
	margin:0;
	color:#8f0000;
	text-indent:17px;	
	}
.link{padding:0 0 0 22px;}

.f_left{float:left;}

