@charset "utf-8";

/* CSS Document */


/*pagebody2画面***********************************************************************************/
/*トップページ********************************************************************************/
/*ニューストピックス(左)****************************************/

#sub {
	float: left;
	width: 270px;
	border: 1px solid #cccccc;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
*html #sub {
    display: inline;
}
#sub h2 {
    margin: 0;
    padding: 0 0 0 5px;
    height: 15px;
    background: #e6e6e6;
}
#sub h2 img {
    float: left;
}
#sub h2 a {
    font-weight: bold;
    float: right;
    padding: 0 6px 0 0;
    font-size: 70%;
}
#sub .list, #sub .list-last {
    float: left;
    margin: 0 4px;
    _margin: 0 2px;
}
#sub .list {
	border-bottom: 1px solid #ccc;
}
#sub dl {
    clear:both;
}
#sub dl dt {
	font-size: 95%;
	float: left;
	width: 75px;
	background: url(../images/list_maker.gif) left center no-repeat;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}
#sub dl dd {
	float: left;
	width: 175px;
	line-height: 1.4;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 3px;
}



/*メイン(右)*******************************************/


#main {
	_margin: 0 0 0 295px;
	width: 500px;
	border: 1px solid #cccccc;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 300px;
}

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/******************************/
#main { display: inline-block; }
/* Hides from IE-mac \*/
* html #main { height: 1%: }
#main {
	display: block;
}
/* End hide from IE-mac */
/******************************/
#main h3 {
    padding: 0 14px;
    font-size: 120%;
	color: #4a6c8d;
    background: #e6e6e6;
    margin-bottom: 5px;
}
#main p {
    padding: 3px 10px 0 14px;
	color: #4a6c8d;
}
.top-section {
	width: 500px;
	float: left;
	background: white;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.top-section li {
	list-style: none;
	float: left;
	text-align: center;
    width: 93px;
}
.top-section li img {
    padding: 6px 0;
}



/*トップ以外のページ*****************************************************************************/
/*セカンド(左)**********************************************/



#secondary01 {
	float: left;
	width: 153px;
	height: 350px;
	_margin: 0 0 0 14px;
	border: 1px solid #5a5a5a;
	background-color: #f0f0f0;
	color: #5a5a5a;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 28px;
}
#secondary01 h4 {
    margin: 0;
    padding: 0 0 0 5px;
    height: 19px;
    background: #cdcdcd url(../images/secondary_bar.jpg) repeat-x;
}
#secondary01 ul {
    list-style: none; 
}
#secondary01 li {
    margin: 0 10px;
    width: 133px;
	border-bottom: 1px dashed #5a5a5a;
	padding: 5px 0;
	line-height: 1.4em;
}
#secondary01 a {
    color: #5a5a5a;
}
#secondary01 a:hover {
    color: #a40000;
}
#secondary01 li dd {
    margin-left: 15px;
    padding: 4px 0;
}
#secondary01 ul .stay {
    color: black;
}



/*メイン(右)**************************************************/


#primary {
	width: 550px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 220px;
}
#primary h2 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 100%;
}
#primary h2 img {
    vertical-align: middle;
}
#primary .h3-blue {
	color: #4a6c8d;
    padding-top: 3px;
    font-size: 120%;
}
#primary p {
	text-align: justify;
	text-justify: inter-ideograph;
}
.primarytext {
    margin: 10px 0;
}
#sign {
    float: right;
}
#p.sign2 {
    text-align: right;
}


/*企業情報**********************************************************************/
/*プライバシーポリシー&ソリューション****************/



#privacy, #solution {
	line-height: 1.7;
}
#privacy img {
    padding: 0 0 0 15px;
}
#privacy h3, #solution h3 {
    background: url(../images/p_title_ber.gif);
	color: #5a5a5a;
    font-size: 110%;
    border: 1px solid #d5d5d5;
    padding: 3px 0 3px 6px;
}
#privacy p, #privacy dl, #privacy-contact, #privacy-cookie, #privacy-accesslog, #solution dl {
    padding: 3px 18px;
}
#solution ul {
    padding: 15px 29px;
}
#privacy dd {
    padding: 0 0 6px 29px; 
}
#solution dd {
    padding: 0 0 6px 10px; 
}
#privacy dd dt, #solution dt {
    font-weight: bold;
}
#solution dt {
    padding: 5px 0 0 0; 
}

#privacy-sign {
    margin-top: 20px;
}
#privacy-sign img {
    margin-top: -11px; 
    padding: 0 0 15px 15px;
    float: left;
}
#privacy-sign p {
    margin: 0 0 0 330px;
	text-align: right;
}
#privacy-contact h4, #privacy-cookie h4, #privacy-accesslog h4 {
    clear: both;
    font-weight: bold;
	border-bottom: 1px solid #5a5a5a;
	font-size: 100%;
}
#privacy p a, #privacy dd a, #privacy-contact p a, #privacy-cookie p a, #privacy-accesslog p a {
    font-weight: bold;
	color: #4a6c8d;
}
#privacy p a:hover, #privacy dd a:hover, #privacy-contact p a:hover {
    color: #a40000;
}
#under-bottom, #under-bottom p {
    text-align: center;
}



/*企業情報**************************************************************************/
/*会社概要**************************************/


#primary .underber {
    border-bottom: 2px solid #cccccc;
    padding: 0 0 5px 0;
}
/*#com-table 会社概要テーブル*/
#com-table {
	width: 100%;
	line-height: 1.7;
}
#com-table th {
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	padding: 8px 5px;
	width: 85px;
	font-weight: bold;
}
#com-table td {
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 5px;
}
#com-table2 {
    width: 100%;
}
#com-table2 th {
	border: none;
	text-align: left;
	padding: 0;	
	width: 165px;
	font-weight: bold;
}
#com-table2 td {
	padding: 0;
	border: none;
}
#ec {
    margin-bottom: 10px;
}
#jump {
    float: right;
    margin: 0 8px 10px 0;
}
#jump a {
    color: black;
}
#map {
    margin: 5px 0 15px 0;
}


/*table1 法律に基づく公表事項についてテーブル*/


#table1 {
	border-top: 1px solid #CCCCCC;
	width: 93%;
}
#table1 th {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-weight: bold;
	padding: 2px 5px;
    background-color: #f0f0f0;
}
#table1 #th-right {
	border-right: 1px solid #CCCCCC;
}
#table1 td {
    padding: 4px 0 0 0;
    border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 2px 5px;	
}
#table1 .td-right {
	border-right: 1px solid #CCCCCC;
}
#approach-title {
    font-size: 120%;
	font-weight: bold;
    color: #5a5a5a;
}
#approach {
    width: 510px;
    margin: 0 0 15px 0;
    padding: 10px 10px 10px 30px;
    background-color: #eaffca;
}
#approach li {
    line-height: 1.8;
}



/*table2 開発実績 & 基礎技術テーブル***********************/


.table2 {
    margin-bottom: 10px;
}
.table2 th {
    background: url(../images/dr_back.gif) repeat-x;
    padding: 2px 5px 4px 5px;
    border-left: 4px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
.table2 td {
    padding: 0 2px 0 9px;
    line-height: 1.6;
}
.table2 .td-top {
    padding-top: 6px;
}
.table2 .td-bottom {
    padding-bottom: 24px;
}



/*確かな技術力***********/


.techinfo {
    padding: 20px 10px;
    width: 530px;
    background-image: url(../images/techinfo_back.jpg);
}
.techinfo:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/******************************/
.techinfo { display: inline-block; }
/* Hides from IE-mac \*/
* html .techinfo { height: 1%: }
.techinfo { display: block; }
/* End hide from IE-mac */
/******************************/

.techinfo dl {
    clear: both;
}
.techinfo dt {
    float: left;
    width: 140px;
}
.techinfo dd {
    float: left;
    width: 390px;
}




/*商品情報ページ********************************************************************/
/*商品情報トップ********************************/


.section {
    width: 550px;
	float: left;
}
.sectile {
	list-style: none;
    width: 550px;
	border-bottom: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;
    clear: both;
    margin-bottom: 5px;
}
/******************************/
.sectile { display: inline-block; }
/* Hides from IE-mac \*/
* html .sectile { height: 1%: }
.sectilen { display: block; }
/* End hide from IE-mac */
/******************************/

.sectile img {
    padding: 5px 10px 10px 7px;
    float: left;
}
.sectile dl {
    padding: 4px 3px 0 0;
}
.sectile dt a {
    color: black;
    font-weight: bold;
}
.sectile dt a:hover {
    color: #a40000;
}
.point {
	color: #4a6c8d;
	font-size: 110%;
	margin-bottom: 2px;
}


/*商品単体ページ*******************************/



#wrap, #wrap2 {
    width: 514px;
    margin: 0 0 10px 0;
    line-height: 1.6;
    padding: 18px;
    border-right: 1px solid #cccccc;
    border-bottom: 4px solid #cccccc;
    border-left: 1px solid #cccccc;
}
#wrap {
	background-color: #f8f8f8;
}


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



#wrap h2, #wrap2 h2 {
    font-size: 120%;
}
#wrap h3 {
    color: #5a5a5a;
    font-size: 120%;
}
#wrap2 h3 {
    border-bottom: 1px solid #cccccc;
    font-size: 120%;
    color: black;
}
#wrap .importance {
    color: black;
}
#wrap img {
    padding: 5px 0 0 0;
}
#wrap p {
    color: #5a5a5a;
}
#wrap2 ul {
    padding: 0 0 0 14px;
}
.wrap2-text {
    margin: 10px 0;
}
#vertion {
    width: 514px;
    padding: 2px 18px 0 18px;
    font-size: 120%;
    font-weight: bold;
	color: white;
    background: #000066;
    border: 1px solid #000066;
}
.columnleft {
    width: 253px;
    float: left;
}
.columnright {
    width: 246px;
    float: right;
}
.columnleft2 {
    width: 145px;
    float: left;
}
.columnright2 {
    width: 338px;
    float: right;
}
.wrapper .date {
	color: #5a5a5a;
	padding: 1px 0 0 0;
}
.wrapper ul {
    list-style-image: url(../images/marker.gif);
    margin: 0 0 0 5px;
}
#wrap ul {
    list-style-image: url(../images/marker.gif);
    margin: 0 0 0 20px;
}
.wrapper a {
    font-weight: bold;
	color: #4a6c8d;
}
.wrapper a:hover {
    color: #a40000;
}

#notfound {
    width: 820px;
    height: 100px;
}
#notfound h2 {
    background: url(../images/p_title_ber.gif);
	color: #5a5a5a;
    font-size: 110%;
    border: 1px solid #d5d5d5;
    padding: 3px 0 3px 6px;
}
#notfound p {
    padding: 13px 18px 5px 18px;
}
#notfound ul {
    padding: 0 32px 10px 32px;
}
#notfound li {
    padding: 2px 0;
}
#notfound p a {
    font-weight: bold;
	color: #4a6c8d;
}
#notfound p a:hover {
    color: #a40000;
}



/* 商品単体ページ テーブル ******************************************/


.table8 {
    padding: 4px 0 0 0;
}
.table8, #wrap .table9 {
	width: 100%;
    clear: both;
}
.table8-th, .table9-th {
	border-bottom: 1px solid #cccccc;
}
.table8 th, .table9 th {
	text-align: left;
	font-weight: bold;
}
.table8-td, .table9-td {
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
.table8 th, .table8 td {
	padding: 1px 10px;
}
.table9 th, .table9 td {
	padding: 8px 10px;
}

.table10, .table11 {
	width: 100%;
	margin: 10px 0;
	clear: both;
}
.table10-th-a, .table11-th-a {
    color: white;
	background-color: #5a5a5a; 
}
.table10-th-b {
    color: black;
	background-color: #d2d2d2;    
}
.table10 th, .table11 th {
	padding: 4px 8px;	
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
	font-weight: bold;
}
.table10 td {
	padding: 8px 10px;	
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}
.table11 td {
	padding: 2px 4px;	
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}
.basecolor {
    background-color: #e9e9e9;
}
.rider, .rider2 {
    font-size: 80%;
    clear: both;
}
.rider {
    color: black;
    background-color: #e9e9e9; 
    padding: 10px;
}
.rider2 {
    color: #5a5a5a;
}




/*サービスページ********************************************************************/


#service {
	line-height: 1.7;
}
#service img {
    padding: 0 0 0 15px;
}
#service h3 {
    background: url(../images/p_title_ber.gif);
	color: #5a5a5a;
    font-size: 110%;
    border: 1px solid #d5d5d5;
    padding: 3px 0 3px 6px;
}
#service p {
    padding: 3px 18px;
}
#service ul {
    margin: 0 0 18px 0;
}
#service li {
    margin: 3px 3px 3px 32px;
}
#service li dl dd {
    margin: 0 10px 0 0;
}



/*お問い合わせ(個人情報取り扱い)ページ*******************************************/


#qa p {
    text-align: left;
    padding: 13px 0;
}
#qa {
    text-align: center;
    margin: 0 0 25px 0;
}
#qa2 {
	text-align: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 220px;
}
#qa2 h2 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 100%;
}

#qa h2 {
    text-align: left;
	color: #5a5a5a;
    font-size: 110%;
    border-bottom: 2px solid #d5d5d5;
}


/*お問い合わせ+採用情報(個人情報取り扱い)ページ************************************/


#infomation h2 {
    background: url(../images/p_title_ber.gif);
	color: #5a5a5a;
    font-size: 110%;
    border: 1px solid #d5d5d5;
    padding: 3px 0 3px 6px;
}
#infomation p {
    padding: 13px 18px 5px 18px;
}
#infomation ul {
    padding: 0 32px 10px 32px;
}
#infomation li {
    padding: 2px 0;
}
#infomation p a {
    font-weight: bold;
	color: #4a6c8d;
}
#infomation p a:hover {
    color: #a40000;
}



/*お問い合わせ+採用情報(フォーム)+ダウンロードフォームページ*****************************************************/



#ns-entry, #cs-entry, #ps-entry, #contact-form {
    padding: 3px 0 3px 8px;
    margin-bottom: 10px;
    font-size: 120%;
    color: white;
}
#ns-entry {
    background: url(../images/nstaff_titleber.gif) left top repeat-y;
}
#cs-entry {
    background: url(../images/cstaff_titleber.gif) left top repeat-y;
}
#ps-entry {
    background: url(../images/pstaff_titleber.gif) left top repeat-y;
}
#ps-entry {
    background: url(../images/pstaff_titleber.gif) left top repeat-y;
}
#contact-form {
    background: url(../images/contact_titleber.gif) left top repeat-y;
}
/*table2 業務概要テーブル*/
/*table3 新卒テーブル*/
/*table4 経験者テーブル*/
/*table5 契約・アルバイトテーブル*/
/*table7 製品情報 お客様入力欄テーブル*/


.table3, .table4, .table5, .table7 {
	border-top: 1px solid #cccccc;
	width: 100%;
	margin: 10px 0;
}
.table3 th, .table4 th, .table5 th, .table7 th {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align: left;
	padding: 8px 10px;	
	font-weight: bold;
}
.table7 th {
	width: 120px;
}
.table3 th, .table4 th, .table5 th {
	width: 95px;
}
.table3 th {
	background-color: #f0fbfa; 
}
.table4 th {
	background-color: #e5eff6; 
}
.table5 th {
	background-color: #f3fae5; 
}
.table7 th {
	background-color: #f0f0f0; 
}
.tdright {
	border-right: 1px solid #cccccc;
}
.table3 td, .table4 td, .table5 td, .table7 td {
	border-bottom: 1px solid #cccccc;
	padding: 8px 10px;
}
.table6 th, .table6 td {
    background-color: white;
    text-align: center;
    border: none;
	padding: 2px 10px;	
}
.table3 td ul, .table4 td ul, .table5 td ul, .table7 td ul {
    padding-left: 17px;
}
.text {
	border: 1px solid #cccccc;
	padding: 2px;
}
.submit {
	text-align: center;
}
.submit p {
	text-align: center;
	padding-bottom: 10px;
}

.text:focus {
	border-color: #7F9DB9; /* フォーカス時のボーダーの色を指定 */
	background-color: #FFFFFF; /* フォーカス時の背景色を指定 */
}
.attention {
    font-size: 90%;
}
.must {
    color: red;
}
#passcolor {
    color: #646464; 
}




/*採用情報(各フォームへ同意)ページ************************************************/



#rec-form ul {
    list-style: none;
}
#rec-form li {
    float: left;
}
.rec-formli {
    padding-right: 15px;
}



/*inner1画面****************************************************************************************************/


#inner {
    width: 570px;
}



/*NEWSページ*************************************************************/

#nth2 {
    margin: 0 0 5px 0;
    font-size: 100%;
}
#nt-table {
    border-top: 1px solid #cccccc;
    float: left;
    margin: 5px 0 0 0;
    width: 568px;
}
#nt-table th {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-weight: normal;
	text-align: left;
	padding: 8px 12px;	
	width: 85px;
    font-size: 90%;
	background: url(../images/list_maker2.gif) left 13px no-repeat;
}
#nt-table td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 8px 8px 8px 3px;
}



/*サイトマップページ********************************************************/

#smh2 {
    font-size: 140%;
}
.smh3 {
    font-size: 120%;
    margin: 15px 0 8px 0;
    border-bottom: 1px solid #cccccc;
}
#sm-column1, #sm-column2 {
    width: 280px;
    float: left;
}
#sm-column2 {
    padding-left: 10px;
}
#sm-column1 ul, #sm-column2 ul {
    list-style: none;
}
#sm-column1 li, #sm-column1 li a, #sm-column2 li, #sm-column2 li a {
    color: #5a5a5a;
}
#sm-column1 li a:hover, #sm-column2 li a:hover {
    color: #a40000;
}
#sm-column1 ul ul li, #sm-column2 ul ul li {
    padding-left: 15px;
}

/*検索結果画面****************************************************************************************************/


.results {
    text-align:center;
}