@charset "Shift_JIS";

/*------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					0.8.2
	Author.					Kenta Aga

	PROGRAM-ID		"���w�y�[�W�ɔ��f�������"
------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

/*------------------------------------------------
	�Z�J���_������
------------------------------------------------*/

/*	�p������
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
dl#pan{
	margin						: 7px 16px 15px 12px;
	text-align					: left;
}
#pan dt{
	display						: none;
}
#pan dd{
	padding-left				: 19px;
	background				: url(../img/arrow/box_mono.gif) no-repeat 0 0.4em;
}


/*	��{�g�g��(���ɕύX�Ȃ�)
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#header #visual{
	width							: 800px;
	height							: 109px;
	background				: url(../img/share/visual_normal.jpg) no-repeat;
}

.entry{
	margin						: 0px 10px 1em 10px;
	width							: 509px;
}

/*	�T�u�G���A�o�i�[����
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#sub .bannerArea li{
	margin-bottom			: 3px;
}

/*	�^�C�g������
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
h2.title{
	margin-bottom			: 1em;
}

h3{
	margin-bottom			: 1em;
}

h3.txtTitle{
	padding						: 4px 8px;
	color							: #2242ba;
	font-weight				: bold;
	border-left					: 4px solid #4064a3;
}


/*	�e�[�u������
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
.listTbl{
	margin						: 5px 0px 15px 0px;
	width							: 100%;
}

.listTbl caption{
	padding-bottom		: 4px;
}

.listTbl th, .listTbl td{
	padding						: 5px;
	border						: 1px solid #e1e1e1;
}

.listTbl th,.listTbl .head{
	width							: 120px;
	background				: #ecf2fd;
}

.listTbl thead th,.listTbl thead td{
	background				: #ecf2fd;
}

.listTbl thead .head{
	width							: auto;
	background				: #b3cbf4;
}

/*	�摜
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
img.colLeft{
	margin-right				: 5px;
	margin-bottom			: 5px;
}


/*	�y�[�W�g�b�v�֖߂�
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
.pagetop{
	margin						: 0.5em 10px 0px 10px;
	text-align					: right;
}

/*------------------------------------------------
	�n�C���[�ē�
------------------------------------------------*/

/*------------------------------------------------
	�ό��ē�
------------------------------------------------*/
#sightseeing .spotList{
	display						: inline-block;
}

#sightseeing .spotList:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}

#sightseeing .spotList li{
	float							: left;
	width							: 254px;
	position						: relative;
}

#sightseeing .spotList li.accent{
	background				: #f1f1f1;
}

#sightseeing .spotList .area{
	display						: inline-block;
	margin						: 6px;
}
#sightseeing .spotList .area:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}

#sightseeing .spotList h3{
	margin						: 0;
	padding-top				: 15px;
	color							: #4573b3;
	font-weight				: bold;
}

#sightseeing .spotList .area img{
	float							: left;
	margin						: 0 5px 5px 0;
}

#sightseeing .spotList .area p{
	clear							: both;
	margin						: 0;
}

/*------------------------------------------------
	�ό��ē�(20200402�ȍ~)
------------------------------------------------*/
#sightseeing #main_sightseeing {
	margin: 0 25px;
}

#sightseeing #main_sightseeing h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #2449d3;
	border-bottom: 1px solid #2449d3;
	
}

#sightseeing #main_sightseeing p {
	line-height: 2em;
	font-size: 1.2em;
	
}

#sightseeing #main_sightseeing img {
	margin-bottom: 1em;
}

#sightseeing #main_sightseeing h4 {
	font-size: 1.5em;
	margin: 30px 0px;
	font-weight: bold;
}
#info {
	display: table;
border: 3px solid #ddd;

}
#info .haisya {
	display: table-cell;
	width: 260px;
	padding: 0 5px;
}

#info .haisya dt {
    text-align: center;
    font-size: 0.7rem;
    background-color: #FFF;
    color: #ff9933;
    font-weight: bold;
}

#info .haisya dl {

}
#info .haisya dd {
	margin: 10px 0 0 0;
	padding: 0 5px;
}

#info .haisya dd.naoshima {
	margin-left: 76px;
}

#info .kankou {
 
}

#info .kankou dl {

}

#info .kankou dt {
    text-align: center;
    font-size: 1rem;
    background-color: #FFF;
    color: #ff9933;
    font-weight: bold;
	margin-bottom: 10px;
}

#info .kankou dd {
	display: table-cell;
	width: 358px;
		padding: 0 5px;
	text-align: center;
}

#sightseeing #lightgallery {
	margin-top: 30px;
}

#sightseeing #lightgallery h4 {
	padding: 4px 8px;
    color: #2242ba;
    font-weight: bold;
    border-left: 4px solid #4064a3;
	margin: 30px 0 20px 0;
}

#sightseeing #lightgallery .area {
	display: flex;
	margin: 0 10px 30px 0px;
	
}
#sightseeing #lightgallery .area dl {
	width: 180px;
	text-align: center;
	margin: 0 10px 0 0;
}

#sightseeing #lightgallery .area dl.rei {
	width: 750px;
	text-align: left;
	margin: 0 5px;
}

#sightseeing #lightgallery .area dt {
	margin-bottom: 10px;
	text-align: center;
}

#sightseeing #lightgallery .area dl.rei dt
{text-align: left;}

#sightseeing #lightgallery a img:hover {
	opacity: 0.5;
}


/*	���C���C���[�W
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#sightseeing .spotImage{
	display						: inline-block;
	margin-bottom			: 1em;
	text-align					: center;
}
#sightseeing .spotImage:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}

#sightseeing .spotImage img{
	padding						: 2px;
	border						: 4px solid #f1f1f1;
}


/*	��������������
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#sightseeing .checkSpot{
	margin						: 50px 0 1em 18px;
	padding						: 8px;
	border						:3px solid #e1e1e1;
}

#sightseeing .checkSpot dt{
	position						: relative;
}
#sightseeing .checkSpot dt img{
	position						: absolute;
	top								: -38px;
	left								: -30px;
}

#sightseeing .checkSpot h3{
	margin						: 0px 0px 0px 15px;
	padding						: 4px 8px;
	padding-top				: 8px;
	color							: #2242ba;
	font-weight				: bold;
}

#sightseeing .checkSpot dd{
	display						: inline-block;
}
#sightseeing .checkSpot dd:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}


/*	���f���R�[�X
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#sightseeing .listTbl tbody .head{
	width							: 65px;
}

#sightseeing h5{
	margin						: 5px 0px;
	padding						: 5px;
	color							: #fff;
	background				: #b47018;
}

#sightseeing dl.list{
	margin-bottom			: 1em;
}

#sightseeing dl.list dt{
	display						: inline;
	color							: #755C04;
}

#sightseeing dl.list dd{
	margin						: -1.5em 0 0.5em 5em;
}


/*------------------------------------------------
	�K����T�[�r�X
------------------------------------------------*/

#careType{
	margin-top				: 0.5em;
	margin-bottom			: 1em;
	text-align					: center;
}

#careType li{
	margin						: 0 auto 20px auto;
}

#care .contact{
	padding-bottom		: 10px;
	color							: #fff;
	background				: #ff8000;
}

#care .contact h3{
	margin-bottom			: 0px;
	background				: #fff;
}

#care .contact dl{
	margin						: 10px;
	margin-top				: 5px;
	display						: inline-block;
}
#care .contact dt{
	float							: left;
	font-weight				: bold;
}
#care .contact dd{
	float							: right;
	width							: 29em;
}

/*------------------------------------------------
	���ǂ�^�N�V�[
------------------------------------------------*/
#udon .sideList{
	text-align					:center;
}

#udon .sideList img{
	margin-bottom			: 10px;
}
#udon .list01{
	margin					: 8px 0px;
	padding					: 5px;
}
#udon .list02{
	list-style-type		: square;
	margin					: 5px 0px 5px 25px;
}
#udon .list03{
	margin					: 5px 0px 5px 10px;
}
/*------------------------------------------------
	���S�}�l�W�����g
------------------------------------------------*/

/*------------------------------------------------
	���l�ē�
------------------------------------------------*/
#recruit .listTbl a:link		{	color			: #f60000;text-decoration:none;}
#recruit .listTbl a:visited	{	color			: #ac5b0a;text-decoration:none;}
#recruit .listTbl a:hover		{	color			: #0276C5;text-decoration:none;}


/*------------------------------------------------
	��ЊT�v
------------------------------------------------*/
#company .listTbl dd{
	margin-left			: 0.9em;
}

/*------------------------------------------------
	�T�C�g�}�b�v
------------------------------------------------*/
#sitemap .entry .list{
	float							: left;
	width							: 48%;
}


/*------------------------------------------------
	�v���C�o�V�[�|���V�[
------------------------------------------------*/


/*------------------------------------------------
	���₢���킹
------------------------------------------------*/
#contact .listTbl p{
	margin-bottom			: 0;
}

#contact input.text{
	padding						: 2px;
	width							: 220px;
}
#contact textarea.text{
	padding						: 2px;
	width							: 330px;
}

#contact input.button{
	padding						: 5px;
}

.contactTel td p{
	margin-bottom: 0;
}

.contactContent textarea{
	width: 100%;
}
/*------------------------------------------------
	�e���v���p
------------------------------------------------*/
#temp #catTitle{
	background				: url(../img/temp/cat_title.jpg) no-repeat;
}