/* ### レイアウト ### */

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

#footer	{clear: both;}

/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, 

.onepcssgrid-1200 {
	margin: 0 auto;
	padding: 0 0 0 1%;
/* THAT'S THE NAME ;) */
}

.onepcssgrid-1200 {
	max-width: 1220px;
}

.onepcssgrid-1000 {
	max-width: 1020px;
}

.onerow {
	clear: both;
	padding: 10px 0px;
}


/* ブログ記事
================================================== */

.news  {width: 100%;
	margin-bottom: 30px;
	padding: 3px 20px;
	border: 2px #ff0000 solid;
	border-radius: 8px}
.news h2 {padding: 3px 10px;
	font-color: #ff0000;
	font-size: 33px;
	background-color: #F4FA58;}

article section { clear: both; }


article section h2 {
	font-size: 20px;
	font-weight: bold;
	color: #003300;
	border: 1px solid  #4a5f7e;
	border-radius: 5px;
	background-color:#effbfb;
	padding: 2px 6px;
}

article section h3{
	color: #5F95B8;
	font-size: 18px;
	padding: 2px 6px;
}
article section p{
	color: #000;
	font-size: 14px;
	padding: 2px 8px;}

article section .tbl table {width: 100%;
	 border-collapse: collapse;}

article section .tbl tr th {border: solid 1px #000000;
	background-color: #bcf5a9;
	font-size: 13px;
	padding: 2px 5px;}

article section .tbl tr td {border: solid 1px #000000;
	font-size: 13px;
	padding: 2px 5px;
	text-align: left;}

.camera {
	background-color: #effbfb;
	padding: 2px;
	margin-right: 5px;
}

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

#header	{margin: 0 0 5px;}

#header h5	{margin: 0;
	font-size:12px;
	background-color: #04b404;
	color: #fff;
	padding: 2px 10px;}
.site {float: left;}

.site h1{font-size: 36px;
	color: #008000;}

.site	a {margin: 0;
	text-decoration: none;}

.add {float:right;
 	font-size: 20px;
	color: #ff0000;
	padding: 2px 10px;}

.siteinfo	{overflow: hidden;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #ffffff;
	color: #4a5f7e}

.siteinfo a	{color: #4a5f7e}

.siteinfo h1	{float: left;
	margin: 0;
	font-family: 'Acme', sans-serif;
	font-size: 20px}

.siteinfo p	{float: right;
	margin: 0;
	margin-top: 5px;
	font-size: 12px}

.siteinfo img{float: left;
	margin: 0;
	 width: 100%}
/**
 * Design Shack Respnsive Menu
 */

* {
	padding: 0;
	margin: 0;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* ナビゲーションメニュー */
nav ul	{list-style: none;
	background-color: #4a5f7e;
	margin: 0;
	padding: 0;
	font-size: 12px;
	overflow: hidden}

nav li	{float: left;
	margin-right: 15px;
	padding-left: 20px }

nav li a	{display: block;
	text-decoration: none;
	color: #ffffff;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: solid 5px transparent}

nav li a:hover	{border-bottom-color: #00ccff}

nav li.current-menu-item a
	{border-bottom-color: #e6cc1c}

article section .more_s	{float: right;
	color: #ffffff;
	padding-top: 0;
	border: 1px solid #dcdcdc;
	border-radius:8px;
	font-size: 18px;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	background-origin: content-box;
	 line-height: 1;
	background:url(./img/tel.png) left top;
	background-repeat: no-repeat;
	background-position: 10% 100%;
	padding: 3px 10px 3px 50px;
	margin-bottom: 20px;
	box-shadow:15px 15px 10px gray;}

article section a	{color: #000000;
	text-decoration: none;
	display: block;
	overflow: hidden;
	background-color: #ffffff;
	background-repeat:
	 no-repeat;
	padding: 3px 20px 3px 10px;
	border-radius:6px;}

article section a:hover	{background-color: #cfffb2;
	color: #003300;}

/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
	padding: 10px 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}

/* ### サイドバー ### */
.col8 h1 {
	font-size: 30px;
	padding: 2px 8px;
	color: #f00}

.col4 h3 {border-left: 5px solid #4a5f7e;
	border-bottom: 1px solid #4a5f7e;
	font-size: 20px;
	padding: 2px 8px}

.col4 h4 {color: #ff0000;
	font-size: 18px;
	padding: 2px 8px}

.col4 h4 a {text-decoration: none;}

.col4 .zakan li { list-style: url(img/kamera2.jpg) inside;
	}

.col5 h5 {color: #003300;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-height: 1.3;
	padding: 5px 8px}

.hist { column-count: 2;
	-moz-column: 2;
	-webkit-column: 2; }
.col6	{float: left;
 	margin:0;
	margin-bottom: 15px;}

.col6 img{width: 100%;
 	margin:0;
	padding-right: 10px;}


.col6 + .col6 {margin-right: 0;}
/* メニュー */
.menu	{margin:5px 0;
	background-color: #fff;
	margin-bottom: 20px;}


.menu ul	{margin: 0;
	background-color: #030;
	padding: 0;
	border: solid 1px #aaaaaa;
	border-radius: 6px;}

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

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

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



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

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

#footer p	{margin: 0;}

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