/*
Theme Name: Hiraizumi Brand
Theme URI: http://www.hiraizumi-shokokai.com/brand/
Description: hiraizumu_brand
Author: stwo.jp
Author URI: http://www.stwo.jp/
*/


/* general
==========================================================================*/

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font: 11px "Lucida Grande", Verdana, sans-serif;}

a{
  color: #3366cc;
  text-decoration: none;
  }
a:hover{
  color: #b82349;
  text-decoration: underline;
}
form, img{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;}

.clearing {
  margin: 0;
  padding: 0;
  font: 1px/1px Verdana, Arial, Helvetica, sans-serif;
  clear: both;
}


/* header
==========================================================================*/

#header {
  margin: 0;
  padding: 0;
  background: url(images/header_bg.jpg) repeat-x 0% 0%;
  height: 85px;
}
#header-wrap, #wrap{
  margin: 0 auto;
  padding: 0;
  width: 770px;
}

/* logo */

#logo{
  margin: 24px 0 0 0;
  padding: 0 0 0 14px;
  width: 165px;
  float: left;
}
#logo a{
  display: block;
  width: 165px;
  height: 50px;
  background: url(images/logo.png) no-repeat 0% 0%;
  border: none;
  overflow: hidden;
  text-indent: -3000px;
}
#tagline{
  margin: 50px 0 0 0;
  padding: 0 0 0 11px;
  width:350px;
  float: left;
  font-size: 10px;
  font-weight: lighter;
  color: #848b9b;
}

/* navigation */

#home{
  margin: 39px 0 0 0;
  padding: 0 0 0 4px;
  float: left;
  list-style: none;
}
#home li{
  margin: 0;
  padding: 0 21px;
  float: left;
}
#home a{
  font-size: 12px;
  color: #4FC216;
  text-decoration: none;
}
#home a:hover, #home a:active{
  color: #4FC216;
  text-decoration: none;
}

/* splash
==========================================================================*/

#splash{
  margin: 0;
  padding: 0;
  background: #a01743 url(images/splash_bg.jpg) repeat-x 0% 0%;
  clear: both;
  position: relative;
}
#splash-wrap{
  margin: 0 auto;
  padding: 0;
  width: 770px;
  height: 208px;
  position: relative;
}

/* top_photo & top_comments*/

#top-photo{
  margin: 30px 0 0 0;
  padding: 0 0 0 14px;
  background-repeat: no-repeat;
  width: 164px;
  height: 135px;
  float: left;
  position: relative;
  z-index: 1;
}

html>body #top-photo{/* IE6以外に適用 IE7も含む */
  background-image:url(images/top-photo.png);
}
*html body #top-photo{/* IE6以下に適用 */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hiraizumi-shokokai.com/brand/wp-content/themes/hiraizumi/images/top-photo.png', sizingMethod='scale');
}

#top-comments{
  margin: 30px 0 0 0;
  padding: 0 0 0 30px;
  width: 280px;
  float: left;
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.8em;
}


/* extra */

#extra{
  margin: 10px 0 0 54px;
  padding: 16px 0 16px 13px;
  float: left;
  width: 211px;
  position: relative;
  z-index: 3;
}
#extra p{
  margin: 0;
  padding: 0 0 0 8px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1em;
}

/* -search */

#search{
  margin: 18px 0 24px 0;
  padding: 0;
  background: url(images/search_bg.jpg) no-repeat 0% 0%;
  width: 204px;
  height: 34px;
}
#search #s-text {
  margin: 0;
  padding: 0;
  float: left;
}
#s {
  margin: 8px 0 0 0;
  padding: 0 0 0 8px;
  font: 12px "Lucida Grande", Verdana, sans-serif;
  width: 160px;
  border: 0;
  color: #acacac;
}
#search #s-submit {
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}
#searchsubmit {
  margin: 0;
  padding: 0;
  background: url(images/search_submit.png) no-repeat 0% 0%;
  width: 27px;
  height: 22px;
  border: 0;
}
#search label {
  display: none;
}

#top-photo-comments{
  margin: 10px 0 0 0;
  padding: 0 0 0 8px;
  float: left;
  width: 164px;
  color: #ffffff;
  font-size: 10px;
  line-height: 1.8em;
}


/* content
==========================================================================*/

#content {
  margin: 0;
  padding: 0 0 35px 0;
  background: url(skin/content_bkg.jpg) repeat-x 0% 0%;
  clear: both;
}
#content-wrap{
  margin: 0 auto;
  padding: 0;
  width: 770px;
}

/* post area */

#posts {
  margin: 45px 0 0 0;
  padding: 0 0 0 14px;
  float: left;
  width: 490px;
}

.caption {
  margin: 0;
  padding: 0 0 25px 0;
  font: 18px "Lucida Grande", Verdana, sans-serif;
  color: #ff3000;
}

/* - post - */

.post {
  margin: 0;
  padding: 0 0 35px 0;
  font-size: 12px;
  line-height: 1.8em;
}
.post h2 {
  margin: 0;
  padding: 0 0 6px 0;
  font-size: 18px;
  font-weight: normal;
  color: #23237a;
  letter-spacing: -0.03em;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #cccccc;
}
.post h2 a {
  color: #040468;
  text-decoration: none;
  border: none;
}
.post h3 {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 15px;
  font-weight: normal;
  color: #23237a;
  letter-spacing: -0.03em;
}
.post h6 {
  margin: 0 0 0 10px;
  padding: 6px 0 5px 40px;
  font-size: 12px;
  font-weight: normal;
  background: url(images/pdficon.gif) no-repeat;
}
.post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post li {
  margin: 0;
  padding: 0 0 0 22px;
  list-style: none;
  background: url(images/bullet.png) no-repeat 10px 50%;
}


.date {
  margin: 4px 0 0 1px;
  padding: 0 ;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
}
.entry {
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 12px;
  line-height: 1.8em;
  color: #2b3030;
}
.entry p {
  margin: 0;
  padding: 0 0 16px 0;
}
.entry th {
  padding-left: 5px;
  text-align: left;
  width: 60px;
  background-color: #D3E4D1;
}
.entry td {
  padding-left: 5px;
}
.entry img {
  border-style: solid;
  border-color: #D3E4D1;
  border-width: 1px;
  padding: 4px;
}
.entry blockquote {
  margin: 22px 0 22px 22px;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #b82349;
}
.entry ul {
  margin: 0;
  padding: 0 0 18px 22px;
  list-style: disc;
}
.entry li {
  margin: 0;
  padding: 0;
}
img.floatleft {
  margin: 0 10px 10px 0;
  float: left;
}
.wpcf7 th {
  padding-left: 5px;
  text-align: left;
  width: 150px;
  background-color: #D3E4D1;
}

/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding: 0;}
.navigation a{}
.navigation a:hover{}
.navigation div.alignleft {display: inline;margin: 0 10px;}
.navigation div.alignright {display: inline;margin: 0 10px;}

/* sidebar
==========================================================================*/

#sidebar{
  margin: 4px 0 0 0;
  padding: 45px 0 0 0;
  float: right;
  width: 224px;
}
#sidebar h2 {
  text-align:center;
  margin: 0;
  padding: 20px 0 10px 0;
  font-size: 11px;
  font-weight: bold;
  color: #b82349;
}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  line-height: 12px;
}
#sidebar ul li {
  margin: 0;
  padding: 0;
}
#sidebar ul li ul {
  margin: 0;
  padding: 15px 0 12px 0;
}
#sidebar ul li ul li {
  margin: 0;
  padding: 0;
}
#sidebar a {
  color: #3366cc;
  text-decoration: none;
  padding: 0 0 0 22px;
  background: url(images/bullet.png) no-repeat 10px 50%;
  border: none;
  line-height: 23px;
}
#sidebar a:hover {
  color: #b82349;
  text-decoration: none;
}
#sidebar img {
  margin: 0 0 0 40px;
  border-style: solid;
  border-color: #D3E4D1;
  border-width: 1px;
  padding: 4px;
}

#st-tag {
  margin: 0;
  padding: 0;
}
#st-tag a {
  margin: 0;
  padding: 0;
  background: none;
  

}
#st-tag a:hover {
  margin: 0;
  padding: 0;
}




/*サイドメニューボタン Menu*/
#side_btn ul {margin:0 0 0 10px}

#side_btn li.cat-item{padding: 0 0 6px;background-image: none;}
#side_btn li.cat-item a{width: 180px;display: block;text-align: center;font-size: 12px;line-height: 15px;margin: 0;padding: 11px 0 0;height: 24px;background: url(images/side_btn.gif) no-repeat center top;color: #23237a;}
#side_btn li.cat-item a:hover{background-position: center bottom;text-decoration: none;color: #b82349;}

#side_btn li.cat-item-1{padding: 0 0 6px;background-image: none;}
#side_btn li.cat-item-1 a{width: 180px;display: block;text-align: center;font-size: 12px;line-height: 15px;margin: 0;padding: 11px 0 0;height: 24px;background: url(images/side_btn1.gif) no-repeat center top;color: #23237a;}
#side_btn li.cat-item-1 a:hover{background-position: center bottom;text-decoration: none;color: #b82349;}

#side_btn li.cat-item-3{padding: 0 0 6px;background-image: none;}
#side_btn li.cat-item-3 a{width: 180px;display: block;text-align: center;font-size: 12px;line-height: 15px;margin: 0;padding: 11px 0 0;height: 24px;background: url(images/side_btn2.gif) no-repeat center top;color: #23237a;}
#side_btn li.cat-item-3 a:hover{background-position: center bottom;text-decoration: none;color: #b82349;}


#side_btn li.page_item{padding: 0 0 6px;background-image: none;}
#side_btn li.page_item a{width: 180px;display: block;text-align: center;font-size: 12px;line-height: 15px;margin: 0;padding: 11px 0 0;height: 24px;background: url(images/side_btn.gif) no-repeat center top;color: #23237a;}
#side_btn li.page_item a:hover{background-position: center bottom;text-decoration: none;color: #b82349;}


/* footer
===============================================================*/
#footer1{
  margin: 0;
  padding: 0;
  clear: both;
}
#attachment{
  margin: 40px auto 30px auto;
  padding: 40px 0 30px 0;
  width: 850px;
  border-style: solid;
  border-color: #D3E4D1;
  border-width: 1px;
}

#attachment ul{
  list-style: none;
}
#attachment ul li{
  list-style: none;
  float: left;
  padding: 2px;
}
#attachment ul li a {
 background-color: #ffffff;
}
#attachment ul li a:hover {
 background-color: #D3E4D1;
}
#footer2{
  margin: 0;
  padding: 40px 0 30px 0;
  background-color: #D3E4D1;
  clear: both;
}
#footer-wrap{
  margin: 0 auto;
  padding: 0;
  width: 770px;
  clear: both;

}
#footer-wrap p {
  font-size: 11px;
  line-height: 1.8em;
}



