@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:1000px;
	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{
	float:left;
	width:750px;
}
#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;
  }
  .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;
}

#about *,#about ::after,#about ::before {
    box-sizing: border-box;
}

.row {
	display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	margin-top: 0;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    max-width: 100%;
    height: auto;
}

.mt-3 {
	margin-top: 1.5rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.mb-5 {
	margin-bottom: 3rem !important;
}

.col-form-label {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
}

@media (max-width: 568px) {
	.col-mt {
		margin-top: 0.8rem !important;
	}
}