@charset "utf-8";

/*==01:基本設定=============================================*/
*{
margin:0;
padding:0;}

/*==02:基本設定:フォント====================================*/

body, td, th, h1, h2, h3, h4, h5, h6, p, pre, address {
margin:0;
padding:0;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
color: #666666;
font-weight: normal;
font-style: normal;}

.fontred{
color:red;
}

.fontss{
font-size:10px;}

.fontb{
font-weight:bold;}

/*==03:基本設定:リンク===============================*/
a {
color: #666666;}

a:visited {
color: #666666;}

a:hover {
color: #ffa200;}

a:active {
color: #ffa200;}


/*==04:基本設定:画像========================================*/
img {
border: none;}


/*==05:基本設定:ページ基本デザイン==========================*/
body {
background:url(../img/headbar.jpg) repeat-x; 
background-color: #003356;
margin:0;
padding:0;}

#wrapper{
margin:0;
padding:0;
width:850px;
height:100%;
background:url(../img/basebg.gif) repeat-y;}

#leftspace{
margin:0;
padding:0;
width:10px;
height:100px;
background:url(../img/leftspace-img.jpg) no-repeat top;
float:left;}

#leftcontainer{
margin:0;
padding:0;
width:220px;
height:100%;
float:left;}

#rightcontainer{
margin:0;
padding:0;
height:100%;
width:620px;
float:right;}

#footer{
clear:both;
width:850px;
background-color: #003356;
}

#clr{
clear:both;
width:850px;
height:117px;
background:url(../img/cr.gif) no-repeat;
}

#maincontainer{
width:580px;
padding:20px;
line-height:150%;
margin-bottom:20px;}

#gotop{
width:620px;
height:24px;
background:url(../img/gotop.jpg) no-repeat top;}

#gotop a{
display: block;
width: 100%;
height: 100%;
text-indent: -9999em;
text-decoration:none;
outline:none;
background:url(../img/gotop.jpg) no-repeat top;
background-position:0 0;}

#gotop a:hover, #gotop a:focus{
background-position:0 -24px;}



/*==06:基本設定:ロゴ========================================*/
#tixlogo h1{
width:220px;
height:126px;
background:url(../img/gotop.jpg) no-repeat;
padding: 0 0;}

#tixlogo a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999em;
text-decoration:none;
outline:none;
background:url(../img/logo.jpg) no-repeat;
background-position: 0 0;}

#tixlogo a:hover,
#tixlogo a:focus {background-position: 0 -126px;}



/*==07:基本設定:ナビエリア1(サイトマップ・プライバシーポリシー)==========================*/
#naviarea1{
margin: 0;
padding: 0;
width: 620px;
height: 49px;
position: relative;
background: url(../img/navi-area1.jpg) no-repeat;}

#naviarea1 a {
display: block;
width: 100%;
height: 100%;
background-image: url(../img/navi-area1.jpg);
text-indent: -9999em;
text-decoration:none;
outline:none;}

#naviarea1 li {
height: 15px;
display: block;
margin: 0px;
position: absolute;
top: 18px;}

#btnsitemap { width: 80px; left: 410px;}
#btnprivacy { width: 110px; left:505px;}

#btnsitemap a { background-position: -410px -18px;}
#btnprivacy a { background-position: -505px -18px;}

#btnsitemap a:hover,
#btnsitemap a:focus {background-position: -410px -67px;}
#btnprivacy a:hover,
#btnprivacy a:focus {background-position: -505px -67px;}


/*==08:基本設定:ナビエリア2(グローバルナビゲーション)==========================*/
#naviarea2{
margin: 0;
padding: 0;
width: 620px;
height: 32px;
position: relative;
background: url(../img/navi-area2.jpg) no-repeat;}

#naviarea2 a {
display: block;
width: 100%;
height: 100%;
background-image: url(../img/navi-area2.jpg);
text-indent: -9999em;
text-decoration:none;
outline:none;}

#naviarea2 li {
height: 23px;
display: block;
margin: 0px;
position: absolute;
top: 0px;}

#gnavi1 { width: 116px; left:1px;}
#gnavi2 { width: 116px; left:125px;}
#gnavi3 { width: 116px; left:250px;}
#gnavi4 { width: 116px; left:375px;}
#gnavi5 { width: 116px; left:499px;}

#gnavi1 a { background-position: -1px 0;}
#gnavi2 a { background-position: -125px 0;}
#gnavi3 a { background-position: -250px 0;}
#gnavi4 a { background-position: -375px 0;}
#gnavi5 a { background-position: -499px 0;}

#gnavi1 a:hover,
#gnavi1 a:focus { background-position: -1px -32px;}
#gnavi2 a:hover,
#gnavi2 a:focus { background-position: -125px -32px;}
#gnavi3 a:hover,
#gnavi3 a:focus { background-position: -250px -32px;}
#gnavi4 a:hover,
#gnavi4 a:focus { background-position: -375px -32px;}
#gnavi5 a:hover,
#gnavi5 a:focus { background-position: -499px -32px;}


/*==09:基本設定:Topic Pass(index.html)==========================*/
#index #topicpasstop{
width:610px;
height:35px;
background:url(../img/topicpass_bg.gif) no-repeat right;
font-size:x-small;line-height:150%;
padding:5px;
}

/*==10:基本設定:Topic Pass(other.html)==========================*/
#topicpass{
width:610px;
height:35px;
background: #FFFFFF;
font-size:x-small;
line-height:150%;
padding:5px;}

#topicpass p{
vertical-align:middle}

#topicpass .crnt{
font-weight:bold;}


/*==11:基本設定:ナビエリア3(サイドナビゲーション)==========================*/
.naviarea3{
margin: 0;
padding: 0;
width: 220px;
position: relative;
background: url(../img/sidenavibg.gif) repeat-y;}

.naviarea3 li{
list-style:none;
line-height:200%;
margin-left:5px;}

/* 
サイドナビゲーションの
”最初から開いている”カテゴリコンテナーを追加する場合は
こちらの#sw●bの●を増やす
*/
#sw1b, #sw2b, #sw3b, #sw4b{
display:none;}

/* 
サイドナビゲーションの
”最初から閉じている”カテゴリコンテナーを追加する場合は
こちらの#sw●bと#answer●の●を増やす
*/
#sw10b, #answer10, #sw11b, #answer11, #sw12b, #answer12, #sw13b, #answer13, #sw14b, #answer14, #sw15b, #answer15, #sw16b, #answer16, #sw17b, #answer17, #sw18b, #answer18, #sw19b, #answer19, #sw20b, #answer20{
display:none;}

.systemnavi, .companynavi, .servicenavi{
width:200px;
margin-left:5px;}

.systemnavi li{
padding-left:15px;
background:url(../img/mark_system.jpg) 0% 50% no-repeat;}

.systemnavi .list{
padding-left:15px;
background:url(../img/mark_list.jpg) 0% 50% no-repeat;}

.servicenavi li{
padding-left:15px;
background:url(../img/mark_service.jpg) 0% 50% no-repeat;}

.servicenavi .list{
padding-left:15px;
background:url(../img/mark_system.jpg) 0% 50% no-repeat;}

.companynavi li{
padding-left:15px;
background:url(../img/mark_company.jpg) 0% 50% no-repeat;}

.companynavi a:hover{
color:#33CC00;}

.systemnavi .list a:hover, .servicenavi .list a:hover{
color:#FF0033;}

.servicenavi a:hover{
color:#0066FF;}


.sdw{
height:12px;
background:url(../img/sdw.jpg) no-repeat;}


/*==12:基本設定:バナーエリア================================================*/
#bnrarea, #markarea{
width:200px;
margin:10px;}

#bnrarea p{
margin-bottom:10px;}

 .marknote{
font-size:x-small;
text-decoration:underline;
line-height:130%;
margin-right:5px;
margin-bottom:20px;}

/*==13:基本設定:タイトルバー================================================*/

#h1area{
width:620px;
background:url(../img/ti_bg.jpg) repeat-y;}

#h1top,#h1btm{
width:620px;
height:5px;}

h1{
padding:3px 20px;}

#menu {
float:right;
margin-right:10px;}

#menu li{
list-style:none;
display:inline;
margin-right:10px;}

/*==14:フッターエリア=============================================*/
#footerarea{
clear:both;
text-align: center;
line-height: 160%;
width: 850px;}

.top p{
font-size: 11px;
background-color: #f4f7ff;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-right-width: 0;
border-color: #e1e1df;
padding-top: 5px;
padding-bottom: 5px;}

.bottom p{
font-size: 11px;
padding-top: 10px;
padding-bottom: 10px;
background-color: white;}

#mobile #wrapper #rightcontainer #maincontainer .note .menu_list table {
}
#mobile #wrapper #rightcontainer #maincontainer .note .menu_list table tr td {
	text-indent: 5px;
}