@charset "utf-8";

/*
*** reset
*** Layout
*** General
*** Page Element
*** Top page
*** 01-service
*** 02-PRO Interview
*** 03-IT Square
*** 04-Company
*** 05-Recruit
*** 06-Contact
*** 07-SiteMap
*/





/*reset
-----------------------------------------------------------------------------------------------*/
* {margin:0;padding:0;}
* {font-family: "Meiryo","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;}
 

h1, h2, h3, h4, h5, h6, table, p, ul, li{margin: 0; padding: 0; font-size: 100%; list-style-type: none; float:none;}
table,tr,td,th{border-collapse: collapse; font-weight: normal; margin: 0px;}
img {border: none; margin: 0; padding: 0;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

/*Layout
-----------------------------------------------------------------------------------------------*/
html, body{
	/*height: 100%;*/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg.gif);
	background-position: center;
	}
#wrap  {
 	width: 900px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
 	}

/*
body > #wrap {
	height: auto;
	min-height: 100%;
	}
*/	
#main {
	width: 900px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	}  

#footer {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	height: 65px;
	clear:both;
	width: 900px;
	background-image: url(../img/footer_bg.gif);
	background-repeat: no-repeat;
	}
#footer ul {
	height: 36px;
	width: 850px;
	margin-right: 25px;
	margin-left: 25px;
	}
#footer ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	}
#footer ul li.cright{
	}
#footer ul li.pagetop a{
	background-image: url(../img/footer_up_bt.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 80px;
	text-indent: -3000px;
	display: block;
	overflow: hidden;
	}
#footer ul li.pagetop a:hover{	
	background-image: url(../img/footer_up_bt_f2.jpg);
	}
	
#header {
	width: 850px;
	padding: 0px;
	height: 230px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	position: relative;
	}
#headerhead_left {
	padding: 0px;
	float: left;
	height: 22px;
	width: 635px;
}
#headerhead_right {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 22px;
	width: 215px;
}
#headerhead_middle {
	margin: 0px;
	padding: 0px;
	clear: left;
	height: 160px;
	width: 850px;
}
#logo {
	margin: 0px;
	padding: 0px;
	height: 82px;
	width: 140px;
	position: absolute;
	left: 25px;
	top: 0px;
	}


#navi {
	width: 850px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	}

#crumb_navi {
	height: 20px;
	width: 850px;
	padding: 0px;
	text-align: left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	}
	
#contents {
	width: 850px;
	padding: 0px;
	text-align: left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 30px;
	margin-left: 25px;
	overflow: hidden;
	clear: left;
	background-color: FFFFFF;
	}

#contents #side {
	text-align: left;
	float: left;
	width: 220px;
	}
#contents #primary {
	width: 516px;
	margin: 0px;
	float: right;
	text-align: left;
	padding-bottom: 60px;
	}

	

/*
General
-----------------------------------------------------------------------------------------------*/
.clear {
	clear:both;
	}
a {
	text-decoration: none;
	color: #0066CC;
	}
a:hover {
	text-decoration: underline;
	color: #00B6F2;
	}
a:active {
	text-decoration: none;
	color: #993300;
	}
h1 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#contents #primary h1.title_h2_01 {
	font-size: 18px;
	line-height: 40px;
	color: #333333;
	background-image: url(../img/title_back_01.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 516px;
	text-indent: 5px;
	margin-bottom: 60px;
	}
#contents #primary h1.title_h2_04 {
	font-size: 18px;
	line-height: 40px;
	color: #333333;
	background-image: url(../img/title_back_04.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 516px;
	text-indent: 10px;
	margin-bottom: 60px;
	font-weight: bold;
	}
#contents #primary h1.title_03blue {
	font-size: 18px;
	line-height: 40px;
	color: #333333;
	background-image: url(../img/title_back_01.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 516px;
	text-indent: 10px;
	margin-bottom: 60px;
	font-weight: bold;
	}
#interview #contents #primary h1.aim_title {
	line-height: 100%;
	background-image: none;
	height: 110px;
	width: 516px;
	margin-top: 25px;
	margin-bottom: 0px;
	}
#contents #primary h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 18px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-color: #5493B9;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-left-width: 4px;
	border-left-style: double;
	color: #5493B9;
	}
#side h2 {
	margin: 0px;
	padding: 0px;
	}
h3 {
	font-size: 15px;
	line-height: 180%;
	font-weight: bold;
	color: #3E3E3E;
	margin-bottom: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #5493B9;
	}
h4 {
	font-size: 15px;
	color: #333333;
	margin-bottom: 15px;
	margin-top: 22px;
	}
	
.clear {
	clear: both;
	height: 1px;
	background-color: #999999;
	width: 900px;
	}

p	{
	font-size: 14px;
	font-style: normal;
	line-height: 180%;
	font-weight: normal;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 35px;
	text-align: justify;
	}
	

ul.numlist{
	list-style-type: decimal;
	font-size: 14px;
	font-style: normal;
	line-height: 190%;
	font-weight: normal;
	margin-left: 2em;
	color: #3333330;
	}
ul.numlist li {
	list-style-type: decimal;
	padding-left: 0em;
	}
ul.disclist{
	list-style-type: disc;
	font-size: 14px;
	font-style: normal;
	line-height: 190%;
	font-weight: normal;
	margin-left: 2em;
	color: #3333330;
	}
ul.disclist li {
	list-style-type: disc;
	padding-left: 0em;
	}
	
.blue {
	color: #5493B9;
	}
.red {
	color: #CC0000;
	}
.red_s {
	color: #CC0000;
	font-size:9px;
	}
.red_11{
	color: #CC0000;
	font-size:11px;
	}
span.s80 {
	font-size:80%;
	line-height: 150%;
	}
.text_11 {
	font-size:11px;
	}
	
	
	
/*Page Elements
-------------------------------------------------------------------------*/

#tab_index {
	}
.pkg_gray {
	padding: 15px;
	border: 1px solid #E3E3E3;
	}
.extention300 {
	height:300px;
	display: block;
	}
.extention200 {
	height:200px;
	display: block;
	}
	
.tab_pkg {
	width: 516px;
	margin-bottom: 50px;
	overflow: hidden;
	}
.tab1 {
	height: 45px;
	margin-bottom: 28px;
	clear: left;
	}
.tab1 a{
	background-image: url(../img/bg_tab.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	height: 45px;
	font-size: 16px;
	line-height: 45px;
	font-weight: bold;
	padding-left: 0px;
	text-decoration: none;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #D3E3ED #D3E3ED #D3E3ED #3399CC;
	}

#tab_index a{
	background-image: url(../img/bg_tab.jpg);
	text-decoration: none;
	color: #666666;
	}
#tab_index a:hover{
	background-image: url(../img/bg_tab_f2.jpg);
	text-decoration: none;
	color: #000000;
	}
	
.tab11 a {
	background-image: url(../img/bg_tab.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	height: 45px;
	font-size: 16px;
	line-height: 45px;
	font-weight: bold;
	padding-left: 0px;
	text-decoration: none;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #D3E3ED #D3E3ED #D3E3ED #3399CC;
	width: 248px;
	margin-right: 0px;
	float: left;
	margin-bottom: 15px;
	}	 

.tab12 a{
	background-image: url(../img/bg_tab.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	height: 45px;
	font-size: 16px;
	line-height: 45px;
	font-weight: bold;
	padding-left: 0px;
	text-decoration: none;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #D3E3ED #D3E3ED #D3E3ED #3399CC;
	width: 248px;
	margin-right: 0px;
	float: left;
	margin-left: 8px;
	margin-bottom: 15px;
	}	
	
#tab_index .tab1 a h3{
	font-size: 15px;
	line-height: 45px;
	font-weight: bold;
	border-left-width: 0px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #666666;
	}
#tab_index .tab11 a h3 {
	font-size: 15px;
	line-height: 45px;
	font-weight: bold;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #666666;
	}
#tab_index .tab11 a h3.h3_2line {
	line-height: 16px;
	margin-top: 8px;
	color: #666666;
	}
#tab_index .tab_pkg .tab12 a h3 {
	font-size: 15px;
	line-height: 45px;
	font-weight: bold;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #666666;
	}
	
.tab_title {
	margin-top: 45px;
	margin-bottom: 15px;
	}
.tab_title span {
	font-size: 15px;
	line-height: 100%;
	font-weight: normal;
	color: #3399CC;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3399CC;
	border-left-color: #3399CC;
	}

.tab21 {
	}
.tab21 a {
	width: 250px;
	margin-right: 12px;
	float: left;
	margin-bottom: 15px;
	height: 190px;
	background-image: url(../service/img/01-service1.jpg);
	background-repeat: no-repeat;
	display: block;
	}	
	
.tab21 a:hover {
	background-image: url(../service/img/01-service1_f2.jpg);
	text-decoration: none;
	color: #000000;
	}
.tab22 {
	}
.tab22 a {
	width: 250px;
	margin-right: 0px;
	float: left;
	margin-bottom: 15px;
	height: 190px;
	background-image: url(../service/img/01-service2.jpg);
	background-repeat: no-repeat;
	display: block;
	}
.tab22 a:hover {
	background-image: url(../service/img/01-service2_f2.jpg);
	text-decoration: none;
	color: #000000;
	}
	
.tab23 {
	}
.tab23 a {
	width: 250px;
	margin-right: 12px;
	float: left;
	margin-bottom: 15px;
	height: 190px;
	background-image: url(../service/img/01-service3.jpg);
	background-repeat: no-repeat;
	display: block;
	color: #000000;
	text-decoration: none;
	}	
.tab23 a:hover {
	background-image: url(../service/img/01-service3_f2.jpg);
	color: #000000;
	text-decoration: none;
	}
.tab24 {
	}
.tab24 a {
	width: 250px;
	margin-right: 0px;
	float: left;
	margin-bottom: 15px;
	height: 190px;
	background-image: url(../service/img/01-service4.jpg);
	background-repeat: no-repeat;
	display: block;
	}	
	
.tab24 a:hover {
	background-image: url(../service/img/01-service4_f2.jpg);
	color: #000000;
	text-decoration: none;
	}
	
.tab21 p, .tab22 p, .tab23 p, .tab24 p{
	font-size: 14px;
	line-height: 160%;
	color: #666666;
	padding-top: 85px;
	padding-right: 18px;
	padding-left: 18px;
	margin: 0px;
	padding-bottom: 0px;
	}	
	
	
/*table**************************************************************/	

table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	}
th {
	font-size: 13px;
	line-height: 150%;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 7px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #F8F7F5;
	}
td {
	font-size: 13px;
	line-height: 150%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 7px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #FEFEFE;
	}

/*会社概要*/	
#outline_table table {
	}
#outline_table tr {
	}
#outline_table th {
	vertical-align: top;
	white-space: nowrap;
	padding: 10px;
	}
#outline_table td {
	padding: 10px;
	}
#contents .page_upbt {
	text-align: right;
	}

/*募集要項*/		
#recruit table {
	}
#recruit tr {
	}
#recruit th {
	vertical-align: top;
	white-space: nowrap;
	padding: 10px;
	}
#recruit table td {
	padding: 10px;
	font-size: 14px;
	}

/*Contact*/
#contactsheet table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	}
#contactsheet th {
	font-size: 13px;
	line-height: 150%;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 15px 9px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 0px solid #F8F7F5;
	background-color: #F8F7F5;
	white-space: nowrap;
	width: 150px;
	}
#contactsheet td {
	font-size: 13px;
	line-height: 150%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 15px 17px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #FEFEFE;
	}
.wide60 {
	width: 60px;
	}
.wide80 {
	width: 80px;
	}
.wide100 {
	width: 100px;
	}
.wide150 {
	width: 150px;
	}
.wide450 {
	width: 436px;
	}





	
	
	
/* num box **************************************************************/	
	
#page_numBox {
	width: 516px;
	position: relative;
	text-align: left;
	clear:both;
	color: #999999;
	margin-top: 0px;
	padding-top: 70px;
	}
#page_numBox #go_next a {
	font-family: Arial, "Helvetica 55 Roman";
	font-size: 85%;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #F2F1ED;
	font-size: 85%;
	margin-left: 10px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	}		
#page_numBox #go_next a:hover {
	background-color: #999999;
	}
.page_num {
	float: left;
	}
.page_num span {
	font-family: Arial, "Helvetica 55 Roman";
	font-weight: normal;
	color: #999999;
	margin-right: 3px;
	font-size: 13px;
	width: 1.2em;
	padding: 2px 5px;
	}
.page_num span a {
	font-size: 13px;
	font-weight: normal;
	color: #CCCCCC;
	padding: 2px 5px;
	}
.page_num span a:hover {
	color: #999999;
	background-color: #F2F1ED;
	padding: 2px 5px;
	text-decoration: none;
	}
.page_num span.cureent {
	color: #999999;
	background-color: #F2F1ED;
	padding: 2px 5px;
	}


/*Top Page
-------------------------------------------------------------------------*/
#top #header {
	width: 850px;
	padding: 0px;
	height: 390px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	position: relative;
	}

#top #headerhead_middle {
	margin: 0px;
	padding: 0px;
	clear: left;
	height: 320px;
	width: 850px;
	}
#topcontents {
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 80px;
	margin-left: 25px;
	padding-top: 40px;
	overflow: hidden;
	clear: both;
	background-color: FFFFFF;
	}
#top_left {
	margin: 0px;
	padding: 0px;
	width: 618px;
	float:left;
	height: 288px;
	position: relative;
	}
#top_right {
	margin: 0px;
	padding: 0px;
	width: 216px;
	float: right;
	}
.go_service {
	margin: 0px;
	padding: 0px;
	height: 156px;
	width: 206px;
	float:left;
	}
#banner_go_pro {
	margin-top: 9px;
	padding: 0px;
	height: 123px;
	width: 305px;
	float:left;
	}
#banner_go_it {
	margin-top: 9px;
	margin-left: 7px;
	padding: 0px;
	height: 123px;
	width: 305px;
	float:left;
	font-size: 15px;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/top_go_it.jpg);
	background-repeat: no-repeat;
	}
	
	

/*01-service
-------------------------------------------------------------------------*/
#service #contents #primary h1 {
	margin-bottom: 60px;
	}
#service #contents #primary h2.keyword {
	font-size: 16px;
	color: #5493B9;
	}
#service #contents #primary h2.keyword span {
	font-family: Didot, Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #5493B9;
	font-weight: normal;
	}


/*02-PRO Interview
-------------------------------------------------------------------------*/
#pro {
	}

#pro #wrap  {
 	width: 850px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
 	}

/*
body > #wrap {
	height: auto;
	min-height: 100%;
	}
*/	
#pro #main {
	width: 850px;
	margin-right: 0;
	margin-left: 0;
	}  
#pro #header {
	width: 850px;
	padding: 0px;
	height: 230px;
	margin: 0px;
	position: relative;
	}
	
#pro #crumb_navi {
	margin: 20px 0px 0px 0px;
	}

#pro #footer {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	height: 65px;
	clear:both;
	width: 850px;
	background-image: url(../img/footer_bg.gif);
	background-repeat: no-repeat;
	}

#pro #contents {
	width: 850px;
	padding: 0px;
	text-align: left;
	margin: 20px 0px 30px 0px;
	overflow: hidden;
	clear: left;
	background-color: none;
	}

#pro #contents #side {
	text-align: left;
	float: left;
	width: 220px;
	}
#pro #contents #primary {
	width: 629px;
	margin: 0px;
	float: right;
	text-align: left;
	padding-bottom: 60px;
	background-color: #FFFFFF;
	}


/*03-IT Square
-------------------------------------------------------------------------*/

#topics_lead {
	margin-bottom: 80px;
	padding: 0px;
	}
.topics_entry_index {
	padding-top: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 516px;
	margin-bottom: 30px;
	}
.topics_entry_indexNum {
	background-image: url(../itsquare/img/03-IT-Square_indexbg.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 62px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	float: left;
	margin-right: 6px;
	padding-right: 2px;
	font-family:  didot, Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	color: #D2D1CA;
	text-align: right;
	}
.topics_entry_indexRight {
	padding-bottom: 0px;
	background-color: #FFFFFF;
	height: 120px;
	padding-top: 0px;
	display: block;
	}
.topics_entry_indexRight a:hover {
	text-decoration: none;
	}
.topics_entry_indexRight a {
	padding-bottom: 0px;
	background-color: #FFFFFF;
	height: 120px;
	padding-top: 0px;
	display: block;
	float: right;
	width: 442px;
	}
.topics_entry_indexRight a:hover {
	padding-bottom: 0px;
	background-color:#F2F1EE;
	height: 120px;
	padding-top: 0px;
	display: block;
	}
.topics_entry_indexRight h3 {
	margin-top: 10px;
	margin-bottom: 3px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 140%;
	}
.topics_entry_indexRight p {
	margin-bottom: 0px;
	}

#it_archive {
	margin-top: 50px;
	}
	
#it_archive select {
	width: 220px;
	border: 1px solid #B3AFA3;
	}
#it_archive option {
	background-color: #F2F1ED;
	}

#topics_entry blockquote {
	width: 416px;
	padding: 25px;
	border: #CCC solid;
	border-width: 1px;
	background-color:#F2F1EE;
	background-image: url(../itsquare/img/03-IT-Square-news_back_top.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 28px;
	margin-left: 25px;
	}
.topics_date {
	font-size: 11px;
	color: #666666;
	text-align: right;
	margin-top: -45px;
	margin-bottom: 40px;
	}
#contents #primary #topics_entry blockquote h2 {
	border-left-style: none;
	}
#topics_entry blockquote p {
	background-image: url(../itsquare/img/03-IT-Square-news_back_bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 13px;
	margin-bottom: 23px;
	}
.it_link_title {
	font-size: 13px;
	line-height: 100%;
	font-weight: bold;
	color: #484848;
	margin-top: 10px;
	margin-bottom: 2px;
	}
.it_link_url {
	font-size: 13px;
	}







/*04-Company
-------------------------------------------------------------------------*/
#message {
	background-color: #F7F8F5;
	padding: 18px;
	}
#message p{
	font-size: 15px;
	line-height: 200%;
	text-align: justify;
	}
img.president {
	/*float: left;*/
	margin-top: 8px;
	margin-left: 0px;
	width: 182px;
	padding: 5px;
	margin-right: 20px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	float: left;
	}
.name_president {
	padding-top: 180px;
	}


/*05-Recruit
-------------------------------------------------------------------------*/

/*05-Recruit Intervew  ***************************************************/	

body#interview {
	}
body#interview #main {
	width: 900px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../recruit/img/05-_Recruit-side_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 265px;
	}
body#interview #contents {
	background-color: none;
	} 
body#interview #contents #primary {
	width: 540px;
	margin: 0px;
	float: right;
	text-align: left;
	padding-bottom: 60px;
	}
#interview_pkg {
	width: 500px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	}
#recruitTop_pkg {
	width: 516px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	}
.favorite {
	margin-top: 0px;
	margin-bottom: 50px;
	border: 1px dotted #CCCCCC;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 8px;
	padding-left: 17px;
	background-color: #F7F7F4;
	}
.favorite h4 {
	color: #666666;
	font-size: 13px;
	margin-bottom: 5px;
	}
.favorite p {
	margin-left: 15px;
	line-height: 140%;
	margin-bottom: 10px;
	font-size: 13px;
	}
	
.up_bt {
	text-align: right;
	margin-bottom: 40px;
	font-size: 10px;
	padding-right: 15px;
	vertical-align: text-botom;
	background-image: url(../img/icon_go_top.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-right: 4px;
	}
	
.private {
	margin-top: 55px;
	margin-bottom: 50px;
	border: 1px dotted #CCCCCC;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 12px;
	padding-left: 25px;
	background-color: #F7F7F4;
	}
.private h4 {
	color: #666666;
	font-size: 13px;
	margin-bottom: 22px;
	margin-top: 0px;
	}
.private dl {
	width: 100%;
	padding-bottom: 5px;
}
.private dt {
	font-size: 13px;
	line-height: 160%;
	font-weight: normal;
	color: #666666;
	float: left;
	width: 13em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-bottom: 8px;
}
.private dd {
	font-size: 13px;
	line-height: 180%;
	font-weight: normal;
	margin-left: 13.5em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 8px;
}




/*05-Q＆A  ***************************************************/	
#contents #primary h2.qa {
	line-height: 38px;
	background-image: url(../img/title_back_blue_500.jpg);
	background-repeat: no-repeat;
	margin-bottom: 45px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	height: 40px;
	clear: both;
	color: #666666;
	}
h3.question {
	background-image: url(../img/icon_q.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	margin-bottom: 8px;
	border: 1px solid #3DA2D1;
	text-indent: 0px;
	background-color: #F3F9FC;
	color: #666666;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 32px;
	line-height: 130%;
	}
p.answer {
	background-image: url(../img/icon_a.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-left: 32px;
	}
.up_bt {
	text-align: right;
	margin-bottom: 40px;
	font-size: 10px;
	padding-right: 15px;
	vertical-align: text-botom;
	background-image: url(../img/icon_go_top.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-right: 4px;
	}

#qa_index {
	clear: left;
	margin-top: 0px;
	padding-bottom: 45px;
	height: 30px;
	}	
#qa_index ul {
	width: 100%;
	}
#qa_index ul li {
	float: left;
	}
#qa_index ul li a{
	display: block;
	font-size: 11px;
	color: #999999;
	text-align: left;
	margin-right: 2px;
	padding: 5px 6px;
	border: 1px solid #0099CC;
	background-color: #FAF9F7;
	text-decoration: none;
	}
*html #qa_index ul li a{
	font-size: 10px;
	}
#qa_index ul li a:hover{
	color: #333333;
	background-color: #EEEEE8;
	}





/*06-Contact
-------------------------------------------------------------------------*/

#contact #contents #primary {
	width: 850px;
	margin: 0px;
	float: right;
	text-align: left;
	padding-bottom: 60px;
	}
#contactsheet {
	width: 650px;
	margin: 0px 100px;
	text-align: left;
	padding-bottom: 60px;
	}
#contactsheet #tab_index {
	width: 500px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	}
#contactsheet h1 {
	font-size: 17px;
	color: #FFFFFF;
	background-color: #3DA2D1;
	padding: 3px;
	margin-bottom: 20px;
	text-align: center;
	}
.bt_next {
	text-align: left;
	margin-top: 20px;
	padding: 12px;
	border: 1px solid #CCCCCC;
	}
.bt_comfirm {
	text-align: center;
	margin-top: 20px;
	}
	
#contactsheet ul.disclist {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 1.3em;
	}
#contactsheet h4 {
	font-size: 15px;
	color: #666666;
	margin-bottom: 8px;
	margin-top: 3px;
	}	


/*07-SiteMap
-------------------------------------------------------------------------*/

.sitemap_pkg {
	padding: 35px;
	border: 1px solid #CCCCCC;
	}

.sitemap a {
	display: block;
	text-decoration: none;
	color: #666666;
	margin: 0px;
	padding: 0px;
	}
.sitemap a:hover{
	background-color: #EFEFEF;
	text-decoration: none;
	color: #3C7CB7;
	}
h3.sitemap {
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #5493B9;
	border-left-color: #5493B9;
	margin-top: 0px;
	margin-bottom: 35px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #5493B9;
	border-right-color: #5493B9;
	text-indent: 5px;
	padding: 0px;
	font-size: 14px;
	}
ul.sitemap {
	margin-top: -10px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 10px;
	}
ul.sitemap li{
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 11px;
	text-indent: 14px;
	padding: 0px;
	}
ul.sitemap li p.pkgline{
	background-image: url(../img/sitemap_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 13px;
	}
ul.sitemap li a{
	background-image: url(../img/sitemap_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	}
ul.sitemap li a:hover{
	background-color: #EFEFEF;
	}
ul.sitemap li ul {
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 15px;
	}