/* 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, #leftcon, #rightcon, #contents, #top-menu, #top-news {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}


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


#leftcon {
margin: 0 20px 20px 0;
float: left;
width: 600px;
background: #fff;
overflow: hidden;
}


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


/* page layout */

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



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



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

#logo {
width: 490px;
height: 90px;
float: left;
}

#logo-r {
width: 460px;
height: 90px;
float: left;
}

#logo-r p{
padding: 20px 0 0 0;
margin: 0 10px 0 200px;
}




/* TOPレイアウト */



#upper_l{
float: left;
width: 440px;
margin-right: 20px;
}

#upper_r{
float: left;
width: 440px;
}


.blog_ban{
margin-bottom: 5px;
}


.boxwrap{
margin: 10px 0 10px 10px;
}

.infobox{
float: left;
width: 280px;
height: 60px;
margin: 0 15px 15px 0;
overflow: hidden;
}

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

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

.infobox2{
width: 280px;
height: 60px;
margin: 0 15px 15px 0;
overflow: hidden;
}

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

.infobox2 a:hover{
text-decoration: underline;
color: #f39700;
}
.info_img{
float: left;
margin-right: 15px;
}

.info_t{
margin-bottom: 7px;
}

.info_t2{
margin-bottom: 7px;
line-height: 1.5;
}

p.info_detail{
text-align: right;
}





#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;}