﻿@charset "UTF-8";


/* ####################################

                              [x]what
						                            
####################################### */

#mainbody .linkbox p {
margin-top: 10px;
}

.linkbox .txtbox {
float: left;
width: 398px;
margin-right: 20px;
}

.linkbox .imgbox {
float: right;
width: 150px;
text-align: right;
}

.otherlink {
margin-top: 25px;
padding: 15px;
background: #f0f7fe;
}


/*-- 2カラム右 --*/
.twocolrgt {
}

.twocolrgt h2 {
}

.twocolrgt .imgbox img {
float: left;
width: 230px;
/*margin-top: 15px;*/
}

.twocolrgt .txtbox {
float: left;
width: 370px;
/*margin-top: 15px;*/
}

body #mainbody .twocolrgt .txtbox p {
margin-top: 15px;
}

.twocol .twocolrgt ul.gotolink {
margin-top: 25px;
line-height: 0;
}

/*-- 2カラム左 --*/
.twocollft {
/*margin-top: 15px;*/
}

.twocollft .imgbox {
float: left;
width: 400px;
/*margin-top: 20px;*/
text-align: right;
}

.twocollft .txtbox {
float: left;
width: 200px;
margin-top: 40px;
}

body #mainbody .twocollft .txtbox p {
margin-top: 5px;
}

.twocol .twocollft ul.gotolink {
margin-top: 25px;
line-height: 0;
}



#payablelist {
margin-top: 25px;
padding: 15px;
border: 4px solid #e0eeff;
background: #f0f7fe;
}

#payablelist h4 {
margin-top: 20px;
}

#payablelist ul {
margin-top: 10px;
}

#payablelist ul li {
float: left;
width: 270px;
margin-top: 5px;
padding-left: 10px;
line-height: 1.2em;
background: url(../img/icn_payable.gif) no-repeat left center;
}

#payablelist.mini01 ul li {
float: left;
width: 100px;
margin-top: 10px;
padding-left: 10px;
line-height: 1.2em;
background: url(../img/icn_payable.gif) no-repeat left center;
}

#payablelist.mini02 ul li {
float: left;
width: 170px;
margin-top: 10px;
padding-left: 10px;
line-height: 1.2em;
background: url(../img/icn_payable.gif) no-repeat left center;
}

#payablelist ul li.end {
margin-top: 15px;
padding-left: 0;
background: none;
}

body #mainbody #payablelist p {
margin-top: 10px;
}


.carinfo {
margin-top: 25px;
padding-bottom: 15px;
background: url(../../common/img/dot01.gif) repeat-x left bottom;
}

.carinfo h3 {
padding: 16px 10px 0;
background: url(../../common/img/dot01.gif) repeat-x left top;
}

body #mainbody .carinfo p {
margin-top: 10px;
padding: 0 10px;
}



/*-- 関連リンク --*/
#relatedlink {
margin-top: 25px;
padding: 15px;
border-top: 3px solid #eee;
background: #f5f5f5;
}

#relatedlink ul {
}

#relatedlink ul li {
line-height: 1em;
margin-top: 10px;
padding-left: 15px;
background: url(../../common/img/arw03.gif) no-repeat left center;
}

#relatedlink ul li a {
color: #666;
}

#relatedlink strong {
line-height: 1em;
}


/*-- ボタンリスト --*/
ul.btnbox {
margin-top: 25px;
padding: 10px 5px;
text-align: center;
line-height: 0;
font-size: 0;
background: #f0f7fe;
}

ul.btnbox li {
float: left;
width: 50%;
padding: 5px 0;
}

/*-- ローカルナビ --*/
#navi_tp {
padding: 15px;
background: #f0f7fe;
}

#navi_tp h2 {
float: left;
margin-right: 20px;
line-height: 1em;
color: #00a0e9;
}

#navi_tp ul {
float: right;
}

#navi_tp ul li {
display: inline;
margin-left: 20px;
}

#navi_tp ul li {
padding-left: 17px;
color: #666;
background: url(../../common/img/arw02.gif) no-repeat left center;
}

#navi_tp ul li.present {
color: #999;
background: url(../../common/img/arw03.gif) no-repeat left center;
}

#navi_tp ul li a {
color: #666;
text-decoration: none;
}

#navi_tp ul li a:hover {
text-decoration: underline;
color: #00a0e9;
}


/*-- テーブル設定 --*/

table.ta {
width: 100%;
margin-top: 25px;
border-collapse: collapse;
border:4px solid #cfe2f8;
}

table.ta tr.gray td {
background:#f7fafc;
}

table.ta tr th {
padding: 15px 0;
text-align: center;
vertical-align: middle;
border-style: solid;
border-width: 1px 1px 3px;
border-color: #cfe2f8;
background: #eaf1fc;
}

table.ta tr td {
padding: 7px;
border: 1px solid #cfe2f8;
}


/*-- リンクボックス --*/

.linkbox {
margin-top: 20px;
padding: 15px;
/*width:300px;*/
border-width: 1px;
border-style: solid;
border-color: #e6e6e6 #e6e6e6 #f2f2f2;
background: url(../img/bg_box.gif) repeat-x left bottom;
}
.box_hover {
background:#e9faff url(../img/bg_box_on.gif) repeat-x left bottom;
cursor:pointer;
}
.none {
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}		


