@charset "UTF-8";
/* ================================================================ *
	M.Arashima 2008/06/20
	トップページ設定用 CSS
 * ================================================================ */

@import url("base.css");
@import url("common.css");
@import url("textset.css");

body{
}

/* container -------------------------------------------------------*/

#container{
	/* border: 1px solid #ff0000;/* debug */
}


/* Header ----------------------------------------------------------*/

#header{
	/*border: 1px solid #ff0000;/* debug */
}


/* navi ------------------------------------------------------------*/

#navi{
	/* border: 1px solid #ff0000;/* debug */
}


/* headernavi ------------------------------------------------------------*/

#headernavi{
}


/* main ------------------------------------------------------------*/

#main{
	background: transparent;
	padding-left: 228px;
	padding-right: 10px;
	padding-bottom: 40px;
	/* border: 1px solid #ff0000;/* debug */
}

#main:after{
}


/* sidenavi --------------------------------------------------------*/

#sidenavi{
	background: transparent;
	width: 213px;
	/* border: 1px solid #ff0000;/* debug */
}

#sidenavi p.banner{
	margin: 0 0 15px 7px;
}

#sidenavi .contents{
	margin-bottom: 15px;
	/* border: 1px solid #ff0000;/* debug */
}

#sidenavi .contents a:link{
	color: #ffffcc;
}

#sidenavi .contents a:visited{
	color: #ffffcc;
}

#sidenavi .contents a:hover{
	color: #ff0000;
}

#sidenavi .contents a:active{
	color: #ffffcc;
}

#sidenavi .contents h2{
	margin-left: 10px;
	margin-bottom: 3px;
}

#sidenavi .contents ul{
	margin: 0;
	padding: 6px 14px;
}

#sidenavi .contents ul li{
	margin: 0;
	padding: 0;
	list-style: square inside;

	line-height: 1.3;
	color: #fff;
}

#sidenavi .contents ul li ul{
	margin: 3px 0;
	padding: 0;
}

#sidenavi .contents ul li ul li{
	margin: 0;
	padding: 0 0 0 16px;
	list-style: none outside;

	font-size: 80%;
	color: #444;
}

#sidenavi .contents ul li span.indent{
	display: block;
	text-indent: 1em;
}

#sidenavi .contents .img-box{
	background: transparent url("../img/home/side_line_bg.gif") no-repeat center top;
	padding-top: 17px;
	padding-left: 6px;
}

#sidenavi .contents .img-link{
	text-align: center;
}

#sidenavi .contents .img-outsidelink{
	background: transparent url("../img/home/side_line_bg.gif") no-repeat center top;
	padding-top: 17px;
	text-align: center;
}

#sidenavi .contents#consumer p{
	margin: 10px 14px 0 14px;
}

#sidenavi .contents#consumer #consumer-area{
	background: transparent url("../img/home/side_bg_01.gif") no-repeat left top;
	height: 156px;
	border-top: 1px solid #fff;
}

#sidenavi .contents#trader{
	margin-bottom:10px;
}

#sidenavi .contents#trader #trader-area{
	background: transparent url("../img/home/side_bg_02.gif") no-repeat left top;
	height: 162px;
}

#sidenavi .contents#trader #trader-area a:link{
	color: #203051;
}

#sidenavi .contents#trader #trader-area a:visited{
	color: #203051;
}

#sidenavi .contents#trader #trader-area a:hover{
	color: #ff0000;
}

#sidenavi .contents#trader #trader-area a:active{
	color: #203051;
}

#sidenavi .contents#trader #trader-area .bg-img{
	background: transparent url("../img/home/side_pic_02_bg.gif") no-repeat 165px 40%;
	height: 162px;
}

#sidenavi .contents#trader #trader-area span.indent{
	background: transparent url("../img/home/icon_01.gif") no-repeat 6px center;
	padding-left: 10px;
}

#sidenavi .contents#profile #profile-area{
	background: transparent url("../img/home/side_bg_03.gif") no-repeat left top;
	height: 82px;
}

#sidenavi .contents#profile #profile-area a:link{
	color: #444;
}

#sidenavi .contents#profile #profile-area a:visited{
	color: #444;
}

#sidenavi .contents#profile #profile-area a:hover{
	color: #ff0000;
}

#sidenavi .contents#profile #profile-area a:active{
	color: #444;
}

#sidenavi .contents#profile #profile-area .bg-img{
	background: transparent url("../img/home/side_pic_03_bg.gif") no-repeat 145px 90%;
	height: 82px;
}

/* ---------- バグ対策 ----------- */

[id="sidenavi"]#sidenavi{
	margin-top: 0;
}

html:lang(ja) #sidenavi{
	margin-top: 0;
}


/* sidebox ---------------------------------------------------------*/

#sidebox{
	/* border: 1px solid #ff0000;/* debug */
}


/* contents --------------------------------------------------------*/

#main .contents{
	margin-bottom: 17px;
	padding: 0 6px;
	/* border: 1px solid #ff0000;/* debug */
}

#main .contents h2{
	margin-bottom: 5px;
}

#main .contents#main-img{
	background: transparent url("../img/home/main_bg.gif") no-repeat left top;
	margin-bottom: 0;
	padding: 5px;
}

#main .contents#main-img #navi-img{
	margin-bottom: 1px;
}

#main .contents#sub-navi{
	/* border: 1px solid #ff0000;/* debug */
}

#main .contents#sub-navi ul{
	margin-left: 11px;
}

#main .contents#sub-navi ul li{
	display: inline;
	margin-left: 25px;
}

#main .contents#sub-navi ul li.first{
	margin-left: 0;
}

#main .contents#info{
	position: relative;
	width: 550px;
}

/* 新着ニュース */
#main .contents#info #info-area{
	border: 1px solid #56bef9;
	height: 250px;
	min-height: 250px;
	overflow: auto;
	padding: 4px;
}

#main .contents#info #info-area ul{
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin: 4px;
	padding: 4px 0;
}

#main .contents#info #info-area ul li{
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none none outside;
	font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

#main .contents#info #info-area ul li span.date{
	padding-left: 0px;
	width: 70px;
	width/* */:/**/70px;
	width: /**/70px;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: normal;
	/* \*/
	font-size: 12px;
	/* */
	line-height: 18px;
}

#main .contents#info #info-area ul li span.title{
	display: block;
	float: left;
	width: 440px;
	font-size: 10px;
	font-weight: normal;
	/* \*/
	font-size: 12px;
	/* */
	line-height: 18px;
}

#main .contents#info #info-area ul li span.title span.category-title{
	font-size: 76%;
	color: #56bef9;
}

#main .contents#info #news{
	position: absolute;
	top: 2px;
	right: 10px;
}

#main .contents#info:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* センター業務案内 */
#main .contents#business{
	width: 550px;
}

#main .contents#business:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* imgbox --------------------------------------------------------*/

.imgbox{
}


/* sidebox imgbox ------------------------------------------------*/

#sidebox .imgbox{
}


/* sidenavi imgbox -----------------------------------------------*/

#sidenavi .imgbox{
}


/* footer --------------------------------------------------------*/

#footer{
}

#footer #counter{
	position: absolute;
	top: 40px;
	right: 10px;
	width: auto;
	height: auto;
}


/* TabbedPanels (Ajax) User set ----------------------------------*/

.TabbedPanels#TabbedPanels1 .TabbedPanelsTab{
	padding: 0;
	margin: 0 1px 0 0;
	background-color: transparent;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.TabbedPanels#TabbedPanels1 #right.TabbedPanelsTab{
	padding: 0;
	margin: 0 0 0 0;
	background-color: transparent;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent p.indent{
	background: transparent url("../img/home/icon_02.gif") no-repeat left center;
	margin-top: 10px;
	padding-left: 14px;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContentGroup{
	padding: 4px;
	border-left: solid 1px #56bef9;
	border-bottom: solid 1px #56bef9;
	border-top: solid 1px #56bef9;
	border-right: solid 1px #56bef9;
	background-color: #fff;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent{
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	min-height: 135px;
}

* html .TabbedPanels#TabbedPanels1 .TabbedPanelsContent{
	height: 135px;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent .img-box{
	float: right;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent h3{
	border-left: solid 6px #56bef9;
	margin-bottom: 5px;
	padding-left: 6px;
	font-weight: bold;
	color: #56bef9;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent h4{
	margin-bottom: 5px;
	padding-left: 11px;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent p{
	margin-bottom: 3px;
	line-height: 1.3;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent ul{
	margin: 0;
	padding: 0 0 0 11px;
}

.TabbedPanels#TabbedPanels1 .TabbedPanelsContent ul li{
	margin: 0;
	padding: 0;
	list-style: square inside;

	line-height: 1.3;
}