@charset "utf-8";



body {
	font-family: "���C���I", Meiryo, "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 75%;
	line-height: 2;
	color: #454545;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #454545;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}



/*�����N�ݒ�
---------------------------------------------------------------------------*/
a {
	color: #848484;		/*�����N�̕����F*/
}

a:hover {
	color: #1D1D1D;		/*�J�[�\���I�[�o�[���̕����F*/
	text-decoration: none;	/*�I�[�o�[���ɉ���������ݒ�B���ꂽ�܂܂������Ȃ炱�̂P�s�폜�B*/
}



/*�R���e�i�[�iHP��͂ރ{�b�N�X�j
---------------------------------------------------------------------------*/
#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
	width: 960px;
}



/*
---------------------------------------------------------------------------*/
#header {
	height: 100px;
	width: 100%;
	position: relative;
}

#title {
	margin-right: auto;
	margin-left: auto;
	background-color: #454545;
	text-align:center;

}

#title a {
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}



/*
---------------------------------------------------------------------------*/
ul#menu {
	/*width: 453px;*/
	top: 0px;
	right: 0px;
}
ul#menu img {
	vertical-align: bottom;
}

ul#menu li {
	float: left;
}



/*
---------------------------------------------------------------------------*/
#main {
	float: right;
	width: 660px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-right: 10px;
}
#main p {
	padding: 0.5em 10px 1em;
	font-size:15px;
}

#main h1.midashi {
	line-height: 48px;
	background-image: url(images/midashi.gif);
	background-repeat: no-repeat;
	height: 41px;
	overflow: hidden;
	font-size: 24px;
	color: #FFFFFF;
	padding-left: 15px;
}


#main h2.midashi {
	line-height: 41px;
	margin-top:10px;
	height: 41px;
	overflow: hidden;
	font-size: 19px;
	/*color: #FFFFFF;*/
	padding-left: 10px;
	border-left:5px #666 solid;
	border-bottom:2px #666 solid;
}

#main h2 a {
	text-decoration:none;
}



/*
---------------------------------------------------------------------------*/
#side {
	float: left;
	width: 240px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-left: 10px;
}
#side h4 {
	border: 3px double #686868;
	color: #1D1D1D;
	text-align: center;
	font-size: 100%;
}
#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

ul.sidemenu a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #686868;
	display: block;
	width: 190px;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.sidemenu a:hover {
	background-image: url(images/sidemenu_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #B5B5B5;
	color: #FFFFFF;
}
ul.sidemenu li {
	margin-bottom: 1px;
}
ul.sidemenu {
	margin-top: 1px;
	margin-bottom: 1em;
}





/*�t�b�^�[�i�R�s�[���C�g�ȂǓ����Ă����ԉ��̃{�b�N�X�j
---------------------------------------------------------------------------*/
#footer {
	text-align: center;
	clear: both;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #454545;
	color: #848484;
}



/*�e�[�u���P
---------------------------------------------------------------------------*/
.ta1 {
	width: 632px;
}

.ta1, .ta1 td, .ta1 th{
	border: 1px solid #9A9999;
}

.ta1 td, .ta1 th{
	padding: 10px 5px;
}

.ta1 th{
	background-color: #f6f6f6;
	width: 150px;
	text-align: center;
}



/*���C���R���e���c��́u�X�V���E���m�点�v����
---------------------------------------------------------------------------*/
#main .new dl {
	width: 622px;			/*�{�b�N�X�̕�*/
	height: 100px;			/*�{�b�N�X�̍���*/
	overflow: auto;
	padding-left: 10px;
}

#main .new dt {
	font-weight: bold;	/*���t�̐F�𑾎��ɂ���*/
	color: #686868;		/*���t�̕����F*/
}

#main .new dd {
	border-bottom: 1px solid #cccccc;	/*���t���Ƃ̉���*/
}



/*�ʐ^�p�{�b�N�X�ݒ�
---------------------------------------------------------------------------*/
.photobox {
	padding-left: 10px;
}

/*�{�b�N�X1�‚�����̐ݒ�*/
.photobox div {
	border: 1px solid #CCCCCC;		/*�㉺���E�̃{�[�_�[�̕��Ɛ���ƐF�̐ݒ�*/
	padding: 15px;					/*�{�b�N�X��̗]��*/
	width: 150px;					/*��*/
	line-height: 1.4;				/*�s��*/
	float: left;					/*�����Ɋ񂹂�ݒ�*/
	margin-right: 10px;				/*�{�b�N�X�̉E����10px������ݒ�*/
	margin-left: 10px;				/*�{�b�N�X�̍�����10px������ݒ�*/
	margin-bottom: 1em;				/*�{�b�N�X�̉���1em(�P������)������ݒ�*/
	font-size: 11px;				/*�����T�C�Y*/
	background-image: url(images/photobox_bg.gif);	/*�{�b�N�X�̔w�i�摜�ݒ�*/
	background-repeat: no-repeat;					/*�w�i�摜����s�[�g�����Ȃ�*/
	background-position: right bottom;				/*�w�i�摜��E���ɂ悹��ݒ�*/
	height: 230px;					/*�{�b�N�X�̍���*/
	overflow: auto;					/*�{�b�N�X���璆�g����яo���ꍇ�ɃX�N���[���o�[��o���ݒ�*/
	display: inline;
}

/*h3�^�O�ݒ�*/
.photobox h3 {
	color: #1D1D1D;		/*�����F*/
	font-size: 100%;
	background-color: #f6f6f6;	/*�w�i�F*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;			/*�Z���^�����O*/
	border: 1px solid #CCCCCC;	/*�㉺���E�̃{�[�_�[�̕��Ɛ���ƐF�̐ݒ�*/
}

/*�i���^�O�̗]���ݒ�*/
.photobox p {
	padding: 0px !important;
}



/*�ׁX
---------------------------------------------------------------------------*/
ul.disc {
	padding: 0.5em 10px 0em 26px;
	list-style: disc;
}

.color1 {
	color: #442E1A;
}

.look {
	background-color: #f5f5f5;
}

.mb1em {
	margin-bottom: 1em;
}

.pagetop {
	text-align: right;
	padding-top: 2em !important;
}

@media screen and (max-width:767px) {


#header {
	width: 100%;
}
#base {
	width: 100%;
}

#head {
	width: 100%;
}

#head img#logo {
	position: static;
}

/*
#container {
	width: 100%;
}

#contents {
	width: 100%;
}

#main {
	width: 100%;
}

*/

#wrapper {
	width: 100%;
}

#wrapper,.inner{
	width: 100%;
}


img { 
    max-width: 100%; 
    height:auto;
}

#visual {
	width: 100%;
}



#imgArea {
	width: 100%;
}

#mainImg {
	height:auto;
}


div.section {
	width: 100%;
}

#hdbox1 {
	min-width: 100%;
}

#hdbox2 {
	min-width: 100%;
}

#hdbox3 {
	min-width: 100%;
}

#content {
	width: 100%;
	clear: left;
}



#navi {
	width: 100%;
	position: static;
}

#gnavi {
	width: 100%;
}

#gnavi li {
	float:none;
}


navi li ,section{
		flex-direction: column; /* c•À‚Ñ */
	}

gnavi li ul{
float:none;
}

#naviArea {
	width: 100%;
}


#mainVisual .mainVisualInr {
	width: 100%;
}

#globalNavi ul {
	width: 100%;
}


#main h1 {
	background: url(../img/bg-h1.png) no-repeat center center;
	padding: 4px 0 0 32px;
	background-size:cover;
	background-size: contain;
	width: 92%;
	font-size:16px;
}


#adshu {
	width:100%;
	padding:0px;
	margin-left:0%;

}

#nomal {
	width:95%;
	margin-bottom:10px;
	margin-left:0%;
	padding:0px;

}

#sub {
	width: 100%;
}


#footer {
	width: 100%;
}

#footer .footerInr {
	width: 100%;
}

nav#mainNav ul {
		width: 100%;
}



#footerContents {
	width:100%;
}


	nav ul,section{
		flex-direction: column; /* c•À‚Ñ */
	}
	nav ul{
		display:inline;
		padding: 0 0 1.5%;
	}
	nav ul li{
		width: 100%;
		margin-top: 5px;
		float:none;
	}
	nav ul li a{
	}

.box,

/*
#container {
	width: 100%;
}
*/

#top-navi {
	width: 100%;
}



#footer {
	width: 100%;
}

#top-navi table {
	width: 100%;
}

div.main-textarea {
	width: 100%;
}

#contents {
	width: 100%;
}
#header {
	width: 100%;
}

ul#menu {
	width: 100%;
}


h2{
width: 100%;
	
}
#gnavi {
	width: 100%;
	display: flex;
}
div .over {
	width: 100%;
}
#footer {
	width: 100%;
}

#container {
	width: 100%;
}

#main {
	width: 100%;
}

#header {
	width: 100%;
}

#main .new dl {
	width: 100%;
}