/* ### レイアウト ### */
body	{margin: 0; padding 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 12px;
	background: rgb(255,255,255);
}

#container	{width: 960px;
	margin: auto;}
.content-inner.column { }

#header	{margin: 0 0 2px;}

#content	{width: 730px;
	float: left;
	margin : 0px 0px 12px 0px;
}
#content_noside	{width: 90%;
	float: left;
	margin : 0px 0px 12px 0px;
}#content_nocolumn	{width: 730px;
	float: left;}
#faq	{width: 730px;
	float: left;}

#sidebar	{width: 200px;
	float: right;
}

#footer	{clear: both;}

.assistive-text	{ display:none; }



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

/* ナビゲーションメニュー */

#nav	{
	margin: 2px 0px 0px 0px;
	font-size: 13px;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight:bold;
	color: #1a1a1a;
	line-height: 160%;
	overflow: hidden;
	border-top: solid 1px #cccccc;
	border-bottom:1px solid #ccc;
	border-right: solid 1px #ccc;
	border-left:1px solid #cccccc;
	background-color:#f5f5f5;
}
#nav ul	{
	margin: 0;
	padding: 0;
}
#nav li	{
	list-style-type: none;
	float: left;
	width: 132px;
}
#nav li a	{
	display: block;
	padding: 5px 0;
	border-left: solid 1px #fefefe;
	border-right: solid 1px #eeeeee;
	text-align: center;
	text-decoration: none;
	color: #1a1a1a;
}
#nav li a:hover	{color: #1a1a1a;background-color:#eeeeee;}


/********************mobile**********************************/
#nav2	{font-size: 10px;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	overflow: hidden;
	border-top: solid 1px #ffffff;
	background-color: #000000;}

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

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

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

#nav2 li a:hover	{background-color: #63a2c6;}


/* サイト名 */
#site	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background: rgba(255,255,255,0.5);
	display: inline-block;
	padding: 10px 20px;
	margin-top: 30px;}

#site h1	{font-size: 50px;
	margin: 0;
	line-height: 1;}

#site h1 span	{font-weight: normal;}

#site p	{font-size: 16px;
	margin: 0;}


/* ヘッダー画像 */
/*
#header	{width: 960px;
	height: 180px;
	background-image: url(images/header.jpg);
	background-position: left bottom;}
*/
#header	{width: 960px;
	height: 150px;
}
#header img {vertical-align:bottom;}


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

.topitem {
	float: left;
	/* margin-left: 10px; */
	width:45%;
height: 360px;
	font-size: 14px;
	margin-left : 8px ; margin-right : 8px ;
	margin-top : 12px;
	margin-bottom : 4px;
	padding:0;
	border-collapse:collapse;
	border-right:2px solid #FFe000;
	border-top:1px solid #FFe000;
	border-bottom:2px solid #FFe000;
	border-left:1px solid #FFe000;
}
.topitem tr	{
	vertical-align : top;
}
.topitem h2	{font-size: 14px !important;
	text-align:left !important;
	border-bottom: solid 1px #aaaaaa;
	margin: 8px 0 12px;
	padding: 0 0 3px 12px !important;
	line-height: 120%
	color: #102030;
}

/* サムネイル画像 */
.topitem p img	{float: left;
	margin-right: 10px;
	clear:left;
	height: auto;
	max-width: 120px;
}

/* 本文 */

.topitem p	{font-size: 12px;
	line-height: 1.4;
	margin: 0;
	clear: left;}
.topitem a	{display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;}

.topitem a:hover	{background-color: #dddddd;
	background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: linear-gradient(#ffffff 0%, #dddddd 100%);}

/* 投稿日 */
.date	{float: left;
	background-color: #537685;
	padding: 5px 15px 8px;
	margin: 0 10px 5px 0;
	text-align: center;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;}

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


/* タイトル */
.post h2	{font-size: 20px;
	border-bottom: solid 1px #aaaaaa;
	margin: 6px 0 15px;
	padding: 0 0 3px;}
.post h2 img	{margin: 0;
	padding: 0;}

/* サムネイル画像 */
.post p img	{float: left;
	margin-right: 10px;
	clear:left;}

/* 本文 */

.post p	{font-size: 14px;
	line-height: 1.6;
	margin: 0;
	clear: left;}

.post img	{max-width: 35%;
	height: auto;}

/* 続きを読むボタン */
.post .more	{background-image: url(images/expand.png);
	background-repeat: no-repeat;
	background-position: center right;
	text-align: right;
	padding-right: 30px;
	color: #888888;
	clear: none;}

/* リンク */
.post	{border: solid 1px #aaaaaa;
	margin-bottom: 20px;
	background: rgb(230,210,220);
}

.post a	{display: block;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;}

.post a:hover	{background-color: #dddddd;
	background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
	background: linear-gradient(#ffffff 0%, #dddddd 100%);}


/* サムネイル画像 */
.thumbnail img {
	/*width: auto;
	max-height: 120px;*/
	height: auto;
	max-width: 30%;
}


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

/* 広告 */
.ad img	{width: 200px;
	height: auto;
	margin-bottom: 0px;
	border: 0;
}


/* ソーシャル */
.social	{background-color: #f0d000;
	padding: 4px;
	/* margin-bottom: 12px; */
	margin : 0px 0px 12px 0px;
}

.social h3	{font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	margin: 2 0 4px;}


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

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

#footer p	{margin: 0;}

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



/* アコーディオン */
.accordion_head {
	cursor:pointer;
	background:#cccccc;
	background-image: url(./images/expand.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.selected {
	background:#b5b5b5;
	background-image: url(./images/shrink.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.selected + * {
	background:#dcdcdc;
}

.no_accordion_head {
	background:#b5b5b5;
	background-image: url(./images/shrink.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 一般的な設定 */
.alertmsg {
	font-size: 12px;
	font-weight: bold;
	color: #f03030;
}
.tiny {
	font-size: 10px;
}



/* table_simpleテーブル */
.table_simple {
font-size: 13px;
width:92%;
margin-left : auto ; margin-right : auto ;
margin-top : 0px;
padding:0px;
text-align:center;vertical-align:middle;
border-collapse:collapse;
border: 1px #ffe050 solid;
}
.table_simple h1 {
  margin-left : 0 !important;
  font-size: 15px !important;
  line-height: 170%;
  width:60% !important;
  padding:4px !important;
  text-align:center !important;
  vertical-align:middle;
  color:#f0d0d0d !important;
  background-color:#f0f0f0 !important;
}
.table_simple td {
padding:4px 4px 4px 4px;
}

/* table_editテーブル */
.table_edit {
font-size: 13px;
width:90%;
margin-left : auto ; margin-right : auto ;
margin-bottom : 12px;
padding:0;
border-collapse:collapse;
border-right:1px #FF9900 solid;border-top:1px #FF9900 solid;border-bottom:1px #FF9900 solid;border-left:1px solid #999999 solid;
}
.table_edit th {
width:40%;padding:8px 4px 8px 8px;
text-align:left;vertical-align:middle;
white-space: nowrap;
background-color:#f0d000;
border-right:1px #999999;border-top:1px #FF9900;border-bottom:1px #999999;border-left:2px solid #FF9900;
}
.table_edit td {
width:57%;padding:8px 4px 8px 8px;
text-align:left;vertical-align:middle;
background-color:#EEEEEE;color:#202020;
border-right:1px #050505 solid;border-top:1px #FF9900 solid;border-bottom:1px #050505 solid;border-left:1px #999999 solid;
}

/* table_listテーブル */
.table_list {
font-size: 13px;
width:90%;
margin-left : auto ; margin-right : auto ;
margin-top : 8px;
margin-bottom : 4px;
padding:0;
border-collapse:collapse;
border: 1px #f0d000 solid;
}
.table_list th {
/*width:40%;padding:8px 4px 8px 8px;*/
padding:4px 4px 4px 4px;
text-align:left;vertical-align:middle;
white-space: nowrap;
background-color:#f0d000;
border: 1px #f0d000 solid;
}
.table_list td {
/*width:57%;padding:8px 4px 8px 8px;*/
padding:4px 4px 4px 4px;
text-align:left;vertical-align:middle;
background-color:#EEEEEE;color:#202020;
border-right:1px #050505 solid;border-top:1px #FF9900 solid;border-bottom:1px #050505 solid;border-left:1px #999999 solid;
}
.phone_dup {
background-color:#EEEEEE;color:#555555;
text-decoration: line-through;
font-style: italic;
}

.addrec {
  height: 28px !important;
  padding: 8px 5% 0px !important;
  margin: 0 !important;
  text-align:right !important;
  vertical-align:bottom !important;
}

.imagsubmit {
  width: 120px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  cursor: pointer !important;
}
.imagnew {
  width: 90px !important;
  height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  cursor: pointer !important;
}
.imagedit {
  width: 52px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  cursor: pointer !important;
}
.imagdelete {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  cursor: pointer !important;
}
.imagmail {
  width: 31px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  cursor: pointer !important;
}


/* header内テーブル構成 */
#header table {width:100%; margin:0; padding:10px 0px 12px 0px; text-align:right;}
#header table .imgbox {max-width:246px; width: 32%; margin:0; padding:0; text-align:left;}
#header table .topinfo {width: 280px; margin:0; padding:0;}

/* ##### tablet #### */
@media screen and (min-width:600px) and (max-width:959px) {
body	{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 11px !important;
}
#container
{
  width: 100%;
  /* margin: auto; */
  margin: 0;
}
#header {width: 100%; margin: 0 0 2px; height:180px;}
#content, content_noside {
  /* width: auto; */
  width: 75%;
  max-width: 730px;
  float: left;
}
#sidebar {
  /* width: 200px; */
  width: 25% !important;
  float: right;
}
#nav	{
	margin: 1px 0px 0px 0px !important;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px !important;
}
#nav li	{
	width: 100px !important;
}
#nav li a	{
	padding: 2px 0 !important;
}

}

/* ##### smart phone #### */
@media screen and (max-width:599px) {
body	{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 10px !important;
}
#container
{
  width: 100%;
  margin: auto;
}
#header {width: 100%; margin: 0 0 2px; height:150px;}
#header table .imgbox {max-width:246px; width: 40%; margin:0; padding:0;}

#content, content_noside {
  width: 100%;
  float: left;
  font-size: 10px;
}
#sidebar {
  width: 100%;
  float: leftt;
}
#nav	{
	margin: 1px 0px 0px 8px !important;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px !important;
}
#nav li	{
	width: 80px !important;
}
#nav li a	{
	padding: 1px 0 !important;
}
.topitem {
	width:92% !important;
}


}