@charset "utf-8";
body{
	font-family: "メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight:normal;
	font-style:normal;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin-left:auto;
	margin-right:auto;
	color:#555555;
    background: rgba(255,255,255,0.5);
}
*{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:lighter;
}
.sp_mode {
	display:none;
}
table {
	font-size:100%;
	line-height:160%;
}
.inner {
 	padding: 0px 15px 15px 15px;
}
.section, section {
	width:1000px;
	float:left;
	margin:0 0 20px 0;
}
.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.right {
    text-align:right;
}
.left {
    text-align:left;
}
.clear {
	clear: both;
}
label {
    vertical-align: 0em;
}
.mb20 { margin-bottom: 20px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mt20 { margin-top: 20px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.ml20 { margin-left: 20px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.color_ffffff {
	background-color: #ffffff;
}
.color_ffcccc {
	background-color: #FFCCCC;
}
.color_ffccff {
	background-color: #FFCCFF;
}
.color_ffddaa {
	background-color: #ffddaa;
}
.color_ccccff {
	background-color: #ccccff;
}
.color_glay01 {
	background-color: #b5b5b5;
}
.color_glay02 {
	background-color: #d2d2d2;
}
.color_glay03 {
	background-color: #e8e8e8;
}
.color_glay04 {
	background-color: #f5f5f5;
}
.color_white {
	background-color: #ffffff;
}
.color_b9cde5 {
	background-color: #b9cde5;
}
.color_b9cd96 {
	background-color: #b9cd96;
}
.color_d19392 {
	background-color: #d19392;
}
.color_3a95ad {
	background-color: #3a95ad;
}
.white {
    color: #ffffff
}
.red {
	color: #ff0000
}
.blue {
	color: #1d61a9
}
.style1 {
	color: #FF9900
}
.style2 {
	color: #FF9900;
	font-weight: bold;
}
.style4 {
	color: #009900;
	font-weight: bold;
}
.bluetext {
    color:#3F7EBD;
}
.fs_small {
	font-size:small;
}
.fs_big {
	font-size:200%;
}
.wrapper, #wrapper{
    clear: both;
	margin:0px auto;
	width:1000px;
	text-align:left;
	padding: 0px;
}
.width500 {
    clear: both;
	margin:0px auto;
	width:500px;
	text-align:left;
	padding: 0px;    
}
#page-top {
	z-index: 100;
    position:fixed;
    bottom: 10px;
    right: 10px;
}
#page-top a {
    background:url(../img/pagetop.png) no-repeat;
    width: 50px;
    height:50px;
    display: block;
    text-indent:-9999px;
}
#page-top a:hover {
    opacity:0.6;
    filter:alpha(opacity=60);
}
/*------header------*/
#header{
	width:800px;
	height:110px;
	float:left;
	position:relative;
	overflow:hidden;
}
#header h1{
	margin:10px 0 0 0;
	float:left;
}
#header h1 a:link img,
#header h1 a:visited img{
	filter:Alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
#header form{
	width:260px;
	height:30px;
	background-image:url(../img/header-serch.html);
	background-repeat:no-repeat;
	position:absolute;
	top:10px;
	right:0;
}
#header input.words{
	width:130px;
	float:left;
	margin:5px 0 0 80px;
}
#header input.btn{
	float:right;
	margin:5px 5px 0 0;
}

.header {
	width: 1000px;
	height: 70px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 2;
    background-color: #ffffff;
}
.header-left {
	float:left;
	margin-top: 0px;
	margin-left: 3px;
    font-size: 8px;
}
.header-left h1 {
	font-size:130%;
	padding-top:0px;
	font-weight:bold;
}
.header-left p {
    font-size: 120%;
    text-align: left;
}
.header-left img {
	vertical-align: middle;
    width: 76px;
}
.header-left a {
	text-decoration: none;
}
.header-right {
	width:500px;
	float:right;
	margin-right: 5px;
	text-align: right;
}
/*------dropmenu------*/
#dropmenu{
	z-index: 100;
	list-style-type: none;
	width: 100%;
	margin: 0px auto;
	padding: 0;
}
#dropmenu li{
	position: relative;
	width: 20%;
	height: 70px;
	float: right;
	margin: 0 -1px;
	padding: 0;
	text-align: center;
}
#dropmenu li a{
    font-size: 10px;
	display: block;
	margin: 0;
    padding: 45px 0 15px;
	line-height: 1;
	text-decoration: none;
}
#dropmenu li ul{
	z-index: 100;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
}
#dropmenu li.h-favorite a {
    background: url(../img/icon_favorite.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-login a {
    background: url(../img/icon_login.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-member a {
    background: url(../img/icon_member.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-faq a {
    background: url(../img/icon_faq.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-contact a {
    background: url(../img/icon-mail2.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-logout a {
    background: url(../img/icon_logout.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-mypage a {
    background: url(../img/icon_mypage.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li:hover {
	background-color: #1d61a9;
}
#dropmenu li a:hover {
	background-color: #1d61a9;
	color: #ffffff;
}
#dropmenu li.h-favorite a:hover {
    background: url(../img/icon_favorite-h.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-login a:hover {
    background: url(../img/icon_login-h.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-member a:hover {
    background: url(../img/icon_member-h.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-faq a:hover {
    background: url(../img/icon_faq-h.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-contact a:hover {
    background: url(../img/icon_mail-h.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-logout a:hover {
    background: url(../img/icon_logout-h.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}
#dropmenu li.h-mypage a:hover {
    background: url(../img/icon_logout-h.png) no-repeat 0% center;
    background-size: 24px;
    background-position: 50% 25%;
}

/*------パンくず1階層------*/
.ttl_area {
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
    background-color: #f9f9f9;
}
.ttl_area ul {
    width: 1000px;
	overflow: hidden;
	margin: 10px auto 10px;
}
.ttl_area ul li {
	float: left;
	background: url(../img/bg_navi_arrow.png) no-repeat right;
    background-size: 10px;
    list-style-type: none;
	padding: 0 20px 0 0;
	margin: 0 10px 0 0;
}
.ttl_area ul li:last-child {
	background: none;
}

/*------footer------*/
.footer-header {
    border-top: 1px solid #1d61a9;
    background-color: #ffffff;
    clear :both;
    min-height: 100%;
    height: 120px;
    margin-top: 100px;
}
.footer-header img {
    vertical-align: bottom;
}
.footer-header div#company {
    text-align: left;
    font-size: 12.5px;
}
.footer-header div#company p {
    margin: 0 auto;
    width: 1000px;
    font-size: 160%;
    line-height: 120%;
    color: #000000;
}
.footer-header div#company p span {
    font-size: 57%;
    margin-left: 0px;
}
footer{
	width:auto;
	float:center;
    background-color: #ffffff;
    color: #222222;
	clear: both;
}
#footer_navi a {
    background: url(../img/icon_next.png) no-repeat 0% center;
    background-size: 12px;
    padding-left: 15px;
    text-decoration: none;
}
#footer_navi li a.external {
    background: url(../img/icon_external.png) no-repeat 0% center;
    background-size: 12px;
    padding-left: 15px;
    text-decoration: none;
}
#footer_navi li a.pdf {
    background: url(../img/pdficon_small.png) no-repeat 0% center;
    background-size: 12px;
    padding-left: 15px;
    text-decoration: none;
}
#footer_navi {
	width:1000px;
	overflow:hidden;
	text-align:left;
	list-style-type: none;
	padding-top: 20px;
    padding-bottom: 20px;
	margin:0 auto;
	font-size:109%;
}
#footer_navi ul{
	width:25%;
	float:left;
	position:relative;
	overflow:hidden;
	list-style-type: none;
}
#footer_navi li{
	padding:5px 5px 10px 5px;
}
#footer_navi  a:active,
#footer_navi  a:hover{
    color:#000000;
    font-weight: bold;
}
div#group {
    clear: both;
    width: 760px;
    margin: 20px auto;
    color:#fff;
    height :40px;
}
div#group ul {
    text-align: center;
    list-style-type: none;
}
div#group ul li {
    float: left;
}
div#group img {
    width: 90%;
}
div.commercial,
div.column,
div.bukken {
    clear: both;
    width: 100%;
    float: left;
    margin: 20px auto;
    padding: 80px 0; 
    color:#fff;
}
div.commercial ul {
    float: left;
    text-align: center;
    list-style-type: none;
    font-size: 80%;
}
div.column ul {
    float: left;
    text-align: center;
    list-style-type: none;
}
div.bukken ul {
    float: left;
    text-align: center;
    list-style-type: none;
}
div.commercial ul li {
    float: left;
    width: 33%;
    text-align: left;
    padding-bottom: 20px;
}
div.column ul li {
    float: left;
    width: 48%;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
}
div.bukken ul li {
    float: left;
    width: 23%;
    padding: 8px;
    text-align: left;
}
div.commercial img {
    float: left;
    width: 80px;
    height: 80px;
    margin: 5px;
    padding-right: 5px;
    vertical-align: top;
}
div.column img {
    float: left;
    width: 20%;
    padding-right: 10px;
}
div.bukken img {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
div.commercial a, 
div.column a , 
div.bukken a {
    float: left;
    display: block;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
    background-color: #fff;
}

div.commercial a {
    padding: 5px;
    margin: 5px;
}
div.column a {
    padding: 10px;
}
div.bukken a {
    padding: 10px;
    font-size: 120%;
    color: #1d61a9; 
}
div.commercial a span {
    font-weight: bold;
}
div.column a span {
    font-size: 120%;
    color: #1d61a9;    
}
div.bukken a span {
    width: 40%;
    font-size: 85%;
    font-weight: bold;
    color: #666666;
    padding-right: 10px;
}
div.commercial a:hover, 
div.column a:hover, 
div.bukken a:hover {
    border: 1px solid #ccc;
    box-shadow: 0px 4px 10px #ccc; 
}
.anime {
    clear: both;
	list-style-type: none;
	overflow: hidden;
}
.anime li {
	transition: .8s;
}
.img-anime{
    transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.img-anime-on{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}


address {
    clear: both;
	margin:30px 0 0 0;
	padding-top: 10px;
    padding-bottom: 50px;
    text-align: center;
	height:0;
	background-image:url();
    font-style: normal;
    background-color: #1d61a9;
    color:#ffffff;
}
address img {
    vertical-align: middle;
}

#main {
    clear:both;
	width:1000px;
	float:left;
    margin: 10px auto;
    margin-bottom: 50px;
}
.top-left {
	width:487px;
	float:left;
	margin-top: 12px;
    margin-bottom: 30px;
}
.top-left select {
    width:100%;
}
.top-right {
	width:500px;
	float:right;
    margin:150px 0 50px 0;
}
.top-right ol li{
    list-style:none;
    margin-top:5px;
}
.top-right {
    text-shadow: 2px 2px 2px #000000;
}
.top-right .subtitle04 {
    text-shadow: 2px 2px 2px #ffffff;
}
.top-right .white p {
    margin: 20px;
    line-height: 30px;
}
.bukken-left {
	float:left;
    width: 71%;
}
.bukken-right {
	float:left;
    width: 28%;
}
.column-left {
	float:left;
    width: 65%;
}
.column-right {
	float:left;
    width: 34%;
}
.column-right img {
    width: 80%;
}
.list_navi {
    clear: both;
}
.list_navi ul {
    width: 100%;
    margin-top: -1px;
    border-top: 1px solid #e7e7e7;
}
.list_navi li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e7e7e7;
    list-style-type: none;
}
.list_navi ul li a {
    display: block;
    height: 30px;
    padding: 13px 0 0 20px;
    list-style: none;
    text-decoration: none;
    background-image: url(../img/bg_navi_arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 95% 50%;
}
.list_navi ul li:hover {
	background-color:#1d61a9;
    color: #ffffff;
}

.left-box , .right-box {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.left-box iframe, .right-box iframe {
    width: 100%;
    height: 350px;
}
#top-news {
    clear: both;
}
#top-news dl {
    overflow: hidden;
    margin: 10px 0px 0px 0px;
    border-top: 1px solid #cccccc;
}
#top-news dt{
	float: left;
	width: 9em;
	padding: 15px 0 15px 1em;
    background-color: #f9f9f9;
}
#top-news dd{
	padding: 0 0 0 13em;
	margin: 0 0 0 0px;
	background-image:url(../img/icon_next.png);
	background-repeat:no-repeat;
	background-position:11.5em 15px;
	border-bottom: 1px solid #cccccc;
}
#top-news dd a{
	display: block;
	background: url(../img/bg_navi_arrow.png) no-repeat 98% center;
	background-size: 8px;
	text-decoration: none;
	padding: 15px 18px 15px 0;
}
#top-news dd:hover {
	background-color:#1d61a9;
    color: #ffffff;
}
#top-news dd a:hover{
    color: #ffffff;
}
#top-news .pdf{
	padding: 0 0 0 13em;
	margin: 0 0 0 0px;
	background-image:url(../img/pdficon_small.png);
	background-repeat:no-repeat;
	background-position:11.2em 15px;
}
#top-news .external{
	padding: 0 0 0 13em;
	margin: 0 0 0 0px;
	background-image:url(../img/icon_external.png);
	background-repeat:no-repeat;
	background-position:11.5em 15px;
}
#top-news .list{
	padding: 15px 0 15px 13em;
	margin: 0 0 0px;
	background-image:url(../img/icon_c.html);
	background-repeat:no-repeat;
	background-position:11.7em 18px;
}
#search {
    width: 1300px;
    text-align: left;
    margin: 0px auto;
    padding: 0px;
}
.search-left {
	width:287px;
	float:left;
    margin:0 0 50px 0;
    text-align:center;
}
.search-left .table01 td.highlight,
.search-left .table01 select {
    width: 100%;
}
.search-left .table01 td.highlight {
    color: #1d61a9;
}
.search-left .table01 td {
    text-align: center;
    padding: 10px;
}
.search-left .table01 td.highlight {
    background-color: #ffffff;
    padding-top: 20px;
}

.search-left table label,
.top-left table label,
.wrapper table label {
    cursor: pointer;
    padding: 12px 7px;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
    background-color: #fff;
    border-radius: 5px;
    width: 38%;
    margin: 7px;
    float: left;
}
.search-left table input, 
.top-left table input.check_box,
.wrapper table input.check_box {
    display: none;
}
.search-left table .check_box:checked + .label, 
.top-left table .check_box:checked + .label,
.wrapper table .check_box:checked + label {
    background-color: #1d61a9;
    color: #ffffff;
}
.search-right {
    width:990px;
  	float:right; 
    margin: 0 3px 50px 0;
}
#login {
    margin: 5px 0 20px 0;
    padding: 20px 0;
}
#login p {
    text-align: left;
    padding-left: 8px;
}
input#AuthMemberMailAddress,input#AuthMemberPassword {
    width: 98%;
    border-radius: 5px;
    height: 40px;
    font-size: 120%;
    background-color: #ededed;
    line-height:20px;
    margin-bottom: 2px;
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-right: 0px solid #eeeeee;
    border-bottom: 0px solid #eeeeee;
    margin-bottom: 20px;
}
#login input.button {
    background-color: #222222;
    height: 60px;
}
#login input[type="button"] {
    background-color: #1d61a9;
}
#login input.button,
#login input[type="button"] {
    clear: both;
    width: 80%;
    font-size: 130%;
    color: #fff;
    padding: 5px;
    margin: 0 auto 10px auto;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.checkbtn {
    clear: both;
}
.checkbtn input[type="submit"] {
    background-color: #1d61a9;
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    height: 60px;
    font-size: 170%;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
#login input.button:hover, 
#login input[type="button"]:hover,
.searchbtn:hover,
.checkbtn input[type="submit"]:hover {
    color: #222;
    background-color: #ffffff;
    box-shadow: 0 2px 2px #ccc;
}

a:link, a:visited {
    color: #666666;
    text-decoration: none;
}
a:active,a:hover{
	color:#111111;
	text-decoration:none;
}
a:hover img,a:active img{
	filter:Alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
#contents {
	width:610px;
	float:right;
}
#contents2 {
	width:400px;
	float:right;
}
.box01 {
    width: 100%;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
    float:left;
    display:inline;
}
.box02 {
    background-color: rgb(0, 0, 0 ,0.2);
    float:left;
    width: 95%;
    margin: 0 auto;
}
.table01 {
	width:100%;
	border-collapse:collapse;
    background-color: #fff;
    opacity: 0.95;
    font-size: 95%;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
}
.table01 td, .table01 th {
	width: auto;
	padding:10px;
	text-align:left;
}
.table01 td.highlight{
	width:100px;
	background-color:#f9f9f9;
	color:#000000;
	text-align:left;
	font-weight:bold;
}
.table01 a {
	color:#000000;
}
.table01 a:hover {
	color:#000000;
	text-decoration:underline;
}
.table02 {
    float: left;
	width:50%;
	margin:0 0 20px;
	border-collapse:collapse;
    background-color: #fff;
}
.table02 td{

	padding:10px 5px;
	text-align:left;
}
.table02 td.highlight{
	width:15%;
	background-color:#f9f9f9;
	color:#000000;
	text-align:left;
	font-weight:bold;
}
.table02 a {
	color:#000000;
}
.table02 a:hover {
	color:#000000;
	text-decoration:underline;
}
.table03 {
    width: 100%;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
}
.table03 tr {
    font-size: 90%;
    line-height: 180%;
}
.table03 td, 
.table03 th {
    padding: 5px 10px ;
}
.table03 th {
	width:25%;
}

.table-left, .table-right {
    width: 50%;
    float: left;
}
.table-left table, .table-right table {
    width: 100%;
}
.table-left .table01, .table-right .table01 {
    margin-bottom: -1px;
}
.areasearch {
	margin-bottom:25px;
}
.areasearch img {
	margin-bottom:5px;
}
.pricesearch {
	margin-bottom:15px;
}
.pricesearch img {
	margin-bottom:5px;
}
.mailbutton {
	margin-bottom:10px;
	float:right;
}
.head-nav {
	float:left;
}
.head-nav2 {
	float:right;
}
.db-contents {
	float:left;
	width:200px;
}
#searchbox {
	width:690px;
	float:left;
	padding:15px;
	background-color:#efefef;
	line-height:2.8em;
	margin:10px 0;
}
.clearfix {
	width:100%;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.contacthead {
	font-size:8pt;
	line-height:2.0em;
	clear:both;
}
.foot-nav {
	margin-top:10px;
    margin-bottom: 10px;
}
p.check {
    margin-top: 4px;
}
.sort {
	margin:10px 15px 10px;
    float: left;
}
.sort select {
    height:45px;
}
.sort input[type="checkbox"] {
    width: 25px;
    height: 25px;
}
.sort label {
    vertical-align: 0em;
}




input[type="checkbox"] {

    margin-bottom: 0px;

    vertical-align: middle;
}

.check {
    padding: 0;
}
label.check {
    vertical-align: 0.5em;
}
.checkbox-input{
  display: none;
}
.checkbox-parts{
  padding-left: 25px;
  position:relative;
  margin-right: 100px;
}
#login .checkbox-parts{
  margin-right: 0px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #1d61a9;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #1d61a9;
    font-weight: bold;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 6px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #1d61a9;
  border-right: 3px solid #1d61a9;
}









.linknavi {
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
    margin: 0 2px 20px 0;
    padding: 11px 16px 0 16px;
    text-align: center;
    height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
    background-color: #ffffff;
    text-decoration: none;
    float: left;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
}
.linknavi:hover {
    background-color: #1d61a9;
    color: #ffffff;
}
.search-tab {
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
    margin: 0 2px 5px 0;
    padding: 11px 16px 0 16px;
    text-align: center;
    height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
    background-color: #ffffff;
    text-decoration: none;
    float: left;
    box-shadow: 0 2px 2px #ccc;
}
.search-tab:hover {
    background-color: #1d61a9;
    color: #ffffff;
}
.nownavi {
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
    margin: 0 2px 20px 0;
    padding: 11px 16px 0 16px;
    text-align: center;
    height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    float: left;
    background-color: #1d61a9;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
}
.loginform {
	width:770px;
	padding:15px;
	overflow:auto;
	background-color:#CBEAF8;
	margin-top:10px;
	margin-bottom:10px;
}
.error {
	color:#FF0000;
}
.rule {
	height:250px;
	overflow:auto;
	border:1px solid #e4e4e4;
    padding:15px;
}
.rule01,.rule02,.rule03 {
	margin-top:20px;
}
.login {
	float:left;
	width:600px;
}
.d_eki {
	width:60px;
	text-align:center;
}
.d_type {
	width:180px;
	text-align:center;
}
.side div {
	float:left;
}
.side {
    width: 100%;

}
form {
    margin-top: 0px;
}
.checkbox {
    clear: both;
    width: 100%;
    display: table;
    border: 2px solid #cccccc;
    background-color: #ffffff;
    margin: 10px auto;
    border-radius: 5px;
}
.searchform {
	margin:10px 5px 10px 0px;
	float:left;
}
.searchform form {
	padding:15px 0px 0px 350px;
}
.searchform input[type="text"] {
	width: 70%;
    border-radius: 5px;
    height: 30px;
    font-size: 120%;
    background-color: #f1f1f1;
    line-height: 20px;
    margin-bottom: 2px;
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.searchform input[type="submit"] {
	width: 20%;
	height:35px;
	color:#ffffff;
	font-weight:bold;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 2px 2px #e4e4e4;
	background-color:#1d61a9;
}
.searchform input[type="submit"]:hover {
	color:#222222;
	background-color:#ffffff;
}
.td3 a {
	padding-top: 5px;
}
.photo-table, 
.list-table {
    clear: both;
    display: table;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    background-color: #ffffff;
    margin: 2px;
    margin-bottom: 20px;
    width: 99.5%;
    box-shadow: 0 0px 10px #e4e4e4;
}
.list-table {
    padding-top: 20px;
}
.list-table .b_blue img {
    padding: 0px 2px;
}
.photo-table .check, 
.list-table .check {
    width: 20px;
    text-align: center;
    float: left;
    margin: 120px 10px 0 5px;
}
.photo-table table {
	width:62%;
    margin-right: 5px;
}
.list-table table.table02 {
    width: 42%;
}
.photo-table table th {
	width:30%;    
}
.list-table table th {
	width:30%;
}
.photo-table table th, 
.photo-table table td, 
.list-table table th, 
.list-table table td {
	padding: 5px;
}
.photo-table .right, 
.list-table .right {
    clear: both;
    margin-right: 10px;
    padding-bottom: 10px;
}
.photo-table .right img,
.list-table .right img {
    margin-right: 10px;
}
.photo-table:hover, 
.list-table:hover {
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 10px #ccc;
}
.photo-table p.center img {
    margin: 0 5px;
}
.photo-table h2.subtitle03 {
    margin-bottom: 10px;
}
.photo-table h2.subtitle03 span img {
    margin-right: 5px;
}
.photo-table p.point {
    margin: 0 10px 0 37px;
}
.photo-table .photo {
	width:30%;
    margin-right: 20px;
	float:left;
}
.list-table .photo {
	width:9%;
    margin-right: 20px;
	float:left;
}
.photo img {
	margin:2px;
	width:100%;
}
.b_red {
	font-size: 22px;
	color: #cb0000;
    font-weight: bold;
}
.b_blue {
	font-size: 22px;
	color: #1d61a9;
}
.list-table {
    
}
/*------slider------*/
#slider_main {
    clear: both;
	margin: 10px auto;
	width: 710px;
	height: 511px;
	text-align: left;
	position: relative;
}
#slider_main ul {
	top: 0;
	left: 0;
	height: 511px;
	position: absolute;
	overflow: hidden;
}
#slider_main ul li {
	width: 710px;
	height: 511px;
	float: left;
	display: inline;
	overflow: hidden;
}
#slider_main ul li img {
    width: 100%;  
}
#slider_main ul li iframe {
    width: 100%;
    height: 510px;
}
#slider_thumb {
	margin: 10px auto;
	width: 710px;
	height: 102px;
	text-align: center;
}
#slider_thumb ul {
	width: 710px;
	height: 102px;
}
#slider_thumb ul li {
	width: 71px;
	height: 51px;
	float: left;
	cursor: pointer;
	display: inline;
}
#slider_thumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#slider_main ul:after,
#slider_thumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#slider_main ul,
#slider_thumb ul {
	display: inline-block;
	overflow: hidden;
}


/*------navi------*/
#nav {
	list-style-type:none;
	float:right;
    margin: 56px 0 0;
}
#nav li{
	color:#ffffff;
    float:left;
    margin:0 0 0 0px;
    color:#666666;
    letter-spacing:1px;
}
#nav li a:link,
#nav li a:visited{
    color:#CCCCCC;
}
#nav li a:active,
#nav li a:hover{
    color:#ffffff;
}
#side-nav {
	width:170px;
	float:left;
	overflow:hidden;
}
#side-nav ul{
	width:170px;
	float:left;
	list-style-type:none;
	margin:0 0 30px 0;
}
#side-nav ul li{
	width:170px;
	float:left;
}
#side-nav ul li a{
	width:170px;
	height:40px;
	line-height:40px;
	text-indent:10px;
	background-image:url(../img/line01.html);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
}
#side-nav ul li a:hover{
	background-color:#efefef;
}
#side-nav ol{
	width:170px;
	float:left;
	list-style-type:none;
	margin:0 0 30px 0;
}
#side-nav ol li{
	margin:0 0 10px 0;
}
#showcase {
	width: 800px;
	height: 280px;
	position: relative;
	float:left;
	margin:0 0 20px 0;
	background-image:url(../img/showcase.html);
}
#bubblewrap {
	position: absolute;
	z-index: 10;
	left: 5px;
	top: 40px;
}
#pagewrap {
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
	top:40px;
	right:0;
	position:absolute;
}
#pagewrap li{
	margin:0 0 10px 0;
}
.bubble {
	position: absolute;
}
.subtitle01 {
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 150%;
    color: #1d61a9;
    text-indent: 10px;
    float: left;
    padding: 13px 0 10px;
    text-align: left;
}
.subtitle01 span a {
    width: 150px;
    float: right;
    font-size: 60%;
    color: #ffffff;
    padding: 0 3px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #1d61a9;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    text-decoration: none; 
}
.subtitle01 span a:hover {
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 2px 2px #ccc;
}
.subtitle02 {
    width: 100%;
    height: 25px;
    border-bottom: 3px solid #222222;
    background-color: #1d61a9;
    font-size: 120%;
    float: left;
    color: #ffffff;
    margin: 0px 0 15px 0;
    padding: 12px 0px 10px 0px;
    line-height: 25px;
    text-align: left;
    text-indent: 10px; 
}
.subtitle03 {
    clear: both;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    float: left;
    border-bottom: 1px solid #1d61a9;
    padding: 10px 0px;
    margin: 0px 0 15px;
    text-indent: 10px;
    line-height: 160%;
}
.subtitle03 span {
    float: right;
}
.subtitle03 img {
    padding: 0px 2px;
    vertical-align: -0.2em;
}
.subtitle04 {
    clear: both;
	color:#1d61a9;
    width: 100%;
    font-weight: bold;
    font-size: 150%;
    float: left;
    padding: 10px 0px;
    margin: 0px 0 15px;
    text-indent: 10px;
    height: 20px;
    line-height: 25px;
}
.subtitle05 {
    width: 100%;
    line-height: 30px;
    font-size: 150%;
    color: #fff;
    text-indent: 10px;
    float: left;
    padding: 80px 0;
    text-align: center;
    text-shadow: 1px 1px 1px #222;
}
.subtitle-photo {
    clear: both;
    float: left;
    width: 100%;
	margin:0px auto;
	text-align:left;
	padding: 0px;
    background-color: #ffffff;
    background-size:100%;
    background-position: 50% 50%;
}
.subtitle-photo.shinjuku {
    background-image: url(../img/haikei_shinjuku.png);
}
.subtitle-photo.shinjuku2 {
    background-image: url(../img/haikei_shinjuku2.png);
}
.subtitle-photo.haikei {
    background-image: url(../img/haikei_haikei.html);
}
.subtitle-photo.sp {
    background-image: url(../img/haikei_sp.png);
}
.subtitle-photo.wood {
    background-image: url(../img/haikei_wood.png);
}
.subtitle-photo.sky {
    background-image: url(../img/haikei_sky.png);
}
.subtitle-photo.mail {
    background-image: url(../img/haikei_mail.jpg);
}
.subtitle-photo.key {
    background-image: url(../img/haikei_key.png);
}
.subtitle-photo.building {
    background-image: url(../img/haikei_building.png);
}
.subtitle-photo.faq {
    background-image: url(../img/haikei_faq.png);
}
.subtitle-photo.simulation {
    background-image: url(../img/haikei_simulation.png);
}
#contact_form {
    width:590px;
    float:left;
}
#contact_form dl{
    width:540px;
    border-bottom:1px dotted #99cccc;
    float:left;
    padding:10px 0;
    line-height:220%;
}
#contact_form dt{
    width:180px;
    float:left;
}
#contact_form dt span{
    font-weight:bold;
    color:#CC0000;
}
#contact_form dd{
    width:360px;
    float:left;
}
#contact_form dd p{
    float:left;
    margin:0 10px 0 0;
}
#contact_form dd ul{
    width:360px;
    float:left;
    list-style-type:none;
}
#contact_form dd li{
    width:360px;
    float:left;
}
#contact_form dd li p{
    width:80px;
    float:left;
    margin:0px;
}
#contact_form dd li input{
    margin:5px 0 0 0;
    float:left;
}
#contact_form dd ul#privacy{
    width:360px;
    height:200px;
    overflow:auto;
    float:left;
    list-style-type:none;
    margin:0 0 20px 0;
    background-color:#f6f6f6;
}
#contact_form dd ul#privacy li{
    width:340px;
    margin:0 0 15px 0;
    float:left;
}
#contact_button {
    width:590px;
    float:left;
    margin:10px 0 25px 0;
}
#contact_button input{
    width:180px;
    margin:0 0 0 180px;
}
#contact_box01 {
    width:590px;
    float:left;
}
#contact_box01 dt{
    width:260px;
    text-align:right;
    float:right;
}
#contact_box01 dd{
    width:330px;
    float:left;
}
#contact_box01 dd ul{
    margin:0 0 20px 0;
    list-style-type:none;
}
#contact_box01 dd li{
    background-image:url(../icon05.html);
    background-repeat:no-repeat;
    background-position:0 50%;
    text-indent:20px;
    color:#FE9900;
    font-weight:bold;
    letter-spacing:2px;
}
#contact_tel{
    margin:20px 120px 30px 0;
    text-align:right;
}
.talent-box {
    width:300px;
    height:110px;
    float:left;
    margin:0 0 15px 0;
}
.talent-box dt{
    width:110px;
    height:110px;
    float:left;
}
.talent-box dd{
    width:190px;
    height:110px;
    float:left;
    background-image:url(../img/summary-tenant-bg01.html);
    background-repeat:no-repeat;
    font-size:85%;
    line-height:125%;
}
.talent-box dd strong{
    font-size:14px;
}
.talent-box dd p{
    margin:30px 5px 0;
}
.facilities-left {
    width:340px;
    float:left;
    overflow:hidden;
}
.facilities-right {
    width:240px;
    float:right;
    text-align:center;
}
#faq {
	margin-left: 10px;
	width: 580px;
}
#faq p {
	margin-bottom: 30px;
	color: #F00;
	padding-bottom: 5px;
	font-size: 120%;
	font-weight: bolder;
	background-color: #FF9;
	border: 1px solid #F96;
	padding-top: 5px;
	padding-left: 15px;
}
#faq ul {
	margin-bottom: 50px;
	width: 540px;
	margin-left: 10px;
}
#faq ul #faq-q {
	text-indent: 54px;
	list-style-type: none;
	background-image: url(../img/icon_q.html);
	background-repeat: no-repeat;
	background-position: 30px top;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-weight: bolder;
	color: #000;
}
#faq ul #faq-a {
	list-style-type: none;
	background-image: url(../img/icon_a.html);
	background-repeat: no-repeat;
	background-position: 30px top;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	padding-bottom: 10px;
	color: #000;
	text-indent: 54px;
}
#text {
	background-image: url(../img/boxlist_back_long.html);
	height: auto;
	border-left: 1px solid white;
	border-top: 1px solid white;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#text h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 2.0em;
	font-size:150%;
	font-weight: bold;
	color: #ff0000;
	padding-left: 5px;
	text-shadow: white 2px 2px 3px, 5px 6px;
}
#text h2 {
	margin-top: 5px;
	line-height: 1.75em;
	font-size: 120%;
	font-weight: bold;
	color: #3F7EBD;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 2px;
	background-image: url(../img/list_back.html)
}
#text a {
	text-decoration: none;
}
#text p {
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-image: url(../img/list_back.html)
}
#text2 {
	height: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
	text-align: center;
	margin-top: 5px;
}
#text2 h1 {
	font-size: 18px;
	font-weight: bold;
	color: #603;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
}
#photo {
	width: 500px;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}
#layout {
	float: left;
	margin-right: 5px;
	margin-left: 0px;
	width: 280px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#photo2 {
	width: 220px;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.loginform {
	width:100%;
	margin:0px auto;
    padding: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    background-color: #e5e5e5;
    margin-bottom: 10px;
}
strong {
	font-weight:bold;
}
.icon_right {
    text-align: right;
}
.icon_right img {
    margin: 5px;
}
/*------文字サイズ------*/
#font {
	width: 120px;
	margin: 10px auto 0px auto;
}
#font li {
	float:left;
	list-style:none;
	margin-left:8px;
	padding:8px;
	color:#000000;
	font-size:110%;
	font-weight:bold;
	line-height:1.0;
	background:#f9f9f9;
	border: 1px solid #eaeaea;
	cursor:pointer;
}
#font li.hover {
	background:#b3424a;
	color:#ffffff;
}
#font li.active {
		background:#b3424a;
	color:#ffffff;
}
select {
    height: 40px;
    background-color: #ededed;
    border: 0px;
}


/*------お問い合わせ------*/
.inquire {
	margin:10px 0;
	border-collapse:collapse;
	width:100%;
}
table.inquire {
    border-top: 0px solid;
    margin-top: 10px;
}
.inquire caption {
	text-align:left;
}
.inquire tr {
    border: 0px;
}
.inquire th {
    margin-top : 10px;
    padding: 20px 0 0;
    border-bottom: 1px solid #1d61a9;
}
.inquire tb {
	background-color: #f1f1f1;
    padding: 5px 6px;
 }
.inquire td table {
	margin:0 -5px;
	width: auto;
}
.inquire td table th, .inquire td table td {
	padding:0 5px;
	border: none;
}
.inquire td table.ent_search th, .inquire td table.ent_search td {
	vertical-align: bottom;
	line-height: 150%;
	white-space: nowrap;
}
.inquire td table.ent_search td.area {
	padding-left:15px;
}
.inquire td input {
    font-size: 120%;
}
.inquire td.tel input {
	width:50px;
	ime-mode:disabled;
}
.inquire td select, .inquire td input {
    border-radius: 5px;
    height: 40px;
    font-size: 120%;
    background-color: #ededed;
    line-height:20px;
    margin-bottom: 2px;
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-right: 0px solid #eeeeee;
    border-bottom: 0px solid #eeeeee;
}
.inquire td input[type="radio"] {
    width: 15px;
    height: 15px;
    margin-bottom: 10px;
}
.inquire td input[type="radio"] {
    height: 35px;
    margin-bottom: 0px;
    width: 20px;
    vertical-align: middle;
}
.inquire td input[type="radio"] {
    position: relative;
    -webkit-appearance:botton;
    appearance: botton;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 30px;
    content: "";
    background-color: #fff;
    border: 1px solid #999;
    -webkit-border-radius:20px;
    border-radius: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.inquire td input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top:  8px;
    left: 3px;
    content: "";
    width:  12px;
    height: 12px;
    background: #000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
label {
    padding: 5px 0;
}
.inquire td textarea {
	width: 99%;
	height:150px;
    background-color: #ededed;
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-right: 0px solid #eeeeee;
    border-bottom: 0px solid #eeeeee;    
}
.inquire td.memo textarea {
	height:auto;
}
.inquire td.subtitle {
    padding: 15px 10px 5px;
    border-bottom: 1px solid #ccc;
}
.inquire td.subtitle img {
    padding-left: 10px;
    vertical-align: inherit;
    border: none;
}
table.inquire td {
    vertical-align: middle;
    padding: 15px 10px 5px;
}


/*------リストアイコン------*/
ul.list li, li.list {
    background-image:url(../img/icon_c.jpg);
    background-position: 3px 3px;
    background-repeat:no-repeat;
    padding-left:20px;
	list-style:none;
    line-height: 20px;
}
.linknav{
	background-image:url(../img/icon_next.png);
	background-position:7px 3px;
	background-repeat:no-repeat;
	padding-left:25px;
	list-style:none;
}
.external{
	background-image:url(../img/icon_external.png);
	background-position:7px 3px;
	background-repeat:no-repeat;
	padding-left:25px;
	list-style:none;
}
.asterisk {
	float:left;
	margin:0 0 0px 0;
	background-image:url(../img/icon_asterisk.png);
	background-position:0px 1px;
	background-repeat:no-repeat;
	padding-left:15px;
	list-style:none;
	clear: both;
}
.searchbtn {
    width: 80%;
    height: 60px;
    color: #ffffff;
    font-size: 130%;
    background-color: #1d61a9;
    background-image: url(../img/bg_navi_arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 95% 50%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0 2px 2px #ccc;
    margin-bottom: 20px;
}
.bnr_01 a {
    display: block;
    width: 80%;
    color: #ffffff;
    padding: 20px;
    margin: 10px auto;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #1d61a9;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-decoration: none; 
}
.bnr_01 a:hover, 
.bnr_02 a:hover, 
.bnr_03 a:hover, 
.bnr_04 a:hover, 
.bnr_05 a:hover, 
.bnr_06 a:hover {
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 2px 2px #ccc;
}
.bnr_02 a {
    display: block;
    width: 80%;
    color: #222222;
    padding: 20px;
    margin: 10px auto;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f1f1f1;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-decoration: none; 
}
.bnr_03 a {
    display: block;
    width: 80%;
    color: #ffffff;
    padding: 20px;
    margin: 10px auto;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #cb0000;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-decoration: none; 
}
.bnr_04 a {
    display: block;
    float: right;
    width: 160px;
    font-size: 12px;
    color: #ffffff;
    padding: 3px;
    margin: 0 3px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #1d61a9;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-decoration: none; 
}
.bnr_05 a {
    display: block;
    float: right;
    width: 160px;
    font-size: 12px;
    color: #222222;
    padding: 3px;
    margin: 0 3px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f1f1f1;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-decoration: none; 
}
.bnr_06 a {
    display: block;
    float: right;
    width: 160px;
    font-size: 12px;
    color: #ffffff;
    padding: 3px;
    margin: 0 3px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #cb0000;
    background-image: url(../img/bg_navi_arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-decoration: none; 
}
.mail a {
    background-image: url(../img/icon-mail2.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    text-indent: 2em;
}
.tel a {
    background-image: url(../img/icon-tel2.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    text-indent: 2em;
}
.favorite a {
    background-image: url(../img/icon_favorite.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    text-indent: 2em;
}
.print a {
    background-image: url(../img/icon_print.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    text-indent: 2em;
}
.simulation a {
    background-image: url(../img/search_simulation.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0.5em 50%;
    text-indent: 2em;
    text-decoration: none;
}
.souba a {
    background-image: url(../img/icon_souba-h.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    text-indent: 2em;
}
.souba a:hover {
    background-image: url(../img/icon_souba.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    text-indent: 2em;
}
a.contactbtn {
    width: 80%;
    display: inline-block;
    padding: 0 7px;
    text-decoration: none;
    margin-right: 5px;
    margin: 0 2px 5px 0;
    padding: 11px 16px 0 16px;
    text-align: center;
    height: 30px;
    border: 1px solid #cccccc;
    border-bottom: 3px solid #222222;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
    background-color: #1d61a9;
    text-decoration: none;
    color: #ffffff;
}
.contactbtn:hover {
    background-color: #ffffff;
    color: #000000;
}
.search input[type="text"] {
    width: 250px;
    height: 25px;
    margin: 0px 8px 0px 0px;
}
.search input[type="submit"] {
    color: #ffffff;
    font-weight: bold;
    background-color: #555555;
    width: 80px;
    border-width: 2px;
    height: 30px;
}
.pageback {
    margin-top: 15px;
    text-align: left;
    margin-bottom: 20px;
}
.pageback2 {
    margin-top: 15px;
    text-align: left;
}
.pageback a, .pageback2 a {
    padding: 10px 20px 10px 30px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    background-image: url(../img/bg_navi_arrow.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}
.pageback a:hover, .pageback2 a:hover {
    padding: 10px 20px 10px 30px;
    border: 1px solid #cccccc;
    background-color: #e5e5e5;
    background-image: url(../img/bg_navi_arrow.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}
.checklist {
    padding: 15px;
    background-color: #efefef;
    border: 1px solid #1d61a9;
}
.head-nav {
    width: 100%; 
}
table#flow td.active {
	background-image:url();
    background-color: #1d61a9;
    border: 1px solid #cccccc;
}
.login {
    float: left;
    width: 100%;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
    height: 30px;
    border-radius: 5px;
}
textarea {
    border-radius: 5px;
}
.required {
    display: inline;
    margin-left: 5px;
    float: right;
    padding-top: 2px;
}
ol {
    margin-left: 2em;
}
a.print-button{
	background-image:url(../img/bnr_print.html);
	display:block;
	width:251px;
	height:45px;
	text-indent:0px;
	float: right;
}
a.print-button:hover{
	background-position:left bottom;
}
.osusume, .contact {
    clear: both;
    width: 100%;
    float: left;
    padding: 80px 0;
    background-color: #f9f9f9;
}
.pc_mode.color_ffffff {
    border-bottom: 2px solid #1d61a9;
}
.top-search {
    clear: both;
    float: left;
    width: 100%;
	margin:0px auto;
	text-align:left;
	padding: 0px;
    background-color: #ffffff;
    background-image: url(../img/haikei_shinjuku.png);
    background-size:100%;
}
.top-search {
    background-image: url(../../img/tachikawa.jpg);
}

.column, .contents-gray {
    clear: both;
    width: 100%;
    margin: 0 auto;
    float: left;
    background-color: #f9f9f9;
    padding: 80px 0;
}
.contents-white {
    clear: both;
    width: 100%;
    margin: 0 auto;
    float: left;
    background-color: #ffffff;
    padding: 80px 0;
}
.contents-blue {
    clear: both;
    width: 100%;
    margin: 0 auto;
    float: left;
    background-color: #e0fdfd;
    padding: 80px 0;
}

.column2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    float: left;
    padding-bottom: 20px;
}
.column2 .wrapper {
    width: 100%;
}
.column2 .wrapper a {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding-top: 10px;
	background: url(../img/bg_navi_arrow.png) no-repeat 98% center;
	background-size: 8px;
    border:1px solid #e4e4e4;
    box-shadow: 0 0px 10px #e4e4e4;
}
.column2 .wrapper a:hover {
    border: 1px solid #ccc;
    box-shadow: 0px 4px 10px #ccc;
}
.column2 p {
    float: left;
    width: 65%;
    height: 100%;
    padding-left: 5px;
}
.column2 p:first-child {
    width: 30%;
}
.column2 .title {
    clear: both;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    float: left;
    border-bottom: 2px solid #1d61a9;
    padding: 5px 0px;
    margin: 0px 0 15px;
    text-indent: 10px;
    height: 20px;
}
.news {
    clear: both;
    padding: 80px 0px;
}
.accordion {
    clear: both;
    margin: 10px auto;
}
.accordion .contents {
    padding: 0 10px;
    margin-bottom: 50px;
}
.triangle {
    position: relative;
}
.btn.triangle {
    background: #f1f1f1;
    color: #1d61a9;
    font-weight: bold;
    padding: 20px;
    display: block;
    text-decoration: none;
}
.triangle:after {
    position: absolute;
    top: 40%;
    right: 5%;
    content: "";
    width:  12px;
    height: 12px;
    border-right: 3px solid #1d61a9;
    border-top: 3px solid #1d61a9;
    -webkit-transform: translate(10px, -5px) rotate(135deg);
      -ms-transform: translate(10px, -5px) rotate(135deg);
          transform: translate(10px, -5px) rotate(135deg);
    transition: border-color .3s ease, -webkit-transform .6s ease;
    transition: border-color .3s ease, transform .6s ease;
}
.triangle.is-active:after {
    -webkit-transform: translate(10px, -2px) rotate(-45deg);
    -ms-transform: translate(10px, -2px) rotate(-45deg);
    transform: translate(10px, -2px) rotate(-45deg);
}




/*------タブレット対応------*/
@media screen and (max-width: 1300px){
#search {
    width: 100%;
}
.search-left {
    width: 26%;
}
.search-right {
    width: 72%;
}
.search-right .photo img {
    width: 100%;
    height:auto;
}
.photo-table table {
	width: 56%;
    font-size: 80%;
}
.photo-table table .b_red {
    font-size: 17px;
}
div.commercial img {
    width: 20%;
    height: auto;
}
.header-right {
    width: 50%;
}
div.bukken ul li {
    padding: 6px;
}
}

@media screen and (max-width: 1100px){
.header {
    width: 100%;
}
#dropmenu {
    width: 100%;
}
.searchbtn {
    width: 90%;
    text-align: center;
    margin-bottom: 0;
}
.search-left table label{
    margin: 3px;
}
#slider_main {
	width: 450px;
	height: 323px;
}
#slider_main ul {
	height: 323px;
}
#slider_main ul li {
	width: 450px;
	height: 323px;
}
#slider_main ul li iframe, 
#slider_main ul li img, {
    width: 100%;
    height: auto;
}
#slider_thumb, 
#slider_thumb ul {
	width: 450px;
	height: 65px;
}
#slider_thumb ul li, 
#slider_thumb ul li img,
#slider_thumb ul li iframe {
	width: 90px;
	height: 65px;
}
.list-table table.table02 {
    width: 40%;
}
.list-table table th, .list-table table td {
    width: 40%;
}
.bnr_01 a, 
.bnr_02 a, 
.bnr_03 a, 
.bnr_04 a, 
.bnr_05 a, 
.bnr_06 a {
    font-size: 75%;
}
}

@media screen and (max-width: 1005px){
.wrapper, #wrapper, #main, .top-search,
.ttl_area ul {
    width: 100%;
}
.top-left {
    width: 50%;
}
.top-right {
    width: 49%;
}
.top-right img {
    width: 100%;
    height: auto;
}
.inner {
    padding:0 5px 15px;
}
.osusume table, .new table, .history table {
    width: 23%;
    margin: 7px;
}
.right-photo {
    width: 18%;
}
.right-photo img {
    width: 100%;
    height: auto;
}
.table01 {
    font-size: 90%;
}
.table02 {
	width:45%;
}
.box4 {
    width: 60%;
    padding: 9px 0px 10px 10px;  
}
.box5 {
    padding: 10px 0px 10px 5px;
}
.top-right #login input.button, #footer_navi, .footer-header div#company p {
    width: 100%;
}
a.memberregist {
    width: 98%;
}
.photo-table table {
    margin: 10px 2px 5px 2px;
}
.photo {
	width:20%;
    margin-top: 10px;
    margin-right: 2px;
}
input[type="text"] {
    width: 100%;
}
.search-left img {
    width: 100%;
    height: auto;
}
#login input.button,#login input[type="button"]
 {
    width: 98%;
}
.column2 .wrapper a img {
    width: 100%;
}
div.commercial, div#group {
    width: 100%;
}
div.commercial ul {
    font-size: 50%;
}
div#group li {
    width: 25%;
}
}

@media screen and (max-width: 900px){
.top-search {
    background-size:120%;
}
.search-left table label{
    margin: 1px;
}
}

@media screen and (max-width: 800px){
.photo-table {
    margin: 2px 0px 20px 2px;
}
.photo-table table th {
	width: 25%;
}
a.memberregist {
    padding: 5px 0;
}
.left-box iframe, .right-box iframe {
    height: 300px;
}
div.commercial img {
    width: 30%;
    height: auto;
}
.search-left table label{
    width: 35%;
}
.list-table table th,
.list-table table td {
    padding: 0 5px;
}
div.bukken ul li {
    width: 48%;
}
}