/* CSS Document */


/*
-cblk block の配置パディング等
-cbdr ボーダー
-cgrad グラデ
-crad0 丸角
-c は common の略
*/

/*
 ====================================
all
====================================
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;padding:0;
}
body { margin:0 auto; background:#ECE8DF; color:#604E42; font-size: 14px; text-align: center;}
.clearfix:after { display:block; clear:both; content:""; }
/* ボーダー
------------------------------------------------------------ */

.brown-cbdr { border: solid 5px #CFC2C2; padding: 5px; background-color: white;}
.red-cbdr { border: solid 2px #FF618A; }
.double-cbdr {
	border: double 5px #CFC2C2;
	margin-top: 20px;
}

/* ボーダー <end>

/* グラデ
------------------------------------------------------------  */
/* gold 色 */
/* Gold Common GRADation */
.g-cgrad { background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,224,220,1) 50%, rgba(228,220,207,1) 51%, rgba(228,220,207,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(226,224,220,1)), color-stop(51%,rgba(228,220,207,1)), color-stop(100%,rgba(228,220,207,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4dccf',GradientType=0 ); /* IE6-9 */
}

.g-cgrad2 { height: 60px; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,224,220,1) 50%, rgba(228,220,207,1) 51%, rgba(228,220,207,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(226,224,220,1)), color-stop(51%,rgba(228,220,207,1)), color-stop(100%,rgba(228,220,207,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,224,220,1) 50%,rgba(228,220,207,1) 51%,rgba(228,220,207,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4dccf',GradientType=0 ); /* IE6-9 */
}

/* pink 色 */
/* Pink Common GRADation */
.p-cgrad { 
background: rgb(252,236,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,236,252,1) 0%, rgba(251,166,225,1) 50%, rgba(253,137,215,1) 51%, rgba(255,124,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,236,252,1)), color-stop(50%,rgba(251,166,225,1)), color-stop(51%,rgba(253,137,215,1)), color-stop(100%,rgba(255,124,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(253,137,215,1) 51%,rgba(255,124,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(253,137,215,1) 51%,rgba(255,124,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(253,137,215,1) 51%,rgba(255,124,216,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(252,236,252,1) 0%,rgba(251,166,225,1) 50%,rgba(253,137,215,1) 51%,rgba(255,124,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */

}
/* シルバー */
.s-cgrad {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), colr-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
/* オレンジ */
.o-cgrad {
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}
.r-cgrad {
background: #f95687; /* Old browsers */
background: -moz-linear-gradient(top,  #f95687 0%, #e3446f 50%, #c82d5b 51%, #c82d5b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f95687), color-stop(50%,#e3446f), color-stop(51%,#c82d5b), color-stop(100%,#c82d5b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f95687 0%,#e3446f 50%,#c82d5b 51%,#c82d5b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f95687 0%,#e3446f 50%,#c82d5b 51%,#c82d5b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f95687 0%,#e3446f 50%,#c82d5b 51%,#c82d5b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f95687 0%,#e3446f 50%,#c82d5b 51%,#c82d5b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95687', endColorstr='#c82d5b',GradientType=0 ); /* IE6-9 */
}

/* グラデ <end> */

/* radius  (丸角) */
.btn-crad {
border-radius: 5px;/* CSS3 */
-moz-border-radius: 5px;/*for Firefox */
-webkit-border-radius: 5px;/* for Safari and chrome */
/*  behavior: url(border-radius.htc);  for IE */
}

/* radius <end> */
/* ボタン形リンク関係
------------------------------------------------------------ */
/* ahref Common BLoK */
/* 赤いボタンリンク */

.ahref-red-cblk { display : inline-block; line-height: 40px; height: 40px; padding-left: 10px;padding-right: 10px; border: solid 2px #FF618A; 
-moz-border-radius: 5px;/*for Firefox */
-webkit-border-radius: 5px;/* for Safari and chrome */
border-radius: 5px;/* CSS3 */
font-weight: bold;
position: relative;
font-size: large;
}

.white-on-red a:link {color: #FFFFFF; text-decoration: none;}
.white-on-red a:visited {color: #FFFFFF; text-decoration: none;}
.white-on-red a:hover {color: #FFFFFF; text-decoration: none;}
.white-on-red a:active {color: #FFFFFF; text-decoration: none;}

.ico_arrow_red {
position: absolute;
top: 50%;
right: 5px;
margin-top: -10px;
width: 20px;
height: 20px;
background: #CCC url(/s/img/common/arrow01.png);
background-image: url(http://www.qjin-bonita.com/s/img/arrow01.png);
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: #FF618A;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
/* -webkit-box-shadow: 1px 1px 0 #fff; */
}


/* シルバーボタンリンク */
.ahref-cblk { display : inline-block; line-height: 40px; height: 40px; padding-left: 10px;padding-right: 10px; border:solid 1px #CCCCCC; }
.white-link {
	background-image: url(../img/home/header_btn_back.png);
	background-repeat: no-repeat;
	width: 71px;
	height: 60px;
	font-size: large;
	font-weight: bold;
} /* for anchor tag */
.white-link a:link {color: #FFFFFF; text-decoration: none;}
.white-link a:visited {color: #FFFFFF; text-decoration: none;}
.white-link a:hover {color: #FFFFFF; text-decoration: none;}
.white-link a:active {color: #FFFFFF; text-decoration: none;}

/* 一行のボタン */
 .a-line-cblk { display : inline-block; width: 100%; vertical-align:top; }


/* for anchor tag */
.org-link a:link {color: #382516; text-decoration: none;}
.org-link a:visited {color: #382516; text-decoration: none;}
.org-link a:hover {color: #382516; text-decoration: none;}
.org-link a:active {color: #382516; text-decoration: none;}

// clear both
.clear { clear: both;}


/* ボタン形リンク関係 <end> */
/*
====================================
home
====================================
*/

h2 { border : solid 5px black;padding: 10px; } /* �� */

/* TOP */
table#top  { width: 100%; margin-bottom: 5px;}


/* スライド */
#main-pickup { text-align:center; }
#main-pickup a.ahref-cblk { margin : 1px 5px 1px 5px ; padding-left: 50px; padding-right: 50px; }

/* common */
.flt-l { float: left;}
.span-title { font-weight:bold; font-size:large; }


/* おすすめ */
#osusume { text-align: left;  width: 100%;}
#osusume span.text {display:block;margin-left: 60px;}


/* 注目のお店 */
#classa-shop a { block: block ; float: left; margin : 5px 0px 5px 8px; }
#ashop-title { padding: 10px; color: white; text-align: left;}
#classa-shop-img { padding-left: 8px; background-color:  #ffffff; }

/* コンテンツ */
table#contents-menu { margin: auto; background-color: #D3C2B2; border-collapse: separate; border-spacing: 1px;}

#contents-menu td { vertical-align: middle; height: 50px; text-align: center;
                    border: solid 1px #FFFFFF; }

/* お仕事検索メニュー */
#job-search-menu { width: 300px; text-align: left;}
#job-search-menu span.text { display:block; margin-left: 55px;} 

/* 新幹線開通 */
#tsubame { text-align: left;}
#tsubame span.text {display:block;margin-left: 60px;}



/* わがまま検索 */
#wagamama {}
#wagamama h3 { padding: 10px; color: white; text-align: left;}
#wagamama-list { padding-left: 0; background-color:  #ffffff; text-align: left;}
#wagamama-list ul {padding-left: 0;list-style-type: none; margin: 0;}
#wagamama-list a {
    display: block;
    position: relative;
    color: #C12;
    font-weight: bold;
    text-shadow: 1px 1px 0 white;
    text-align: left;
    padding: 15px 0 15px 10px;
    border: 1px solid #CCC;
    /*width: 300px; */
}


/* マイページリンク*/
 .my-link { display : block; width: 90%; line-height: 40px; height: 40px; padding-left: 10px;padding-right: 10px; border:solid 1px #CCCCCC;}




/*
====================================

index

====================================
*/

#areaselect div {width: 25%;float:left; margin: 5px auto 5px auto;text-align:center;}
#areaselect a {width: 48px; border: solid 2px #CFC2C2;font-size: 14px;}

/* 年齢認証エリア */

#area_index a {
    display: block;
    position: relative;
    color: #C12;
    font-weight: bold;
    text-shadow: 1px 1px 0 white;
    text-align: left;
    padding: 15px 0 15px 10px;
    border: 1px solid #CCC;
    background-color: #FFFFFF;
    text-decoration: none;
}
.ico_arrow01 {
position: absolute;
top: 50%;
right: 5px;
margin-top: -10px;
width: 20px;
height: 20px;
background: #CCC url(/s/img/common/arrow01.png);
background-image: url(http://www.qjin-bonita.com/s/img/arrow01.png);
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: #CCC;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-box-shadow: 1px 1px 0 #fff;
}

/* テキストリンクの隙間 */
.text-link {
    padding: 10px 0 10px 0 ;
    text-align: left;
}


#ken_select a {
    display: inline-block;
    text-align: left;
    padding: 10px 20px 10px 20px;
    /* border: 1px solid #CCC; */
    /* background-color: #FFFFFF; */
    /* text-decoration: none; */
}



/*
 * ====================================
 * 検索リスト
 * ====================================
 * 
 */

/* 検索 */

#search_index a {
    display: block;
    position: relative;
    color: #C12;
    font-weight: bold;
    text-shadow: 1px 1px 0 white;
    text-align: left;
    padding: 15px 0 15px 10px;
    border: 1px solid #CCC;
    background-color: #FFFFFF;
    text-decoration: none;
}
#search_index ul {padding: 0;list-style-type: none; margin: 0;}
#search_index ul li a span.title {display: inline-block; width : 270px;}



/* 検索結果リスト */

.search-item img { float: left;}
.search-item span.title { font-weight:bold; font-size:large; display:inline-block; width: 270px;} 
.search-item span.text { display:block; margin-left: 55px;} 
.search-item .a-line-cblk {position:relative;}


/* 用語集 */
#dictionary {text-align: left;}
#dictionary .ahref-cblk {
    margin: 10px;
    width: 18%;
}