@charset "shift_JIS";
/*---------------------------------------------------------------------------------
top
---------------------------------------------------------------------------------*/
@import "./search_cmn.css";

/*
leftCnt・rightCnt共通
---------------------------------------------------------------------------------*/
h3.title{
margin: 0px 0px 0px 0px;
display: block;
}

.section{
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

/*
leftCnt
---------------------------------------------------------------------------------*/
div#leftCnt{
width: 745px;
float: left;
padding: 0px 0px 20px 0px;
}

/*
説明文
---------------------------------------------------------------------------------*/
div.cntTxt{
margin: 15px 0px 0px 0px;
font-size: 75%;
line-height: 150%;
text-align: center;
}

div.cntTxt span{
font-size: 150%;
color: #FF6666;
font-weight: bold;
}

/*
leftCnt page_nation
---------------------------------------------------------------------------------*/
div#leftCnt ul.page_nation{
font-size: 75%;
text-align: center;
margin: 15px auto 0px auto;
}

div#leftCnt ul.page_nation li{
display: inline;
font-weight: bold;
}

div#leftCnt ul.page_nation li.nolink{
background: #EEEEEE;
border: 1px solid #CCCCCC;
margin: 0px 4px 0px 0px;
padding: 5px;
}

div#leftCnt ul.page_nation li a{
color: #0066FF;
text-decoration: none;
border: 1px solid #CCCCCC;
padding: 5px;
}

/*
leftCnt wrapNews
---------------------------------------------------------------------------------*/
.wrapNews{
margin: 15px 0px 0px 0px;
border: 1px solid #60AFE9;
}

div.wrapNews h3.title{
width: 727px;
padding: 8px 8px 5px 8px;
font-weight: bold;
color: #FFFFFF;
background:url(../images/bg_title.jpg) repeat-x;
}

/*
leftCnt shopname time
---------------------------------------------------------------------------------*/
div.shopname{
width: 727px;
padding: 5px  8px;
background:url(../images/bg_shopname.jpg) repeat-x;
vertical-align: middle;
}

div.shopname h4{
float: left;
width: 500px;
font-weight: bold;
color: #FFFFFF;
}

div.shopname img{
display: block;
float: left;
margin: 1px 8px 2px 0px;
}

div.shopname a{
font-size: 75%;
color: #000000;
}

div.time{
float: right;
color: #000000;
font-weight: bold;
}

/*
leftCnt job area
---------------------------------------------------------------------------------*/
div.job, div.area{
float: left;
width: 363px;
padding: 5px 0px 5px 8px;
color: #000000;
font-size: 75%;
}

div.job img, div.area img{
float: left;
margin: 0px 8px 0px 0px;
}

div.job p, div.area p{
padding: 2px 0px 0px 0px;
}

/*
leftCnt keep
---------------------------------------------------------------------------------*/
div.keep{
clear: left;
width: 727px;
padding: 5px 8px 3px 8px;
text-align: right;
background: #FFFFCC;
}

/*
leftCnt txtdetail
---------------------------------------------------------------------------------*/
div.txtdetail{
width: 727px;
padding: 5px 8px 3px 8px;
font-size: 75%;
line-height: normal !important;
background: #FFFFFF;
}

div.txtdetail h1,
div.txtdetail h2,
div.txtdetail h3,
div.txtdetail h4,
div.txtdetail h5,
div.txtdetail h6{
display: inline;
}

/*
right
---------------------------------------------------------------------------------*/
div#rightCnt{
margin: 5px 0px 0px 0px;
width: 190px;
float: right;
}

div#rightCnt h3#keep{
width: 190px;
height: 45px;
background:url(../images/search_common/title_keepbox.gif) no-repeat;
display: block;
text-indent: -9999px;
}

div#rightCnt h4#keepList a{
width: 190px;
height: 31px;
background:url(../images/search_common/title_keeplist.gif) no-repeat;
display: block;
padding: 2px 0px 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

div#rightCnt .section{
width: 188px;
border-bottom: none;
padding: 0px 0px 0px 0px;
}

div#keepAreaIn{
color: #000000;
font-size: 75%;
background-color: #FFFFCC;
margin: 0px 2px 2px 2px;
border-top: 1px solid #FFFFFF;
padding: 0px 0px 15px 0px;
border-bottom: 2px solid #CCCCCC;
}

div#keepAreaIn .redBold{
font-size: 125%;
}

div#keepAreaIn p.result{
text-align: center;
margin: 5px 0px 10px 0px;
}

div#keepAreaIn p.btImg{
text-align: center;
}

div#keepAreaIn p.redSmall{
text-align: center;
color: #CC0000;
font-size: 80%;
margin: 3px 0px 0px 0px;
}

div#keepAreaIn p.btImg img{
margin: 5px 0px 0px 0px;
}

div.keeplistArea{
margin: 0px 10px 0px 10px;
padding: 0px 0px 5px 0px;
font-size: 75%;
}

div.keeplistArea dl{
width: 130px;
float: left;
padding: 8px 0px 0px 0px;
line-height: 1.5;
}

div.keeplistArea dt a{
color: #FF6600;
}

div.keeplistArea img{
width:30px ;
float: right;
margin: 18px 0px 0px 0px;
}

div#rightCnt h4#keepUse a{
width: 190px;
height: 33px;
background:url(../images/search_common/title_keepuse.gif) no-repeat;
display: block;
text-indent: -9999px;
overflow: hidden;
}

.bottomBorder{
border-bottom: 1px dotted #CCCCCC;
}

div.wrapKeep{
border-bottom: 1px solid #CCCCCC;
}

div.wrapKeep ul{
padding: 5px 0px 0px 0px;
margin: 0px 9px;
width: 172px;
font-size: 75%;
line-height: 130%;
}

div.wrapKeep li{
padding: 0px 0px 0px 12px;
margin: 0px 0px 8px 0px;
background: url(../images/search_common/list_heart.gif) no-repeat left 0.1em;
}

div.txtdetail ol li{
margin: 5px 0px 5px 10px;
padding: 5px 0px;
list-style-type: decimal !important;
}

div.txtdetail ul li{
margin: 5px 0px 5px 10px;
padding: 5px 0px;
list-style-type: disc !important;
}