@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/

/* images
-------------------------------------------------------------*/

.imgR{
float:right;
padding:4px;
margin:0 0 10px 15px;
border:1px solid #CCCCCC;}

.imgL{
float:left;
padding:4px;
margin:0 15px 10px 0;
border:1px solid #CCCCCC;}

/* fontsize
-------------------------------------------------------------*/
.fsSB{ font-size:80%; font-weight:bold;}

/* pankuzu
-------------------------------------------------------------*/
.pList{
font-size:65%;
padding:0 0 0 0;
text-align:right;
margin-bottom:10px;}

.pList a:link,
.pList a:visited{color:#3E8BE1;text-decoration:underline;}
.pList a:hover,
.pList a:active{color:#3E8BE1;text-decoration:none; padding-bottom:2px;}

/* pagetop
-------------------------------------------------------------*/
.contents p.ptop{
background: url(../img/ptop.gif) 0 0 no-repeat;
font-size:0;
margin:15px 0 15px 423px; 
}

.contents p.ptop a{
display:block;
width:115px;
height:11px;
text-indent:-9999px;
text-decoration:none;
}

.contents p.ptop a:hover { padding-bottom:0;text-decoration:none;}

/*----------------------------------------------------------------------------
******************************************************************************
header
******************************************************************************
----------------------------------------------------------------------------*/	
.contents h3{
width:548px;
height:40px;
text-indent:-99999px;
margin-bottom:10px;}	

#method h3 { background: url(../img/h3_method.gif) 0 0 no-repeat;}
#select h3 { background: url(../img/h3_select.gif) 0 0 no-repeat;}	
#knack h3 { background: url(../img/h3_knack.gif) 0 0 no-repeat;}	
#auction h3 { background: url(../img/h3_auction.gif) 0 0 no-repeat;}	
#flow h3 { background: url(../img/h3_flow.gif) 0 0 no-repeat;}	
#guarantee h3 { background: url(../img/h3_guarantee.gif) 0 0 no-repeat;}	
#results h3 { background: url(../img/h3_results.gif) 0 0 no-repeat;}	
#faq h3 { background: url(../img/h3_faq.gif) 0 0 no-repeat;}	
#procedure h3 { background: url(../img/h3_procedure.gif) 0 0 no-repeat;}
#assessment h3 { background: url(../img/h3_assessment.gif) 0 0 no-repeat;}	
#form h3 { background: url(../img/h3_form.gif) 0 0 no-repeat;}	
#intro h3 { background: url(../img/h3_intro.gif) 0 0 no-repeat;}	
#sitemap h3 { background: url(../img/h3_sitemap.gif) 0 0 no-repeat;}
#urisaki h3 { background: url(../img/h3_urisaki.gif) 0 0 no-repeat;}	
#qa h3 { background: url(../img/h3_qa.gif) 0 0 no-repeat;}
#first h3 { background: url(../img/h3_first.gif) 0 0 no-repeat;}

h4 {	
width:518px;
height:25px;
background: url(../img/h4.gif) 0 0 no-repeat;
font-size:95%;
line-height:1.4;
font-weight:bold;
padding:5px 0 0 30px;
margin-bottom:10px;
margin-top:20px;}

h5 {	
width:516px;
height:28px;
background: url(../img/h5.jpg) 0 0 no-repeat;
font-size:95%;
padding:2px 0 0 22px;
margin-bottom:0;
margin-top:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
CSS for under page
******************************************************************************
----------------------------------------------------------------------------*/

/* conBox
----------------------------------------------------------------------------*/
.contents p {
margin-left:5px;
margin-right:5px;
margin-bottom:10px;}	

.conBox01 { width:538px; margin-left:5px;}
.conBox01 p {
margin-left:5px;
margin-right:5px;
margin-bottom:10px;}		

.conBox01 ul { margin:0 5px 10px 5px;}
.conBox01 ul li {
background: url(../img/icon_list01.jpg) 0 3px no-repeat;
padding:0 0 0 18px;
line-height:1.6;
font-size:80%;}

/* bunner link
----------------------------------------------------------------------------*/
.uLink {
background: url(../img/icon_001.jpg) 0 3px no-repeat;
padding:1px 0 0 18px;
line-height:1.4;
}

.uLink a{ padding:0 0 0 0;line-height:1.4;}

/* method
----------------------------------------------------------------------------*/
.method01 { padding:0 0 0 18px;}

/* knack
----------------------------------------------------------------------------*/
.uBnr01 {
background:url(../img/bnr_001.jpg) 0 0 no-repeat;
margin:20px 0 0 0;}

.uBnr01 a {
display:block;
width:548px;
height:100px;
text-indent:-99999px;
text-decoration:none;}

/* guarantee
----------------------------------------------------------------------------*/
.guarantee01 {
background:url(../common/index_bnr05.jpg) 0 0 no-repeat;
margin:20px 0 0 0;}

.guarantee01 a {
display:block;
width:548px;
height:100px;
text-indent:-99999px;
text-decoration:none;}

/* results
----------------------------------------------------------------------------*/
.results01 {
background: url(../common/line_01.gif) 0 100% repeat-x;
padding-bottom:30px;}

/* faq
----------------------------------------------------------------------------*/
#faq ul { margin:0 0 20px 0;}

#faq li {
background:none;
padding:2px 0;
margin:0;}

#faq dt{
font-size:80%;
padding:0 0 10px 30px;
background:url(../img/q.gif) 0 0 no-repeat;
line-height:1.4;}

#faq dd{
font-size:80%;
line-height:1.4;
margin-bottom:10px;
padding:3px 0 20px 30px;
background:url(../img/a.gif) 0 2px no-repeat;}

/* assessment
----------------------------------------------------------------------------*/
.w300{width:300px;}
.w250{width:250px;}
.w150{width:150px;}

.btn{
text-align:center;
font-size:100%;
width:120px;
padding:3px 5px;
margin:0 30px 20px 30px;}

/* table layout
-----------------------------------------------------*/
table {
background-color:#CCCCCC;
margin-bottom:20px;}

table th {
width:32%;
background-color:#E3EEFB;}

table td {
width:68%;
background-color:#F6F6F6;}

table th span{
color:#ee793f;}

table th,
table td {
line-height:1.4;
text-align:left;
padding:7px 3px 7px 8px;
font-size:79%;}

table .check{
border-bottom:none;
border:none;
font-size:100%;
margin:0;}

table .check td{
padding:1px 0;
border:none;
width:130px;
font-size:100%;
line-height:1.2;}

table .check td.w100{
border:none;
width:110px;
font-size:100%;
line-height:1.2;}

textarea { padding:1px;}

/* sitemap
----------------------------------------------------------------------------*/
#sitemap dl{ margin-top:20px;}

#sitemap dt{
font-size:80%;
padding:0px 0 5px 20px;
background:url(../img/icon_list.jpg) 0 3px no-repeat;
line-height:1.4;}

#sitemap dd{
font-size:80%;
width:498px;
line-height:1.2;
margin-bottom:25px;
padding-left:20px;}

#sitemap dt a:link,
#sitemap dt a:visited{color:#3E8BE1;text-decoration:underline;}
#sitemap dt a:hover,
#sitemap dt a:active{color:#3E8BE1;text-decoration:none;padding-bottom:2px;}