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


body {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color:#333333;
	line-height:1.2;
	font-size: 14px;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
}
* html body {
	vertical-align:baseline;
	font-size: 85%;
}
*+html body { 
	font-size: 14px;
	font-size: 85%;
}

.body_mac_moz {
	-moz-opacity:0.99;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, dl, dt, dd, input, textarea, blockquote  {
	margin: 0;
	padding: 0;
	font-size:1.0em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	line-height:1.4;
}
ul {
	list-style:none;
}
li {
}

address {
	font-style:normal;
}
a {
	color:#3776ce;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	text-decoration:underline;
}
img {
	border:none;
	vertical-align:bottom;
}
table th,
table td {
	font-size:1.0em;
	font-weight:normal;
}



html {
	margin-bottom:1px;
	height:100%;
	overflow-y:scroll;
}



.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 */ 



* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
*+html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}


/*div {
	zoom:1;
}
*/








/*　レイアウト　幅
===================================================*/
#flash,
#footer {
	min-width:915px;
}

.container {
	clear:both;
	width:900px;
	margin:0 auto;
}





/*　ヘッダー
===================================================*/
#header {
	height:84px;
	position:relative;
}

#header .left {
	position:absolute;
	left:0;
	top:6px;
	top:3px;
	font-weight:normal;
}
#header .left a {
	display:table;
	font-size:0.85em;
	color:#919191;
	text-decoration:none;
}
#header .left img {
	display:table-cell;
	float:left;
	vertical-align:middle;
}
#header .left span {
	display:table-cell;
	vertical-align:middle;
}
#header .left a:hover span {
	text-decoration:underline;
}


* html #header .left a {
	display:block;
}
* html #header .left img {
	display:inline;
	float:none;
	zoom:1;
}
* html #header .left span {
	display:inline;
	zoom:1;
}

*+html #header .left a {
	display:block;
}
*+html #header .left img {
	display:inline;
	float:none;
}
*+html #header .left span {
	display:inline;
	zoom:1;
}




#header .right {
	position:absolute;
	top:10px;
	right:0;
	width:349px;
}

#header #g_search {
	margin-bottom:11px;
	background-image:url(/matrix/images/search_bg2.gif);
	background-position:0 100%;
	width:349px;
}
#header form {
	padding-top:6px;
	padding-left:8px;
	height:29px;
	background-image:url(/matrix/images/search_bg.gif);
	background-position:0 0;
}
#header form .text {
	float:left;
	border:1px solid #c9c9c9 !important;
	/*height:18px !important;*/
	width:75%;
	margin-right:12px;
	padding:2px;
}
#header form .btn {
	float:left;
	margin-top:2px;
}
#header .right li{
	float:left;
	border-left:1px solid #cccccc;
	padding-left:10px;
	padding-right:20px;
	line-height:14px;
}
#header .right li img {
	vertical-align:top;
}
#header .right li a{
	display:block;
	float:left;
	background-image:url(../images/icon_arrow.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:7px;
}
#header .right li#h_r_mail {
	padding-right:0;
}

#header .right li#h_r_mail a {
	background-image:url(../images/icon_mail.jpg);
	background-position:0 2px;
	padding-left:28px;
}





/*　グローバルナビ
===================================================*/
#gnv{
	height:41px;
	width:902px;
	margin:0 auto;
	position:relative;
}
#gnv li {
	height:41px;
	position:absolute;
	z-index:0;
}

#gnv li a{
	display:block;
	position:relative;
}
#gnv li a img{
	position:absolute;
}
#gnv li a .on{
	z-index:1;
}
#gnv li a .off{
	z-index:2;
}
#gnv00 {
	left:0;
}
#gnv01 {
	left:200px;
}
#gnv04 {
	left:498px;
}
#gnv05 {
	left:700px;
}







/*　コンテンツ　レイアウト
===================================================*/

#main_contents {
	clear:both;
	width:900px;
	margin:0 auto 30px;
}



#crumb {
	font-size:0.75em;
	line-height:1.4;
	padding:6px 0 10px;
	color:#999999;
}




/*　　ページタイトル
===================================================*/
#page_title_img {
	margin:0 0 28px;
}

#page_title_text {
	font-size:1.75em;
	margin:0 0 30px;
	background-image:url(/matrix/images/page_title_text_bg.jpg);
	line-height:82px;
	height:82px;
	padding:0 25px;
	font-weight:normal;
}

#page_title_text_s {
	font-size:1.30em;
	margin:0 0 30px;
	background-image:url(/matrix/images/page_title_text_bg.jpg);
	line-height:41px;
	height:82px;
	padding:0 25px;
	font-weight:bold;
}


/*　フッター
===================================================*/

#ft_pagetop {
	text-align:right;
}

#footer {
	clear:both;
	background-image:url(../images/footer_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}
#footer_inner {
	height:158px;
	position:relative;
}


#footer_inner .left {
	position:absolute;
	left:0;
	top:11px;
}
#footer_inner .left li {
	float:left;
	padding-left:20px;
}
#footer_inner .left li a {
	display:block;
	float:left;
	background-image:url(../images/icon_arrow2.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-right:20px;
}
#footer_inner .left li.li1 {
	border-right:1px solid #cccccc;
	padding-left:0;
}
#ft_logo {
	clear:both;
	margin:14px 0;
}
#ft_copyright {
	font-size:0.85em;
	color:#666666;
}


#footer_inner .right {
	position:absolute;
	right:0;
	top:20px;
	width:302px;
	background-image:url(/matrix/images/ft_contact_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:71px;
}
#footer_inner .right a{
	display:block;
	padding:20px 0;
	text-align:center;
}







/*　右コラム　バナー
===================================================*/



#banners li{
	margin:0 auto 10px;
}


/*　右コラム　会社情報リンク
===================================================*/

#conpany_menu {
	background-image:url(../images/front/right_col_company.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width:217px;
}
#conpany_menu .hd {
}

#conpany_menu ul {
	clear:both;
	border-right:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	padding:0 10px;
}
#conpany_menu .ul1 .li1 {
	width:45%;
	float:left;
}
#conpany_menu .ul1 .li2 {
	width:45%;
	float:right;
}

#conpany_menu .ft {
	padding: 10px 10px;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	text-align:right;
}
#conpany_menu li {
	background-image:url(../images/line_gray_dot.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}

#conpany_menu ul a {
	display:block;
	background-image:url(../images/icon_arrow.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	font-size:0.85em;
	padding-left:10px;
	line-height:2.6;
}



/*　ニュースリスト
===================================================*/


/* .news_list = 枠あり*/
.news_list {
	clear:both;
	background-image:url(/matrix/images/front/nl_bg_front.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	border-bottom:1px solid #e0e0e0;
	zoom:1;
}

.news_list .hd {
	background-image:url(/matrix/images/front/nl_top_bg_front.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	height:32px;
}
.news_list .hd h3 {
	position:absolute;
	left:15px;
	top:3px;
}
.news_list .hd p {
	position:absolute;
	right:15px;
	top:6px;
}
.news_list ul{
	margin:0 1px;
	padding:3px 9px;
	background-image:url(/matrix/images/nl_ul_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}


.news_list li {
	clear:both;
	background-image:url(/matrix/images/dot_line_gray.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	padding:13px 11px;
}

.news_list li p{
	display:table;
}
.news_list span {
	display:table-cell;
}
.news_list .date {
	padding:0 15px 0 0;
	font-size:0.85em;
}
.news_list .cat_name a {
	display:block;
	padding:3px 5px;
	font-size:12px;
	background-color:#efefef;
	white-space:nowrap;
	color:#666666;
	width:95px;
	text-align:center;
}
.news_list .cat_name a:hover {
	background-color:#666666;
	color:#ffffff;
	text-decoration:none;
}
.news_list .title a {
	display:block;
	background-image:url(../images/icon_arrow.gif);
	background-position:15px 5px;
	background-repeat:no-repeat;
	padding-left: 24px;
}


* html .news_list li p{
	display:block;
}
* html .news_list li{
	clear:both;
}
* html .news_list span {
	display:block;
	float:left;
	zoom:1;
}
* html .news_list .date {
	padding-top:3px;
}
*+html .news_list li p{
	display:block;
}
*+html .news_list li{
	clear:both;
}
*+html .news_list span {
	display:block;
	float:left;
	zoom:1;
}
*+html .news_list .date {
	padding-top:3px;
}



#news_list652 {
	margin:0 0 54px;
	width:653px;
	background-image:url(/matrix/images/nl_bg_653.gif) ;
}

#news_list652 .hd{
	background-image:url(/matrix/images/nl_top_bg_653.jpg);
}




/* .news_list = 枠なし*/
.news_list2 {
}
.news_list2 .hd {
	background-image:url(../images/section_hd_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:16px 13px 14px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	line-height:1.2;
	font-size:1.14em;
}
.news_list2 .hd h3 {
}
.news_list2 li{
	clear:both;
	background-image:url(/matrix/images/dot_line_gray.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	padding:13px 5px;
	line-height:1.2;
}
.news_list2 li p{
	display:table;
}
.news_list2 span {
	display:table-cell;
}
.news_list2  .date {
	padding:0 15px 0 0;
	font-size:0.85em;
}
.news_list2 .cat_name a {
	display:block;
	padding:3px 5px;
	font-size:12px;
	background-color:#efefef;
	white-space:nowrap;
	color:#666666;
	width:95px;
	text-align:center;
}
.news_list2 .cat_name a:hover {
	background-color:#666666;
	color:#ffffff;
	text-decoration:none;
}
.news_list2 .title a {
	display:block;
	background-image:url(../images/icon_arrow.gif);
	background-position:15px 5px;
	background-repeat:no-repeat;
	padding-left: 24px;
}
* html .news_list2 li p{
	display:block;
}
* html .news_list2 span {
	display:block;
	float:left;
	zoom:1;
}

*+html .news_list2 li p{
	display:block;
}
*+html .news_list2 span {
	display:block;
	float:left;
	zoom:1;
}


.news_list3 {
	margin:0 0 40px;
}
.news_list3 .hd {
	background-image:url(../images/section_hd_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:16px 13px 14px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	line-height:1.2;
	font-size:1.14em;
}
.news_list3 .hd h3 {
}
.news_list3 li{
	clear:both;
	background-image:url(/matrix/images/dot_line_gray.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	padding:13px 5px;
	line-height:1.2;
}
.news_list3 li a {
	display:block;
	background-image:url(../images/icon_arrow.gif);
	background-position:15px 5px;
	background-repeat:no-repeat;
	padding-left: 24px;
}
.news_list3 .ft {
	padding:12px 12px 0;
	text-align:right;
}




#linux_question_ft_menu {
	clear:both;
	margin-top:80px;
}




.news_list4 {
	margin:0 0 40px;
}
.news_list4 h3 {
	background-image:url(../images/icon_green_circle.jpg);
	background-position:3px 50%;
	background-repeat:no-repeat;
	padding:16px 13px 14px 30px;
	border-bottom:3px solid #e5e5e5;
	line-height:1.2;
	font-size:1.14em;
}
.news_list4 li{
	clear:both;
	background-image:url(/matrix/images/dot_line_gray.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	padding:13px 10px;
	line-height:1.2;
}
.news_list4 li p{
	float:left;
	width:290px;
	font-size:1.14em;
	fotn-weight:bold;
}
.news_list4 li p img{
	display:block;
}
.news_list4 li a {
	float:left;
	display:block;
	width:300px;
	background-image:url(/matrix/images/icon_opwin.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}


/*　リンク
===================================================*/

.goto {
	background-image:url(/matrix/images/icon_arrow.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:12px;
}
.opwin {
	background-image:url(/matrix/images/icon_opwin.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:15px;
}
.pdf {
	background-image:url(/matrix/images/icon_pdf.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:45px;
	display:block;
}
.pagetop {
	clear:both;
	text-align:right;
}

.link_btn {
	padding:20px 0 0;
}

/*　戻るボタン
===================================================*/

.btn_back {
	clear:both;
	margin-left:-5px;
}



/*　共通スタイル
===================================================*/
.ol{
	margin-left:10px;
	padding:0 0 12px;
}
.ul li {
	/*list-style:disc;*/
	background-image:url(/matrix/images/dot_list.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	padding:0 0 5px 11px;
}
.ol li {
	margin-left:15px;
	padding:0 0 5px;
	list-style:decimal !important;
}

.small {
	font-size:0.85em;
}

.p {
	line-height:1.7;
	padding:8px;
}



.red {
	color:#990000;
}

/* サブリスト */
.sub_list ul li {
        list-style: none; 
        margin-left: 30px; 
        background-image:url(/matrix/images/dot_list2.png); 
        background-position:0 8px;
        background-repeat:no-repeat;
        padding:0 0 5px 11px;
        
}