/* ### レイアウト ### */
body	{margin: 24px 10px;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}

#container	{width: 960px;
	margin: auto;}

#header	{margin: 0 0 50px;}

#content	{width: 670px;
	float: left;
	margin: 20px 0 50px;}

#sidebar	{width: 230px;
	float: right;
	margin: 50px 0 50px;}

#footer	{clear: both;}





/* ### ヘッダー ### */

/* サイト名 */
#site	{float: left;}

#site h1	{margin: 0;
	font-size:12px}

/* アイコンメニュー */
#iconmenu	{float: right;
	text-align: right;}

#iconmenu ul	{margin: 0;
	padding: 3px 0 0;}

#iconmenu li	{display: inline;
	list-style-type: none;}

#iconmenu img	{border: none;}

/* ヘッダー画像 */
#headerimg img	{vertical-align: bottom;}

/* ナビゲーションメニュー */
#nav	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 18px;
  	overflow: visible;
	border-top: solid 1px #C6DCE0;
	background-color: #C6DCE0;}

#nav ul	{margin: 0;
	padding: 0px;}

#nav li	{list-style-type: none;
	float: left;
  	position: relative; /* （ドロップダウン用） */}

#nav li a	{display: block;
width: auto;
	padding: 20px;
	border-right: solid 1px #C6DCE0;
	color: #00;
	text-align: center;
	text-decoration: none;}

#nav li a:hover	{background-color: #C6DCE0;}


/* サブメニュー */
#nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #DBE7E9;
  min-width: 340px;
  z-index: 1000;
  padding-left: 30px;
}

/* サブメニュー内 */
#nav li ul li {
  float: none;
}

#nav li ul li a {
  border-top: solid 1px #ffffff;
  text-align: left;
}

/* ホバーで表示（PC） */
#nav li:hover > ul {
  display: block;
}

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

  #nav {
    overflow: visible;
  }

  #nav li {
    float: none;
  }

  #nav li a {
    border-right: none;
    border-bottom: solid 1px #ffffff;
    text-align: left;
  }

  /* サブメニュー（スマホ） */
  #nav li ul {
    position: static;
    display: none;
  }

  /* 開いた状態 */
  #nav li.open > ul {
    display: block;
  }

}


/* アイコン保険の段組み */
.box1 {background-color:#ffffff;
	width:335px;
	float:left;
	}
	
/* 段組み解除用。htmlでは<br class="clear">で使用 */
.clear {clear:both;}


/* アイコン保険のご相談 */
#nav2	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 30px;
	overflow: hidden;
	border-top: solid 1px #ffffff;
	background-image:url(img/bt_soudan.jpg)}

#nav2 ul	{margin:0;
	padding: 0;}

#nav2 li	{list-style-type: none;
	float: left;}

#nav2 li a	{display: block;
	width: 334px;
	height:135px;
	padding: 15px 0 0 0;
	border-right: solid 1px #ffffff;
	color: #ffffff;
	text-align: center;
	text-decoration: none;}

#nav2 li a:hover	{
	background-image:url(img/bt_soudan2.jpg)}

/* アイコン当社のご紹介 */
#nav3	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 30px;
	overflow: hidden;
	border-top: solid 1px #ffffff;
	background-image:url(img/bt_info.jpg)}

#nav3 ul	{margin:0;
	padding: 0;}

#nav3 li	{list-style-type: none;
	float: left;}

#nav3 li a	{display: block;
	width: 334px;
	height:135px;
	padding: 15px 0 0 0;
	border-right: solid 1px #ffffff;
	color: #ffffff;
	text-align: center;
	text-decoration: none;}

#nav3 li a:hover	{
	background-image:url(img/bt_info2.jpg)}

/* ### コンテンツ ### */

/* 見出し */
.date	{float: right;
	background-color: #0097d8;
	padding: 8px 22px;
	border-radius: 55px / 48px;
	text-align: center;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;}

.date span	{display: block;
	font-size: 32px;
	line-height: 1;}

.cat	{font-size: 14px;
	color: #666666;}

.cat a	{text-decoration: none;
	color: #666666;}

.cat2	{font-size: 10px;
	color: #666666;
	text-align:right;
	margin:20px 0}

/* 本文 */
#content p	{line-height: 1.6;}

#content div{font-size: 20px;}

#content img {margin:0 17.5px 0 0}

#content h2	{font-size: 20px;
	border-bottom: solid 1px #aaaaaa;
	margin: 0 0 6px;
	padding: 0 0 3px;}

#content h3	{font-size: 25px;
	color:#ff9900;
	background-color:#ffffff;
	border: solid 2px #ffcc99;
	margin: 20px 0 10px 0;
	padding: 10px;}

.kojin	{font-size: 16px;
	color: #990000;
}

/* ### サイドバー ### */

#sidebar img {margin:0 0 30px 0}

.tel {font-size:15px;
	margin:20px 0 20px 0;
	padding:10px;
	background-color:#ffffff;
	color:#000000;
	border:solid #999999 1px;
}

/* メニュー */
.menu	{margin:30px 0 30px 0;}

.menu h3	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #66c1e8;
	margin: 0 0 5px;}

.menu ul	{margin: 0;
	padding: 0;
	border-top: solid 1px #aaaaaa;}

.menu li	{margin-bottom: 0;
	list-style-type: none;
	border-bottom: solid 1px #aaaaaa;}

.menu li a	{display: block;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	padding: 3px 0 3px 20px;
	background-image: url(img/listmark.png);
	background-repeat: no-repeat;
	background-position: 0 50%;}

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

/* ブログ用アイコン */
.bt_blog	{
	overflow: hidden;
	width:230px;
	background-image:url(img/bt_blog.jpg)}

.bt_blog ul	{margin:0;
	padding: 0px;}

.bt_blog li	{list-style-type: none;
	float: left;}

.bt_blog li a	{display: block;
	width: 230px;
	height:155px;
	padding: 0px;}

.bt_blog li a:hover	{
	background-image:url(img/bt_blog2.jpg)}

/* メールフォーム用アイコン */
.bt_mail	{
	overflow: hidden;
	width:230px;
	background-image:url(img/bt_mail.jpg)}

.bt_mail ul	{margin:0;
	padding: 0px;}

.bt_mail li	{list-style-type: none;
	float: left;}

.bt_mail li a	{display: block;
	width: 230px;
	height:50px;
	padding: 0px;}

.bt_mail li a:hover	{
	background-image:url(img/bt_mail2.jpg)}

/* リクルート用アイコン */
.bn_rec	{
	overflow: hidden;
	width:230px;
	background-image:url(img/bn_rec.gif)}

.bn_rec ul	{margin:0;
	padding: 0px;}

.bn_rec li	{list-style-type: none;
	float: left;}

.bn_rec li a	{display: block;
	width: 230px;
	height:200px;
	padding: 0px;}

.bn_rec li a:hover	{
	background-image:url(img/bn_rec2.gif)}


/* 会社概要 */
.info	{border: solid 0px #;
	margin:20px 0 20px 0;}

.left {background-color:#cccccc;
	border:solid 1px #cccccc;
	float:left;
	width:140px;
	padding:5px;
	margin:0 0 5px 0;
}

.left2 {background-color:#cccccc;
	border:solid 1px #cccccc;
	float:left;
	width:140px;
	height:150px;
	padding:5px;
	margin:0 0 0px 0;
}

.left3 {background-color:#cccccc;
	border:solid 1px #cccccc;
	float:left;
	width:140px;
	height:60px;
	padding:5px;
	margin:0 0 0px 0;
}

.right {background-color:#ffffff;
	border:solid 1px #cccccc;
	float:left;
	width:505px;
	padding:5px;
	margin:0 0 5px 0;
}


/* ### フッター ### */

#footer	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #999999;
	padding: 10px 10px 20px;}

#footer p	{margin: 0;}

#footer small	{font-size: 12px;
	font-weight: bold;
	display: block;}




/* --- ボックス --- */
div.section {
width: 670px; /* ボックスの幅 */
height: 300px; /* ボックスの高さ */
overflow: auto;
background-color: #f9f9f9; /* ボックスの背景色 */
border: 1px #c0c0c0 dotted; /* ボックスの境界線 */
font-size: 80%; /* 文字サイズ */
color: #000000; /* 文字色 */
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- googlemap --- */
#content .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
#content .ggmap iframe,
#content .ggmap object,
#content .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}