@charset "utf-8";
/* CSS Document */


/*===================================
	
	all

=====================================*/


* {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

a img {
	border:none;
}

ul {
	list-style-type:none;
}

p {
	font-size:100.01%;
	color:#333333;
}

em, strong {
	font-weight:normal;
	font-style:normal;
}

a {
	color:#666666;
	text-decoration:none;
}

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

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.icon_sho {
	background:url(../img/top/icon_sho.jpg) no-repeat left center;
	margin:10px 0 0 0;
	padding:0 0 0 15px;
	font-size:0.7em;
}


/*===================================
	
	column

=====================================*/

.contents_area {
	width:780px;
	margin:0 auto;
	text-align:left;
}

#container {
	width:780px;
	margin:0 auto;
	text-align:left;
	padding:0 0 70px 0;
}

#main_contents {
	width:530px;
	float:left;
}

#sub_contents {
	width:240px;
	float:right;
}

#footer_contents {
	background:url(../img/all/footer_bg.jpg) repeat-x 0 0;
	height:100px;
	padding:35px 0 0 0;
}



/*===================================
	
	header

=====================================*/

.rogo {
	margin:8px 0 0 0;
	width:220px;
	float:left;
}

.header_navi {
	width:530px;
	float:right;
	font-size:0.8em;
}

#hnavi {
	margin:0 0 0 350px;
}

#hnavi li {
	float:left;
	font-size:0.8em;
	height:11px;
}

#hnavi_1{
	background:url(../img/navi/hnavi/hnavi_icon_co.jpg) no-repeat left center;
	padding:0 10px 0 15px;

}

#hnavi_2{
	background:url(../img/navi/hnavi/hnavi_icon_si.jpg) no-repeat left center;
	padding:0 0 0 20px;
}




#header_contents {
	background:url(../img/all/header_bg_con.jpg) repeat-x 0 0;
	height:185px;
	padding:35px 0 10px 0;
}


.main_img {
	padding:10px 0 0 0; 
	clear:both;
}


/*===================================
	
	gnavi

=====================================*/

#gnavi {
	clear:both;
	padding:5px 0 5px 0;
}

#gnavi li {
	float:left;
}

#gnavi_1 a {
	background:url(../img/navi/gnavi/gnavi1.jpg) no-repeat left top;
	text-indent:-9999px;
	display:block;
	width:107px;
	height:26px;
}

#gnavi_1 a:hover {
	background:url(../img/navi/gnavi/gnavi1.jpg) no-repeat left bottom;
	text-indent:-9999px;
	display:block;
	width:107px;
	height:26px;
}

#gnavi_2 a {
	background:url(../img/navi/gnavi/gnavi2.jpg) no-repeat left top;
	text-indent:-9999px;
	display:block;
	width:132px;
	height:26px;
}

#gnavi_2 a:hover {
	background:url(../img/navi/gnavi/gnavi2.jpg) no-repeat left bottom;
	text-indent:-9999px;
	display:block;
	width:132px;
	height:26px;
}

#gnavi_3 a {
	background:url(../img/navi/gnavi/gnavi3.jpg) no-repeat left top;
	text-indent:-9999px;
	display:block;
	width:100px;
	height:26px;
}

#gnavi_3 a:hover {
	background:url(../img/navi/gnavi/gnavi3.jpg) no-repeat left bottom;
	text-indent:-9999px;
	display:block;
	width:100px;
	height:26px;
}

#gnavi_4 a {
	background:url(../img/navi/gnavi/gnavi4.jpg) no-repeat left top;
	text-indent:-9999px;
	display:block;
	width:90px;
	height:26px;
}

#gnavi_4 a:hover {
	background:url(../img/navi/gnavi/gnavi4.jpg) no-repeat left bottom;
	text-indent:-9999px;
	display:block;
	width:90px;
	height:26px;
}

#gnavi_5 a {
	background:url(../img/navi/gnavi/gnavi5.jpg) no-repeat left top;
	text-indent:-9999px;
	display:block;
	width:93px;
	height:26px;
}

#gnavi_5 a:hover {
	background:url(../img/navi/gnavi/gnavi5.jpg) no-repeat left bottom;
	text-indent:-9999px;
	display:block;
	width:93px;
	height:26px;
}








/*===================================
	
	subu navi

=====================================*/

#snavi dl {
	padding:3px 3px 2px 3px;
	border:#CCC solid 1px;
	width:232px;
	margin:0 0 20px 0;
}

#snavi dt a {
	background:url(../img/navi/snavi/snavi_title.jpg) no-repeat left top;
	width:197px;
	height:27px;
	display:block;
	color:#FFF;
	font-size:0.8em;
	padding:13px 0 0 35px;
	margin:0 0 1px 0;
}

#snavi dt a:hover {
	background:url(../img/navi/snavi/snavi_title.jpg) no-repeat right bottom;
	width:197px;
	height:27px;
	display:block;
	color:#FFF;
	font-size:0.8em;
	padding:13px 0 0 35px;
	text-decoration:none;
	margin:0 0 1px 0;
}


#snavi dd a {
	background:url(../img/navi/snavi/snavi_l1.jpg) no-repeat left top;
	width:187px;
	height:27px;
	display:block;
	color:#333;
	font-size:0.8em;
	padding:13px 0 0 45px;
	margin:0 0 1px 0;
}

#snavi dd a:hover {
	background:url(../img/navi/snavi/snavi_l1.jpg) no-repeat right bottom;
	width:187px;
	height:27px;
	display:block;
	color:#333;
	font-size:0.8em;
	padding:13px 0 0 45px;
	text-decoration:none;
	margin:0 0 1px 0;
}


#snavi dd ul li a {
	background:url(../img/navi/snavi/snavi_l2.jpg) no-repeat left top;
	width:182px;
	height:27px;
	display:block;
	color:#333;
	font-size:0.8em;
	padding:13px 0 0 50px;
	margin:0 0 1px 0;
}

#snavi dd ul li a:hover {
	background:url(../img/navi/snavi/snavi_l2.jpg) no-repeat right bottom;
	width:182px;
	height:27px;
	display:block;
	color:#333;
	font-size:0.8em;
	padding:13px 0 0 50px;
	text-decoration:none;
	margin:0 0 1px 0;
}



/* banner - - - - - - - - - - - - - */

.banner_img {
	margin:0 0 10px 0;
}


/*===================================
	
	footer navi

=====================================*/

.copy {
	float:left;
	width:220px;
}

.copy p {
	text-indent:-9999px;
	background:url(../img/all/copyright.jpg) no-repeat 0 0;
	width:213px;
	height:32px;
}


.fnavi {
	float:right;
	width:420px;
}

.fnavi li {
	float:left;
}

#fnavi_1 a {
	color:#FFF;
	font-size:0.8em;
	border-left:#FFF solid 1px;
	padding:2px 5px;
}

#fnavi_2 a {
	color:#FFF;
	font-size:0.8em;
	border-left:#FFF solid 1px;
	padding:2px 5px;
}

#fnavi_3 a {
	color:#FFF;
	font-size:0.8em;
	border-left:#FFF solid 1px;
	padding:2px 5px;
}

#fnavi_4 a {
	color:#FFF;
	font-size:0.8em;
	border-left:#FFF solid 1px;
	border-right:#FFF solid 1px;
	padding:2px 5px;
}

.fnavi_text {
	color:#CCC;
	font-size:0.7em;
	margin:10px 0 0 0;
}


/*===================================
	
	topic_path

=====================================*/

.topic_path {
	font-size:0.8em;
	margin:0 0 20px 0;
}



/*===================================
	
	page top

=====================================*/

.pagetop a{
	background:url(../img/all/icon_pagetop.jpg) no-repeat 0 0;
	width:68px;
	height:17px;
	display:block;
	text-indent:-9999px;
	margin:10px 0 0 455px;
	clear:both;
}



/*===================================
	
	h1

=====================================*/

#company h1.level1 {
	background:url(../img/title/title_company.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#technocast h1.level1 {
	background:url(../img/title/title_technocast.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#recruit h1.level1 {
	background:url(../img/title/title_recruit.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#news h1.level1 {
	background:url(../img/title/title_news.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#contact h1.level1 {
	background:url(../img/title/title_contact.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#privacy h1.level1 {
	background:url(../img/title/title_privacy.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#security h1.level1 {
	background:url(../img/title/title_security.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#sitemap h1.level1 {
	background:url(../img/title/title_sitemap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 20px 0;
}


h1.level2 {
	background:url(../img/title/title_l2.jpg) no-repeat 0 0;
	text-indent:10px;
	margin:0 0 20px 0;
	padding:6px 0 0 0;
	font-size:1em;
	width:530px;
	height:23px;
}

h1.level3 {
	border-bottom:#E60012 solid 3px;
	text-indent:10px;
	margin:0 0 20px 0;
	padding:2px 0 0 0;
	font-size:1em;
	width:530px;
	height:23px;
}


/*===================================
	
	h2

=====================================*/

.contents_h2 {
	font-size:1em;
	font-weight:bold;
	margin:0 0 20px 0;
	line-height:1.2em;
}

.contents_h2_2 {
	border-bottom:#E60012 solid 1px;
	text-indent:10px;
	margin:0 0 20px 0;
	padding:100px 0 5px 0;
	font-size:0.85em;
	width:530px;
	color:#333;
}

.contents_h2_2 a {
	color:#333;
	text-decoration:none;
}

.contents_h2_2 a:hover {
	color:#333;
	text-decoration:none;
}

#technocast h2 {
	font-size:1em;
	font-weight:bold;
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	line-height:1.2em;
}

#recruit h2 {
	font-size:1em;
	font-weight:bold;
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	line-height:1.2em;
}


#security h2 {
	border-bottom:#E60012 solid 1px;
	text-indent:10px;
	margin:0 0 10px 0;
	padding:20px 0 5px 0;
	font-size:0.85em;
	width:530px;
	color:#333;
}

#privacy h2 {
	border-bottom:#E60012 solid 1px;
	text-indent:10px;
	margin:0 0 10px 0;
	padding:20px 0 5px 0;
	font-size:0.85em;
	width:530px;
	color:#333;
}

#contact h2 {
	border-bottom:#E60012 solid 2px;
	text-indent:10px;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-size:0.85em;
	width:530px;
	color:#333;
}





/*===================================
	
	h3

=====================================*/

h3 {
	font-size:0.8em;
	font-weight:bold;
	margin:20px 0 10px 0;
}




/*===================================
	
	banner

=====================================*/

.banner {
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	width:530px;
	clear:both;
}

.banner_left {
	float:left;
}

.banner_right {
	float:right;
}

/*===================================
	
	その他

=====================================*/

.color_w {
	visibility:hidden;
}


.text_blod {
	font-size:1.2em;
	font-weight:bold;
}