/* 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;margin: 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: #fef2df;
background-image: url(https://www.asahi21.co.jp/blog/mutsuai/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/mutsuai/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/mutsuai/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;
}

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

.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:#FF6600;
	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;
}

/* ブログ記事 */


.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: #f39700;
background-image: url(https://www.asahi21.co.jp/blog/mutsuai/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;
}


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


/* フッター */
#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;}