@charset "utf-8";
/* CSS Document */
/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}

body,textarea,input {
	font-size: 100.01%;
	font-family:"ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; line-height:normal;
}

/* default text */

body{
color:#333;
font-size:90%;
line-height:1.5;
}

/* LINK */
a {
 outline: 0;
}

a:link{ 
color:#0066CC;
}

a:visited{
color:#000099;
}

a:hover{
color:#999966;
}

a:active{
color:#000099;
}

/* BODY */
body {
	background-image: url();
	background-position: center;
	background-color:#ccc;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	border-right: 1px orange solid;
	border-left: 1px orange solid;
    border-top: 5px orange solid;
}

#content{
	width:940px;
	margin-right: 10px;
	margin-left: 10px;
}

/* HEADER */
#logobar_top  {
	height: 62px;
	width: 960px;
	/*background-image: url(img/hdr_bg.gif);
	*/
   	border-bottom: solid 2px #ccc;
	display: block;
}

#logobar  {
	height: 65px;
	width: 960px;
	/*
	background-image: url(img/hdr_bg.gif);
	*/
	display: block;
}

.fLeft{
	float: left;
	width: 440px;
	height: 40px;
	margin-top:15px;
	margin-left:12px;
}

.fRight{
	font-size: 86%;
	line-height: 1.3;
	float: right;
	padding:18px;
}

.fRight li{
	display: inline;
	list-style-type: none;
}

#logobar li {
	display: inline;
	list-style-type: none;
}

/* パンくずリスト */
#navigate{
	padding-left:15px;
	font-size:10px;
	color:#666;
	width:700px;
	height:30px;
	padding-top:5px;
}

#navigate a {
	text-decoration: none;
}

#navigate a:link{ 
	color:#666;
	text-decoration:none;
}

#navigate a:visited{
	color:#666;
}

#navigate a:hover{
	color:#999999;
	text-decoration:underline;
}

#navigate a:active{
	color:#666;
}

/* GLOVAL NAVIGATION */
#mainnavigation {
	/*background-image: url();
	background-repeat: no-repeat;*/
	height: 40px;
	width: 960px;
	padding-left: 8px；
	padding-top: 10px;
	border-bottom: solid 1px #ccc;
}

#mainnavigation a {
	text-decoration: none;
}

#mainnavigation li {
	display: inline;
	list-style-type: none;
	padding:0px;
	margin: 0px;
}

/*#mainnavigation a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}*/

#mainnavigation img{
	border:0;
	padding:0px;
}

#info_navi img{
	border:0;
	padding-bottom:1.5px;
	padding-right: 5px;
}

/* CONTENTS */
#maincontents {
	overflow: hidden;
	float: left;
	padding-top: 5px;
	background-color:#FFFFFF;
	padding-bottom: 0px;
	width: 700px;
	margin-left: 15px;
}

.main_bottom_top{
	float:right;
	padding-top: 10px;
	padding-bottom: 10px;
}

#top_main_table{
	padding-left:25px;
	padding-top:5px;
	width:632px;
}

#top_main_table{
	border:0px;
}

.date{
	width: 62px;
	vertical-align:top;
}

.category{
	width:90px;
	padding-top:3px;
	padding-left:5px;
	vertical-align:top;
}

.title{
	width: 480px;
	text-align:left;
	padding-bottom:10px;
}

#info_table{
	padding-top:12px;
	padding-bottom:30px;
	padding-left: 20px;
	display:block;
	clear:both;
}

#info_table table,th{
	border:0;
}

#info_navi a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#company_sisin{
	padding-bottom:100px;
	padding-left:20px;
}

#company_rinen{
	padding-left:10px;
}

#recruit_main{
	padding:20px;
}

#recruit_main ul{
	list-style-image: url(img/arrow-01_on.gif);
}

#recruit_table{
	padding:20px;
}

#recruit_pic1{
	padding-top:20px;
	padding-bottom:10px;
}

#recruit_pic2{
	padding-left:350px;
}

#recruit_pic3 li{
	display: inline;
	list-style-type: none;
	padding:5px;
}

#map p{
	padding:20px;
	font-size:small;
}

#recruit_top_right{
	float: right;
	width: 380px;
	padding-right: 20px;
	padding-bottom: 30px;
}

#recruit_top_right p{
	font-size:100%;
}

#recruit_top_right h3{
	font-size:115%;
}

#recruit_top_right p{
	padding:10px;
	color:#333333;
	line-height: 150%;
	padding-bottom: 15px;
}

#recruit_top_left{
	float: left;
	width: 270px;
	padding-top: 20px;
}

.recruit_middle{
	clear:both;
}

#recruit_top_botom{
	clear:both;
}

.contentsfLeft{
	width:700px;
	padding-top: 10px;
}

.contentsfLeft img{
	padding-bottom:1.5px;	
}

.top_maincontents{
	clear:both;
	background-color:#FFFFFF;
}

#maincontents_bottom{
	float: none;
}

#main_table{
	border-right: 20;
	margin-top: 10px;
	padding-left: 20px;
}

#main_company_left{
	float:left;
}

#main_company_right{
	float:right;
}

#main_company_botom{
	clear:both;
}

#main_company_right{
	img:padding 5px;
}

hr{
	color:#FF9933
}

th{
	font-weight:normal;
	color:#666666;
	font-size:small;
}

h1{
	text-indent:-9999px;
	font-size:0px;
}

h3{
	font-size:medium;
	padding-top:15px;
	padding-left:10px;
	color:#666666;
}

h4{
	font-size:medium;
	font-weight:normal;
	margin:8px;
}

h5{
	padding-top:15px;
}

p{
	color:#666666;
}

img{
	border:0px;
	vertical-align: top;
}

#map img{
	margin:10px;
}

#info_navi li{
	display: inline;
	list-style-type: none;
}

#info_navi{
	padding-top:10px;
}

#info_archive{
	width:700px;
	display: block;
	padding-top: 5px;
	height: 500px;
	padding-bottom:30px;
}

#info_archive_2{
	width:700px;
	display: block;
	padding-top: 5px;
}

#info_archive h3{
	font-size:100%;
}

.archive_title{
	width:700px;
	display: block;
	padding-top: 10px;
	text-indent: 10px;
	font-size:110%;
	color:#666666;
	font-weight:bold;
}

.archive_date{
	padding-left:550px;
	font-size:90%;
	color:#666666;
	text-align: right;
	padding-right: 20px;
}

.archive_main{
	width:640px;
	padding-left:40px;
	padding-top:20px;
	color:#666666;
}

.archive_main_2{
	padding-left:40px;
	padding-top:20px;
	color:#666666;
	padding-bottom: 20px;
}

.archive_table{
	padding:20px;
}

.archive_table table{
	border-collapse: collapse;
}

.archive_table table th{
	 border: 1px solid #333; 
}

.archive_bottom{
	padding-bottom:30px;
}

.box{
	padding-top:20px;
}

.copy{
	width:650px;
	padding-left:25px;
	padding-top:20px;
	font-size:100%;
}

.technology_left{
	width:700px;
}

.technology_left img{
	margin:18px;
}

.technology_box{
	float:left;
	width:250px;
	height:200px;
	padding-left:25px;
}

.technology_box_2{
	float:right;
	width:250px;
	height:200px;
	padding-right:80px;
}

.product_t{
	width:630px;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
}

.product_t2{
	width:630px;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
	font-size:110%;
	color:#000033;
}

.product_sp{
	width:632px;
	height:231px;
	margin-left:20px;
	background-image: url(img/sp.jpg);
	background-repeat:no-repeat;
}

.product_sp img{
	padding-left:502px;
	padding-top:190px;
}

.product_do{
	width:632px;
	height:231px;
	margin-left:20px;
	background-image: url(img/docodoco.jpg);
	background-repeat:no-repeat;
}

.product_do img{
	padding-left:502px;
	padding-top:190px;
}











.product_ra{





width:632px;





height:231px;





margin-left:20px;





background-image: url(img/rakulog.jpg);





background-repeat:no-repeat;





}





.product_ra img{





padding-left:502px;





padding-top:190px;





}











.product_ka{





width:632px;





height:231px;





margin-left:20px;





background-image: url(img/kaitaku.jpg);





background-repeat:no-repeat;





}





.product_ka img{





padding-left:502px;





padding-top:190px;





}











.sitemap_content{





	padding-left:20px;





	width: 700px;





	float: left;





}























.sitemap_left p{





	color:#FFF;





	vertical-align:top;





	font-size:110%;





	font-weight:normal;





	background-color:#000033;





	display: box;





	padding:2px;





	margin-bottom:2px;





	font-weight:bold;





	width:250px;





	text-shadow: 2px 2px 2px black;





	filter: alpha(opacity=25);





	-moz-opacity:0.25;





	opacity:0.25;





}











.sitemap_right p{





	color:#FFFFFF;





	font-size:110%;





	font-weight:normal;





	background-color:#000033;





	display:box;





	padding:2px;





	margin-bottom:5px;





	font-weight:bold;





	width:250px;





	text-shadow: 2px 2px 2px black;





	filter: alpha(opacity=25);





	-moz-opacity:0.25;





	opacity:0.25;





}

















.sitemap_left{





	float:left;





	width:300px;





	padding-left:40px;





	font-size:115%;





	line-height:2em;





	padding-top:20px;





}























.sitemap_right{





	width:300px;





	float: right;





	font-size:115%;





	line-height:2em;





	padding-top:20px;





}























.sitemap_right ul{





list-style:none;





padding-left:5px;





padding-top:3px;





}











.sitemap_left ul{





list-style:none;





padding-left:5px;





padding-top:3px;





}





























.raquo{





	font-size:18px;





	color:#FF6633;





}

















.entry_main H#{





padding-top:5px;





}











#privacy_contetnt h3{





font-weight:normal;





font-size:120%;





}











#inquiry_table{





	width:650px;





	padding-left:40px;





}











.sign{





padding-left:500px;





width:250px;





}


.seminar_1{
	clear:both;
}

.seminar_1 dt{
	font-size: 1.2em;
	color: #0000CD;
}

.seminar_1 dd{
	text-indent: 10px;
	font-size: 1.1em;
}

.seminar_2{
	float:left;
	width: 400px;
	padding-top: 15px;
}

.seminar_2_2{
	float:left;
	padding-top: 15px;
}

.seminar_2_3{
	float:right;
	background-image:url(../img/20110215_seminar_01.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 330px;
	margin-top: 15px;
	padding-bottom: 10px;
}

.seminar_2_3 dl{
	font-size:12px;
	padding-left: 80px;
}

.seminar_3{
	float:right;
	padding-right:30px;
	width: 228px;
	padding-top: 30px;
}

.seminar_10{
	float:left;
	padding-right:30px;
	width: 228px;
	padding-bottom: 15px;
}

.seminar_4{
	float:right;
	padding-right:90px;
	padding-top:50px;
}

.seminar_5{


	float:left;


	width: 320px;


	margin-top: 15px;


	border-right: 1px dotted #FFA500;


	font-size: 12px;


}





.seminar_5 strong{


	border-bottom: 2px solid #0000CD;


	font-size: 12px;


	font-weight: normal;


}





.seminar_5 dt{


	font-size: 12px;


	color: #0000CD;


}





.seminar_5 dd{


	text-indent: 10px;


	font-size: 1.2em;


}





.seminar_6{


	float:right;


	width: 310px;


	margin-top: 15px;


	font-size: 12px;





}





.seminar_6 strong{


	border-bottom: 2px solid #0000CD;


	font-size: 12px;


	font-weight: normal;


}





.seminar_6 dt{


	font-size: 12px;


	color: #0000CD;


}





.seminar_6 dd{


	text-indent: 10px;


	font-size: 1.2em;


}





.seminar_7{


	width: 270px;


	margin-top: 15px;


}





.seminar_8{


	float:right;


	margin-top: 15px;


	padding-right: 50px;


}





.seminar_9{


	float:left;


	width: 650px;


	margin-top: 15px;


	line-height: 1.5em;


}





.seminar_9 strong{


	border-bottom: 2px solid #0000CD;


	font-size: 1.2em;


	font-weight: normal;


}





.seminar_9 dt{


	font-size: 15px;


	color: #333333;


	border-left: 5px solid #CCC;


	;


	padding-top: 5px;


	padding-bottom: 5px;


	padding-left: 8px;


}





.seminar_9 dd{


	text-indent: 10px;


	font-size: 12px;


	border-bottom: dotted 1px #ccc;


}








.info_docodoco{


	float:left;


	width: 650px;


	margin-top: 15px;


	line-height: 1.5em;


}





.info_docodoco strong{


	font-size: 1.2em;


	font-weight: normal;


}





.info_docodoco dt{


	font-size: 15px;


	color: #333333;


	border-left: 5px solid #ff69b4;


	padding-top: 5px;


	padding-bottom: 5px;


	padding-left: 8px;


}





.info_docodoco dd{


	text-indent: 10px;


	font-size: 12px;


	border-bottom: dotted 1px #ccc;


}








#map4{


	border: 1px solid;


	width: 610px;


	height: 350px;


	margin-left:10px;


	margin-top: 10px;


	clear: both;


}








#map{


width:650px;


height:500px;


margin-top:15px;


margin-left:20px;


margin-bottom:5px;


}





#map2{


width:650px;


height:500px;


margin-top:15px;


margin-left:20px;


margin-bottom:5px;


}





#map3{


width:650px;


height:500px;


margin-top:15px;


margin-left:20px;


margin-bottom:5px;


}








/* SIDEBAR */











#sidebar {





	width: 204px;





	line-height: 1.3;





	float: right;





	background -color:#FFFFFF;





	margin-right: 10px;











}











#sidebar img{





vertical-align: top;





border:0;





}























#sidebar li{





	list-style-type: none;





	/*font-size: 120%;*/





	color:#999999;





}

















.sidebar_original ul{





padding-top:15px;





}























/*--





.sidebar_original li{





text-indent: -9999px;





}





--*/











.sidebar_2{





	padding-top:6px;





	width: 204px;





	padding-left: 22px;





}











#sidebar ul li.top{





background-image: url(img/side_menu01_off.gif);





width: 204px;





height: 30px;





}











#sidebar ul li.bottom{





background-image: url(img/side_menu02_off.gif);





width: 204px;





height: 30px;





}

















.sidebar_bottom li{





	list-style-type: none;





	padding-bottom:10px;





	padding-left:43px;





	padding-top:8px;





	font-size:11px;





	color:#999999;





}























.sidebar_t{





text-indent:10px;





}











.sidebar_bottom img{





	padding-left:5px;





}

















.carnavi{





background-image: url(img/bn_carnavi_off.gif);





background-repeat:no-repeat;





width: 200px;





height: 50px;





padding-bottom:10px;





}











.carnavi a:hover{





background-position: top right;





}











.blog_ceo{





background-image: url(img/bn_ceo_off.gif);





background-repeat:no-repeat;





width: 200px;





height: 50px;





padding-bottom:10px;





}

















.blog_ceo a:hover{





background-position: top right;





}











.blog_builder{





background-image: url(img/bn_builder_off.gif);





width: 200px;





height: 50px;





background-repeat:no-repeat;





padding-bottom:10px;





}











.blog_builder a:hover{





background-position: top right;





}











.side_company {





	padding-top:5px;





	width:204px;





	padding-bottom:10px;





}

















.company_profile{





background-image: url(img/side_menu01_on.gif);





background-repeat:no-repeat;





width: 204px;





height: 30px;





text-indent:21px;





font-size:130%;





}











.company_profile a{





text-decoration: none;





color:#666;





}

















.company_rinen{





background-image: url(img/side_menu01_off.gif);





background-repeat:no-repeat;





width: 204px;





height: 30px;





color:#666;





text-indent:21px;





font-size:130%;





}











.company_rinen a{





text-decoration: none;





color:#666;





}











.company_presskit{





background-image: url(img/side_menu02_off.gif);





background-repeat:no-repeat;





width: 204px;





height: 32px;





color:#666;





text-indent:21px;





font-size:130%;





}











.company_presskit_2{





background-image: url(img/side_menu02_on.gif);





background-repeat:no-repeat;





width: 204px;





height: 32px;





color:#666;





text-indent:21px;





font-size:130%;





}











.company_presskit a{





color:#666;





text-decoration: none;





}



































#recruit_shinsotu{





	padding-left:360px;





}











.pagetop{





	width:940px;





	height:22px;





	clear:both;





	padding-top:5px;





	padding-bottom:5px;





}











.pagetop img{





float:right;





padding-right:60px;





}





























.sidebar_bottom_2 li{





	list-style-type: none;





	padding-bottom:10px;





	padding-left:70px;





	padding-top:8px;





	font-size:11px;





	color:#999999;





}











.sidebar_bottom_2 img{





	padding-left:5px;





}





.box4 tr th{


	border: #708090 solid;


	border-width: 0 0 1px 1px;


	background: #F5F5F5;


	line-height: 130%;


	text-align: center;


	height: 30px;


	text-indent: 5px;


	vertical-align: middle;


	font-size: 11px;


}








.box4 table {


	border: 1px #708090 solid;


    border-collapse: collapse;


    border-spacing: 0;


}





.box4_title{


	font-weight: bold;


	vertical-align: middle;


	


}











/* FOOTER */











#footer {


	font-size: 85%;


	clear: both;


	background-repeat:repeat-x;


	width: 960px;


	background-color: fff;


	border-top: solid #0B276E 2px;





}


.ffLeft{


	float:left;


	padding-top: 10px;


	padding-left: 20px;


}





.ffRight{


	float:right;


	font-size: 10px;


	color:#666666;


	line-height:1.5em;


	padding-top: 10px;


	height:90px;


	display:block;


	text-align:left;


	padding-right:80px;


	padding-bottom: 10px;


}





.tel {


	padding-left: 5em;


}


.tel3 {


	padding-bottom: 10px;


	padding-left: 5em;


}








.footerCopy{


	clear: both;


	padding-left: 470px;


	padding-top: 4px;


	color:#fff;


	font-size:x-small;


	background-image: url(../img/ftr_copy.gif);


	padding-bottom: 5px;


}


.footerCopy2{


	clear: both;


	padding-top: 4px;


	color:#fff;


	font-size:x-small;


	background-image: url(../img/ftr_copy.gif);


	padding-bottom: 5px;


	text-align: right;


	padding-right: 20px;


}





.ffRight li{


	list-style:none;


}





address {


	font-style: normal;


	font-size: 10px;


 }








.ftel_2{


	float: left;





}





.ftel_3{


padding-left:5px;


}


.ftel{


	padding-left:10px;


}


.ft_address{


	width:300px;


	height: 30px;


	display:block;


}





.info_bg_box{


	width: 550px;


	background-color: #F5F5F5;


	padding: 30px 50px;


	line-height: 1.5em;


	font-size: 12px;


}





div.info_bg_box img{


	padding: 10px;


}





#mailform2 {


	border: 0;


	padding: 5px;


}





#mailform2 th{


	margin: 0px;


	padding: 0px;


	padding: 7px 5px 7px 10px;


	border-bottom: solid 1px #d3d3d3;


	border-left: solid 1px #d3d3d3;


	font-size: 13px;


	text-align: left;


}





#mailform2 td {


	margin: 0px;


	padding: 0px;


	padding: 7px 5px 7px 10px;


	border-bottom: solid 1px #d3d3d3;


	border-left: solid 1px #d3d3d3;


	font-size: 13px;


}





#mailform2 span {


	color: #FF0000;


}





.archive_main_3{


	padding-left:10px;


	padding-top:20px;


	color:#666666;


}





.archive_main_5{


	padding-left:20px;


	padding-top:5px;


	color:#666666;


}








.archive_main_4{


	padding-left:15px;


	color:#666666;


}








.info_sb_title{


	padding-left: 5px; 


	border-left:5px solid #CCC;


}





.related_box{


	width: 450px;


	border: 1px dashed #000066;


	clear:  both;


	padding: 10px 20px;


}





.info_table_001{


	border: 1px #DCDCDC solid;


    border-collapse:collapse;


	padding-bottom: 10px;


}





.info_table_001 td{


	padding: 10px;


	vertical-align: top;


	border: 1px #DCDCDC solid;


}

.info_table_001 th{
	padding: 10px;
	border: 1px #DCDCDC solid;
	background-color: #f8f8f8;
}

.form_box{
	border: 1px solid #dcdcdc;
	padding: 10px;
	margin: 10px 0px 10px 5px;
	width: 540px;
}

.form_box li{
	list-style: none;
}

.info-box_sp{
	display: block;
	background-color: #E6E6FA;
	padding:10px;
	width: 600px;
}

.info-title02{
	background-color:#F0F8FF;
	display: block;
	width: 700px;
	font-size:14px;
	height: 25px;
	border-radius: 5px;
	box-shadow: 0 0 2px #6495ED;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 2px #6495ED;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 2px #6495ED;
	border: 1px solid #FFF;
	color: #333;
	font-weight: normal;
	text-shadow: 0 1px 0 #FFF;
	width: auto;
	letter-spacing: 0.2em;
	text-indent: 10px;
	margin-top:15px;
	margin-bottom: 15px;
}

#info_navi_n ul {
	margin:0;
	padding: 0;
	width: 700px;
}

#info_navi_n li {
/* for Modern Browser */
    display:table-cell;
    
/* for IE */
    *display:inline;
    *zoom:1;
}

#info_navi_n{
	padding: 10px 0 10px 20px;
	width: 640px;
}