/* CSS初期設定 */

/* basic elements */

html {
	margin:0;
	/* setting border:0 hoses ie6 win window inner well border */
	padding:0;
}

body {
	margin:0;
	/* setting border:0 hoses ie5 win window inner well border */
	padding:0;
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

td {
	vertical-align:top;
}

img {vertical-align:text-bottom;}


form, input { margin:0; padding:0; }
a { text-decoration:underline; }
a img { border:0; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin:0;
	margin:0;
	font-size:100%
}

ul {
list-style-type:none;
}

/* standard helper classes */

.clr {
	clear:both;
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
* html .pkg { display:inline-block; }
/* no ie mac \*/
* html .pkg { height:1%; }
.pkg { display:block; }
/* */

.clearfix:after {
	content:".";  /* 新しい要素を作る */
	display:block;  /* ブロックレベル要素に */
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix {
	min-height:1px;
}

* html .clearfix {
	height:1px;
	/*?*//*/
	height:auto;
	overflow:hidden;
	/**/
}

body {
	font-family:'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	line-height:1.5;
}

a {
	color:#0068b7;
	text-decoration:underline;
}

a:hover {
	color:#f39700;
}


h1, h2, h3, h4, h5, h6 {
	font-family:'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}


/* 基本レイアウト設定 */

#container {
	position:relative;
	margin:0 auto; /* center on everything else */
	width:950px;
	text-align:center;
	background:#fff;
}

#container-inner { position:static;}

#pagebody {
position:relative;
width:950px;
margin:0 0 20px 0;
/*overflow:hidden;*/
text-align:left;
}

#pagebody-inner { position:static;padding:20px;}


#middlecon, #sidebar, #contents, #top-menu, #top-news {
	display:inline; /* ie win bugfix */
	position:relative;
	float:left;
	min-height:1px;
}


#middlecon-inner, #sidebar-inner, #contents-inner {
	position:static;
}


#sidebar {
	margin:0 0 20px 20px;
	float:right;
	width:200px;
	background:#fff;
	/*overflow:hidden;*/
}


#sidebar a {
	color:#313131;
	text-decoration:none;
}

#sidebar a:hover {
	color:#f39700;
	text-decoration:underline;
}

#contents {
	margin:0 0 20px 0;
	float:left;
	width:690px;
	background:#fff;
	overflow:hidden;
	font-size:12px;
}


/* page layout */

body {
	width:100%;
	color:#313131;
	background:#fffef1;
	background-image:url(https://www.asahi21.co.jp/blog/sagamihara5m/images/bg.jpg);
	background-repeat:repeat-x;
}



#header {
	width:950px; /* necessary for ie win */
	height:200px;
	margin:0 auto;
	text-align:center;
	background:#fff;
	background-image:url(https://www.asahi21.co.jp/blog/sagamihara5m/images/headerbg.jpg);
	background-repeat:none;
	overflow:hidden;
}



#header-inner {
	text-align:left;
}

#header h1 {
	text-align:right;
	font-size:24px;
	padding:20px 0 0 0;
	margin:0 30px 0 0;
}

#header h1 a {
	color:#313131;
}

#header h1 a:hover {
	color:#f39700;
}

#header h2 {
	text-align:right;
	font-size:12px;
	padding:5px 0 0 0;
	margin:0 30px 0 0;
}


/* ナビ */

.side_t {
	width:200px; /* necessary for ie win */
	height:30px;
	margin:0 0 15px 0;
	text-align:left;
	background:#f39700;
	background-image:url(https://www.asahi21.co.jp/blog/sagamihara5m/images/side_t.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

.side_t p {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 0;
	margin-left:7px;
}

ul.entry_list {
	margin:0 0 30px 10px;
	padding:0;
}

.comany_ban {
	margin:0 0 20px 10px;
}

.comany_ban img {
	margin-bottom:10px;
}

.comany_ban .fb-like {
    margin: 0 0 0 30px;
}

.searchbox {
	width:200px;
	height:90px;
	background:#fff9ad;
}

.searchbox-inner {
	padding:10px 0;
	margin:0 10px;
}

/* 現場の担当者紹介 */

.side_profile {
	margin:0 0 20px;
}

.side_profile h4 {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin:0 0 5px;
}

.side_profile h5 {
	color:#FF9900;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:0 0 5px;
}

.side_profile .img {
	text-align:center;
	margin:0 0 5px;
}

.side_profile p {
	color:#555555;
	font-size:11px;
	line-height:1.5;
	text-align:left;
	padding:0 15px;
}

/* ブログ記事 */


h1.archive-title {
width:690px; /* necessary for ie win */
height:30px;
margin:0 0 15px 0;
background:#f39700;
background-image:url(https://www.asahi21.co.jp/blog/sagamihara5m/images/side_t.gif);
background-repeat:repeat-x;
}

h1.archive-title p {
color:#fff;
font-size:14px;
font-weight:bold;
padding:5px 0 0 0;
margin-left:7px;
}

.entry_box {
	margin:0 0 50px 0;
	line-height:1.6;
}

.entry_t {
	width:690px; /* necessary for ie win */
	height:30px;
	margin:0;
	text-align:left;
	background:#fff;
	background-image:url(https://www.asahi21.co.jp/blog/sagamihara5m/images/blog_t.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

.entry_t p {
	color:#313131;
	font-size:14px;
	padding:5px 0 0 0;
	margin-left:20px;
}

.entry_body {
	margin:10px;
}

.entry_footer {
	border-top:1px solid #dbdbdb;
	margin-right:10px;
	padding:5px 10px;
	font-size:11px;
}

.entry_date {
	float:left;
}

.entry_link {
	float:right;
}

.entry_link a {
	font-weight:bold;
	color:#ffc000;
}

.entry_link a:hover {
	color:#f39700;
}

.pagenum {
	clear:both;
	text-align:center;
	margin:0 auto;
}

.trackbacks {
margin:0 0 50px 0;
line-height:1.6;
}

.trackback {
margin:10px;
}

.trackbacks-info {
margin:10px;
}

.comments {
margin:0 0 50px 0;
line-height:1.6;
}

.comments-content {
margin:0 0 50px 0;
}

.comment {
margin:10px;
}

.comments-open-content {
margin:10px;
}

.comments-open-content div {
margin:0 0 10px 0;
}

.comments-open-content label {
display:block;
}

.comments-open-content div#comment-form-reply label,
.comments-open-content div#comment-form-remember-me label {
display:inline;
}

.comments-open-content textarea#comment-text {
height:6em;
}


/* フッター */
#footer {
	width:950px;
	height:30px;
	margin:0 auto;
	padding:0;
	color:#313131;
	text-align:center;
	overflow:hidden;
	background:#dddddd;
}

#footer p {
	padding:5px 0;
}



/* その他回り込み指定など */

.cen {
	text-align:center;
}

.img_left {
float:left;
}

.l_10 {
float:left;
margin-right:10px;
}

.l_15 {
float:left;
margin-right:15px;
}

.l_20 {
float:left;
margin-right:20px;
}

.l_30 {
float:left;
margin-right:30px;
}

.l_60 {
float:left;
margin-right:60px;
}

.r_15 {
float:right;
margin-left:15px;
}

.top40 {
	margin-top:40px;
}

.right {
	text-align:right;
	margin-bottom:20px;
}

.bd {
	font-weight:bold;
}

.bd14 {
	font-weight:bold;
	font-size:14px;
}

.bd16 {
	font-weight:bold;
	font-size:16px;
}


.white {color:white;}
.red {color:#FF0000;font-size:12px;}
.blue {color:blue;font-size:12px;}
.gray {color:gray;}
.green {color:green;}
.brown {color:#A52A2A;}

.redbd {color:#FF0000;font-weight:bold;}
.bluebd {color:#191970;font-weight:bold;}
.graybd {color:gray;font-weight:bold;}
.greenbd {color:green;font-weight:bold;}
.brownbd {color:#A52A2A;font-weight:bold;}
.bd {font-weight:bold;}
.orangebd {font-weight:bold;color:#FF4500;}

/* レスポンシブ
======================================================================================== */

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

/* 基本要素 */

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

/* 基本構造 */


#container {
  width:auto;
}

#pagebody {
  width:auto;
  margin:0;
}

#pagebody-inner {
  padding:0;
}

#contents {
  float:none;
  width:auto;
  font-size:14px;
  margin:0;
  padding:10px 10px 40px;
}

#footer {
  width:auto;
  height:auto;
  /*height: 30px;*/
}

#middlecon, #sidebar, #contents, #top-menu, #top-news {
  display:block;
  float:none;
}

/* ヘッダー */

#header {
  width:auto;
  height:auto;
  padding:10px 10px 12%;
  background-image:none;
  background:#C0E6F1 url(https://www.asahi21.co.jp/blog/sagamihara5m/images/headerbg.jpg) center bottom no-repeat;
  background-size:100% auto;
  border-top:5px solid #ffba00;
}

#header h1 {
  font-size:24px;
  text-align:left;
  margin:0 0 10px;
  padding:0;
}

#header h2 {
  font-size:12px;
  text-align:left;
  margin:0;
  padding:0;
}

/* アーカイブ */

h1.archive-title {
  width:auto;
  height:auto;
  margin:0 0 15px;
  background-position:left center;
  background-repeat:repeat-x;
  background-size:cover;
}

h1.archive-title p {
  font-size:18px;
  font-weight:bold;
  padding:5px 0;
  margin-left:5px;
}

/* 記事 */

.entry_t {
  width:auto;
  height:auto;
  background-image:none;
  border-left:5px solid #ffba00;
  border-bottom:1px dotted #cccccc;
}

.entry_t p {
  font-size:16px;
  font-weight:bold;
  padding:5px 0;
  margin-left:5px;
}

.entry_body {
  margin:10px 0;
}

.entry_footer {
  font-size:14px;
  margin-right:0;
  padding:10px 0;
  border-top:1px solid #dbdbdb;
}

.entry_date {
	float:none;
}

.entry_link {
	float:none;
}

/* サイドバー */

#sidebar {
  float:none;
  width:auto;
  font-size:16px;
  margin:0;
  padding:10px 10px;
  background:#fff9ad;
}

.side_t {
  width:auto;
  height:auto;
  margin:0 0 15px 0;
  background-position:left center;
  background-repeat:repeat-x;
  background-size:cover;
}

.side_t p {
  font-size:18px;
  font-weight:bold;
  padding:5px 0;
  margin-left:5px;
}

.side_profile h4 {
  font-size:16px;
}

.side_profile h5 {
  font-size:16px;
}

ul.entry_list {
  margin:0 0 30px;
  padding:0;
  background:#FFFFFF;
  border:1px solid #eeeeee;
  border-radius:5px;
}

ul.entry_list li {
	line-height:2.5;
  padding:0.25em 0.25em;
	border-bottom:1px dotted #999999;
}

ul.entry_list li:last-child {
	border-bottom:none;
}

ul.entry_list li a {
	display:block;
}

.comany_ban {
	text-align:center;
  margin:0 0 20px;
}

.searchbox {
  width:auto;
  height:auto;
}

.searchbox form {
	margin-top:10px;
}

.searchbox input[type=text] {
  font-size:18px;
  line-height:1.2;
  padding:0.2em 0.2em;
  border:1px solid #cccccc;
}

.searchbox input[type=submit] {
  font-size:18px;
  line-height:1.2;
  padding:0.2em 0.2em;
  background:#FFFFFF;
  border:1px solid #cccccc;
}

}