@charset "UTF-8";


body	{margin:0;
	font-family: 'メイリオ',
	'Hiragino Kaku Gothic Pro', sans-serif}


/*   サイト名   */
.logoimg	{max-width:45%;
	max-height:23%;
	vertical-align:bottom}







/*  ホーム_ヘッダー画像  */
.topimg		{width:100%;
	height:auto;
	vertical-align:bottom}


/*  会社概要_box3をバーにする  */
.box3		{padding-top:15px;
	padding-bottom:15px;
	background-color:#0e194f}


/*  ホーム_お知らせ  */

.news		{padding:20px;
	border:solid 5px #dddddd}
.news h1	{margin-top:0;
	margin-bottom:5px;
	font-size:18px;
	color:#666666}

.news ul	{margin:0;
	padding:0;
	list-style:none}

.news li a	{display:block;
	padding:5px;
	border-bottom: dotted 2px #dddddd;
	color:#000000;
	font-size:14px;
	text-decoration:none}

.news li a:hover	{background-color:#eeeeee}

.news time	{
	color:#888888;
	font-weight:bold}

.news a:after	{content:"";
	display:block;
	clear:both}

.news time	{float:left;
	width-left:105px}

.news .text	{float:none;
	width:auto;
	margin-left:105px}



/*  会社概要_内容  */
.companysoutline	{padding:20px;
	border:solid 5px #dddddd}

.companysoutline ul	{margin:0;
	padding:0;
	list-style:none}

.companysoutline h1	{margin-top:0;
	margin-bottom:5px;
	font-size:18px;
	color:#666666}


.kaisha		{width: 100%}
 
.kaisha th,
.kaisha td	{border: 1px solid #ccc;
	padding: 20px}
 
.kaisha th	{font-weight: bold;
	background-color: #dedede}
 
@media screen and (max-width: 767px)	{
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto}
}


/*  会社案内_GoogleMap  */
.ggmap	{position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden}

.ggmap iframe,
.ggmap object,
.ggmap embed	{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}



/*  個人情報保護  */




/*  BOX5をバーの形にする  */
.box5		{padding-top:10px;
	padding-bottom:10px;
	background-color:#0e194f}

/*  コピーライト  */
.copyright p	{margin:0;
	text-align:center;
	color: #ffffff;
	font-size:11px;
	}



/*  ボックスの左右 */
.boxA, .box4, .box5
	{padding-left:10px;
	padding-right:10px}


/*  ボックスの上下  */
.boxA		{padding-top:20px;
	padding-bottom:10px}

.box4		{padding-top:20px;
	padding-bottom:50px}

}







/* ##########  599px 以下  ##########  */
@media (max-width:599px) {

/*  ナビゲーション  */
.menu li a	{padding:10px 7px;
	font-size:11px}
}



/* ########### 767px以下 ########### */
@media (max-width:767px)	{


/* ########## ナビゲーションメニュー（縦並び） ########## */
.menu ul	{margin:0;
	padding:0;
	list-style:none}

.menu li a	{display:block;
	padding:5px;
	color:#000000;
	font-size:14px;
	text-decoration:none}


}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {



/*  ナビゲーション  */


.menu ul	{margin:0;
	padding:0;
	list-style:none}

.menu li a	{display:block;
	padding:10px 15px;
	color:#000000;
	font-size:14px;
	text-decoration:none}

.menu li a:hover	{background-color:#eeeeee}

.menu ul:after		{content:"";
	display:block;
	clear:both}

.menu li	{float:left;
	width:auto}

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content:"";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}

.box2	{float: right;
	width: auto}

}


/*  ########## 1190px 以上  ########## */
@media (min-width:1190px) {

/*  全体の横幅を固定  */
.box4, .boxA-inner, .box5-inner
	{width:1140px;
	margin-left:auto;
	margin-right:auto}


}