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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Information                 */
/*                 09  Education                   */
/*                 10  Inquiry                     */
/*                 11  Tecar_equipment             */
/*                 12  Branch                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background: #c8c8c8 url(../images/body_bg.jpg) top repeat-x; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) center top no-repeat;
	}

#container {
	background: url(../images/container_bg.jpg) repeat-y;
	width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 10px 2px 0 2px;
/*	background: url(../images/main_bg.jpg) -2px 0 repeat-y;*/
	}

#content {
	width: 668px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	padding: 0 0 1em 0;
	}


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

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 80px;
	margin: 0 2px 1px;
	padding: 0;
	}

h1 {
	text-indent: -9999px;
	width: 200px;
	height: 80px;
	line-height: 1.0;
	margin-left: 5px;
	}


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

#nav {
  background:url(../images/nav_bg.jpg) 0 0 repeat-y #f0f0f0;
	width: 233px;
	float: left;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav ul {
	margin: 0 0 0 10px;
	padding-top: 0px;
	}

#nav li {
	margin: 1px 10px;
	text-indent: -9999px;
	}

#nav li a {
	display: block;
	height: 25px;
	}
#nav #nav11 a {
	height: 35px;
	}
#nav #nav15 a {
	height: 24px;
	}

#nav #nav17 a {
	height: 23px;
	}
#nav01 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -25px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -50px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -75px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -100px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -125px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -150px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -175px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -200px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -225px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -250px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -285px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -310px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -335px no-repeat; }
#nav15 a { background: url(../images/nav.jpg) 0 -360px no-repeat; }
#nav16 a { background: url(../images/nav.jpg) 0 -384px no-repeat; }
#nav17 a { background: url(../images/nav.jpg) 0 -409px no-repeat; }
#nav18 a { background: url(../images/nav.jpg) 0 -433px no-repeat; }
#nav19 a { background: url(../images/nav.jpg) 0 -457px no-repeat; }

#nav01 a:hover { background: url(../images/nav.jpg) -205px 0 no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -205px -25px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -205px -50px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -205px -75px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -205px -100px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -205px -125px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -205px -150px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -205px -175px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -205px -200px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -205px -225px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -205px -250px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -205px -285px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -205px -310px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -205px -335px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -205px -360px no-repeat; }
#nav16 a:hover { background: url(../images/nav.jpg) -205px -384px no-repeat; }
#nav17 a:hover { background: url(../images/nav.jpg) -205px -409px no-repeat; }
#nav18 a:hover { background: url(../images/nav.jpg) -205px -433px no-repeat; }
#nav19 a:hover { background: url(../images/nav.jpg) -205px -457px no-repeat; }

#nav p { text-align: center; }

#nav p.nav_nakano {
	margin: 0 0 5px 18px;
	text-align: left;
	}
#nav .marinos { margin: 18px 0 5px 10px;}

#nav p.nav_02 {
	margin: 0 0 10px 18px;
	text-align: left;
	}

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

#footer {
	clear: both;
	padding: 0;
	margin: 0 2px;
	background: #063b75;
	font-size: 85%;
	text-align: center;
	}

#footer address {
	background: url(../images/copyright.jpg) center 0 no-repeat;
	margin: 0;
	height: 42px;
	text-indent: -9999px;
	}


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

.section { padding: 0 8px 0 0; }
.section .section { padding: .5em 10px; }

.section p {
	margin: .6em 10px;
	}

p.center { text-align: center; }

h2 {
	height: 201px;
	text-indent: -9999px;
	margin: 0 2px;
	}
#content h3 {
	height: 50px;
	text-indent: -9999px;
	}
#content h4 {
	height: 26px;
	text-indent: -9999px;
	}

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

#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 5px 6px 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: #4484d1;
	outline: none;
	}
a:hover { color: #5ab4e5; }

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

.section .image_l  {
	float: left;
	margin: 0 16px 16px 0;
	}

.section .image_r {
	float: right;
	margin: 0 0 16px 16px;
	}

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

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


#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

#content ul.totop li {
	list-style: none;
	width: 100px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 14px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.jpg) 0 1px no-repeat;
	}
	
.caution01 {
font-size:12px;}	


.txt_r {text-align: right;}
.txt_l {text-align: left;}
.txt_c {text-align: center;}

/* 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 */

table {
	border: 0;
	font-size: 100%;
	color: #666;
	}
table tr th,
table tr td {
	border: 1px solid #999;
	padding: 2px .5em;
	}

.bordered {
	margin: 0 15px 10px;
	padding: 9px;
	border: 1px solid #ccc;
	}

.alert {
	color: #ff3300;
	}

.nextlink {
	text-align: right;
	
	}


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

#index #title01 {
	height: 301px;
	background: url(../images/index_h2-01.jpg) no-repeat 0 0;
	}
#index #title02 { background: url(../images/index_h3-02.jpg) no-repeat 0 0; height: 45px; }
#information #title200 { background: url(../images/index_h3-02.jpg) no-repeat 0 0; height: 45px; }

#index #title03 { background: url(../images/index_h3-03.jpg) no-repeat 0 0; }

#index #nav01 a { background: url(../images/nav.jpg) -205px 0 no-repeat; }

.topics {
	margin: 0 8px 0 0;
	padding: 0;
	}
.topics #tiny {
	margin: 0;
	padding: 5px 9px 9px;
	border: 1px solid #1062c4;
	border-top: 0;
	}

#information .topics #tiny {
	margin: 0 0 20px;
	padding: 5px 9px 9px;
	border: 1px solid #1062c4;
	border-top: 0;
	}


#topic_link {
	float: right;
	width: 215px;
	}
#topic_link a {
	display: block;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/topic_bt.jpg) no-repeat 0 0;
	}
#topic_link a:hover { background: url(../images/topic_bt.jpg) no-repeat 0 -20px; }


/*---------- 08  Information -----------*/

#information #title01 { background: url(../images/information_h2-01.jpg) no-repeat 0 0; }
#information #title02 { background: url(../images/information_h3-02.jpg) no-repeat 0 0; }
#information #title03 { background: url(../images/information_h3-03.jpg) no-repeat 0 0; }
#information #title04 { background: url(../images/information_h3-04.jpg) no-repeat 0 0; }
#information #title05 { background: url(../images/information_h3-05.jpg) no-repeat 0 0; }
#information #title06 { background: url(../images/information_h3-06.jpg) no-repeat 0 0; }
#information #title07 { background: url(../images/information_h3-07.jpg) no-repeat 0 0; }
#information #title08 { background: url(../images/information_h3-08.jpg) no-repeat 0 0; }

#information #nav14 a { background: url(../images/nav.jpg) -205px -335px no-repeat; }

#information h4 {
	text-indent: 0;
	font-size: 1.5em;
	padding-top: 1em;
	border-top: 3px solid #5AB4E5;
	}
#information h4 span {
	margin-right: 10px;
	}
	
#information .section .course dl dt{ 
	border-bottom: none;
	width:9em;
	float:left;
	clear:both;
	font-weight:normal;
	color:#666666;
	line-height:1.6em;
	}
#information .section .course dl dd{ padding-left:9.5em;}

#information .section .course li{background:url(../images/information_li.jpg) 0 15px no-repeat; padding-left:15px;padding-top:10px;}
	
#information .section .course dl.course_text dt{ 
	border-bottom: none;
	width:3em;
	float:left;
	clear:both;
	font-weight:normal;
	color:#666666;
	line-height:1em;
	margin:10px 0;
	}
#information .section .course dl.course_text dd{ padding-left:3.5em; padding-top:5px;}


#information .section dl {
	margin: 10px 20px;
	padding: 0;
	}
#information .section dl dt {
	padding: 0 0 4px;
	border-bottom: 1px dashed #ccc;
	color: #063b75;
	}
#information .section dl dd {
	margin: 0;
	padding: 0;
	}

#information .section dl.mt30{ margin-top: 30px;}

#information .photo {
    width:181px;
    float:left;
    margin:10px 15px 0 60px;
    text-align:center;
    }

* html #information .photo {
    margin:10px 15px 0 40px;
    }    
#information .photo span{
    color:#06415F;
    }

#information .photo2 {
    width:500px;
    margin:10px 0 0 60px;
    text-align:center;
    }

* html #information .photo2 {
    margin:10px 0 0 40px;
    }    
#information .photo2 span{
    color:#06415F;
    }

#information .photo3 {
    width: 300px;
    float:left;
    margin:10px 2px 0 60px;
    text-align:center;
    }

* html #information .photo3 {
    margin:10px 2px 0 40px;
    }    
#information .photo3 span {
    color:#06415F;
    }

#information .photo4 {
    width: 170px;
    float:left;
    margin:10px 2px 0 30px;
    text-align:center;
    }

* html #information .photo4 {
    margin:10px 2px 0 10px;
    }    
#information .photo4 span {
    color:#06415F;
    }
	
#information .photo5 {
    width:350px;
    margin:10px 0 0 60px;
    text-align:center;
    }

* html #information .photo5 {
    margin:10px 15px 0 40px;
    }    
	
#information .photo5 span{
    color:#06415F;
    }
	
#information .photo6 {
    width:330px;
    margin:10px 0 0 60px;
    text-align:center;
    }

* html #information .photo6 {
    margin:10px 15px 0 40px;
    }    
	
#information .photo6 span{
    color:#06415F;
    }

#information .photo7{
margin-top:10px;
}
		
#information .photo7-01 {
    width:250px;
		float:left;
    margin:0 10px 0 60px;
    text-align:center;
    }

* html #information .photo7-01 {
    margin:0 15px 0 40px;
    } 
		
#information p.photo7-text span{
    height:50px;
    color:#06415F;
		float:left;
		position:bottom;
    }
		
#information .photo8{
margin-top:10px;
}
		
#information .photo8-01{
    width:269px;
		float:left;
    margin:0 10px 0 60px;
    text-align:center;
    }
#information .photo9-01{
		float:left;
    margin:0 10px 0 0px;
    text-align:center;
    }

#information .photo9-02{
		float:left;
    margin:0 10px 20px 30px;
    text-align:center;
    }

* html #information .photo8-01 {
    margin:0 15px 0 40px;
    } 
		
#information p.photo8-text span{
    height:65px;
    color:#06415F;

    }
* html #information .photo9-01 {
    margin:0 15px 0 10px;
    } 
.photo9-01 p{ 
	text-align:left;
	}

* html #information .photo9-02 {
    margin:0 15px 0 10px;
    } 

#information table th{
	width:90px;
	background:#F0F0F0;
	text-align:left;
}


	
#information .before{
	padding: 30px 0;
	border-top: 3px solid #5AB4E5;
}

#information .before p{
	float: right;
	border: 1px solid #bebebe;
	padding: 5px 5px 5px 30px;
	width: 150px;
}

*html #information .before p{
	width: 200px;
}

/*---------- 09  Education -----------*/

#education #title01 { background: url(../images/education_h2-01.jpg) no-repeat 0 0; }
#education #title02 { background: url(../images/education_h3-02.jpg) no-repeat 0 0; }
#education #title03 { background: url(../images/education_h3-03.jpg) no-repeat 0 0; }
#education #title04 { background: url(../images/education_h4-04.jpg) no-repeat 0 0; }
#education #title05 { background: url(../images/education_h4-05.jpg) no-repeat 0 0; }
#education #title06 { background: url(../images/education_h4-06.jpg) no-repeat 0 0; }
#education #title07 { background: url(../images/education_h4-07.jpg) no-repeat 0 0; }
#education #title08 { background: url(../images/education_h4-08.jpg) no-repeat 0 0; }
#education #title09 { background: url(../images/education_h4-09.jpg) no-repeat 0 0; }
#education #title10 { background: url(../images/education_h4-10.jpg) no-repeat 0 0; }

#education #nav12 a { background: url(../images/nav.jpg) -205px -285px no-repeat; }

#education .info_window {
	border: 1px solid #ccc;
	padding: 9px;
	margin: 0 10px;
	background: #eee;
	}
#education .info_window dt {
	float: left;
	width: 80px;
	}
#education .info_window dd {
	margin-left: 80px;
	}
#education .education_index {
	margin: 15px;
	padding: 9px;
	background: #eee;
	}
#education .education_index li {
	margin-left: 30px;
	}

/*---------- 10  Inquiry -----------*/

#inquiry #title01 { background: url(../images/inquiry_h2-01.jpg) no-repeat 0 0; }
#inquiry #title02 { background: url(../images/inquiry_h3-02.jpg) no-repeat 0 0; }

#inquiry #nav17 a { background: url(../images/nav.jpg) -205px -409px no-repeat; }

#content p.form_caution01 {
	background: #063b75;
	width:130px;
	_width:160px;
	padding: 10px 12px;
	margin:30px 250px 50px;
	border:4px #999999 double;
	text-decoration:none;	
	}
	
#content p.form_caution01 a {
	font-weight:bold;
	color: #fff;
	text-decoration:none;
  }
	
#content p.form_caution01 a:hover {
	font-weight:bold;
	color:#5AB4E5;
  }	

#inquiry .form_caution dt {
	float: left;
	width: 120px;
	background: #063b75;
	color: #fff;
	margin-right: 10px;
	padding: 30px 0;
	text-align: center;
	}
#inquiry .form_caution dd {
	padding: 10px;
	}
#inquiry .form_caution ul {
	margin: 0 0 0 110px;
	}

#inquiry table {
	margin: 10px 1em;
	border: 1px solid #999;
	}
#inquiry table tr th,
#inquiry table tr td {
	border: 0;
	padding: 5px .8em;
	vertical-align: top;
	}
#inquiry table tr th {
	width: 12em;
	text-align: left;
	font-weight: 100;
	background: #eee;
	}
#inquiry table tr td.require {
	width: 1em;
	color: #ff3300;
	padding-right: 0;
	background: #eee;
	}
#inquiry table tr td p {
	margin: 0;
	padding: 0;
	font-size: 75%;
	}
#inquiry table .short {
	width: 4em;
	}
#inquiry table .long {
	width: 30em;
	}
#inquiry table .short,
#inquiry table .long {
	border: 1px solid #999;
	}

#inquiry .submit {
	background: #063b75;
	color: #fff;
	border: 0;
	padding: 3px 30px;
	cursor: pointer;
	}
	
#popup {
    background: none repeat scroll 0 0 #FFFFFF;
}	

/*---------- 11  Tecar_equipment -----------*/

#tecar_equipment #title01 { background: url(../images/tecar_equipment_h2-01.jpg) no-repeat 0 0; }
#tecar_equipment #title02 { background: url(../images/tecar_equipment_h3-02.jpg) no-repeat 0 0; }

#tecar_equipment #nav10 a { background: url(../images/nav.jpg) -205px -225px no-repeat; }

#tecar_equipment .alpha{
    float:left;
    width:190px;
    margin:10px 0 0 20px;
    color:#06415F;
    }
* html #tecar_equipment .alpha{
    margin:10px 0 0 5px;
    }
     
#tecar_equipment .beta,
#tecar_equipment .gamma{
    margin:10px 0 0 0 ;
    float:left;
    width:190px;
    color:#06415F;
    } 
#tecar_equipment .margin_box{
    margin-top:20px;
    margin-bottom:20px;
    }
	
	
.topics #tiny {
	margin: 0;
	padding: 5px 9px 9px;
	border: 1px solid #1062c4;
	border-top: 0;
	height: 125px;
	overflow: auto;
	}

#tiny table,
#tiny table td { border: none;}

/*---------- 12  Branch -----------*/

#Branch #title01 { background: url(../images/Branch_h2-01.jpg) no-repeat 0 0; }
#Branch #title02 { background: url(../images/Branch_h3-01.jpg) no-repeat 0 0; }
#Branch #title03 { background: url(../images/Branch_h3-02.jpg) no-repeat 0 0; }

#Branch #nav13 a { background: url(../images/nav.jpg) -205px -310px no-repeat; }

#Branch tr th,td {
text-align:left;
}

#Branch tr .th01 {
width:;
}

#Branch tr .th02 {
width:25%;
}

#Branch tr .th03 {
width:50%;
}

#Branch tr .td01 {
width:;
}

/*---------- education -----------*/	

ul.edu-ul li{
  list-style-type:none;
  }
	

/*---------- 13 Company -----------*/

#company #nav16 a { background: url(../images/nav.jpg) -205px -384px no-repeat; }

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

#company table {
  width: 620px;
	margin-left:20px;
	}
#company table th {
  background: #E4E4E4;
	width: 150px;
	}
#company table td { padding: 7px; }

#company table ul { margin: 0;}
#company table dl dt { color:#1B3E78; padding: 10px 0 5px 0 ;}

#company table dl { width: 420px; }
#company table dl, #company table dl dd dl.sub_detail { margin: 0; }
#company table dl dd dl.sub_detail {margin-bottom:5px; }
#company table dl dd dl.sub_detail dt { float: left; width: 240px; color: #666; font-weight: normal;  padding:0;}
#company table dl dd dl.sub_detail dd { padding-left: 250px; }

/*---------- 14 userlink -----------*/

#userlink #nav18 a { background: url(../images/nav.jpg) -205px -433px no-repeat; }

#userlink #title01 { background: url(../images/userlink_h2-01.jpg) no-repeat 0 0; }
#userlink #title02 { background: url(../images/userlink_h3-01.jpg) no-repeat 0 0; height: 40px;}
#userlink #title03 { background: url(../images/userlink_h3-02.jpg) no-repeat 0 0; }
#userlink #title04 { background: url(../images/userlink_h3-04.jpg) no-repeat 0 0; }

#userlink h3.h3bg01{
	background: url(../images/h3bg01.jpg) no-repeat 0 0;
	text-indent: 0;
	padding: 13px 0 0 30px;
	font-size: 14px;
	font-weight: bold;
}

#userlink h4 {
	background: url(../images/userlink_h4bg.jpg) no-repeat 0 0;
	margin: 20px 0 0 0;
	padding: 11px 0 0 32px;
	text-indent: 0;
	font-size: 14px;
	font-weight: bold;
	color: #03497a;
	}

*html #userlink h4 {
	padding: 11px 0 10px 32px;
}


#userlink .section .image_l  {
	float: left;
	margin: 0 13px 16px 0;
	}

#userlink dl {
	margin: 0 0 10px;
	padding: 0;
}

#userlink dl dd {
	margin: 0;
	padding: 0;
}

#userlink dl{
	list-style: none;
	background: url(../images/li_bg.jpg) 5px 6px no-repeat;
	padding-left: 20px;
}

#userlink .box1{
	padding: 10px 20px;
}

#userlink .box1 p{
	margin: 0;
	padding: 0;
}

#userlink .box3{
	padding: 0 0 0 20px;
}

#userlink table{
	width: 600px;
	margin: 0;
	padding: 0;
}

#userlink table th{
	text-align: left;
}

#userlink table td.time{
	text-align: center;
}

#userlink table td.yen{
	text-align: right;
}

#userlink .area{
	padding: 0 0 30px 20px;
}

#userlink .area p{
	margin: 0 0 5px 0;
}

#userlink .area p.area01{
	width: 590px;
	margin: 10px 0 5px 0;
	padding-left: 10px;
	border-bottom: 1px solid #0f609c;
	border-left: 3px solid #0f609c;
}

#userlink .area p.area02{
	width: 570px;
	margin: 5px 0 5px 20px;
	padding-left: 10px;
	border-bottom: 1px solid #569dd2;
	border-left: 3px solid #569dd2;
}


#userlink .area p.area03{
	width: 550px;
	margin-left: 40px;
	padding-left: 10px;
	border-bottom: 1px solid #a6cbe6;
	border-left: 3px solid #a6cbe6;
}



#userlink .area ul{
	margin: 0;
	padding-left: 50px;
}

#userlink .area ul li{
	padding: 0 0 0 20px;
	background: url(../images/li2_bg.gif) 5px 6px no-repeat;
}

#userlink .area ul li a{ color: #6b6b6b;}
#userlink .area ul li a:hover{ color: #ff7928;}

#userlink .mb20{ padding-bottom: 20px;}

.bold{ font-weight: bold;}

.new{ color: #FF0000; font-weight: bold;}


/*---------- 15 afterservice -----------*/
#afterservice h3 { clear: both;}

#afterservice h2#title01 { background: url(../images/afterservice_h2-01.jpg) 0 0 no-repeat;}
#afterservice h3#title02 { background: url(../images/afterservice_h3-02.jpg) 0 0 no-repeat;}
#afterservice h3#title03 { background: url(../images/afterservice_h3-03.jpg) 0 0 no-repeat;}

#afterservice #nav19 a { background: url(../images/nav.jpg) -205px -457px no-repeat; }

#afterservice h4 {
  text-indent: 0;
  margin: 20px 0 0 10px;
  font-weight: bold;
  font-size: 110%;
  color: #0066CC;
  height: auto;
  padding-bottom: 5px;
  padding-left: 14px;
  background: url(../images/afterservice_h4.jpg) 0 1px no-repeat;
}

#afterservice p { margin: 0 10px 0;}

#afterservice p.head {
    background: url(../images/afterservice_bold.jpg) 0 7px no-repeat;
	padding-left: 10px;
}

#afterservice ul { margin-top: 0;}

.after_box {
  background: #f6f6f6;
  padding: 10px 5px 0;
  margin: 5px 0 10px;
  border: 1px solid #dfdfdf;
  width: 640px;
}

.left_box { float: left;}
.left_box2 { float: left; width: 260px;}

.right_box { float: right;}
.right_box2 { float: right; margin-top: 30px;}

.section2 { margin-top: 20px;}

#content .section2 .mt20 { margin-top: 20px;}

.large { font-size: 110%;}