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

/*-------------------------------
Link
--------------------------------*/
a:link{
   color:#333333;
   text-decoration:underline;
}
a:visited{
   color:#333333;
   text-decoration:underline;
}
a:hover{
   color: #e17a02;
   text-decoration:none;
}
#contents ul.ico_list li a,
#pickupk .ui-tabs-panel li a,
#footer a{
	text-decoration: none;
}
/*-------------------------------
clear
--------------------------------*/
.clear {
	clear: both;
}
.clearfix{
	overflow: hidden;
}
* html .clearfix{
	zoom: 1;
}
/*--------------------------------------------------------------
structure
---------------------------------------------------------------*/
body{
	background: url(../img/common/bg_body.jpg) left top repeat-x;
}
#container{
	width: 790px;
	margin: 0 auto;
	color: '#333333';
	z-index: 1;
}
#header{
	position: relative;
	background: url(../img/common/bg_header.jpg) left top no-repeat;
	padding-top: 20px;
	height: 87px;
}
#contents{
	clear: both;
	font-size: 1em;
	padding-top: 10px;
}
#contents #areamain{
	width: 560px;
	float: left;
	margin-right: 18px;
}
#contents #areasub{
	width: 210px;
	float: left;
	margin-top: 0px;
}
#footer{
	clear: both;
	background: #F2EEE5;
	min-width: 790px;
}
/*--------------------------------------------------------------
 parts
---------------------------------------------------------------*/
.floatL{
	float: left;
}
.floatR{
	float: right;
}

/*--------------------------------------------------------------
 header
---------------------------------------------------------------*/
#header h1 a{
	color: #5C5C5C;
	text-decoration: none;
}
#header h1 span{
	padding-left: 74px;
	display: block;
	color: #5C5C5C;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}
#header p.btn_toppage{
	position: absolute;
	top: 50px;
	left: 295px;
}
#header p.logo_afca{
	position: absolute;
	bottom: 16px;
	right: 6px;
}
/* headermenu */
#header #menuh{
	position: absolute;
	top: 0px;
	right: 1px;
	background: url(../img/common/bg_menuh.jpg) right top no-repeat;
	padding: 4px 0px;
	width: 264px;
	text-align: center;
}
#header #menuh li{
	display: inline;
}
/*--------------------------------------------------------------
contents
---------------------------------------------------------------*/
#contents p.description{
	background: #FBF8F3;
	padding: 13px 20px;
	border: 1px solid #F3EFE4;
}
#contents div#bc{
	margin-top: -5px ;
	padding-bottom: 5px;
	font-size: 0.8em;
}
#contents .section{
	margin-bottom: 20px;
}
#contents #areasub .box{
	border: 3px solid #F3ECDC;
	padding: 2px;
	margin-bottom: 20px;
}
#contents p{
	margin-bottom: 1em
}
#contents ul.ico_list li{
	background: url(../img/common/ico_list.gif) left center no-repeat;
	padding-left: 21px;
}
#contents .alignr{
	text-align: right;
}
/* 詳細検索 */
#contents #areasub #searchd{
	border-style: solid;
	border-color: #EBE7E8;
	border-width: 0px 1px 1px 1px;
	padding: 8px;
}
#contents #areasub #searchd p{
	padding: 5px;
}
#contents #areasub #searchd form{
	background: url(../img/common/bg_searchd.gif) center top no-repeat;
	padding: 9px 0;
	text-align: center;
}
/* キーワード検索 */
#contents #areasub #searchk{
	border-style: solid;
	border-color: #EBE7E8;
	border-width: 0px 1px 1px 1px;
	padding: 8px;
}
#contents #areasub #searchk p{
	padding: 5px;
}
#contents #areasub #searchk form{
	background: url(../img/common/bg_searchd.gif) center top no-repeat;
	padding: 9px 0;
	text-align: center;
}
/* バナーエリア */
#contents #areasub #areabnr{
	padding: 2px 2px 0;
}
#contents #areasub #areabnr li{
	margin-bottom: 2px;
}
/* ローカルナビ */
#contents #areasub #navl{
}
/* お知らせ */
#contents #areasub #info p{
	margin: 1em 9px;
	/*font-size: 0.8em;*/
	font-size: 1.0em;
}
/*--------------------------------------------------------------
form
---------------------------------------------------------------*/
input.textbox{
	padding: 0;
	border: 1px solid #d7d5d5;
	background: #ffffff;
	padding: 3px 0 3px 5px;
}
select.select{}
/*--------------------------------------------------------------
footer
---------------------------------------------------------------*/
#footer ul{
	width: 750px;
	margin: 0 auto;
	padding: 7px 20px;
}
#footer li{
	display: inline;
	font-size: 0.8em;
}
/*--------------------------------------------------------------
copyright
---------------------------------------------------------------*/
#copyright{
	width: 790px;
	color: #7D7A75;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
	font-size: 0.8em;
}
/*--------------------------------------------------------------
ie6
---------------------------------------------------------------*/
/* fontsize */
*html #header h1 span{
	font-size: 9px;
}
*html #contents #areasub #info p,
*html #footer li{
	font-size: 0.7em;
}
*html #footer li{
	letter-spacing: -1px;
}
/*--------------------------------------------------------------
ie7
---------------------------------------------------------------*/
/* fontsize */
*:first-child+html #header h1 span{
	font-size: 9px;
}
*:first-child+html #contents #areasub #info p,
*:first-child+html #footer li{
	font-size: 0.7em;
}
*:first-child+html #footer li{
	letter-spacing: -1px;
}
/* ヘッダーメニューの上下位置調整 */
*:first-child+html #header #menuh{
	padding: 2px 0px;
}
 
 
 /*--------------------------------------------------------------
テキストページ
---------------------------------------------------------------*/

#contents .txt_page h2{
	padding-bottom:20px;
	margin-top: 6px;
	}
#contents .txt_page h3{
	margin:10px 0 10px 0;
	padding:1px 2px 2px 0px;
/*	border-left:3px solid #fa8b06;
*/	border-bottom:2px solid #ebebe9;
	font-size: 1.2em;
	}
#contents .txt_page h4{
	font-size:1em;
	background-color: #f1ead8;
	padding: 0.2em 1em;
	}
#contents .txt_page .h4{
	padding-left:24px;
	padding-top:0.5em;
	}
#contents .txt_page dl dd{
	padding-left:1em;
	padding-right:15px;
	
	}
#contents .txt_page p{
	padding:0px 15px 0px 15px;
	}
#contents .txt_page ol{
	padding:5px 15px 0px 25px;
	text-indent:-1em;
	}
#contents .txt_page .ol2{
	padding:0px 10px 50px 3em;
	text-indent:-2em;
	}
dl.sitemap,
dl.link{
    margin-left:1em;
}
dl.sitemap dt,
dl.link dt{
    padding:0.5em 1em;
	background:#f0ebd7;
	font-weight:bold;
}
dl.sitemap dd,
dl.link dd{
	margin:5px 0 1.5em 0;
}
#contact-table{

}
ul.contact{
	padding:0 1em;
	margin:0 1em 1em 1em;
}
ul.contact li{
	padding:0.2em 0;
	margin-left:1em;
	list-style-type:disc;
}
#contact-table th{
	text-align:left;
	background:#f0ebd7;
	padding:5px;
	white-space: nowrap;
}
#contact-table td{
	text-align:left;
	padding:5px;
}
div.error{
	color:#ffffff;
	background:#de5553;
	padding:10px;
	margin:15px 2px 0 2px;
	font-weight:bold;
}
div.message{
	padding:10px;
	font-weight:bold;
}
div#submit{
	text-align:center;
	background:#ffffff;
	border:3px #f0ebd7 solid;
	padding:15px;
}


/*--------------------------------------------------------------
タブ（howtouse）
---------------------------------------------------------------*/
:focus {
	outline:none;
}
#howto{
	position: relative;
	width: 561px;
	margin-top: 10px;
	min-height: 217px;
	font-size: 12px;
}
#howto .wrap{
	border: 1px solid #EBE7E8;
}
#howto .ui-tabs-panel{
	padding: 7px 17px 10px;
	margin: 0;
	width: 526px;
}
#howto .ui-tabs-panel ul{
	width: 170px;
	float: left;
	margin-right: 30px;
}
#howto .ui-tabs-panel ul.last{
	margin-right: 0px;
}
#howto .ui-tabs-panel li{
	border-bottom: 1px dotted #B5B5B5;
	padding: 7px;
}
#howto ul.ui-tabs-nav {
	border-bottom: 3px solid #F0BA7A;
}
#howto ul.ui-tabs-nav li {
	float: left;
	margin-right: 3px;
	vertical-align: middle;
}
#howto ul.ui-tabs-nav li#nav-fragment-3 {
	margin-right: 0px;
}
#howto li.ui-tabs-nav-item a {
	background: url(../img/howtouse/bg_tab.jpg) left center no-repeat;
	color: #4B4B4B;
	display: block;
	padding: 6px 0px 0;
	width: 170px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#howto li.ui-tabs-nav-item a:hover {
	background: url(../img/howtouse/bg_tab_on.jpg) left center no-repeat;
	color: #976736;
}
#howto li.ui-tabs-selected a{
	background: url(../img/howtouse/bg_tab_on.jpg) left center no-repeat;
	color: #9767366;
}
#howto .ui-tabs-hide {
	display:none;
}
/*--------------------------------------------------------------
ie6
---------------------------------------------------------------*/
/* タブ部分のmin-height指定 */
*html #howto{
	height: 217px;
}