@charset 'utf-8';
@import url("./style.css");

/* ==================================================
  INDEX common.css
================================================== */

/* 1.main_image
=====================================*/
.buturyu_top{
	width		: 600px;
	height      : 165px;
	}

.buturyu_top h3{
	width		: 600px;
	height      : 165px;
	position: relative;
	text-indent:-9999px;
	display: block;
	background-image: url(../img/subimg/buturyu.jpg);
	}

.recruit_top{
	width		: 600px;
	height      : 165px;
	}

.recruit_top h3{
	width		: 600px;
	height      : 165px;
	position: relative;
	text-indent:-9999px;
	display: block;
	background-image: url(../img/subimg/requlit_top.jpg);
	}
	
.led_top h3{
	width		: 600px;
	height      : 165px;
	position: relative;
	text-indent:-9999px;
	display: block;
	background-image: url(../img/subimg/led.jpg);
	}

.pc_top h3{
	width		: 600px;
	height      : 165px;
	position: relative;
	text-indent:-9999px;
	display: block;
	background-image: url(../img/subimg/pc_topimg.jpg);
	}

.contact_top h3{
	width		: 600px;
	height      : 165px;
	position: relative;
	text-indent:-9999px;
	display: block;
	background-image: url(../img/subimg/contact_topimg.jpg);
	}

.company_top h3{
	width		: 600px;
	height      : 165px;
	position: relative;
	text-indent:-9999px;
	display: block;
	background-image: url(../img/subimg/company_topimg.jpg);
	}
						
/* .service_box
------------------------------------------------*/
.service_box{
	float: left;
	width: 580px;
	margin-left: 7px;
	margin-bottom: 10px;
	}

.s_box{
	width       : 553px;
	border  	: solid 1px #096F81;
	margin-left : 10px;
	margin-bottom : 15px;
	background	: #F0FAFD;
	font-weight : bold;
	color       : #06759A;
	}

.ttl_service{
	width       : 534px;
	height		: 25px;
	padding		: 1px 0 0 20px;
	margin		: 5px 0 5px 0;
	font-size	: 120%;
	font-weight : bold;
	letter-spacing	: 0.1em;
	color       : #096F81;
	border-bottom: dashed 1px #096F81;
	}
	
.serviceL{
	width		: 160px;
	margin-left : 10px;
	margin-top : 10px;
	font-size	: 12px;
	margin-bottom : 5px;
	float		: left;
	}
		
.serviceR{
	width		: 182px;
	margin-top : 10px;
	margin-left : 4px;
	margin-bottom : 5px;
	float		: left;
	}

.serviceR li,
.serviceL li{
	font-size : 13px;
	line-heigt: 2;
	margin-bottom:5px;
	margin-left:10px;
	padding-left: 20px;
	background	: url(../img/common/li_blue.gif) no-repeat left center;
	}

.s_box .ar{
	font-size : 13px;
	line-heigt: 2;
	margin-bottom:5px;
	margin-left:10px;
	padding-left: 20px;
	background	: url(../img/common/li_blue.gif) no-repeat left center;
	}
	
.ttl_point{
	width       : 540px;
	height		: 25px;
	padding		: 1px 0 0 20px;
	margin		: 5px 0 5px 10px;
	font-size	: 120%;
	font-weight : bold;
	letter-spacing	: 0.1em;
	color       : #259EC6;
	border-bottom: dashed 1px #096F81;
	}

.nagare{
	padding     : 10px 5px 0 9px;
	}

.nagare2{
	padding     : 20px 5px 0 9px;
	}
		
.point{
	padding     : 10px 5px 0 20px;
	}

.point2{
	padding     : 0 5px 10px 20px;
	font-size   : 10px;
	}

.point3{
	width       : 540px;
	padding     : 0 20px 10px 20px;
	}
		
.photo{
	width		: 170px;
	margin		: 5px 11px 0;
	float		: left;
	text-align  :center;
	}

.photo a {
	text-decoration: none;
	outline:none;
	color:#5C5B5C;
	}

.photo a:hover {  
	color		: #5C5B5C;
	text-decoration	: none;
	}
	
.photo2{
	width		: 265px;
	margin		: 5px 10px 0;
	float		: left;
	text-align  :center;
	}

.photo2 img{
	width		: 265px;
	heihgt      : auto;
	}
	
.photo2 a {
	text-decoration: none;
	outline:none;
	color:#5C5B5C;
	}

.photo2 a:hover {  
	color		: #5C5B5C;
	text-decoration	: none;
	}
	
/* .lathia_box
------------------------------------------------*/
.lathia_box{
	float: left;
	width: 580px;
	margin-left: 7px;
	margin-bottom: 10px;
	}

.lathia_box h4{
　　float		: left;
	width		: 580px;
	height      : 39px; 
	position: relative;
	z-index: 1;
	text-indent:-9999px;
	background-image: url(../img/common/ttl_news.gif);
	display: block; 
	}

.l_box{
	width       : 550px;
	margin-left : 10px;
	margin-bottom : 5px;
	}

.ttl_lathia{
	width       : 540px;
	height		: 25px;
	padding		: 1px 0 0 20px;
	margin		: 5px 0 5px 0;
	font-size	: 120%;
	font-weight : bold;
	letter-spacing	: 0.1em;
	color       : #259EC6;
	border-bottom: dashed 1px #096F81;
	}
	
.lathia{
	width		: 535px;
	margin-top : 10px;
	margin-left : 5px;
	margin-bottom : 5px;
	float		: left;
	}

.lathia li{
	line-heigt: 2;
	margin-bottom:5px;
	margin-left:10px;
	padding-left: 20px;
	background	: url(../img/common/li_blue.gif) no-repeat left center;
	}

.lathia_feather{
	padding     : 2px 5px 0 9px;
	}

.recomend_box{
	width :560px;
	height		: 565px;
	margin     : 2px 5px 10px 9px;
	padding-bottom :10px;
	background	: url("../img/bg_lathia.gif") no-repeat;
	}

.recomend_box img{
	padding-top  :10px;
	padding-left  :15px;
	}
	
.recomend_box a {   
	outline:none;
	text-decoration:none;
	display: block;
	}  
	
.recomend_box strong{
	font-weigh : bold;
	color : #0E90C0;
	font-size  :14px; 
	}
	
#recomend_text1{
	position	: relative;
	left		: 15px;
	width		: 240px;
	padding		: 5px 5px 1px 10px;
	background	: #FFF;
	border		: solid 1px #AAAAAA;
	float		: left;
	filter: Alpha(opacity=80);
    opacity:0.8;
	margin-top:90px;
	}

#recomend_text2{
	position	: relative;
	right		: 15px;
	width		: 240px;
	padding		: 5px 5px 1px 10px;
	background	: #FFF;
	border		: solid 1px #AAAAAA;
	float		: right;
	filter: Alpha(opacity=80);
    opacity:0.8;
	margin-top:90px;
	}

#recomend_text3{
	position	: relative;
	left		: 15px;
	width		: 240px;
	padding		: 5px 5px 1px 10px;
	background	: #FFF;
	border		: solid 1px #AAAAAA;
	float		: left;
	filter: Alpha(opacity=80);
    opacity:0.8;
	margin-top:15px;
	}

#recomend_text4{
	position	: relative;
	right		: 15px;
	width		: 240px;
	padding		: 5px 5px 1px 10px;
	background	: #FFF;
	border		: solid 1px #AAAAAA;
	float		: right;
	filter: Alpha(opacity=80);
    opacity:0.8;
	margin-top:15px;
	}


.lathia_photo{
	width :570px;
	margin     : 0 5px 10px 5px;
	padding-bottom :10px;
	}

.lathia_photo img{
	width :200px;
	margin-left    : 22px;
	}
	
.lathia_photo strong{
	font-weigh : bold;
	color : #0E90C0;
	font-size  :12px; 
	}
	
#lphoto_text1{
	width		: 260px;
	float		: left;
	margin-top  : 10px;
	margin-left	: 10px;
	}

#lphoto_text1 p{
	width		: 245px;
	padding		: 5px 5px 1px 10px;
	}
	
#lphoto_text2{
	width		: 275px;
	float		: right;
	margin-top  :10px;
	margin-right: 10px;
	}

#lphoto_text2 p{
	width		: 260px;
	padding		: 5px 5px 1px 10px;
	}	

.ttl_point2{
	width       : 540px;
	height		: 25px;
	padding		: 1px 0 0 20px;
	margin		: 5px 0 5px 10px;
	font-size	: 120%;
	font-weight : bold;
	letter-spacing	: 0.1em;
	color       : #FF5A00;
	border-bottom: dashed 1px #AAAAAA;
	}
	
/*pc_box PCテクニカルサポート
------------------------------------------------*/
.pc_box{
	width       : 560px;
	height      : 229px;
	background	: url("../img/bg_pc.gif") no-repeat;
	margin-left : 10px;
	margin-bottom : 15px;
	}

.pc_L{
	width		: 295px;
	margin-left : 20px;
	margin-top  : 45px;
	font-size	: 12px;
	float		: left;
	}
		
.pc_R{
	width		: 235px;
	margin-top : 145px;
	margin-right : 4px;
	float		: right;
	}

.pc_R img{
	margin-bottom : 2px;
	}

.pc_R a {   
	outline:none;
	text-decoration:none;
	display: block;
	}  
		
.pc_L li{
	line-heigt: 1.6;
	margin-left:7px;
	padding-left: 15px;
	background	: url(../img/common/li_blue.gif) no-repeat left center;
	}

.point_box{
	width       : 560px;
	height      : 130px;
	background	: url("../img/bg_merito.gif") no-repeat;
	margin-left : 10px;
	margin-bottom : 0px;
	}
	
.point_box h4{
	margin      : 15px auto 0 90px;
	width		: 445px;
	font-size: 13px;
	border-bottom: 1px solid #004569;
	color : #E90000;
	padding-left: 10px;
	padding-top: 10px;
	}	
					
.point_text{
	width		: 450px;
	margin      : 7px auto 0 70px;
	line-height	: 1.5;
	padding     : 0 0 0 20px;
	font-size   : 100%;
	}

/*contact お問合わせ
------------------------------------------------*/
.contact_left{
	width		: 390px;
	margin-left : 5px;
	margin-top  : 10px;
	float		: left;
	}
		
.contact_right{
	width		: 165px;
	margin-top  : 20px;
	margin-left : 10px;
	float		: left;
	text-align  :center;
	}

.ttl_contact{
	width       : 350px;
	height		: 25px;
	padding		: 1px 0 0 20px;
	margin		: 10px 0 5px 10px;
	font-size	: 120%;
	font-weight : bold;
	letter-spacing	: 0.1em;
	color       : #259EC6;
	border-bottom: dashed 1px #096F81;
	}

.contact{
	padding     : 5px 5px 5px 20px;
	}
				
/*about_box 会社概要
------------------------------------------------*/
.about_box{
	width: 580px;
	margin-top: 7px;
	margin-left: 7px;
	margin-bottom: 10px;;
	}

.about_tbl caption{
	margin		: 10px 0 0 0;
	padding		: 6px 5px;
	font-weight	: bold;
	letter-spacing	: 0.1em;
	background	: #032565;
	border-top	: solid 1px #032565;
	border-right	: solid 1px #032565;
	border-left	: solid 1px #032565;
	color:#FFF;
	}

.about_tbl table{
	width		: 550px;
	margin		: 15px 0 0 15px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-top	: solid 1px #032565;
	border-left	: solid 1px #032565;
	}

.about_tbl th,
.about_tbl td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #032565;
	border-bottom	: solid 1px #032565;
	}

.about_tbl th{
	text-align	: center;
	letter-spacing	: 0.1em;
	background	: #D3E9FC;
	color:#032565;
	}

.about_tbl td{
	padding		: 6px 15px;
	text-align	: left;

	}

.about_tbl td.no_b{
	padding		: 6px 15px 0 15px;
	border-bottom	: 0;
	}
	
.about_tbl td.no_rb{
	padding		: 6px 15px 0 15px;
	border-right	: 0;
	border-bottom	: 0;
	}

/*new_year
------------------------------------------------*/	
.new_year{
	width		: 562px;
	height      : auto;
	line-height : 2;
	margin-left : 18px;
	margin-top  : 10px;
	margin-bottom:0;
	background	: url("../img/bg_aisatu.gif") no-repeat;
	padding-top:10px;
	padding-bottom:1px;
	}

.new_year p{
	width		: 518px;
	margin-left : 23px;
	margin-top  : 15px;
	padding-bottom:3px;
	}

.new_year_bottom{
	width		: 562px;
	height      : 11px;
	margin-top  : 0px;
	margin-bottom:0;
	margin-left : 18px;
	background	: url("../img/bottom_aisatu.gif") no-repeat;
	}
									
/*side
------------------------------------------------*/		
.side_contents{
	width		: 250px;
	float		: left;
	margin-top: 15px;
	margin-left : 15px;
	}

.side_menu{
	width		: 250px;
	float		: right;
	margin-left : 0px;
	
	}

.side_menu img{
	margin-bottom:8px;
	}

/*.sitemap_box　サイトマップ
=====================================*/	
.sitemap_box{
	width		: 550px;
	margin		: 15px 0 10px 5px;
	}

* --- Nan specific -- td --- */
.td001bgRedCentre { background-color: red; text-align: center; padding: 3px; }
.td002 { text-align: right; padding-right: 2px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; white-space: nowrap; }
.td00201 { text-align: right; padding-right: 2px; white-space: nowrap; border-right: 1px dotted silver; }
.td003 { text-align: center; padding-right: 2px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; white-space: nowrap; }
.td00301 { text-align: center; padding-right: 2px; border-right: 1px dotted silver; white-space: nowrap; }
.td00302 { text-align: center; padding-right: 2px; border-bottom: 1px dotted silver; white-space: nowrap; }
.td00303 { text-align: center; }
.td004 { vertical-align: top; padding-left: 2px; border-bottom: 1px dotted silver; }
.td00401 { vertical-align: top; padding-left: 2px; }
.td00402 { vertical-align: top; padding-left: 2px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; }
.td00403 { vertical-align: top; padding-left: 2px; border-right: 1px dotted silver; }
.td005 { vertical-align: top; padding-right: 2px; border-right: 1px dotted silver; }
.td00501 { vertical-align: top; padding-right: 2px; }
.td006 { vertical-align: top; text-align: left; padding-top: 25px; padding-left: 2px; }
.td00601 { color: olive; font-size: 0.8em; vertical-align: top; text-align: left; }
.td0060101 { font-size: 0.95em; color: olive; vertical-align: top; text-align: left; padding-top: 25px; padding-right: 2px; padding-left: 5px; }
.td007 { text-align: left; padding-top: 2px; width: 150px; }
.td007 { vertical-align: top; text-align: left; padding-top: 2px; width: 150px; background-color: #d7f7fe; }
.td00701 { width: 30px; background-color: white; }
.td008 { width: 80px; text-align: left; }
.td00801 { text-align: left; }
.td009 { width: 140px ; text-align: left; border-right: 1px dotted silver; border-bottom: 1px dotted silver; white-space: nowrap; }
.td00901 { width: 140px ; text-align: left; border-right: 1px dotted silver; white-space: nowrap; }
.td00902 { text-align: left; border-bottom: 1px dotted silver; font-size: 0.9em; padding-left: 2px; }
.td0090201 { text-align: left; font-size: 0.9em; padding-left: 2px; }
.td010 { text-align: left; font-size: 1.1em; background-color: #fff0f0; margin-bottom: 3px; padding-top: 3px; padding-left: 3px; border-top: 1px solid #aff; border-bottom: 1px solid #aff; white-space: nowrap; }
.td011 { text-align: left; vertical-align: top; }
.td01101 { text-align: left; white-space: nowrap; vertical-align: top; padding: 5px 2px 5px 5px; }
.td01102 { text-align: center; vertical-align: top; }
.td012 { text-align: right; white-space: nowrap; vertical-align: top; padding-right: 3px; }
.tdStff001 { border-bottom: 2px solid #e9e9e9; }
.tdStff001A { text-align: right; padding-top: 5px; border-bottom: 2px solid #e9e9e9; white-space: nowrap; }
.tdStff001A00 { text-align: right; white-space: nowrap; padding-top: 5px; }
.tdStff001B { padding-top: 5px; border-bottom: 2px solid #e9e9e9; }
.tdStff001B00 { padding-top: 5px; }


ul.ul01 { list-style-type: none ; }
ul.ulStff01 { margin-left: 10px; list-style-type: decimal; list-style-position: inside; }
ul.ulStff02 { list-style-type: circle; list-style-position: inside; margin-left: 5px; }
li.li01 { width: 540px; margin-top: 20px ; margin-left: 20px ; margin-bottom: 10px ; font-size: 1.1em; background-color: #D3E9FC; padding-top: 8px; padding-bottom: 0px; padding-left: 10px; border-top: 1px solid #032565; border-bottom: 1px solid #032565; }
li.li02 { width: 500px; margin-left: 30px ; font-size: 0.9em; margin-bottom: 1px ; padding-top: 2px; padding-left: 20px; border-bottom: 1px dotted silver; }
li.li0201 { width: 500px; margin-left: 30px ; margin-bottom: 15px ; font-size: 0.9em; padding-top: 2px; padding-left: 20px; }
li.li03 { color: #555; font-size: 0.8em; line-height: 1.4em; text-align: right; padding-top: 2px; }



/* --- Nan specific -- for Kerama Price & Schedule - need deletion --- */

/*td -- text-align: right; border-right: 1px dotted silver; border-bottom: 1px dotted silver; white-space: nowrap*/
.tdalnRNoWrplnBttmR { text-align: right; padding-right: 2px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; white-space: nowrap; }
/*same as tdalnRNoWrplnBttmR -- no bottom line*/
.tdalnRNoWrplnR { text-align: right; padding-right: 2px; white-space: nowrap; border-right: 1px dotted silver; }
/* --- */
/*td -- -align: center; padding-right: 2px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; white-space: nowrap; */
.tdalnClnBttmR { text-align: center; padding-right: 2px; border-right: 1px dotted silver; border-bottom: 1px dotted silver; white-space: nowrap; }
/*same as tdalnClnBttmR -- no bottom line*/
.tdalnClnR { text-align: center; padding-right: 2px; border-right: 1px dotted silver; white-space: nowrap; }
/*td -- vertical-align: top; padding-left: 2px; border-bottom: 1px dotted silver;*/
.tdlnBttmvalnTop { vertical-align: top; padding-left: 2px; border-bottom: 1px dotted silver; }
/*same as tdlnBttmvalnTop -- no bottom line*/
.tdvalnTop { vertical-align: top; padding-left: 2px; }
/* --- */
/*table -- font size-0.85em, padding-1px, border-solid 1px orange*/
.tblfnt85pdd1brdrOrng { font-size: 0.85em; padding: 1px; border: solid 1px orange; }
/*table -- font size-0.85em, padding-1px */
.tblfnt85pdd1 { font-size: 0.85em; padding: 1px; }



/* recruit_info
--------------------------------------------------------- */
.recruit_info{
	width:100%;
	margin:0 auto 25px;
}

.rec_title{
	font-size:20px;
	letter-spacing	: 0em;
	font-weight:bold;
	margin-top:20px;
	padding:3px 0 4px 4%;
	width:96%;
	border-bottom:1px dotted #CCC;
	color:#FF5A5A;
}

.plan_day{
	margin:0 0 20px 0;
	padding-bottom:4px;
}

.plan_day .time{
	font-size   : 14px;
	padding     : 2px 5px 5px 5px;
	background	: #5BBDEE;
	color:#FFF;
	text-align	: center;
	float:left;
	}

.plan_bt{
	margin-left:10px;
	margin-top:5px;
	color:#7B7B7B;
	font-size:12px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:right;
}

.plan_bt a{color:#FFF;display:inline-block;padding:2px 8px;background-color:#1B5FBC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;}
.plan_bt a:hover{color:#FFF;text-decoration:none;background-color:#FF4A4A;}

.plan_day .time2{
	padding     : 8px 10px 5px 10px;
	font-size   : 16px;
	letter-spacing	: 0em;
	border-bottom:1px dotted #CCC;
	}
	
.recruit_info h3 {
	font-size:18px;
	letter-spacing	: 0em;
	font-weight:bold;
	margin-top:20px;
	padding:3px 0 7px 4%;
	color:#FFF;
	width:96%;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	background	: #00B1EF;
}

.recruit_info table{
	width		: 99%;
	border	: 1px solid #AAA;
	border-collapse: collapse;
	border-spacing: 0;
	}

.recruit_info th{
	border-bottom	: 1px dotted #333;
	line-height:1.6;
	padding		: 10px 5px 10px 5px;
	background	: #4FC62A;
	color:#FFF;
	font-weight:bold;
	text-align: center;
	}

.recruit_info td{
	border-bottom	: 1px dotted #333;
	line-height:1.6;
	padding		: 10px;
	font-size:13px;
	}
	
.question {
  width:92%;
  margin: 20px auto 8px;
  padding : 0 5px 2px 30px;
  font-size: 18px;
  border-bottom: dotted 1px;
  border-bottom-color: #ccc;
  font-weight:bold;
  color:#1387B7;
  background	: url(../images/ques.gif) no-repeat 0 center;
  }

.answer {
  width:92%;
  margin: 0 auto 0;
  padding		: 2px 5px 5px 30px;
  line-height: 1.6;
  color:#222222;
  background	: url(../images/answer.gif) no-repeat;
}

.photo3{
	width		: 35%;
	margin		: 5px 0 0 10px;
	float		: right;
	text-align  :center;
	}

.photo3 img{
	width		: 100%;
	heihgt      : auto;
	}
	
.photo3 a {
	text-decoration: none;
	outline:none;
	color:#5C5B5C;
	}

.photo3 a:hover {  
	color		: #5C5B5C;
	text-decoration	: none;
	}