@charset "utf-8";


/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  background: #e5e5dd url(http://www.p2bco.net/images/back.jpg) repeat-y;
  letter-spacing: 0.8pt;
  font-family:"ＭＳ Ｐゴシック";

  /*
  Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  version: 2.8.0r4
  */
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:12px;
  *font:x-small;
}

  select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
  table{font-size:inherit;font:100%;}
  pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*全体枠*/
#wrapper {
  width: 777px;
}

/*中段メニュー*/
#content {
  margin: 14px 0 0 10px;
  width: 777px; /* ■IE6バグ回避に必要。無いと下に隙間ができる */
}

/*フラッシュ枠 上右下左*/
#p2bco {
  margin: 14px 0 0 0;
  width: 752px; /* ■IE6バグ回避に必要。無いと下に隙間ができる */
}

/*宣伝バナー枠 上右下左*/
#senden {
  margin: 14px 0 0 10px;
  width: 752px; /* ■IE6バグ回避に必要。無いと下に隙間ができる */
}

/*左枠*/
#container {
  float: left;
  width: 495px;
  margin: 11px 0 0 0;
}


/*右枠*/
#navigation {
  float: right;
  margin: 14px 35px 10px 0;
  background: url(http://www.p2bco.net/images/navi_back.jpg) repeat-y;
  width: 180px;
}


/* ヘッダ　（上右下左）
---------------------------------------------------- */
#header {
  margin: 0px;
  padding: 0px;
}

#header #topnavi {
  background: url(http://www.p2bco.net/images/header.jpg) no-repeat;
  width: 777px;
  height: 80px;
}

#header h1 {
  margin: 10px 0 0 15px;
  padding: 15px 0 0 2px;
  position: absolute;
  font-size: 77%;
  color: #666;
}

#header h2 {
  position: absolute;
  margin: 38px 0 0 5px;
}


/* ヘッダナビ
---------------------------------------------------- */
#header ul {
  margin: 0;
  list-style: none;
}

#header li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 32px;
  height: 34px;
  text-indent: -9999px;
}

#header li#top      { left: 526px; width: 31px; }
#header li#about    { left: 558px; width: 43px; }
#header li#clients  { left: 602px; width: 46px; }
#header li#services { left: 649px; width: 60px; }
#header li#faq      { left: 710px; width: 30px; }
#header li a {
  text-decoration: none; /* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 34px;
}

#header li#top a:hover {
  background: url(http://www.p2bco.net/images/gnavi.jpg) 0 0;
}

#header li#about a:hover {
  background: url(http://www.p2bco.net/images/gnavi.jpg) -32px 0;
}

#header li#clients a:hover {
  background: url(http://www.p2bco.net/images/gnavi.jpg) -76px 0;
}

#header li#services a:hover {
  background: url(http://www.p2bco.net/images/gnavi.jpg) -123px 0;
}

#header li#faq a:hover {
  background: url(http://www.p2bco.net/images/gnavi.jpg) -184px 0;
}


/* ヘッダフラッシュ
---------------------------------------------------- */
#p2bco {
  background: #fff;
}


/* ヘッダ画像
---------------------------------------------------- */
#cover {
  margin: 0 0 0 10px;
  width: 732px;
  height: 231px;
  background: url(http://www.p2bco.net/images/back_cover.jpg) no-repeat;
}

#cover img.top1 {
  margin-top: 67px;
  margin-left: 564px;
}

#cover img.top2 {
  margin-top: 10px;
  margin-left: 564px;
}



/* ミドルヘッダナビ
---------------------------------------------------- */
#content div {
  float: left;
  width: 248px;
}

#content h2 {
  margin: 0;
  padding: 0;
  height: 71px;
}

#content a, #content img { /* ■画像周りの余白を消す */
  display: block;
}

#content a {
  width: 248px;
  height: 71px;
}

#new h2 {
  background: url(http://www.p2bco.net/images/h2back1.jpg) 0 22px no-repeat;
}

#feature01 h2 {
  background: url(http://www.p2bco.net/images/h2back2.jpg) 0 22px no-repeat;
}

#feature02 h2 {
  background: url(http://www.p2bco.net/images/h2back3.jpg) 0 22px no-repeat;
}

#new h2 a:hover {
  background: url(http://www.p2bco.net/images/h2back1_on.jpg) 0 22px no-repeat;
}

#feature01 h2 a:hover {
  background: url(http://www.p2bco.net/images/h2back2_on.jpg) 0 22px no-repeat;
}

#feature02 h2 a:hover {
  background: url(http://www.p2bco.net/images/h2back3_on.jpg) 0 22px no-repeat;
}

#content p {
  margin: 0 0 20px;
  width: 236px;
  font-size: x-small;
  line-height: 1.6em;
}


/* パン屑リスト　（上右下左）
---------------------------------------------------- */
#container #pan {
  margin: 4px 0 10px 10px;
  padding: 5px 5px 5px 28px;
  background-color: #fff;
  font-size: 77%;
}


/* 内容の指定　（上右下左）
---------------------------------------------------- */
#container h2 {
  margin: 0 0 0 10px;
  padding: 9px 0 0 30px;
  background: url(http://www.p2bco.net/images/bar_blank.jpg) no-repeat;
  width: 540px;
  height: 35px;
  font-size: 100%;
}

#container img {
  margin: 0 0 20px 0px;
}

#container img.top {
  margin: 0 auto 0 21px;
}

/* 枠内 前記事
---------------------------------------------------- */
#container div.mae {
  margin: 0 0 15px 30px;
  padding: 10px 15px 5px 15px;
  background-color: #fff;
  font-size: small;
  line-height: 1.6em;
  letter-spacing: normal;
  text-align: justify;
  text-justify: distribute;
  border: 1px solid #fff;
  width:465px;
}

#container div.mae h3 {
  margin: 5px 0 5px 0;
  padding: 10px 0 10px 20px;
  font-size: 100%;
  border-right: 5px solid #F2941A;
  border-bottom: 1px dotted #F2941A;
}


/* 枠内記事
---------------------------------------------------- */
#container div.kiji {
  margin: 0 0 15px 30px;
  padding: 10px 15px 15px 15px;
  background-color: #FDFDFD;
  font-size: small;
  line-height: 1.6em;
  letter-spacing: normal;
  text-align: justify;
  text-justify: distribute;
  border: 1px solid #ccc;
  width: 465px;
}

#container div.kiji h3 {
  margin: 10px 0 5px 0;
  padding: 10px 0 10px 20px;
  font-size: 100%;
  border-left: 5px solid #aaa;
  border-bottom: 1px dotted #aaa;
}

#container div.kiji table {
  border: none;
  font-size: 77%;
 *font-size: 69%;
}

#container div.kiji td.a {
  text-align:center;
  background-color:#ccc;
}

#container div.kiji td.f {
  text-align:center;
  background-color:#eee;
}

#container div.kiji p.last {
margin:30px 0 15px 0; 
}

#container div.kiji table {
  background-color:#fff;
  border: 1px #ccc solid;
  font-size:normal;
}


/* ブログ部分記事枠
---------------------------------------------------- */
#container div.kiji_f {
  margin: 0 0 15px 30px;
  padding: 10px 15px 15px 15px;
  background-color: #fff;
  font-size: small;
  line-height: 1.6em;
  letter-spacing: normal;
  text-align: justify;
  text-justify: distribute;
  border: 1px solid #ccc;
  width: 465px;
}

#container div.kiji_f h3 {
  margin: 10px 0 5px 0;
  padding: 10px 0 10px 20px;
  font-size: 100%;
  border-left: 5px solid #aaa;
  border-bottom: 1px dotted #aaa;
}

#container div.kiji_f table {
  border: none;
  font-size: 77%;
  *font-size: 12px;
}

#container div.kiji_f td.a {
  text-align:center;
  background-color:#ccc;
}

#container div.kiji_f td.f {
  text-align:center;
  background-color:#eee;
}


/* 下の広告枠1
---------------------------------------------------- */
#container #kokoku1 {
  margin: 0 0 15px 30px;
  padding: 10px 15px 5px 15px;
  width: 465px;
  background-color: #fff;
}


/* 下の広告枠2
---------------------------------------------------- */
#container #kokoku2 {
  margin: 0 0 15px 30px;
  padding: 10px 14px 10px 13px;
  width: 468px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #ccc;
}


/* ナビゲーション　（上右下左）
---------------------------------------------------- */
#navigation img {     /* ■画像周りの余白を消す */
  display: block;
  margin: auto;
}

#navibox {
  margin: 10px 0 10px 0;
  background: url(http://www.p2bco.net/images/b_side.gif) repeat-y;
  background-position:center;
  text-align: center;
  font-size: 77%; /* ■8%単位で変動 77%=10px */
}

#navibox p {
  width: 154px;
  margin : 2px auto;
  padding: 10px 0 5px 0;
  text-align: center;
  border-top: 1px dotted #cbcbcb;
}

#navibox p.menu { /* コンサルメニュー背景 */
  width: 154px;
  height: 260px;
  margin : 2px auto;
  padding: 48px 0 0 0;
  line-height: 50px;
  text-align: center;
  border-top: 1px dotted #cbcbcb;
  background: url(http://www.p2bco.net/images/consulmenu.gif) no-repeat center;
}


#navibox2 {
  margin: 10px 0 10px 0;
  background: url(http://www.p2bco.net/images/b_side.gif) repeat-y;
  background-position:center;
  font-size: 77%; /* ■8%単位で変動 77%=10px */
}

#navibox2 p {
  width: 145px;
  margin : 2px auto;
  padding: 10px 0 5px 0;
  text-align: left;
  border-top: 1px dotted #cbcbcb;
}

#navibox3 {
  margin: 10px 0 10px 0;
  background: url(http://www.p2bco.net/images/b_side.gif) repeat-y;
  background-position:center;
  text-align: center;
  font-size: 77%; /* ■8%単位で変動 77%=10px */
}

#navibox3 p {
  width: 154px;
  margin : 2px auto;
  padding: 10px 0 5px 0;
  text-align: center;
  border-top: 1px dotted #cbcbcb;
}

#navibox3 div.blogcategory { /* ブログメニュー背景 */
  width: 154px;
  height: 220px;
  line-height:1.4em;
  margin : 2px auto; /* 上右下左 */
  padding: 60px 0 0 0;
  text-align: center;
  border-top: 1px dotted #cbcbcb;
  background: url(http://www.p2bco.net/images/blogsideback_new.gif) no-repeat center;
}


/* フッタ
---------------------------------------------------- */
#footer {
  margin: 0 0 0 10px;
  clear: both;
  border-top: 1px solid #cbcbcb;
  position: relative;
  width: 733px;
  text-indent: -9999px;
}

#footer ul {
  margin: 0;
  list-style: none;
}

#footer li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  height: 19px;
}

#footer li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 19px;
}

#footer li#info    {
  left: 155px;
  width: 55px;
  background: url(http://www.p2bco.net/images/info.gif) no-repeat;
}

#footer li#sitemap {
  left: 80px;
  width: 73px;
  background: url(http://www.p2bco.net/images/sitemap.gif) no-repeat;
}

#footer li#privacy {
  left: 5px;
  width: 73px;
  background: url(http://www.p2bco.net/images/privacy.gif) no-repeat;
}

#footer p {
  text-indent: 10px;
  margin: 40px 0px 5px 0;
  font-size: x-small;
  color: #666;
  background: transparent;
}

#footer p.com {
  text-indent: 10px;
  margin: 0 0px 20px 0;
  font-size: x-small;
  color: #666;
  background: transparent;
}


/* リンク
---------------------------------------------------- */

a:link {
text-decoration:underline;
} 

a:visited  {
text-decoration:underline;
} 

a:hover {
color: orange;
text-decoration:underline;
} 

a:active {
color:red;
text-decoration:underline;
}


/* 画像共通
---------------------------------------------------- */
img {
  border: none;
}

/* 強調共通
---------------------------------------------------- */
strong {
  color: #111;
  margin:0 2px 0 2px;
}

strong.g {
  color: green;
  margin:0 2px 0 2px;
}

strong.o {
  color: #fff;
  background-color: #2F6291;
  margin:0 2px 0 2px;
  padding:2px 2px 2px 2px;
  line-height: 1.8em;
}


/* ツイッター用
---------------------------------------------------- */

#twitter_div {
text-align : left;
margin : 0; /* 上右下左 */
padding : 0;
}

#twitter_div h2 {
font-size : 1.2em;
text-align : center;
margin : 10px 0 0 17px;
padding : 8px 0 0 0;
border-top : dotted #ccc 1px;
width: 145px;
}

#twitter_div ul {
margin : 5px 0 5px  15px;
padding : 2px; /* 上右下左 */
width : 145px; /* 適宜変更推奨 */
height : 100%;
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
_margin : 7px 0 5px  15px;
padding : 5px 0 5px 0;
list-style: none;
border-bottom : dotted #ccc 1px;
}

a#twitter-link {
margin : 0;
padding : 0 0 8px 0;
text-align : center;
display : block;
}