@charset "utf-8";
<!--

#header{
	background-color:#FFFFFF;
	border-bottom:#00469B solid 1px;
}

.btn{
	background-color:#D7E9FF;
	border:#00469B double 3px;
}
#header p{
	color:#00469B;
}

#header p a,
#header p a:visited {
	color:#FFFFFF;
}


/*----------------------------------------
id
----------------------------------------*/
#container{
	font-size:90%;
}

/*-----------------------------*/


/*********************************************************************
▼▼▼▼▼▼▼  PC用(タブレット／スマホ共通)
**********************************************************************/
#header #logo{
	float:left;
	width:457px;
	font-size:150%;
	font-weight:bold;
	text-align:left;
	text-indent:-9999px;
	background-image:url('/bbs/images/common/logo.png');
	background-repeat:no-repeat;
	background-position:left top;
	height: 55px;
	background-size: contain;
}
#header #loginnamebox {
	float: right;
	text-align: right;
	width: 40%;
}

#header #loginname {
	background-color: #ffffff;
	border: 3px double;
	padding: 5px;
	text-align: right;
}

#header #logobox{
	margin:0 auto;
}

#header p{
	margin:0 auto;
	padding:0;
	text-align:right;
}

#header #logo img{
	width:100%;
}
body{
	padding:0;
}
#header{
	padding:10px 0;
}
#header .s_tabletlink{
	font-size:80%;
}
#header .s_tabletlink a{
	padding:3px 10px;
	border:solid 1px #FFFFFF;
}

#contents,
#footer{
}
#header #logobox{
}

.sp{
	display:none;
}

.s_tabletlink img{
	max-width:150px;
}


/*-----------------------------*/
#notice {
	padding:5px 3px 3px 3px;
}

#notice dl{
	padding:5px 0 0;
	width:100%;
	top:-1.0em;
	position:relative;
}

#notice dl dt{
	font-weight:normal;
	padding:0;
	margin-bottom:-1.5em;
}

#notice dl dd{
	vertical-align:bottom;
	text-align:right;
}

/*-----------------------------*/
#contents,
#footer{
	margin:0 auto;
	text-align:left;
}

#contents{
	padding:10px 0;
}

#contents div#menu {
	font-size: 120%;
}

/*----------------------------------------
table (list)
----------------------------------------*/
table.data{
	border-top:#cfcfcf solid 1px;
	border-right:#cfcfcf solid 1px;
	margin:0;
	padding:0;
	width:100%;
}

table.data th,
table.data td{
	text-align:left;
	padding: 10px;
}

table.data th{
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-bottom:#cfcfcf solid 1px;
	border-left:#cfcfcf solid 1px;
	font-size:80%;
	white-space:nowrap;
}

table.data th.index1{
	font-weight: bold;
	font-size:130%;
}

table.data th.index2{
	font-weight: bold;
	font-size:100%;
}

table.data td{
	background-repeat:repeat-x;
	border-top:#fff solid 1px;
	border-right:#fff solid 1px;
	border-bottom:#cfcfcf solid 1px;
	border-left:#cfcfcf solid 1px;
}

.data td input.input2{
	margin-top: 5px;
}

table.data #gmap {
	border:1px solid #111111;
	float:left;
}

/*-----------------------------*/
.hidden{
	padding:0;
	margin:0;
}

.btn{
	padding:10px 0;
	margin:5px 0;
	text-align:center;
}

.req_note{
}

.note{
}

.attention{
	font-weight:bold;
}

.comp_msg{
	margin:10px;
}
.disp_alertbox{
	border:solid 1px #FF0000;
	padding:20px;
	box-sizing:border-box;
}
.disp_alertbox p{
	padding:0;
	margin:0;
}
.disp_alertbox strong{
	font-size:110%;
	color:#FF0000;
}

#FORM img{
	max-width:400px;
}

.s_tabletlink a.displink{
	padding:10px 50px;
}

/*----------------------------------------
countnavi
----------------------------------------*/
p.countnavi{
}

/*----------------------------------------
pagenavi
----------------------------------------*/
p.pageres {
	margin: 0 0 5px;
}

div.pagenavi {
	margin-bottom: 15px;
	text-align:right;
}

div.pagenavi ul {
	list-style: none outside none;
	margin: 0 0 5px 0;
	padding: 0;
}

div.pagenavi ul li {
	display: inline;
	line-height: 1em;
	margin: 0 3px 0 0;
	padding: 0;
}

div.pagenavi ul li.cur, div.pagenavi ul li a {
	padding: 4px 6px;
}

div.pagenavi ul li a {
	text-decoration: none;
}


/*----------------------------------------
err_navi
----------------------------------------*/
.comp_msg_list{
	border:#ff0000 solid 1px;
	clear:both;
	list-style:none;
	margin:0 0 1em 0;
	padding:2px;
	color:#ff0000;
}

ul.err_navi{
	border:#ff0000 solid 1px;
	clear:both;
	list-style:none;
	margin:0 0 1em 0;
	padding:2px;
	color:#ff0000;
}

ul.err_navi li{
	margin:2px;
	padding:0 2px;
	text-align:left;
}

ul.err_navi li a{
	background-color:#fff;
	border:#ddd solid 1px;
	display:block;
	text-decoration:none;
}

ul.err_navi li.cur a{
	background-color:#ffcffe;
}

.message_navi{
	border:#ff0000 solid 1px;
	clear:both;
	list-style:none;
	margin:0 0 1em 0;
	padding:2px;
	color:#ff0000;
}

/*----------------------------------------
color・width
----------------------------------------*/
table.data th{
	background-color:#EFEFEF;
	font-weight:bold;
}
table.s_tabletlink th{
	text-align:center;
}

table.data td{
	background-color:#FBFBFB;
}

.data .line2 td,
.data td.line2{
	background-color: #CACACA;
}
.data tr.cancelline th,
.data tr.cancelline td{
	background-color: #FFD2E9;
}

.req_note,
.hissu{
	color:#ef0000;
}

.hissuicon{
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	background-color: #FF0000;
	padding: 0 5px;
	border-radius: 5px;
}

.hissu{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	padding: 0 5px;
	border-radius: 5px;
}

.pre_note{
	color:#427F37;
}

.note{
	color:#7f7f7f;
}

.attention{
	color:#ff0000;
}

table.data th.index1{
	background-color:#FFDFE3;
}

table.data th.index2{
	background-color:#FFFFCC;
}

table.data th.news{
	width:18%;
}
table.data td.news{
	width:82%;
}
table.data th.sales{
	background-color:#E6F2FF;
}

table.data th.photo{
	background-color:#FBFBEC;
}
table.data th.fileitem{
	background-color:#FBEFEC;
}
table.data th.linkitem{
	background-color:#ECEDFB;
}

table.data th.block01,
table.data th.block03,
table.data th.block05,
table.data th.block07,
table.data th.block09{
	background-color:#FFFFE8;
}

table.data th.block02,
table.data th.block04,
table.data th.block06,
table.data th.block08,
table.data th.block10{
	background-color:#E6F2FF;
}




table.data td.image img{
	max-width:650px;
}

table.data th.sample{
	width:23%;
}

table.data th.sample_head{
	background-color:#FF8FA1;
	width:7%;
}
table.data th.sample_main{
	background-color:#FFBFCB;
	width:15%;
}
table.data td.sample_main{
	background-color:#DAFFBF;
}

table.data th.sample_main2{
	background-color:#FFDFE6;
}
table.data td.sample_main2{
	background-color:#EDFFDF;
}


table.data th.pass{
	width:30%;
}

table.data #gmap {
	width:650px;
	height:300px;
}


div.pagenavi ul li a {
	background: none repeat scroll 0 0 #4D70CF;
	color: #FFFFFF;
}

div.pagenavi ul li a:hover, div.pagenavi ul li a.active {
	background: none repeat scroll 0 0 #C5C5C5;
	color: #FFFFFF;
}

/*----------------------------------------
recommend
----------------------------------------*/
table.data .rec_btn{
	text-align:center;
}
table.data .recommend a{
	text-decoration:none;
	padding : 2px;
	border:0px;
}

.leftcalendar{
	float:left;
	width:49%;
}
.rightcalendartext{
	float:right;
	width:49%;
}
.rightcalendartext textarea{
	height:300px;
	width:80%;
	font-size: 16px;
	line-height: 1.5;
}
/*----------------------------------------
clearfix
----------------------------------------*/

.cf:after,
.clearfix:after,
ul.navi:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	font-size:0;
	line-height:0;
}

ul.navi{
	display:inline-block;
}

/* exlude MacIE5 \*/
* html ul.navi{
	height:1%;
}

ul.navi{
	display:block;
}

/* end MacIE5 */

#newbuttonbox {
	margin-left: auto;
	margin-right: 0;
	text-align: left;
}
#newbuttonbox tr td{
	padding:0 10px;
}

.s_tabletlink a.notablelink{
	background:none;
	border:none;
	font-size:100%;
	padding:0;
	color:#333399;
	text-align: left;
	display: initial;
	font-weight: normal;
	text-decoration: underline;
}
.s_tabletlink a.notablelink:hover {
	background:none;
}

.s_tabletlink a{
	background-color: #0085ba;
	border: medium none;
	border-radius: 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width:100%;
}
.s_tabletlink a:hover {
	opacity:0.8;
}
.s_tabletlink a:active {
	position:relative;
	top:1px;
}

table.s_tabletlink a{
	display:block;
	box-sizing: border-box;
}
table.s_tabletlink .rec_btn a{
	display:inline;
	box-sizing: border-box;
}

.bt_nolink{
	background-color: #E3E3E3;
	border: medium none;
	border-radius: 0;
	color: #4E4E4E;
	font-size: 100%;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}

.tabletlink a{
	font-size:150%;
	background-color: #0085ba;
	border: medium none;
	border-radius: 0;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display:inline-block;
}
.tabletlink a:hover {
	opacity:0.8;
}
.tabletlink a:active {
	position:relative;
	top:1px;
}

#menu ul{
	text-align:center;
}
#menu ul li{
	list-style:none;
	padding-bottom:20px;
}
#menu ul li a{
	width:90%;
}

input[type="text"],
input[type="password"]{
	font-size:100%;
}
.uploadbtn{
	font-size: 110%;
	padding: 0 25px;
}
input[type="file"]{
	font-size:110%;
}
input[type="submit"],
input[type="button"],
input[type="reset"]{
	height:60px;
	width:300px;
	font-size:200%;
}

input[type="button"].delbutton,
input[type="button"].delbutton_tmp {
	height: auto;
	width: 185px;
	font-size: 120%;
	background-color: #f00;
	margin:5px 0;
}

form#hanei{
	display:inline;
}
form#hanei input[type="submit"]{
	font-size: 18px;
	width: auto;
	height: auto;
	padding: 2px 25px;
	border: solid 1px #000;
	background-color: #00469B;
	color: #FFF;
	font-weight: bold;
}
form#hanei input[type="submit"]:hover{
	cursor:pointer;
}

.menulist{
	list-style:none;
	padding:0;
	margin:0;
}
.menulist li{
	float:left;
}

.spdisp{
	display:none;
}

.urllink a{
	color:#808080 !important;
	font-size:15px !important;
	text-decoration:none !important;
}

.status9{
	color:#FF0000;
	font-weight:bold;
	background-color:#FFF0F8 !important;
}

.error_message {
	color: #FF0000;
	font-weight: bold;
	padding: 5px;
	margin: 0;
	line-height: 1.4;
	background-color: #FFFF80;
	display:block;
}
.completemsg{
	margin:30px 0;
	color:#950000;
}
.alert{
	color:#FF0000;
}

/* 新着カテゴリ */
.newslist {
	text-align:center;
}
.newslist span {
	padding:5px 0;
	color:#000;
	display: inline-block;
	width: 90px;
	text-align: center;
	border-radius:20px
}
.newslist span.cat01 {
	background-color:#ffcc5c;
}
.newslist span.cat02 {
	background-color:#99ff7e;
}


/*----------------------------------------
タブレット対応ボタン
----------------------------------------*/

/*********************************************************************
▼▼▼▼▼▼▼  パソコン
**********************************************************************/
/*@media screen and (min-width: 1200px) {*/
@media screen and (min-width: 1200px) {
	#header .s_tabletlink{
		width:1200px;
	}
	#contents,
	#footer{
		width:1200px;
	}
	#header #logobox{
		width:1200px;
	}
	.menulist{
		float:right;
	}
}

/*********************************************************************
▼▼▼▼▼▼▼  タブレット用
**********************************************************************/
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 1199px) {
	body{
		padding:0 10px;
	}
	#header{
		padding:10px;
	}
	.menulist{
		float:right;
	}
}

/*********************************************************************
▼▼▼▼▼▼▼  スマートフォンサイト
**********************************************************************/
@media screen and (max-width: 480px) {
	ul li{
		margin-left:10px;
	}
	
	#header #logo img{
		max-width:360px;
	}
	#header #logo,
	#header #loginnamebox {
		width:100%;
		float:none;
	}
	
	textarea,
	input[type="text"],
	input[type="submit"],
	input[type="button"],
	input[type="reset"],
	input[type="password"]{
		height:60px;
		width:98%;
		font-size:200%;
	}
	input[type="file"]{
		font-size:60%;
	}
	
	table.data th.news,
	table th,
	table td{
		width:100%;
		display:block;
	}
	#loginnamebox{
		display:none;
	}
	.TopicPath{
		font-size:70%;
	}
	.note{
		font-size:70%;
	}
	#contents,
	table.data{
		width:98%;
	}
	table.data th,
	table.data td{
		padding:7px 5px;
	}
	
	#contents .sp_scroll table th.news,
	#contents .sp_scroll table th,
	#contents .sp_scroll table td{
		display:table-cell;
	}
	#contents .sp_scroll {
		box-sizing: border-box;
		border-right: 1px solid #AA0000;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#contents .sp_scroll table{
		border-right: none;
	}
	#contents .sp_scroll table th,
	#contents .sp_scroll table td{
		white-space: nowrap;
	}
	.spdisp{
		display:block;
		color:#AA0000;
		padding:0;
		margin:0;
	}
	
	.thumbnail{
		width:80%;
	}
	.sp{
		display:inline;
	}
}

-->