@charset "UTF-8";
/* CSS Document */
*{
margin: 0;
padding:0;
}

img {
vertical-align: bottom;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


a:link, a:visited {
    color: #297bd2;
    text-decoration: none;
}

area{
  border:none;
  outline:none;
}
.mt10 {
margin-top: 10px;
}

.mt20 {
margin-top: 20px;
}

.mr20 {
margin-right: 20px;
}

.pt10 {
padding-top:10px;
}

h2 span {
  border-left:5px #cf5392 solid;
  padding-left:10px;
}

.inner {
width:960px;
margin: 0 auto;
}

#header h1 {
font-size:12px;
}

#logo {
display: inline-block;
}

#right {
display: inline-block;
float:right;
}

#logo img {
max-width:100%;
}

#g_navi {
background-color:#fff;
height:25px;
}

#g_navi a {
text-decoration: none;
color:#e07ccc;
font-size:14px;
display:block;

}

#g_navi li {
    float: left;
    line-height: 27px;
    width: 16.54%;
    border-left: 1px solid #e07ccc;
    border-right: 1px solid #e07ccc;
    text-align: center;
}

#g_navi li+ li {
  border-left: 0;
  border-right: 1px solid #e07ccc;
}

#g_navi .inner ul {
list-style-type:none;
}

#mainContent {
width:960px;
}

#subContent {
    width: 680px;
    float: left;
}

#whatsNew li img {
margin-right: 10px;
}

#whatsNew li {
font-size:12px;
color:#ff0000;
float:left;
margin-right: 20px;
width:46%;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#whatsNew li a,
#whatsNew li a:visited {
color:#000000;
}


#whatsNew li:last-child {
margin-right: 0;
}

.title_bg_blue {
font-size:14px;
padding:5px 10px;
color:#ffffff;
background:#0222e4;
}

.sub_title {
background:url(../img/top/sub_title_bg.jpg);
width:330px;
height:30px;
line-height: 30px;
}

.sub_title p {
font-size:14px;
margin-left: 20px;
font-weight:bold;
}

.contents_area {
width:330px;
float:left;
}

.contents_area h3{
margin-top:5px;
    border-bottom: #cf5392 solid 2px;
    margin-bottom: 5px;
}

.contents_area h4{
margin-top:5px;
padding: .25em 0 .25em .75em;
  border-left: 6px solid #cf5392;
    margin-bottom: 5px;
    margin-left:5px;
}

.contents_area {
width: 960px;
bottom: 0;
    background: rgba(238,238,238,0.8);
}

#search_area {
/*width:680px;*/
width:960px;
    background-image: url(../img/top/backgroubnd.jpg);
        position: relative;
}

.search_post input[type="text"] {
    width: 75%;
    margin-right: 10px;
    height: 35px;
    margin-left: 30px;
}

.search_post input[type="submit"] {
    color: #ffffff;
    width: 70px;
    height: 40px;
    font-size: 18px;
background: #ff7200; /* Old browsers */
background: -moz-linear-gradient(top, #ff7200 0%, #ff8a00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7200 0%,#ff8a00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7200 0%,#ff8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#ff8a00',GradientType=0 ); /* IE6-9 */
}

#keyword_list {
line-height: 1.2;
    margin-left: 35px;
    margin-top: 10px;
}

#keyword_list a {
font-size:16px;
margin-right: 10px;
}

#right_side {
float:right;
width:260px;
}

#ad_side {
width:960px;
text-align:center;
}

.ad_side_detail img {
width:100%;
}

.ad_side_detail p {
font-size:12px;
width:100%;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top:5px;
}

.ad_side_detail span {
color:#ffffff;
margin-right: 5px;
font-size:10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:rgba(207,83,146,0.9);
padding:5px 10px;
}

.ad_side_detail a {
text-decoration: none;
margin-bottom: 10px;
}

.ad_side_detail a:hover {
opacity: 0.6;
}


.right_side_detail img {
width:100%;
}

.right_side_detail p {
font-size:12px;
width:100%;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right_side_detail span {
color:#ffffff;
margin-right: 5px;
font-size:10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:rgba(207,83,146,0.9);
padding:5px 10px;
}

.right_side_detail a {
text-decoration: none;
margin-bottom: 10px;
}

.right_side_detail a:hover {
opacity: 0.6;
}

#bnr_area img {
margin-top: 10px;
}

.sub_title_bg {
margin-top: 10px;
width:258px;
height:38px;
background:url(../img/top/right_sub_title.jpg)no-repeat;
border:#c6c6c6 1px solid;
}

.sub_title_bg p {
font-size:14px;
line-height:38px;
margin-left:10px;
font-weight:bold;
}

.right_side_detail {
border-right:#c6c6c6 1px solid;
border-left:#c6c6c6 1px solid;
border-bottom:#c6c6c6 1px solid;
width:248px;
padding:5px;
}

.ad_side_detail {
border-right:#c6c6c6 1px solid;
border-left:#c6c6c6 1px solid;
border-bottom:#c6c6c6 1px solid;
width:31%;
padding:5px;
margin-right:10px;
float:right;
height: 320px;
}


#footer {
margin-top: 20px;
background:#eeeeee;
}

#foot {
padding:10px;
}

#foot ul {
display: inline-block;
margin: 0 auto;
list-style-type:none;
}

#foot li {
float:left;
margin-right: 10px;
}

#address {
text-align: center;
font-size:10px;
}

#company {
text-align: right;
}

.searchArea {
width:330px;
float:left;
}

.searchArea dl {
margin-top: 10px;
}

.searchArea dt {
border-bottom:#0000ff solid 2px;
margin-bottom: 5px;
}

.searchArea dd {
font-size:14px;
}

.searchArea dd input[type="checkbox"] {
margin-right: 10px!important;
}

#submit {
text-align: center;
}

#submit input[type="submit"] {
color:#ffffff;
padding:5px 100px;
background: #ff7200; /* Old browsers */
background: -moz-linear-gradient(top, #ff7200 0%, #ff8a00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7200 0%,#ff8a00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7200 0%,#ff8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#ff8a00',GradientType=0 ); /* IE6-9 */
font-size: 18px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* new */
/* =13 module item new/reco
------------------------*/

.new h2,
.reco h2{
	margin:0 0 20px 0;
}

.new table,
.reco table{
	width:100%;
	font-size:80%;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	clear:both;
	border-collapse: collapse;
}
	
.new th,
.new td,
.reco th,
.reco td{
	text-align:center;
	line-height:150%;
	border-bottom:1px solid #ccc;
}

.new th,
.reco th{
	padding:7px 5px 6px 5px;
	background:#eee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
	font-size: 1.3em;
}

.new th a,
.reco th a{
	color:#333;
	text-decoration:none;
}

.new th a:hover,
.reco th a:hover{
	color:#666;
}

.new td,
.reco td{
	padding:7px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}

.new .point,
.reco .point{
	line-height:150%;
	margin:0 0 10px 0;
}

.new tr,
.reco tr{
	border-bottom:1px solid #ccc;
}

.new .detail a,
.reco .detail a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto;
}

.new .detail a,
.reco .detail a{
	background:url(img/btn_info.jpg) no-repeat 0 0;
}

.new .detail a:hover,
.reco .detail a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



.new .detail a,
.reco .detail a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto;
}

.new .detail a,
.reco .detail a{
	background:url(../img/btn_info.jpg) no-repeat 0 0;
}

.new .detail a:hover,
.reco .detail a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.new #main h2 {
font-size:20px;
text-align: left;
margin-block-start:0!important;
border-bottom:#ff88ac solid 1px;
padding:10px;
}

#main .news h2,
.h2_title h2 {
font-size:20px;
text-align: left;
margin-block-start:0!important;
border-bottom:#ff88ac solid 1px;
padding:10px;
}

table.detail{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

table.detail th,
table.detail td{
	border:1px solid #fff;
	line-height:150%;
	padding:5px;
}

table.detail th{
	width:35%;
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	text-align:left;
	background:#fff;
}

table.detail td a{
	color: #535252;
	outline: medium none;
	text-decoration: underline;
}

table.detail td a:hover{
	text-decoration: none;
}

#main .news ul {
list-style-type:none;
padding:10px;
}

#main .news ul li span {
font-size:10px;
}

#main .news ul li {
font-size:14px;
padding:10px;
margin-bottom: 5px;
background:#eeeeee;
}

.page_top {
	font-size:10px;
	text-align: right;
}

.page_top a:hover{
	opacity:0.6;
}

/*______ ページナビ ______*/

.page_navi p{
	font-size:90%;
	text-align:center;
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
}

.page_navi p strong{
	margin:0 5px 0 0;
}

.page_navi ul{
	font-size:78%;
	text-align:right;
}

.page_navi li{
	display:inline;
}

.page_navi li span {
	color:#fff;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:0.4em 0.7em;
	background-color:#f9ab16;
	border:1px #f9ab16 solid;
	font-weight:bold;
}

.page_navi li a{
	color:#333;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:0.4em 0.7em;
	border:1px #ccc solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#ccc;
}

.page_navi li a:hover,
.page_navi li a:active{
	border-color:#ccc;
	background-color:#f2f2f2;
}

.page_navi li.next a{
	width:32px;
	text-align:left;
	background:url(img/next.gif) no-repeat 33px 6px;
}

.page_navi li.back a{
	width:32px;
	text-align:right;
	background:url(img/back.gif) no-repeat 3px 6px;
}

/* =11 module item list
------------------------*/

.item_list h2{
	line-height:150%;
	border-left:7px solid #f97816;
	padding:0 0 0 10px;
	margin:20px 0 0 0;
}

.item_list h3{
	height:35px;
	display:block;
	padding:7px 10px 0 10px;
	background:#ff88ac;

}

.item_list h3 input{
	margin:0 10px 0 0;
	height: 18px;
    width: 18px;
}

.item_list h3 a{
	color:#fff;
	font-size:1.3em;
		font-weight:bold;
}

/*______ 一覧 ______*/

.list table{
	width:100%;
	font-size:90%;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	clear:both;
}
	
.list th,
.list td{
	text-align:center;
	line-height:150%;
	/border-bottom:1px solid #ccc;
}

.list th{
	padding:7px 5px 6px 5px;
	background:#eee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.list th a{
	color:#333;
	text-decoration:none;
}

.list th a:hover{
	color:#666;
}

.list td{
	padding:10px;
	text-align:left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}

.list .point{
	line-height:150%;
	margin:0 0 10px 0;
}

.list tr{
	border-bottom:1px solid #ccc;
}

.list tr.mark{
	background:#f6f9ff;
}

.list .title{
	font-weight:bold;
	color:#07a84b;
	font-size:120%;
	text-align:left;
	background:#f6f9ff;
	border-bottom:1px solid #ccc;
}

.list .title p{
	width:720px;
	float:left;
}

.list .title .update{
	width:230px;
	font-size:90%;
	font-weight:normal;
	color:#333;
	float:right;
	border-left:1px dotted #ccc;
}

.list .title .update span{
	margin:0 0 0 10px;
}


/*______ 詳細・応募ボタン ______*/

.list .btn{
	width:230px;
	_width:240px;
	margin:0 0 0 auto;
}

.list p.detail,
.list p.entry{
	float:left;
	margin:0 0 0 10px;
}

.list .detail a,
.list .entry a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.list .detail a{
	background:url(img/btn_info.jpg) no-repeat 0 0;
}

.list .entry a{
	background:url(img/btn_entry.jpg) no-repeat 0 0;
}

.list .detail a:hover,
.list .entry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.list .delete{
	width:20px;
	height:20px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:block; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
}

.list a.delete{
	background:url(img/btn_delete.gif) no-repeat 0 0;
}

.list a.delete:hover{
	background-position:0 -20px;
}

/*______ 詳細用テーブル ______*/

.item_list table {
border-collapse: collapse;
}

table.detail{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

table.detail th,
table.detail td{
	border:1px solid #fff;
	line-height:150%;
	padding:5px;
}

table.detail th{
	width:35%;
	text-align:center;
	background:#f8f8f8;
	font-weight: bold;
}

table.detail td{
	text-align:left;
	background:#fff;
}

table.detail td a{
	color: #535252;
	outline: medium none;
	text-decoration: underline;
}

table.detail td a:hover{
	text-decoration: none;
}


/*______ 詳細・応募ボタン ______*/

.list .btn{
	width:230px;
	_width:240px;
	margin:0 0 0 auto;
}

.list p.detail,
.list p.entry{
	float:left;
	margin:0 0 0 10px;
}

.list .detail a,
.list .entry a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.list .detail a{
	background:url(../img/btn_info.jpg) no-repeat 0 0;
}

.list .entry a{
	background:url(../img/btn_entry.jpg) no-repeat 0 0;
}

.list .detail a:hover,
.list .entry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.list .delete{
	width:20px;
	height:20px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:block; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
}

.list a.delete{
	background:url(../img/btn_delete.gif) no-repeat 0 0;
}

.list a.delete:hover{
	background-position:0 -20px;
}

.select_send {
	line-height:150%;
	margin:5px 0 0 5px;
	padding:0 0 0 25px;
	background:url(../img/icon_arrow1.gif) no-repeat left 50%;
}

/*______ フォーム ______*/

.form{
	padding:20px;
	border: double #ccc;
	margin:20px 0 0 0;
}

.form table{
	width:100%;
	font-size:80%;
}

.form table caption{
	color:#fff;
	font-size:120%;
	padding:7px;
	background:#74aed0;
}

.form tr{
	border-bottom:1px dotted #ccc;
}

.form th,
.form td{
	line-height:150%;
	padding:10px;
}

.form td{
	font-size: 110%;
}

.form th{
	text-align:left;
	vertical-align: top;
	background:#f6f9ff;
}

.form th span {
    background:#ff0000;
    color: #FFFFFF;
    font-size: 78%;
    margin: 0 0 0 10px;
    padding:3px 5px;
}

.form td{
	text-align:left;
}

.form td p{
	font-size: 90%;
	line-height:160%;
}

.form td.row label{
	width:43%;
	float:left;
}

.form .submit{
	width:150px;
	margin:0 auto;
}

.form td textarea {
width:95%!important;
}

.right_text {
text-align: right;
font-size:12px;
margin-top: 10px;
}

.error ul {
list-style-type:none;
}

.error ul li {
color:#ff0000;
font-size:12px;
margin-left: 10px;
}

.formTable th span{
font-size:10px;
}

/*______ チェックフォーム ______*/

.check{
	background:#fff;
	margin:0 10px;
	padding:20px;
}
	
.check table{
	width:100%;
	margin:0 0 10px 0;
}

.check table caption{
	color:#666;
	padding:10px 0;
	border-bottom: double #ccc;
}

.check th,
.check td{
	font-size:80%;
	border-bottom:1px dotted #ccc;
	padding:7px;
}

.check th{
	width:30%;
	text-align:center;
}

.check td{
	width:70%;
	text-align:left;
	line-height:180%;
}

.check .submit{
	width:300px;
	margin:0 auto;
}

#formWrap {
padding:0 10px;
margin-top: 20px;
}

#formWrap table {
width:100%;
font-size:14px;
}

#formWrap table th,
#formWrap table td {
vertical-align: top;
padding:5px;
}

#formWrap table td label {
white-space: nowrap;
}

#formWrap table td input[type="checkbox"] {
margin-right: 5px;
}

.table_title_bg1 {
background:#d9f3fe;
}

.table_title_bg2 {
background:#d9feef;
}

.table_title_bg3 {
background:#fcfed9;
}

.table_title_bg4 {
background:#fed9f3;
}

.table_title_bg5 {
background:#f5f1f1;
}

#formWrap .table_title {
border-bottom: #cccccc dotted 1px;
}

#formWrap table input[type="text"],
#formWrap table textarea {
width:100%;
resize: vertical;
}

#done {
font-size:14px;
padding: 10px;
}

.detail_style {
font-size:14px;
padding:10px;
}

.faq {
background:#eeeeee;
padding:5px;
margin-bottom: 20px;
}

.question {
font-weight:bold;
border-bottom:#0000ff solid 1px;
margin-bottom: 10px;
}

.question::before {
	content: "Q." ;
	white-space: pre ;
}

.answer {
padding-left:10px;
}

.answer::before {
	content: "┗ A." ;
	white-space: pre ;
}

.item_info h2 {
   /* width: 600px; */
    line-height: 150%;
    border-left: 7px solid #ff88ac;
    padding: 5px 0 0 15px;
    margin: 0 0 20px 0;
    float: left;
    font-size: 1.6em;
    font-weight: bold;
}

.item_info h2 span {
    font-size: 70%;
    display: block;
    border-style: none;
    padding:0;
}

.item_info .test {
    float: right;
    margin-bottom:15px;
}

.item_info .test .update {
    font-size: 80%;
    text-align: right;
}

.item_info .test .entry {
    margin: 15px 0 0 auto;
}

.item_info .entry {
    width: 215px;
    margin: 30px auto 0 auto;
}

.item_info .entry a {
    width: 215px;
    height: 40px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/btn_entry_full.gif) no-repeat 0 0;
}

.item_info .option {
    margin: 10px 0 0 0;
    clear: both;
}

.item_info .option ul {
    margin: 0 -4px 0 0;
}

.item_info .option li {
    width: 206px;
    padding: 5px 12px;
    margin: 0 4px 8px 0;
}

.option li {
    background:  #ff88ac;
    color: #ffffff;
    font-size: 98%;
    text-align: center;
    border: 1px solid  #ff88ac;
    border-radius: 3px;
    margin: 0 0 3px 0;
    display: -moz-inline-box;
    display: inline-block;
}

.item_info .photo li {
    width: 210;
    padding: 10px;
    border: 1px solid #ddd;
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

.item_info h3 {
    border-left: 5px solid #ff88ac;
    padding: 3px 0 3px 10px;
    margin: 30px 0 20px 0;
        font-size: 1.3em;
    font-weight: bold;
}

#google_ad {
margin-top:20px;
}
.title_bg_pink {
    font-size: 18px;
    padding: 5px 10px;
    color: #ffffff;
    background: #cf5392;
}

.banner_area{
margin-top:10px;
}

.banner_area a{
    display: inline-block;
    padding: 0.5em;
    text-decoration: none;
    /* background: rgba(207,83,146,0.8); */
    color: #000;
    /* box-shadow: 0px 0px 0px 5px #fff; */
    font-size: 20px;
    margin-top: 10px;
    margin-right: 18px;
    margin-bottom: 14px;
    margin-left: 18px;
    width: 79px;
    float: left;
    text-align: center;
    border: dashed 1px #000;
}

.banner_area a:hover {
  border: dotted 1px #FFF;
}

.banner_area a img{
    width: 21%;
    /* padding: 7px; */
    /* padding: 0.2em 0.5em; */
    margin: 1em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
    margin-left: 20px;
}

.keyvisual{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(../img/top/cover_01.jpg);
    background-repeat: no-repeat;
    z-index: -99;
    top: 100px;
    opacity:0.7;
}
.sliders-items{
}

#bnr_area img{
width:330px;
margin-right:7px;
}

#body-inside{
overflow-x: hidden;
}
.backimages{
background: url(../img/top/bokashiback.jpg);
text-align: center;
    background-position: center;
    background-size: cover;
}

.orverwidth2{
background: rgba(255,128,192,0.2);
text-align: center;
}

.orverwidth p{
padding:1em;
}

div#header {
    text-align: center;
}

div#bnr_area {
    text-align: center;
}

.btn-social-circle {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 30px;
  padding: 5px;
  font-size: 25px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  box-shadow: inset 0 2px 0px rgba(255, 255, 255, 0.25), inset 0 -2px 0px rgba(0, 0, 0, 0.18);
  transition: .2s;
}

.btn-social-circle:link,.btn-social-circle:visited{
  color: #FFF;
}

.btn-social-circle .fab {
  line-height: 30px;
}
.btn-social-circle:hover {
  box-shadow: none;
}

.btn-social-circle--twitter {
  background: #1da1f3;
  border: solid 5px #1da1f3;
}

.btn-social-circle--facebook {
  background: #3b75d4;
  border: solid 5px #3b75d4;
}

.btn-social-circle-- {
  background: #3b75d4;
  border: solid 5px #3b75d4;
}

.btn-social-circle--instagram {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #2e6ca5;
  font-size: 25px;
  text-decoration: none;
}


.btn-social-circle--instagram:link,.btn-social-circle--instagram:visited{
  color: #2e6ca5;
}


.btn-social-circle--instagram:hover {
  color:#668ad8;
  transition: .5s;
}

.btn-social-circle--instagram__square {
  border-radius: 13px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 35px;
  line-height: 50px;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden
}

.btn-social-circle--instagram__square:before {
  content: '';
  position: absolute;
  top: 23px;
  left: -18px;
  width: 60px;
  height: 60px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

.btn-social-circle--instagram__square .fa-instagram {
  color:white;
  line-height: 50px;
  position: relative;
  z-index: 2}
  
  
#header .btn{
    width: 200px;
    height: 46px;
    line-height: 47px;
    float: right;
        padding-top: 10px;
}
#header .btn a{
    height: 100%;
    font-weight: bold;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 5px 5px 0px 0px #DEDEDE;
    display: inline-block;
    padding: -0.5em;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    width: 100%;
    border: dashed 1px #000;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}

#headerleft {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    text-align: left;
    max-width: 305px;
}

#headerright {
    margin-top: 10px;
    margin-bottom: 5px;
float: left;
text-align: right;
width: 370px;
}
#logo {
float:left;
    padding-top: 10px;
}

.contents_left{
float:left;
width:45%;
text-align:left;
}

.contents_right{
float:left;
width:45%;
text-align:left;
}

.contents_area table{
width: 100%;
    border-collapse: separate;
    border-spacing: 0px 8px;
}

.contents_area table th{
    text-align: left;
    padding-left: 10px;
    margin-top: 5px;
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #cf5392;
    margin-bottom: 5px;
    margin-left: 5px;
}

.contents_area table td{
    padding-left: 35px;
}

.contents_area h2{
    padding-left: 35px;
    border: solid 1px #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top, #fff, #eee);
    padding: 5px;
    -pie-background: linear-gradient(top, #fff, #eee);
    margin-left: 5px;
    behavior: url(http://www.webcreatorbox.com/sample/images/PIE.htc);
    margin-right: 5px;
}


.search_post h3 {
    width: 160px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 5px 0 5px;
    color: #fff;
    background-color: #49a9d4;
    border-radius: 25px;
    margin-top: 10px;
    margin-left: 10px;
}

.slideContent{
margin:0 auto;
}

.mb10 {
margin-bottom: 10px;
}

.mb20 {
margin-bottom: 20px;
}

td.photo {
    width: 280px;
}

/* searchArea
------------------------*/

#main #searchArea{
	width:980px;
	padding:5px;
	margin:10px 0 10px 0;
}

#main #searchArea dl{
	display: table;
	padding-bottom: 3px;
	padding-top: 3px;
	position: relative;
	width: 100%;
}

#main #searchArea dt{
	background: none repeat scroll 0 0 #ff88ac;
	border-radius: 3px;
	display: table-cell;
	font-size: 14px;
	font-weight: 700;
	padding:0 10px;
	vertical-align: middle;
	text-align:center;
	width: 86px;
	color:white;
}

#main #searchArea dd{
	display: table-cell;
	padding: 6px;
	line-height:25px;
}

#main #searchArea p{
	background: none repeat scroll 0 0 #ff88ac;
	border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	padding:0 10px;
	line-height: 25px;
	text-align:center;
	width: 195px;
	height:25px;
	color:#fff;
	margin:5px 0;
}

#main #searchArea input[type="text"]{
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	font-size: 12px;
	line-height: 18px;
	min-height: 18px;
	padding: 6px 5px;
	margin-left:10px;
}

#main #searchArea .submit{
	display: inline-block;
	vertical-align: middle;
}

#main #searchArea #submit{
	display:block;
	width:157px;
	margin:auto;
	margin-bottom:10px;
}

#main #searchArea .submit input[type="submit"]{
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 30px;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
    display: table-cell;
    font-weight: 700;
    vertical-align: middle;
    background: linear-gradient(to bottom, #ff7200 0px, #ff7200 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ff7200;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ff7200 inset;
    color: #fff;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
}

#main #searchArea .submit input[type="submit"]:hover{
	opacity:0.8;
	color: #fff;
}

#main #searchArea select{
	border: 1px solid #ccc;
	line-height: 30px;
	width: 160px;
	height:30px;
	vertical-align: middle;
	padding:5px;
	margin-left:10px;
	margin-bottom:5px;
	color:#2d2d2d;
}

#main #searchArea .options,#main #searchArea .workOptions{
	display:block;
	margin-left:10px;
	font-size:15px;
}

#main #searchArea .options label{
	width:190px;
	float:left;
}

#main #searchArea .workOptions label{
	float:left;
	margin-right:15px;
}

#main #searchArea .options input[type="checkbox"],#main #searchArea .workOptions input[type="checkbox"],#main #searchArea .areaOptions input[type="checkbox"]{
	margin:3px 3px 3px 4px;
}

#main #searchArea .Tokyo{
	display: none;
	position:absolute;
	top:38px;
	left:122px;
	background:#fff;
	border-bottom:2px solid #e55221;
	color:#2d2d2d;
	border-radius:0;
	font-weight:600;
}

#main #searchArea .Kanagawa{
	display: none;
	position:absolute;
	bottom:49px;
	left:122px;
	background:#fff;
	border-bottom:2px solid #e55221;
	color:#2d2d2d;
	border-radius:0;
	font-weight:600;
}


#main #searchArea .areaOptions{
	display:block;
	margin-left:10px;
	font-size:13px;
}

#main #searchArea .areaOptions label{
	width:209px;
	float:left;
}

#main #searchArea .areaOptions label:nth-child(50){
	margin-bottom:30px;
}

#main #searchArea .areaOptions .areaClick{
	cursor: pointer;
}

#main #searchArea .areaOptions .areaClick:hover{
	text-decoration: underline;
}

#main #searchArea .areaOptions .areaUl{
	display: none;
	margin-top:30px;
	margin-left: 1em;
}

#contents {
    width: 980px;
    padding: 0 0 60px 0;
    margin: 0 auto;
    position: relative;
}