@charset "utf-8";


/*==========================
/-
/- file   : default.css
/- update : 20111205
/-
/==========================*/



/*-------------------------------------------
	Override
-------------------------------------------*/

* {
margin:0;
padding: 0;
font-family : "MS PGothic",Osaka,Hiragino Kaku Gothic Pro;
}

body {
text-align : left;
line-height: 130%;
background: url(/images/common/navi_bg.gif) repeat-y #FFFFFF;
letter-spacing:0.1em;
font-size: 76%;
min-width:960px;
width:auto;
}

body a:link {
color: #005BCD;
text-decoration: none;
}

body a:visited {
color: #005BCD;
text-decoration: none;
}

body a:hover {
color: #005BCD;
text-decoration: underline;
}

body,td,th {
color: #333333;
}

img {
border-style: none;
border:0;
}

p,
input {
margin:0px; 
padding:0px;
}

ul {
list-style:none;
}

form {
margin: 0;
padding: 0;
}



/*-------------------------------------------
	Layout
-------------------------------------------*/


div#container {
text-align:left;
width: 960px;
clear:both;
}

.main-area {
	float:right;
	margin-top:10px;
	margin-right:10px;
	padding-bottom:20px;
	text-align:left;
	width:735px;
}

* html .main-area {
	float:right;
	margin-top:10px;
	margin-right:5px;
	padding-bottom:20px;
	text-align:left;
	width:735px;
}





/*-------------------------------------------
	header
-------------------------------------------*/


div#header {
	text-align:left;
	height:110px;
	width:100%;
	max-width:none;
	min-width:960px;
	background:url(/images/common/header_bg.gif) repeat-x;
}

ul.login {
	color:#FFF;
	width:950px;
	text-align:right;
	padding-top:5px;
	height:30px;
}

ul.login li {
	display:inline;
}

ul.login li img {
	vertical-align:middle;
	margin-left:5px;
}

div#header h1 {
	margin:15px 0px 0px 10px;
	float:left;
	width:210px;
	clear:both;
  font-size:13px;
  letter-spacing:0.5px;
  line-height:160%;
}

div#header h1 a {
  color:#000;
  text-decoration:none;
}

div#header h1 span {
  color:#cd0036;
  font-size:14px;
}

div.search-area {
	float:left;
	width:480px;
	margin-left:24px;
	margin-top:9px;
}

div.search-area ul {
	height:30px;
}

div.search-area ul li {
	float:left;
	color:#000000;
	padding-right:20px;
}

div.search-area input {
padding-right:4px;
vertical-align:middle;
margin-top:-4px;
}

div.search-area span {
	clear:both;
	margin-top:0px;
}
div.search-area span input {
width:350px;
}


div.search-area span input,
table.charge span input {
	padding:3px;
	margin-right:7px;
}

div.search-area span input.sch-btn {
width:80px;
}


.com-area {
	float:left;
	margin-top:8px;
}

.com-area p {
	margin:0px;
	padding:0px;
}

.com-area select {
	margin-top:3px;
	padding:2px;
}



/*-------------------------------------------
	navigation
-------------------------------------------*/


ul.navi {
float:left;
clear:both;
width:200px;
}

ul.navi li {
	background:url(/images/common/navi.jpg) no-repeat;
	width:200px;
	border-bottom:1px solid #e1e1e1;

}

ul.navi li a {
	background:url(/images/common/navi_arrow.gif) no-repeat 0px 23px;
	margin-left:13px;
	display:block;
	height:32px;
	padding:20px 5px 0px 10px;
}


ul.navi li a:link , ul.navi li a:hover, ul.navi li a:visited {
	color:#000000;
}



/*-------------------------------------------
	topicpath
-------------------------------------------*/


#topicpath {
width: 540px;
height:20px;
padding-top: 5px;
}

#topicpath ul li {
display: inline;
margin-right: 4px;
padding-right: 12px;
position: relative;
zoom:1;
background: url(../images/common/topicpath_arrow..gif) no-repeat right;
}

#topicpath ul li.active {
background: none;
}


/*-------------------------------------------
	footer
-------------------------------------------*/


.footer-flm {
text-align:left;
width: 940px;
margin:auto;
}

.footer-flm ul {
clear:both;
padding-bottom:20px;
}

.footer-flm li {
float:left;
background: url(/images/top/arrow_link.gif) no-repeat 0px 3px;
padding-left:15px;
margin-right:20px;
}

.footer-flm a:link , .footer-flm a:visited {
color:#242223;
text-decoration:underline;
}

.footer-flm a:hover {
color:#242223;
text-decoration:none;
}

ul.footer-sp {
height:30px;
}

.footer-flm dl {
float:left;
margin-top:5px;
margin-bottom:0px;
font-size:10px;
}

.footer-flm p {
clear:both;
padding-top:5px;
}

p.footer-logo {
margin-right:15px;
float:left;
}


/*-------------------------------------------
	Table Layout
-------------------------------------------*/

.mdt-txt {	text-align: right; margin-top: 10px; }
.mdt-mark { margin-left:6px; color: #cc0000; }

ul.info {
	background:#f9edbe;
	border:1px solid #f0c36d;
	padding:10px;
	margin:0;
}

ul.info li {
	line-height:170%;
	list-style-type:disc;
	margin-left:20px;
}

.s-ttl {
margin-top:20px;
border-top:2px solid #bccce3;
padding:7px 6px 6px 0px;
background-color: #F7FBFF;
}

.s-ttl p {
	background: url(/images/top/icon_ttl.gif) no-repeat 0px 3px;
	margin-left:10px;
	padding-left:15px;
}

table.charge {
	clear:both;
	width:735px;
	margin-top:5px;
	border:1px solid #bccce3;
	border-collapse:collapse;
}

table.charge td {
	padding:8px 7px 7px 7px;
	border:1px solid #bccce3;
	border-top:0;
	border-left:0;
}

td.charge-bg {
	background:#f7fbff;
}

textarea,  input {
	font-size: 12px;
}



/*-------------------------------------------
	Page Title
-------------------------------------------*/

.l-ttl {
	height: 53px;
	margin: 10px 0 15px;
	background: url(/images/common/l_ttl_bg.gif);
}

.l-ttl p {
	font-size: 16px;
	font-weight: 700;
	padding: 20px 0 0 30px;
}



/*-------------------------------------------
	Paging
-------------------------------------------*/

.nhit {
	clear: both;
	padding-top: 15px;
	float:left;
}

.nhit span {
	font-size:124%;
	color:#F00;
	font-weight:bold;
}

.paging-b {
	clear:both;
}



ul.paging {
	float:right;
	padding-top: 15px;
}

ul.paging li {
	float:left;
	margin-right:7px;
}

ul.paging a:link,
ul.paging a:visited {
	text-decoration:underline;
}

ul.paging a:hover {
	text-decoration:none;
}



/*-------------------------------------------
	Form
-------------------------------------------*/

.charge input {
padding: 2px;
}
.charge select {
padding: 1px;
}
.form-btn {
clear:both;
text-align: center;
padding: 20px 0 30px;
}
.btn-a input {
width: 180px;
padding: 3px;
}
.btn-a button {
padding: 3px 8px;
}
.btn-b input { 
width: 60px;
padding: 3px;
margin-right:5px;
}



/* 更新のお知らせ <alertをupdateに変更> */


.alert,
.update {
margin: 20px 0 25px 0;
padding: 15px;
background: #FBF7DB;
border: 1px solid #DFCDBD;
color:#4B4B4B;
line-height:160%;
}

.alert p,
.update p {
	font-weight:bold;
}

.alert ul,
.update ul {
margin-top: 5px;
}

.alert ul li,
.update ul li {
margin-left:20px;
line-height:170%;
list-style-type:disc;
}

.alert a:link,
.update a:link {
text-decoration:underline;
}






/*-------------------------------------------
	tab 物件用
-------------------------------------------*/

.tab-l {
clear:both;
margin:10px 0 20px 0;
height:41px;
border-bottom:1px solid #bccce3;
}
.tab-l ul{list-style:none;}
.tab-l li {
float: left;
font-size:12px;
line-height:130%;
text-align:center;
text-decoration:none;
height:41px;
margin-right:3px;
padding: 0px 0px 0px 5px;
background: url(/images/scene/tab_l_left.jpg) no-repeat left top;
}

html>body .tab-l li {  /* for FF */
float: left;
font-size:12px;
line-height:130%;
text-align:center;
text-decoration:none;
height:41px;
margin-right:3px;
padding: 0px 0px 0px 4px;
background: url(/images/scene/tab_l_left.jpg) no-repeat left top;
}
 


.tab-l a{
float: left;
display: inline-block;
color: #000000;
text-decoration: underline;
width: 0.1em;
height: 32px;
padding: 5px 10px 4px 8px;
background: url(/images/scene/tab_l_right.jpg) no-repeat right top;
}
.tab-l > ul a { width: auto; text-decoration: underline;}		/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tab-l a { float: none; text-decoration: underline;}		/* End IE5-Mac hack */
* html .tab-l a { width: auto; text-decoration:none;}
.tab-l .nav-news { background-position:0% -41px; border-width: 0px; text-decoration:none; color:#000;}
.tab-l .nav-news a:visited{ color: #000; text-decoration:none; cursor:default; }
.tab-l .nav-news a:hover{ color: #000; text-decoration:none; cursor:default; }
.tab-l .nav-news a{ background-position: 100% -41px; padding-bottom: 5px; color:#000; text-decoration:none; cursor:default; }
.tab-l li:hover { background-position: 0% -41px; text-decoration:none;}
.tab-l li:hover a { background-position: 100% -41px;  padding-bottom: 5px; text-decoration:none;}



/*-- tab color --*/

li.y-tab {
background: url(/images/scene/tab_y_left.jpg) no-repeat left top;
}
li.y-tab a{
background: url(/images/scene/tab_y_right.jpg) no-repeat right top;
}






/*-------------------------------------------
	Override
-------------------------------------------*/

li.pp-dl {
	float:left;
	background:url(/images/common/icon_pp.jpg) no-repeat;
	padding-left:22px;
	margin-right:30px;
	height:30px;
}

li.pdf-dl {
	float:left;
	background:url(/images/common/icon_pdf.jpg) no-repeat;
	padding-left:22px;
	height:30px;
}



/*-------------------------------------------
	error message
-------------------------------------------*/

body.error {
	background: none;
}

ul.error {
color:#cc0000;
line-height:160%;
margin:20px 0px;
padding:7px;
background: #f2f2f2;
border: 1px dotted #cc0000;
}

div.error {
color:#cc0000;
line-height:160%;
margin:20px 0px;
padding:7px 7px 7px 12px;
background: #F9F9F9;
border: 1px dotted #cc0000;
font-size:118%;
}

div.error p {
	margin-top:15px;
}


#error-tbl {
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:950px;
	font-size:118%;
	line-height:160%;
}

#error-tbl p {
	margin-top:20px;
}

#error-tbl p.bold {
	font-weight:bold;
}

#error-tbl p.red {
	color:#CC0000;
}


/* カテゴリ */
.area-name2 { 
clear: both;
margin-top:20px;
}

.area-name2 p {
font-size: 14px;
font-weight: 700;
color: #ffffff;
text-align: center;
padding: 8px 10px;
background: #00588a;
display:inline-block;
}

/* カテゴリ */

.wordbreak {
word-break: break-all;
}

/* アラート */
.alert-mark {
    color: #CC0000;
    line-height: 80%;
				padding-bottom: 5px;
}


/*-------------------------------------------
	popup window
-------------------------------------------*/


#popup {
    width:700px;
    min-width:600px;
    background:none;
    padding:10px;
}

#popup .l-ttl {
    background-repeat:no-repeat;
    background-color:#f1f8ff;
}

#popup table.charge {
	clear:both;
	width:100%;
	margin-top:5px;
	border:1px solid #bccce3;
	border-collapse:collapse;
}

#popup table.charge td {
	padding:8px 7px 7px 7px;
	border:1px solid #bccce3;
	border-top:0;
	border-left:0;
}

#popup td.charge-bg {
	background:#f7fbff;
}

#popup ul.popup-list li {
    line-height:170%;
}

#popup ul.popup-list span {
    margin-right:8px;
}

#popup ul.popup-list li input[type="radio"] {
    margin-bottom:0px;
    vertical-align:text-bottom;
    margin-right:5px;
}

#popup ul.popup-list img {
    width:200px;
    height:auto;
}

#popup table.charge .walk-through-content{
	padding: 0;
}

#popup table.charge .walk-through-content .row{
	display: flex;
    align-items: center;
	padding: 8px 7px 7px;
	border-bottom: 1px solid #bccce3;
}

#popup table.charge .walk-through-content .row:last-child{
	border-bottom: none;
}

#popup table.charge .walk-through-content .row .item-name{
	width: 110px;
}

#popup table.charge .walk-through-content .row textarea{
	width: calc(100% - 110px);
}

#popup .control-area{
	display: flex;
    align-items: center;
	justify-content: space-between;
	width: 100%;
}

#popup .control-area .control-btn-area .btn{
    border: none;
    width: 50px;
    padding: 3px 0;
    color: #ffffff;
	border-radius: 2px;
	border: 1px solid #bccce3;
    cursor: pointer;
}

#popup .control-area .control-btn-area .btn:hover{
	opacity: 0.6;
}

#popup .control-area .control-btn-area .btn.add{
	background: #007bff;
}

#popup .control-area .control-btn-area .btn.delete{
	background: #dc3545;
}

#popup .control-area .order-area .order-btn{
	display: inline-block;
	color: #17a2b8;
	cursor: pointer;
}

.check-list input {
    margin-left:10px;
    margin-right:3px;
    vertical-align:top;
}

.check-list input:first-child {
    margin-left:0;
    vertical-align:text-bottom;
    margin-right:5px;
}

table.register-rec {
	border-top:1px solid #bccce3;
	border-left:1px solid #bccce3;
    width:100%;
    margin-top:5px;
}

table.register-rec td {
	padding:8px 7px 7px 7px;
	border-right:1px solid #bccce3;
	border-bottom:1px solid #bccce3;
}

.popup-w9 td {
    width:11%;
}

.popup-w5 td {
    width:20%;
}

table.register-rec td span {
    padding-left:20px;
    text-indent:-2px;
    display:block;
}

td.register-rec-bg {
	background:#f7fbff;
}

.btn-send {
    background:#c4c5fe;
    padding:10px 0;
    text-align:center;
    margin-top:10px;
}

li.btn-float {
    display: inline;
    margin-left:8px;
}

li.btn-float:first-child {
    margin-left:0;
}

.all-check-remove {
    margin-left:8px;
    margin-top:10px;
}

.all-check-remove input {
    vertical-align:top;
    margin-right:5px;
}

.useful {
    margin-top:15px;
    border:1px solid #ccc;
    padding:10px;
    text-align:center;
}

.useful p {
    margin-bottom:10px;
}

.useful p span {
    font-weight:bold;
    color:#FF0004;
}

p.payment {
    margin-top:5px;
    width:70px;
    display:block;
    float:left;
}

p.payment-info {
    float:left;
}

span.payment-check {
    margin-left:10px;
}

span.payment-check input {
    vertical-align:text-top;
}

.entry-border {
    border:1px solid #01009E;
    padding:7px 2px;
}

table.charge td ul li {
    line-height:160%;
}

ul.recommend_project{
	overflow: hidden;
}

ul.recommend_project li.left{
	float: left;
}

ul.recommend_project li.right{
	float: right;
}

td.payment-item {
    background:none !important;
    width:95px;
    border-right:none !important;
}

.product-entry {
	display: inline-block;
    margin-right: 25px;
    background:url(/images/top/icon_link.gif) no-repeat left;
    padding-left:11px;
}

.product-entry a:link , .product-entry a:visited {
    text-decoration:underline;
}

.product-entry a:hover {
    text-decoration:none;
}

table.charge tr td .recommend-project-alert {
    border: solid 3px red;
    margin: 10px;
    padding: 10px;
    text-align: center;
    line-height: 20px;
}
table.charge tr td .recommend-project-alert span.large {
    font-size: 24px;
    font-weight: bold;
}
table.payment-example.hide tr th,
table.payment-example.hide tr td {
    background-color: lightgray !important;
}

img.ui-datepicker-trigger {
    width:20px;
}

#open_day_y, #close_day_y, #rank_from_y, #rank_to_y, .city_from_y, .city_to_y, #all_from_y, #all_to_y, #development_y, #delivery_y, #dealings_day_y  {
  width: 35px;
}

#open_day_m, #open_day_d, #close_day_m, #close_day_d, #rank_from_m, #rank_from_d, #rank_to_m, #rank_to_d, .city_from_m, .city_from_d, .city_to_m, .city_to_d, #all_from_m, #all_from_d, #all_to_m, #all_to_d, #development_m_flg, #build_comp_m_flg, #delivery_m_flg, #dealings_day_m, #dealings_day_d {
  width: 20px;
}

.hasYmpicker { z-index: 9999; } 

.em-button {
  margin: 5px 14px 3px 14px;
  width: 80px;
  font-size: 12px;
  padding: 3px;
}

#video_col tr:first-child {
	display: none;
}

ul.csv-list li {
	line-height: 300%;
}