@charset "utf-8";
/* 日本語 */
/* //////////////////////////////////////////////////////////

Layaout Base Common Style

//////////////////////////////////////////////////////////*/



/* =========================================================
Text
========================================================= */
strong {
    font-weight:bold;
}
span {

}

/* =========================================================
Link
========================================================= */
a {
    color: #000000;
    text-decoration: none;
}
a:link,a:visited {
    color:#000;
    text-decoration: none;
}
a:hover,a:active {
    color:#F89787;
    text-decoration: none;
}


article a {
    color: #0066C0;
    text-decoration: none;
}
article a:link,article a:visited {
    color: #0066C0;
    text-decoration: none;
}
article a:hover,article a:active {
    color: #0066C0;
    text-decoration: underline;
}


#cliplist a {
    color: #0066C0;
    text-decoration: none;
}
#cliplist a:link,#cliplist a:visited {
    color: #0066C0;
    text-decoration: none;
}
#cliplist a:hover,#cliplist a:active {
    color: #0066C0;
    text-decoration: underline;
}


/* =========================================================
Layout Base
========================================================= */
html{height:100%;padding:0px;margin:0px;}
body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height:1.6;
    letter-spacing : 0.05em;
    font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    background:#fff;
    color:#333333;


}
/* for IE6 */
* html body {
    font-size: 82%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 82%;
}
/* =========================================================
commmon
========================================================= */

header{
    width:1000px;
    margin:0 auto;
}
article{
    width: auto;
    margin:0 auto;
}
/* =========================================================
Header
========================================================= */

header{
    padding:14px 0px 0;
    width:1000px;
    background:#fff;
    overflow:hidden;
    font-size: 100%;

}

header h1{
    padding:0px 0;
    float:left;
    width:378px;
    margin-top:10px;

}
header h1 a{
    display:block;
    background: url(../../images/logo.png) left top no-repeat;
    width:378px;
    height:47px;
    margin:0;
    padding:0px;
    text-indent:-9999px;
    line-height:1.4;
    color:#000;
}


header #rblock{

    width:620px;
    overflow:hidden;

}
header #rblock #rhblock{
    overflow:hidden;

}
header #rblock #rhblock #textResizer{
    float:right;
}
header #rblock #rhblock ul{
}
header #rblock #rhblock ul li{
    float:left;
}
header #rblock #rhblock ul li{
    border:1px solid #ccc;
}
header #rblock #rhblock ul li:first-child{
    padding:2px 5px;
    border-right:none;
    -moz-border-top-left-radius:4px!important;
    -webkit-border-top-left-radius:4px!important;
    border-top-left-radius:4px!important;
    -moz-border-bottom-left-radius:4px!important;
    -webkit-border-bottom-left-radius:4px!important;
    border-bottom-left-radius:4px!important;
}
header #rblock #rhblock ul li:last-child{
    border-left:none;
    -moz-border-top-right-radius:4px!important;
    -webkit-border-top-right-radius:4px!important;
    border-top-right-radius:4px!important;
    -moz-border-bottom-right-radius:4px!important;
    -webkit-border-bottom-right-radius:4px!important;
    border-bottom-right-radius:4px!important;
}
header #rblock #rhblock ul li a{
    padding:2px 5px;
    text-decoration:none;
    display:block;
}
header #rblock #rhblock ul li a.textresizer-active{
    background:#F89787;
    color:#fff;
}



header #rblock #rhblock .engbtn{
    border:1px solid #ccc;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:2px 5px;
    display:block;
    float:right;
    margin-left:10px;
    text-decoration:none;

}
header #rblock #htabmenu{
    overflow:hidden;
    margin-top:10px;
}
#htabmenu-sp{
    display:none;
}
header #rblock #htabmenu li{
    float:right;
}

header #rblock #htabmenu li a{
    -moz-border-top-right-radius:4px!important;
    -webkit-border-top-right-radius:4px!important;
    border-top-right-radius:4px!important;
    -moz-border-top-left-radius:4px!important;
    -webkit-border-top-left-radius:4px!important;
    border-top-left-radius:4px!important;
    background:#F89787;
    display:block;
    padding:5px 14px;
    color:#fff;
    font-size:116%;
    text-decoration:none;

}
header #rblock #htabmenu li.tab2 a{
    margin-left:10px;
    background:#63AAD4;
}
header #rblock #htabmenu li.tab3 a{
    margin-left:10px;
    background:#aaa;
}
#searcharea{
    background:#F89787;
    padding:10px 0;
}

#searcharea-in{

    width:1000px;
    margin:0 auto;
}
#searcharea-in input{
    float:left;
    display:block;
}
#searcharea-in input[type="text"]{
    width:680px;
    font-size:14px;
    padding:10px 10px;
}
#searcharea-in input[type="submit"]{
    background:url(../../images/search_btn.png) left center no-repeat;
    width:55px;
    height:40px;
    border:none;
}
#searcharea-in .clipbtn {
    background:#5288DE;
    border:2px solid #6094E8;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:6px 8px;
    overflow:hidden;
    font-size: 13px;
}
#searcharea-in .clipbtn a:first-child {
    color:#fff;
    background:url(../../images/clip_btn.png) left center no-repeat;
    padding-left:20px;
    display:block;
    text-decoration:none;
    float:left;
}
a.cliphelp img{
    vertical-align: middle;

}

#modal-overlay{
    z-index:999;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
    display:none;
}
#searcharea-in .fl-r{
    position:relative;
}
#searcharea-in #cliplist{
    position:absolute;
    top:46px;
    left:-100px;
    z-index:1000;
    text-align:left;
    overflow: auto;
    height: 400px;
    width:340px;
}
#searcharea-in #cliplist .close{
    text-align:right;
    font-weight:bold;
    color:#5488DE;
    cursor:pointer;
    font-size:16px;
    float:right;
}
#searcharea-in #cliplist .box{
    border:2px solid #5488DE;
    background:#F2F6FF;
    padding:0px 5px 10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    width:305px;
}
#searcharea-in #cliplist p{
    padding: 5px;
}
#searcharea-in #cliplist .tit{
    font-size:20px;
    color:#5488DE;
    margin:10px 5px 5px 5px;
    line-height:1.2;
    padding: 0px;

}
#searcharea-in #cliplist .clipitem{


}
#searcharea-in #cliplist .clipclose{
    float:left;

    padding:0 5px 10px;

}
#searcharea-in #cliplist .clipname{
    margin-top:10px;
    padding:0 5px 10px 30px;
}
#searcharea-in #cliplist .tit2{
    background-color:#5488DE;
    font-weight:bold;
    color:#fff;
    padding:5px;
}





/* =========================================================
Contents
========================================================= */
h2{
    background:url(../../images/h2_bg.png) right bottom no-repeat;
    margin:10px 0 0;
    padding:0 0 10px 0;
    color:#000;

}
h2 span{
    font-size:93%;
    display:block;
    font-weight:bold;
    color:#D84D36;
}
h2 strong{
    font-size:162%;
}
#result-header h2{
    border-bottom:solid 2px #F89787;
    padding:12px 0 12px 5px;

}


.tabaria{
    background:#FDCEC8;
    border-top:solid 2px #F89787;

}
.tabaria ul{
    overflow:hidden;
    padding:0 0px 0 13px;
    margin-bottom:10px;
}
.tabaria ul li{
    float:left;
    border:solid 1px #ccc;
    width:183px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-align:center;
    margin:12px 12px 10px 0;

}

.tabaria ul li.active{
    background: #Fff;
    border:solid 1px #Fff;
    height:48px;
    padding-top:5px;
    border-radius:4px 4px 0px  0px!important;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    margin:12px 12px 0px 0;
}
.tabaria.bt{
    background:#FDCEC8;
    border-bottom:solid 2px #F89787;
    border-top:none;

}
.tabaria.bt ul{
}
.tabaria.bt ul li.active{
    height:59px;
    padding-top:5px;
    margin-top:-12px;

    border-radius:0px 0px 4px  4px!important;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
}
.tabaria.bt ul{
    padding:0 0px 0 13px;
}



.tabaria ul li.active a{
    padding:9px 0;


}
.tabaria.bt ul li.active a{
    padding:23px 0 19px;
}

.tabaria ul li a{
    display:block;
    padding:10px 0px;
/display:inline;
/zoom:1;
    font-weight:bold;
    color: #000;
}
.tabaria ul li a:hover{

    color: #000;
    text-decoration: none;
}
.tabaria ul li a span{
    display:inline-block;
    font-weight:bold;
}
.tabaria ul li.tab1 a span{
    background:url(../../images/tab1_bg.png) left center no-repeat;
    padding-left:20px;
}
.tabaria ul li.tab2 a span{
    background:url(../../images/tab2_bg.png) left center no-repeat;
    padding-left:25px;
}
.tabaria ul li.tab3 a span{
    background:url(../../images/tab3_bg.png) left center no-repeat;
    padding-left:25px;
}
.tabaria ul li.tab4 a span{
    background:url(../../images/tab4_bg.png) left center no-repeat;
    padding-left:33px;
}
.tabaria ul li.tab5 a span{
    background:url(../../images/tab5_bg.png) left center no-repeat;
    padding-left:33px;
}



#wrap{
    margin-top:20px;
    position:relative;
}
/*clearfix*/
#wrap:before, #wrap:after {
    content: '';
    display: table;
}
#wrap:after {
    clear: both;
}
#wrap {
    zoom: 1; /* for IE6/7 */
}


#wrap #result-block{
    padding: 0 2px 0 2px;
    overflow-x: auto;
    padding-right: 1em;
    margin-left: 1em;
}
#wrap #result-block p{
    margin: 0;
}
#result-header{
    overflow:hidden;
    margin-bottom:10px;
}
#result-header #result-counts{
    float:left;
}
#result-header #result-counts span{
    color:#DA5E44;
}
#result-header #max-result-counts{
    float:right;
}

#wrap #result-block div.chikentbl,#wrap #result-block div.medtbl{
    border:1px solid #ccc;
    border-collapse:separate;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    width:100%;
    border-right:none;
    border-bottom:none;
}

#wrap #result-block div.chikentbl ul,#wrap #result-block div.medtbl ul{

    display:table;
    table-layout:fixed;
    width:100%;
}



#wrap #result-block div.chikentbl ul em,#wrap #result-block div.medtbl ul em{
    background-color: #F6CED8!important;
}


#wrap #result-block div.chikentbl li,#wrap #result-block div.medtbl li{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:6px;
    vertical-align: top;
    display:table-cell;
    word-wrap: break-word ;
}
#wrap #result-block div.medtbl ul:first-child li,#wrap #result-block div.chikentbl ul:first-child li{
    font-weight:bold;
}

#wrap #result-block div.chikentbl li:first-child{width:11%;}
#wrap #result-block div.chikentbl li:nth-child(2){width:42%;}
#wrap #result-block div.chikentbl li:nth-child(3){width:12%;}
#wrap #result-block div.chikentbl li:nth-child(4){width:11%;}
#wrap #result-block div.chikentbl li:nth-child(5){width:13%;}
#wrap #result-block div.chikentbl li:nth-child(6){width:11%;}
#wrap #result-block div.medtbl li:first-child{width:20%;}
#wrap #result-block div.medtbl li:nth-child(2){width:30%;}
#wrap #result-block div.medtbl li:nth-child(3){width:30%;}
#wrap #result-block div.medtbl li:nth-child(4){width:10%;}
#wrap #result-block div.medtbl li:nth-child(5){width:10%;}
#wrap #result-block div.chikentbl p.chikens001{
    font-weight:bold;
    background:#D35988;
    color:#fff;
    border:solid 3px #DC80A5;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word ;
}
#wrap #result-block div.chikentbl p.chikens002{
    font-weight:bold;
    background:#3e5ebb;
    color:#fff;
    border:solid 3px #6c85cb;
    text-align:center;
    padding:15px 0;
    word-wrap: break-word ;
}
#wrap #result-block div.chikentbl p.chikens003{
    font-weight:bold;
    background:#3ebb6d;
    color:#fff;
    border:solid 3px #6ccb90;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word ;
}
#wrap #result-block div.chikentbl p.chikens004{
    font-weight:bold;
    background:#e2813a;
    color:#fff;
    border:solid 3px #e99f69;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word ;
}
#wrap #result-block div.chikentbl p.chikens005{
    font-weight:bold;
    background:#7f7f7f;
    color:#fff;
    border:solid 3px #9d9d9d;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word ;
}
#wrap #result-block div.chikentbl p.chikens006{
    font-weight:bold;
    background:#4c4c4c;
    color:#fff;
    border:solid 3px #777777;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word ;
}
/*#wrap #result-block table td:last-child,#wrap #result-block table th:last-child {*/
/*    border-right:none;*/
/*    border-bottom:1px solid #ccc;*/
/*}*/
#wrap #result-block table tr:last-child td{
    border-bottom:none;
}
#wrap #result-block ul.pageNav {
    margin: 0 0 10px;
    padding: 10px 10px 5px;

    text-align: center;
}

#wrap #result-block ul.pageNav li {
    display: inline;
    margin: 0 2px;
    padding: 0;
}

#wrap #result-block ul.pageNav li span,
#wrap #result-block ul.pageNav li a {
    display: inline-block;
    margin-bottom: 5px;
    padding: 1px 8px;
    background: #fff;
    border: 1px solid #ccc;
    text-decoration: none;
    vertical-align: middle;
    color:#000;
}

#wrap #result-block ul.pageNav li a:hover {
    background: #EF7C67;
    color:#fff;

}
#wrap #result-block ul.pageNav li span {
    background: #EF7C67;
    color:#fff;


}

.sort-btn{
    display:none;
}

#wrap #sort-block{
    float:right;
    width:220px;
}
#wrap #sort-block .box{
    border:1px solid #ccc;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:10px;
    margin-bottom:20px;

}
#wrap #sort-block .box .title{
    font-size:108%;
    font-weight:bold;
    margin-bottom:5px;
}
#wrap #sort-block .box ul{
    margin-top:0px;


}
#wrap #sort-block .box ul li{
    background:url(../../images/sort_ico1.png) left 4px no-repeat;
    padding-left:20px;
    font-weight:normal;
}
#wrap #sort-block .box ul li ul li{
    background:url(../../images/sort_ico2.png) left 6px no-repeat;
    padding-left:12px;
}

#wrap #sort-block .box ul li.active{
    background:url(../../images/sort_ico1.png) 5px 5px no-repeat;
    background-color:#fbe4e0;
    padding:2px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left:25px;
    font-weight:normal;
}

#wrap #sort-block .box ul li ul li.active{
    background:url(../../images/sort_ico2.png) 5px 9px no-repeat;
    background-color:#fbe4e0;
    padding:2px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left:20px;
    font-weight:normal;
}
#wrap #sort-block .box .stit{
    background:url(../../images/sort_ico1.png) left 4px no-repeat;
    padding-left:20px;
}
#wrap #sort-block .box .stit{
    background:url(../../images/sort_ico1.png) left 4px no-repeat;
    padding-left:20px;

}
#wrap #sort-block .box input[type="submit"]{
    border:1px solid #CF6450;
    border-bottom:3px solid #CF6450;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:5px 0;
    background:#E66F59;
    color:#fff;
    text-align:center;
    display:block;
    width:100%;
    margin-top:10px;
}


#wrap #sort-block .box input[type="submit"]:hover {
    opacity: 0.8;

    /* IE */
    filter: alpha(opacity=0.8);
}

#wrap #sort-block .box a {
    color: #000000;
    text-decoration: none;
}
#wrap #sort-block .box a:link,#wrap #sort-block .box a:visited {
    color:#000;
    text-decoration: underline;
}
#wrap #sort-block .box a:hover,#wrap #sort-block .box a:active {
    color:#000;
    text-decoration: none;
    text-decoration: underline;
}
#wrap #result-block .anq .tit{color:#d54e34;font-weight:bold;}
#wrap #result-block .anq{background:#fef4f2;border:1px solid #f89787;margin:40px 0;padding:10px;text-align:center;}

#wrap #sort-block .SearchSlct{
    width: 200px
}
/* =========================================================
戻るリンク
========================================================= */
.return{
    margin-top:30px;

}
/* =========================================================
ボタン関連
========================================================= */
/* 詳細画面のボタン一覧 */
.btn-area {
    overflow:hidden;
    width:360px;
    margin:0 auto 30px;

}
/* 検索結果一覧用 クリップボタン共通設定 */
/* 「クリップする」ボタン共通 */
.do-clip a {
    background: #5288DE;
    border: solid 2px #6094E8;

    display: block;
    color: #fff;
    text-decoration: none;

    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
}
.do-clip a:hover {
    background: #75A0E5;
    border: solid 2px #80A9ED;

    text-decoration: none;
}
/* 「クリップ済み」ボタン共通 */
.already-clipped a {
    background: #bbbbbb;
    border: solid 2px #cccccc;

    display: block;
    color: #fff;
    text-decoration: none;

    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
}
.already-clipped a:hover {
    background: #cccccc;
    border: solid 2px #dcdcdc;

    display: block;
    color: #fff;
    text-decoration: none;
}

/* 検索結果用「クリップする」ボタン */
#wrap #result-block .do-clip a {
    background: #5288DE url(../../images/clip_btn2.png) center 3px no-repeat;

    font-size: 85%;
    color: #fff;

    text-align: center;
    padding: 25px 0 5px;
    text-decoration: none;
}
#wrap #result-block .do-clip a:hover {
    background: #75A0E5 url(../../images/clip_btn2.png) center 3px no-repeat;
}

#wrap #result-block .already-clipped a {
    background:#bbbbbb url(../../images/clip_btn2.png) center 3px no-repeat;

    font-size:85%;
    color: #fff;

    text-align:center;
    padding: 25px 0 5px;
    text-decoration: none;
}

#wrap #result-block .already-clipped a:hover {
    background: #cccccc url(../../images/clip_btn2.png) center 3px no-repeat;
    border: solid 3px #dcdcdc;
}

/* 検索結果用「クリップする」ボタン (細形) */
#wrap #result-block p.already-clipped-thin {
    width: 100px;
    font-weight: bold;
    font-size: 85%;
    color: #fff;
    border: solid 3px #ccc;
    text-align: center;
    padding: 5px 12px;
    border-radius: 4px !important;
    background: #bbb url(../../images/clip_btn2.png) left 3px no-repeat;
    background-position: 5px;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
}
#wrap #result-block p.already-clipped-thin span {
}
/* 検索結果リスト中の「クリップする」 (細形) */
#wrap #result-block p.clip-thin {
    width: 100px;
    font-weight: bold;
    font-size: 85%;
    color: #fff;
    border: solid 3px #6094E8;
    text-align: center;
    padding: 5px 12px;
    background: #5288DE url(../../images/clip_btn2.png) left 3px no-repeat;
    background-position: 5px;
    border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
}
#wrap #result-block p.clip-thin span {

}

/* 詳細画面用「クリップする」ボタン */
.btn-area .do-clip {
    float:left;
}
.btn-area .do-clip a {
    padding:8px;
    width:300px;
    font-size:139%;
    text-align:center;
    margin-left:20px;
    margin-top: 8px;
    color:#fff;
    display:block;
}
.btn-area .already-clipped {
    float:left;
}
.btn-area .already-clipped a {
    padding:8px;
    width:300px;
    font-size:139%;
    text-align:center;
    margin-left:20px;
    margin-top: 8px;
    color:#fff;
    display:block;
}


/* 外部サイトで詳細を確認するボタン */
.btn-area .syousaibtn{
    float:left;
}
.btn-area .syousaibtn a {
    background:#3A934F;
    border:2px solid #5BB06F;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:8px;
    width:300px;
    font-size:139%;
    text-align:center;
    margin-left:20px;
    color:#fff;
    display:block;
}
.btn-area .syousaibtn a:hover{
    background:#61A972;
    border:2px solid #7CC08C;
    text-decoration: none;
}

#breadcrumbs-three a{
    padding: .5em 1em .5em 0em;
    text-decoration: none;
    color: #444;
    background: #EFEFEF;
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-radius: .4em 0 0 .4em;

    margin-left:130px;
}

#breadcrumbs-three a:hover{
    background: #f8ebe9;
}



.anq input[type="submit"]{
    border:1px solid #CF6450;
    border-bottom:3px solid #CF6450;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:2px 5px;
    background:#E66F59;
    color:#fff;
    text-align:center;
    margin-top:10px;
}


.anq input input[type="submit"]:hover {
    opacity: 0.8;

    /* IE */
    filter: alpha(opacity=0.8);
}



/* =========================================================
1clum center
========================================================= */
#wrap #main-block{
    width:750px;
    margin:0 auto;
}

/* =========================================================
result 結果
========================================================= */
#result-item .japicid{
    color:#999;
}

#result-item  em{ 	background-color: #F6CED8!important; }

#result-item .signupdate{
    font-size:124%;
    overflow:hidden;

}
#result-item .signupdate p{
    float:left;
    margin-right:20px;

}
#result-item .signupdate span{
    color:#ff0000;
}
#result-item h2{
    background:#FFFAD0;
    padding:10px;
    font-size:130%;
    font-weight:bold;
    margin:10px 0 20px;
}
#result-item h3{
    padding:10px;
    font-size:154%;
    font-weight:bold;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 69%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border:solid 1px #ccc;
    border-bottom:#F89787 2px solid;
    line-height:1;

}


#result-item h3 p{
    background:url(../../images/resuit_icon_04.png) left center no-repeat;
    padding:6px 0 6px 30px;
    font-weight:;
    color:#ee7f6c;
}

#result-item table{

    border:solid 1px #ccc;
    width:100%;
    border-top:none;
    border-collapse:separate;
    margin-bottom:20px;
}
#result-item table tr{
    background:#FFF6F5;
    z-index:-1;

}
#result-item table tr:nth-child(2n){
    background:none;

}

#result-item table th,#result-item table td{
    padding:15px 10px;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;

}
#result-item table td{
    border-right:none;

}

#result-item table td ,#result-item table th{
    word-break: break-all;

}
#result-item table tr:last-child th,#result-item table tr:last-child td{
    border-bottom:none;


}

#result-item table.col-2{
    border-bottom:none;

}
#result-item .col-2 .fl-l,#result-item .col-2 .fl-r{
    width:365px;

}

#result-item table.basic th{
    width:25%;

}
#result-item table.test th{
    width:25%;

}
#result-item table.target th{
    width:18%;

}
#result-item table.contact{
    margin-bottom:5px;
}
#result-item table.contact th{
    width:25%;
    padding-bottom:5px;
    word-wrap: break-word;
}


#result-item .contact h3 p{
    background:url(../../images/contact_h3.png) left center no-repeat;
    padding:6px 0 6px 30px;
    font-weight:;
    color:#ee7f6c;
}
#result-item .kanren h3{
    padding:10px;
    font-size:154%;
    font-weight:bold;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 69%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 69%,rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border:solid 1px #ccc;
    border-bottom:#f4bf63 2px solid;
    line-height:1;

}
#result-item .kanren h3 p{
    background:url(../../images/resuit_icon_05.png) left center no-repeat;
    padding:6px 0 6px 30px;
    font-weight:;
    color:#ed9a17;
}

#result-item .kanren table{

    border:solid 1px #ccc;
    width:100%;
    border-top:none;
    border-collapse:separate;
    margin-bottom:20px;
}
#result-item .kanren table tr{
    background:#fff8ed;
    z-index:-1;

}
#result-item .kanren table tr:nth-child(2n){
    background:none;

}


/* =========================================================
basic
========================================================= */
#search-result.basic .fl-l{
    width:100px;
}
#search-result.basic .box{
    overflow:hidden;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:10px;

}

#search-result.basic h2{
    background:none;
    margin:0;
    padding:0;

}

#search-result.basic .box em{
    background-color: #F6CED8!important;
}
#search-result.basic .fl-r{
    width:630px;
    padding-top:5px;
}
#search-result.basic h3 a{
    font-size:120%;
    line-height:1;
    display:block;
    margin-bottom:5px;
}
#search-result.basic h3 span{
    font-size:;
    color:#999;
    display:block;
    margin-bottom:5px;
}
#bnr{
    position:fixed;
    top:50%;
    left:50%;
    background:#FFFFD9;
    border:solid 2px #FFCC99;
    padding:20px;
    z-index:9999;
    width:500px;
    margin-left: -250px;
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
    color:#74420C;
}
#bnr p{
    margin-bottom:10px;
}
#bnr div{
    position:relative;
    overflow:hidden;
    margin-bottom:10px;

}
#bnr div ul{
    position:relative;
    left:50%;
    float:left;

}
#bnr div ul li{
    position:relative;
    left:-50%;
    float:left;

}
#bnr a{
    display:block;
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;

    border:solid #fff 1px;
    background:#FFCC99;
    padding:5px 10px;
    margin-right:10px;
    color:#000;

}
#bnr a:hover{
    background:#F89787;
    color:#000;
}
/* =========================================================
pages
========================================================= */
body#index article#pages h3{
    margin-top:10px;
}

article#pages h3{
    padding:0px;
    font-size:124%;
    font-weight:bold;
    background:none;
    margin-top:40px;
    color:#000;
}


article#pages #result-header p{

    margin:20px 10px;
}
article#pages h3 p{
    padding:12px 0 20px 50px;
    font-weight:bold;
}

article#pages ul.topics li{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:solid 1px #ccc;
}
article#pages ul.topics li span{
    display:block;
    font-weight:bold;
}
article#pages ul.topics li:last-child{
    margin-bottom:0px;
    padding-bottom:10px;
    border-bottom:none;
}
/* =========================================================
link
========================================================= */


article.links h3 p{
    background:url(../../images/link_h3.png) left center no-repeat;
    font-weight:bold;
}

article.links ul.link-list li{
    margin:0 0 15px 5px;
}
/* =========================================================
terms
========================================================= */
article.terms h3 p{
    background:url(../../images/terms_h3.png) left center no-repeat;
}
article.terms ol{padding:0 10px;}
article.terms ol li{position:relative; padding-left:30px;margin-bottom:20px;}
article.terms ol li:before{display:block;float:left;position:absolute;left:0;top:0;}
article.terms ol li:nth-child(1):before{content:"1)";}
article.terms ol li:nth-child(2):before{content:"2)";}
article.terms ol li:nth-child(3):before{content:"3)";}
article.terms ol li:nth-child(4):before{content:"4)";}
article.terms ol li:nth-child(5):before{content:"5)";}

article.terms p{padding:0 px;line-height:1.5;}


article.contact h3 p{
    background:url(../../images/contact_h3.png) left center no-repeat;
    margin:0!important;
}

/* =========================================================
about
========================================================= */
article#pages.about h3{
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
    background:#FCE3DE;
    padding:30px 10px;
    color:#EC7C68;
    font-size:25px;
    line-height:1;
}
article#pages.about #result-block .block{
    /* box-shadow */
    box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
    -webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
    -moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
    padding:20px;
    margin-top:30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}




article#pages.about #result-block h4{
    color:#EC7C68;
    font-size:22px;
    font-weight:bold;
    padding-left:25px;
    padding-bottom:10px;
    margin-bottom:10px;
    background:url(../../images/about_h4.png) left 4px no-repeat;
    margin-top:40px;

}
article#pages.about #result-block h5{
    color:#EC7C68;
    font-size:22px;
    font-weight:bold;
    padding-left:25px;
    padding-bottom:0px;
    margin-bottom:10px;
    background:url(../../images/about_h4.png) left 4px no-repeat;
    margin-top:40px;

}
article#pages.about #result-block .aboutlist{
    padding-left: 20px;

}
article#pages.about #result-block .aboutlist li{
    list-style-image: url("../../images/sort_ico1.png");
    margin-bottom:10px;
}
article#pages.about #result-block .block h4{
    color:#EC7C68;
    font-size:22px;
    font-weight:bold;
    padding-left:0px;
    padding-bottom:10px;
    border-bottom:solid 1px #ccc;
    margin-bottom:10px;
    background-image:none;	margin-top:0px;

}
article#pages.about #result-block .block p{
    padding:10px 0;

}
article#pages.about #result-block .block i.cir-pt1{
    content:"";
    color:#fff;
    font-weight:bold;
    left:9px;
    top:0px;
    z-index:2;	font-size:22px;
    width:35px;
    display:inline-block;
    text-shadow: 2px 2px 2px rgba(52, 117, 2, 1);
    position:relative;
    margin-right:5px;
}
article#pages.about #result-block .block i.cir-pt1:before{
    content:"";
    -moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;
    background:#58C43D;
    width:35px;
    height:35px;
    left:-9px;	top:0px;
    position:absolute;
    z-index:-1;
}
article#pages.about #result-block .block .ic-a{
    position:relative;
    font-size:18px;
    font-weight:bold;
    padding-left:45px;
    margin-bottom:10px;
}

article#pages.about #result-block .block .ic-a:before{
    content:"A";
    background:#EB8076;
    width:35px;
    left:0px;	top:0px;
    position:absolute;
    z-index:-1;
    text-align:center;
    color:#fff;
    padding:7px 0;
    line-height:1;

}
article#pages.about #result-block .block .ic-b{
    position:relative;
    font-size:18px;
    font-weight:bold;
    padding-left:45px;	margin-bottom:10px;
}

article#pages.about #result-block .block .ic-b:before{
    content:"B";
    background:#699BCC;
    width:35px;
    left:0px;	top:0px;
    position:absolute;
    z-index:-1;
    text-align:center;
    color:#fff;
    padding:7px 0;
    line-height:1;

}
.cs-pt1{
    position: relative;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-left-color: #999;
}

.cs-pt1:after{
    position: absolute;
    content: '';
    top: -8px;
    left: -32px;
    width: 16px;
    height: 16px;
    background: #999;
}
article#pages.about #result-block .toimg{
    text-align:center;
    margin:40px 0 40px 0;

}
article#pages.about #result-block .block2{
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
    padding-bottom:10px;

}
article#pages.about #result-block .block2 strong{
    display:block;
    font-size:15px;

}
/* =========================================================
about4 用語集
========================================================= */
div#yougo {
    margin:30px 0;
}

div.yougonav {
    position:relative;
    overflow:hidden;
    margin-bottom:10px;
}

div.yougonav ul {
    position:relative;
    left:50%;
    float:left;
}

div.yougonav li {
    position:relative;
    left:-50%;
    float:left;
    margin-right:10px;
}
div.yougonav li:last-child {
    margin-right:0px;
}
div.yougonav li a {
    display:block;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:#ed7d6a;
    padding:5px 10px;
    text-align:center;
    color:#fff;
    font-size:25px;
}
div.yougonav li a:hover {
    text-decoration:none;
    background:#d67565;
}
div.yougoresult {
    margin-bottom:50px;
}
div.yougoresult dl {
    border-top:1px solid #ccc;

}
div.yougoresult dt {
    background:url(../images/sort_ico1.png) left 7px no-repeat;
    font-weight:bold;
    padding:0 0 0 18px;
    font-size:16px;
    margin-top:20px;
    margin-bottom:10px;
    margin:20px 10px 10px;
}
div.yougoresult dd {
    border-bottom:1px solid #ccc;
    padding:0 10px 20px 28px;

}

.yougopanels > .yougoresult {
    display: none;
}
.yougopanels > .yougoresult.active {
    display: block;
}


/* =========================================================
search.html
========================================================= */

div.searchnav ul {
    width:610px;
    margin:0 auto;
    overflow:hidden;
}

div.searchnav li {
    float:left;
    width:50%;
}
div.searchnav li:last-child {
    margin-right:0px;
}
div.searchnav li a {
    display:block;
    background:#fff;
    padding:10px 10px;
    border:solid 1px #ccc;
    text-align:center;
    color:#000;
    border: #777 1px solid;
    border-bottom:none;
}
div.searchnav li:nth-child(2n) a {
    border-left:none;
}


div.searchnav li a:hover {
    text-decoration:none;
    background:#999;
    color:#fff;
}
div.searchnav li.active a {
    text-decoration:none;
    background:#999;
    color:#fff;
}
div.searchpanels {
    margin-bottom:50px;
    width:610px;
    margin:0 auto;

}

div.searchresult {
    margin-bottom:50px;
    height:740px;
    margin:0 auto;
    overflow:auto;
    border: #777 1px solid;
    padding:10px;

}


.searchpanels .searchresult {
    display: none;
}
.searchpanels .searchresult.active {
    display: block;
}

div.searchresult p {
    padding: 10px 10px;
}

div.searchresult h1 {
    color:#EC7C68;
    font-size:22px;
    font-weight:bold;
    padding-left:25px;
    padding-bottom:0px;
    margin-bottom:0px;
    background:url(../../images/about_h4.png) left 4px no-repeat;
    margin-top:10px;
}
div.searchresult h2 {
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
    background:#FCE3DE;
    padding:10px 10px;
    color:#EC7C68;
    font-size:120%;
    line-height:1;
}
@media print {
    div.searchresult {
        height:auto!important;
        overflow:visible!important;
    }
    div.searchnav,.printbtn {
        display:none!important;
    }

}

/* =========================================================
check
========================================================= */
article#pages.about h3.checktit{
    background:url(../../images/check_h3.png) left top no-repeat;
    margin:0 0 20px 0;
    text-align:center;
    padding:20px 0 35px;
    font-size:26px;
    line-height:1.2;
    color:#000;
}
article#pages.about .checksheet{
    background:url(../../images/check_bg1.png) left top repeat;
    padding:15px;
    width:612px;
    margin:20px auto;
}
article#pages.about .checksheet .box{
    background:#fff;
    padding:20px;
}
article#pages.about .checksheet .box p{

}
article#pages.about .checksheet .box dl{
    padding:0 10px;
}
article#pages.about .checksheet .box dl dt{
    margin-bottom:15px!important;
    position:relative;
    padding-left:25px;
    box-sizing:border-box;

}
article#pages.about .checksheet .box dl dd{
    margin-bottom:25px!important;
}
article#pages.about .checksheet .box dl dt:before{
    position:absolute;
    top:0;left:0;
}


article#pages.about .checksheet .box ul li{
    font-weight:bold;
    font-size:15px;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
    position:relative;
    padding-left:0px;		box-sizing:border-box;

}
article#pages.about .checksheet .box ul li label{
    box-sizing:border-box;
    margin:0;padding:0;
}
article#pages.about .checksheet .box ul textarea{
    width:100%;
    display:block;
    margin-top:10px;
}
article#pages.about .checksheet .box ul input[type=checkbox] { display: none; }
article#pages.about .checksheet .box ul input[type=checkbox]:checked + .checks:before { opacity: 1; }
article#pages.about .checksheet .box ul .checks { font-weight:bold;box-sizing: border-box; position: relative; display: inline-block; margin: 0 20px 0 0; padding: 0 0 0 30px; vertical-align: top; cursor: auto; }
article#pages.about .checksheet .box ul .checks:after { position: absolute; top: 14px; left: 0; display: block; margin-top: -12px; width: 18px; height: 18px; border: 2px solid #bbb; border-radius: 3px; content: ''; }


.bannerbox{
    padding-bottom:10px;
}
.oldsite{
    position:absolute;
    bottom:0;
    padding-bottom:0;
}
/* =========================================================
index
========================================================= */

body#index #topimg{
    text-align:center;
    border-top:7px solid #F89787;
    padding:20px 0;

}

body#index #topimg #topimgbox{
    width:1000px;
    margin:0 auto;

}

body#index h3:first-child{
    margin-top:0;
}
/*index*/
body#index #searcharea{
    background:#fff;
    padding:10px 0;
    position:relative;
}

body#index #searcharea-in {
    width:100%;
    margin:0 auto;
    text-align:center;
}
body#index #searcharea-in input {
    float:none;
    display:block;
}
body#index #searcharea-in input[type="text"]{
    width:680px;
    font-size:14px;
    padding:10px 10px;
    display:inline-block!important;
    margin-bottom:20px;
    border: solid 1px #CCC;
    outline: solid 3px #ffdad3;
}
body#index #searcharea-in input[type="submit"]{
    background:#FF7C68;
    border:2px solid #FB9586;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    width:100%;
    color:#fff;
    width:150px;
    float:left;
    margin-left:300px;
    font-size:110%;
    font-weight:bold;

}

body#index #searcharea-in .cf{
    text-align:center;
}


body#index #searcharea-in .clipbtn {
    float:left;
    margin-right:10px;
    margin-left:10px;
    font-size:110%;
    text-align:center;
}

body#index #searcharea-in #cliplist {
    top:0;
    left:0;
}

.bnlink{
    margin-top:0px;
}

.bnlink p{
    margin:0px;
}

.bnlink .box{
    float:left;
    width:230px;
    border:solid 1px #ccc;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:10px 20px 12px 110px;
}
.bnlink .box:nth-child(1){
    background:url(../../images/ind_bnlink01.png) 5px 5px no-repeat;

}
.bnlink .box:nth-child(2){
    background:url(../../images/ind_bnlink02.png) 5px 5px no-repeat;

}
.bnlink .box:nth-child(3){
    background:url(../../images/ind_bnlink03.png) 5px 5px no-repeat;

}
.bnlink .box:nth-child(4){
    background:url(../../images/ind_bnlink04.png) 5px 5px no-repeat;

}
.bnlink .box:nth-child(2n){
    float:right;
}
.bnlink .box strong{
    display:block;
}
.bnlink .box:before{
    content:"";
    top:0;
    right:0;
    margin:5px;
    height:90%;
    width:10px;
    position:absolute;
    background:#EE7F6C url(../../images/bnlink_cs.png) center center no-repeat;
}
/*--boxlink--*/
.boxlink{
    position:relative;
    width:30%;
    padding:5%;
    border:solid 1px #CCC;
    margin:20px auto 0px;
}
.boxlink a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* =========================================================
footer
========================================================= */
footer{
    width:1000px;
    margin:30px auto;



}
footer .oldbn{
    display:none;
}
footer ul{
    background:url(../../images/f_bg.png) right bottom no-repeat;
    border-bottom:solid 7px #B6D77E;
    overflow:hidden;
    padding:10px 0;
}
footer ul li{
    float:left;
    padding:0px 5px;
    border-left:1px dotted #000;
    font-size:113%;
}
footer ul li:last-child{
    border-right:1px dotted #000;
}
footer ul li a:link,footer ul li a:visited{
    color:#333;
}
footer ul li a:hover{
    color:#666;
}
footer #copyright{
    text-align:right;
    color:#999;
}

/* =========================================================
top
========================================================= */


article.top h3.num1 p{
    background:url(../../images/ind_h301.png) left center no-repeat;
    font-weight:bold;
}
article.top h3.num2 p{
    background:url(../../images/ind_h302.png) left center no-repeat;
    font-weight:bold;


}
article.top h3.num3 p{

    padding:12px 0 10px 5px!important;
    font-weight:nomal;
    border-bottom: 1px dotted #ccc;
    color:#333;
    font-size:95%;
}

body#index .ind-lead{
    background:url(../../images/ind_main.png) right bottom no-repeat;
    background-color: #fef9de;
    min-height: 80px;
    margin:15px auto;
    width:900px;
    padding:20px 80px 20px 20px;
}

.toi_box{
    background-color: #fef9de;
    padding:20px;
    margin-bottom:15px;
}
.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 10px 10px;
    display: inline-block;
    margin: 10px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}
.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* Button 1 */
.btn-1 {
    border: 3px solid #ffefec;
    color: #dd4f37;
    background: #fdddd8;
}
/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
    color: #dd4f37;
    background: #f3beb5;

}

/* TabArea
-------------------------- */
#tab_area {
    margin: 0 auto;
    width: 610px;
    height: 750px;
    text-align: left;
    position: relative;

}

#tab_area dl {
    width: 610px;
    height: 740px;
    border: #777 1px solid;
    position: absolute;
}

#tab_area dl dt {
    top: 0;
    width: 305px;
    height: 40px;
    position: absolute;
    border-bottom: #777 1px solid;
    z-index: 5;
}
#tab_area dl#contents02 dt ,#tab_area dl#contents04 dt {
    border-left: #777 1px solid;
    border-right: #777 1px solid;
}


#tab_area dl#contents01 dt {left: 0;}
#tab_area dl#contents02 dt {left: 304px;}
#tab_area dl#contents03 dt {top:40px;left: 0px;}
#tab_area dl#contents04 dt {top:40px;left: 304px;}
#tab_area dl dt a {
    width: 305px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
}
#tab_area dl dt a:hover {background: #999;color:#fff;}

#tab_area dl dd {
    top: 81px;
    left: 0;
    height: 630px;
    position: absolute;
    opacity: 0;
    overflow-y: auto;
    padding:10px;
}

#tab_area dl dd p {
    padding: 10px 10px;
}

#tab_area dl dd h1 {
    color:#EC7C68;
    font-size:22px;
    font-weight:bold;
    padding-left:25px;
    padding-bottom:0px;
    margin-bottom:0px;
    background:url(../../images/about_h4.png) left 4px no-repeat;
    margin-top:10px;
}
#tab_area dl dd h2 {
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
    background:#FCE3DE;
    padding:10px 10px;
    color:#EC7C68;
    font-size:120%;
    line-height:1;
}
/* CSS3 TabAnimation
-------------------------- */
@-webkit-keyframes TabSwitch {
    0% {background: #fff;}
    100% {background: #777;}
}
#tab_area dl:target dt a {
    -webkit-animation-name: TabSwitch;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    color: #fff;
    font-weight: bold;
    background: #777;
}

@-webkit-keyframes ContentsSwitch {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
#tab_area dl:target dd {
    -webkit-animation-name: ContentsSwitch;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    z-index: 15;
}
.wish_list {
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px #ddd solid;
    border-spacing: 0; }
.wish_list thead {
    background-color: #EC7C68;
    color: #fff; }
.wish_list th {
    margin-bottom: 9px;
    padding: 9px 15px;
    border-left: 1px #fff solid;
    font-weight: normal; }
.wish_list th:first-child {
    border-left-width: 0; }
.wish_list tbody {
    vertical-align: top; }
.wish_list tbody td {
    border-left: 1px #ddd solid;
    padding: 5px; }
.wish_list tbody td:first-child {
    border-left-width: 0; }
.wish_list tr:nth-child(2n){
    background-color: #EAEAEA; }
.wish_list tbody td{
    border-bottom: 1px solid #CCC!important; }
.wish_list_mobile {
    display: none; }

.wish_list th,
.wish_list td {
    display: table-cell; }

.wish_list td:before {
    display: none; }

.wish_list tr:nth-child(even) {
    background-color: #eaeaea; }
.wish_list td {
    padding: 9px 15px; }
.wish_list td:before {
    display: none; }
.wish_list .date {
    width: 6em; }


/* =========================================================
Linkbooks
========================================================= */

article.links .books{

}

article.links .books-box{
    float: left;
    width:200px;
    text-align:center;
    margin:10px;
    padding-top:10px;
    border-left: dotted 1px #ccc;

}
article.links .books-box:last-child{
    border-left: dotted 1px #ccc;
    border-right: dotted 1px #ccc;
}
article.links .books-img{

}

article.links .books-tit{
    text-align:left;
    padding:10px;
}
article.links h4{
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
    background:#FCE3DE;
    padding:10px;
    color:#EC7C68;
    font-size:124%;
    line-height:1;
    margin:15px 0;
}
@include box-shadow(0 2px 10px rgba(#000,.2));
li {
    list-style:none;
}
a,
.toggle {
    text-decoration:underline;
    color: #333333;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
&:hover {
     background-color:#eee;
 }
}
.toggle {
&:after {
     display:block;
     content:"";
     width:5px;
     height:5px;
     position:absolute;
     top:50%;
     right:10px;
     margin-top:-5px;
     border-top: solid 3px #333;
     border-right: solid 3px #333;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -webkit-transition: .2s ease-in-out;

 }
&.open {
     font-weight: bold;
 }
}
li ul {
    display: none;
    background:none;
    margin:0;
    font-size:small;
    overflow:hidden;
li {
a {
    line-height:20px;
    color:#fff;
&:after {
     display:none;
 }
&:hover {
     background-color:#666;
 }
}
}
}
}
#wrap #result-block section h4{
    -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
    background:#FCE3DE;
    padding:10px;
    color:#EC7C68;
    font-size:124%;
    line-height:1;
}


/* =========================================================
analysis
========================================================= */
#wrap.analysis #result-block .tablebox{
    width:100%;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    box-sizing:border-box;
    display:table;
    margin-bottom:20px;

}
#wrap.analysis #result-block .tablebox p{
    border-bottom:1px solid #ccc!important;
    border-right:1px solid #ccc!important;
    box-sizing:border-box;
    display:table-cell;
}
#wrap.analysis #result-block .tablebox span:first-child{
    background:#f8f8f8;
    border-bottom:1px solid #ccc!important;

}
#wrap.analysis #result-block .tablebox span{
    display:block;
    padding:8px;
    text-align:center;
    height:20px;

}
#wrap.analysis #result-block .tablebox span.long{
    width:150px;

}
#wrap.analysis #result-block{
    float:none;
    width:100%;

}
#wrap.analysis #sort-block{
    display:none;

}


body#index article#pages dl.top_topics {
    overflow: hidden;
    zoom: 1;
    padding-top:20px;
}
body#index article#pages dl.top_topics dt {
    width: 130px;
    float: left;
    clear: both;
    background:url(../../images/sort_ico1.png) left 4px no-repeat;
    padding-left:20px;
    padding-bottom:10px;
    font-weight:bold;
}
body#index article#pages dl.top_topics dd {
    padding: 0 0 5px 150px;
    padding-bottom:10px;
}


body#index article#pages dl.top_topics {
    overflow: hidden;
    zoom: 1;
    padding-top:20px;
}
body#index article#pages dl.top_topics dt {
    width: 130px;
    float: left;
    clear: both;
    background:url(../../images/sort_ico1.png) left 4px no-repeat;
    padding-left:20px;
    padding-bottom:10px;
    font-weight:bold;
}
body#index article#pages dl.top_topics dd {
    padding: 0 0 5px 150px;
    padding-bottom:10px;
}

article.top h3.num4{
    border:solid 1px #ddd;
    -moz-border-radius: 5px 5px 0px 0px; /* FF */
    -webkit-border-radius: 5px 5px 0px 0px;/* Webkit */
    border-radius: 5px 5px 0px 0px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top,  #fff,  #eee);
    padding: 0px;
    -pie-background:linear-gradient(top,  #fff,  #eee);
}
article.top h3.num4 p{
    border-bottom:3px solid #F89787;
    padding:10px!important;
    color:#777;
    font-size: 85%;

}

body#index article#pages dl.top_topics2 {

    overflow: hidden;
    zoom: 1;
    padding:10px 10px 0px  10px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-bottom:30px;
}
body#index article#pages dl.top_topics2 dt {
    width: 135px;
    float: left;
    clear: both;
    background:url(../../images/sort_ico1.png) left 4px no-repeat;
    padding-left:20px;
    padding-bottom:10px;
    font-weight:bold;
}
body#index article#pages dl.top_topics2 dd {
    padding: 0 0 5px 155px;
    padding-bottom:10px;
}

.answer p {
    padding:10px 25px;
}
.faqbox .answer {
    display: none;
}
.faqbox .title {
    text-decoration:none;
    color: #333333;
    font-size:124%;
    cursor: pointer;
    font-weight:bold;
    background:url(../../images/sort_ico1.png) left 5px no-repeat;
    padding-left:25px;
    -webkit-transition: .2s ease-in-out;
&:hover {
     background-color:#eee;}}

.faqbox .open{
    background:url(../../images/sort_ico1_o.png) left 5px no-repeat;
}
#accordion3{padding:15px;}
#accordion3 .faqbox{padding:15px 0;border-bottom:1px solid #ddd;}
#accordion3 .faqbox .answer ul{ padding:10px 20px 10px 40px;}
#accordion3 .faqbox .answer ul li{list-style-type: disc; padding-bottom:10px;}

/* =========================================================
down
========================================================= */

#down {background-color: #F7F7F7;
    border-bottom:1px solid #DDD;
    color:#777;
    font-size: 93%;}

#down #downbox {width:1000px;
    margin:auto;
    padding:3px;}


#down a {
    color: #0066C0;
    text-decoration: none;
}
#down a:link,article a:visited {
    color: #0066C0;
    text-decoration: none;
}
#down a:hover,article a:active {
    color: #0066C0;
    text-decoration: underline;
}


#down2 {background-color: #FEF4F2;
    border:1px solid #F89787;
    font-size: 93%;
    margin-top:20px;}

#down2 #downbox {
    padding:10px;}

#down2 #downbox .tit {
    color:#D54E34;
    font-weight:bold;
}


#down2 a {
    color: #0066C0;
    text-decoration: none;
}
#down2 a:link,article a:visited {
    color: #0066C0;
    text-decoration: none;
}
#down2 a:hover,article a:active {
    color: #0066C0;
    text-decoration: underline;
}

/*================================================ CUSTOM ==========================================================*/
#column-block {
    margin-left: 997px;
}

.custom-box {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

article .title-result, article .footer-result {
    width: 1000px;
    margin: 0 auto;
}

#wrap #filter-block {
    min-width: 21em;
    max-width: 22em;
    width: 40%;
    margin: 0 1em 0 1em;
    /*height: -moz-fit-content;*/
    /*height: -webkit-fit-content;*/
    display: inline-table;
}

#filter-block .filter-title {
    background: #ffd7d7;
    padding: 0.5em 0.5em 0.5em 0.8em;
    cursor: pointer;
}

#filter-block .filter-content {
    padding: 0.8em 0 0.8em 1em;
}

#filter-block .filter-content .sub-content {
    padding: 0.3em 0.8em;
}

#filter-block .filter-title span {
    font-size: 100%;
    font-weight: bold;
}

#filter-block .filter-content p {
    font-weight: bold;
}

#filter-block .filter-content .sub-content input, #filter-block .filter-content select, #filter-block .filter-content input {
    border: 1px solid #ccc;
    padding: 5px;
    color: #333;
    background: #fff;
    border-radius: 3px;
    /*background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) border-radius: 3px; );*/
    /*background: -moz-linear-gradient( top, #eee, #fff border-radius: 3px; );*/
    zoom: 1;
}

.addbtn {
    background: #a6a6a6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding: 3px 6px;
}

.deletebtn {
    background: #a6a6a6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding: 3px 6px;
}

.custom-row {
    display: flex;
    margin: 0 0 10px 0;
}

.custom-column {
    flex: 1;
}

.custom-select {
    width: 150px;
}

#wrap #filter-block .box ul li.active {
    background: url(../../images/sort_ico1.png) 5px 5px no-repeat;
    background-color: #fbe4e0;
    padding: 2px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left: 25px;
    font-weight: normal;
}

#wrap #filter-block .box ul li {
    background: url(../../images/sort_ico1.png) left 4px no-repeat;
    padding-left: 20px;
    font-weight: normal;
}

#wrap #filter-block .box {
    padding: 10px;
}

#wrap #filter-block .box a:link, #wrap #filter-block .box a:visited {
    color: #000;
    text-decoration: underline;
}

.submit-filter {
    border: 1px solid #CF6450;
    border-bottom: 3px solid #CF6450;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    padding: 5px 0;
    background: #E66F59;
    color: #fff;
    text-align: center;
    display: block;
    width: 93%;
    margin: 10px;
}

.parent-title {
    font-size: 110%;
    background: #F89787;
    text-align: center;
    font-weight: bold;
    padding: 0.5em;
    color: #fff;
}

#column-block .filter-content {
    padding: 8px;
}

/*=============== CSS Table Result ===============*/

#result-chiken tr[role='row'] th {
    border-bottom: none !important;
    padding: 6px;
    vertical-align: top;
    display: table-cell;
}

/*#result-chiken tr[role='row'] th:first-child {*/
/*    border-left: 1px solid #ccc;*/
/*    -moz-border-radius-topleft: 4px!important;*/
/*    -webkit-border-top-left-radius: 4px!important;*/
/*    border-top-left-radius: 4px!important;*/
/*}*/

/*#result-chiken tr[role='row'] th:last-child {*/
/*    border-right: 1px solid #ccc !important;*/
/*    -moz-border-radius-topright: 4px!important;*/
/*    -webkit-border-top-right-radius: 4px!important;*/
/*    border-top-right-radius: 4px!important;*/
/*}*/

#result-chiken {
    border: 1px solid #ccc;
    border-collapse: separate;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    width: 100%;
    border-bottom: none;
}

#result-chiken thead {
    font-weight: bold;
}

/*Bo border o nut clip*/
#result-chiken >  tbody > tr:not(.child):not(:last-child) > td:last-child {
    border-bottom: none !important;
}

#result-chiken >  tbody > tr:last-child > td:last-child {
    border-bottom: 1px solid #ccc !important;
}

/*Boi mau highlight*/
#result-block table#result-chiken tr em {
    background-color: #F6CED8!important;
}

/*Them border top cho tr:not(.child)*/
#result-chiken > tbody > tr:not(.child) > td {
    border-top: 1px solid #ccc;
}

#result-chiken th:not(:last-child) {
    border-right: 1px solid #ccc;
}

#result-chiken td {
    vertical-align: top;
}

#result-chiken > tbody > tr:last-child > td {
    border-bottom: 1px solid #ccc !important;
}

#result-chiken > tbody > tr:last-child > td:first-child {
    -moz-border-radius-bottomleft: 4px!important;
    -webkit-border-bottom-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
}

#result-chiken > tbody > tr:last-child > td:last-child {
    -moz-border-radius-bottomright: 4px!important;
    -webkit-border-bottom-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
}

/*#result-block table td:last-child {*/
/*    border-bottom: none;*/
/*}*/

/*Fix double border bottom of tr.child*/
/*#result-chiken tbody tr.child td.child {*/
/*    border-bottom: none !important;*/
/*}*/

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

/*=============== Color block column 進捗状況 ===============*/

#wrap #result-block table#result-chiken p.chikens001{
    font-weight:bold;
    background:#D35988;
    color:#fff;
    border:solid 3px #DC80A5;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word;
    width: 68px;
}
#wrap #result-block table#result-chiken p.chikens002{
    font-weight:bold;
    background:#3e5ebb;
    color:#fff;
    border:solid 3px #6c85cb;
    text-align:center;
    padding:15px 0;
    word-wrap: break-word;
    width: 68px;
}
#wrap #result-block table#result-chiken p.chikens003{
    font-weight:bold;
    background:#3ebb6d;
    color:#fff;
    border:solid 3px #6ccb90;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word;
    width: 68px;
}
#wrap #result-block table#result-chiken p.chikens004{
    font-weight:bold;
    background:#e2813a;
    color:#fff;
    border:solid 3px #e99f69;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word;
    width: 68px;
}
#wrap #result-block table#result-chiken p.chikens005{
    font-weight:bold;
    background:#7f7f7f;
    color:#fff;
    border:solid 3px #9d9d9d;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word;
    width: 68px;
}
#wrap #result-block table#result-chiken p.chikens006{
    font-weight:bold;
    background:#4c4c4c;
    color:#fff;
    border:solid 3px #777777;
    text-align:center;
    padding:5px 0;
    word-wrap: break-word;
    width: 68px;
}

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



/*=============== Xu ly  child row ===============*/

th.responsiveHeader {
    padding-left: 2em !important;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
    border: 1px solid #ccc;
}


tr.child > td.child > table > td:last-child {
    border-bottom: none !important;
}

td.responsiveContent {
    text-align: left;
    border: none !important;
}

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



/*=============== Fix header when scroll ===============*/

table.dataTable:not(#result-chiken) {
    border-collapse: separate;
    width: 100%;
    border-bottom: none;
    border-left: 1px solid #ccc;
}

table.dataTable > thead {
    font-weight: bold;
}

table.dataTable:not(#result-chiken) > thead > tr > th {
    border-bottom: 1px solid #ccc;
    padding: 6px;
    vertical-align: top;
    display: table-cell;
    border-right: 1px solid #ccc;
}

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


#wrap #result-block .do-clip a {
    max-width: 68px;
}


/*============================================= CUSTOM LIKE CLINICAL =============================================*/

div.ct-flexible {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#result-counts {
    line-height: 35px;
}

button.dt-button {
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

button.dt-button > span {
    padding: 2px;
    font-size: 12px;
}

a.dt-button {
    color: #000000 !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

#selectlimit {
    float: left;
    margin: 0.5em;
}

#wrap #filter-block .box ul li ul li {
    background: none left 0px no-repeat;
    padding-left: 0px;
}