@charset "utf-8";
/*
Theme Name: pb_support
Theme URI: http://www.paperboy.co.jp/
Description: 
Author: paperboy&co.
Version: 1
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
blockquote {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: '';
  content: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup 
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*/
a img {
  border: none;
}

/* //Reset default browser CSS */

body {
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/bg.jpg) 0px 0px repeat;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:13px;
  line-height:140%;
  text-align:center;
  color:#000000;
}

a:link,a:visited {text-decoration:underline;}
a:hover,a:active {text-decoration:none;}

#wrapper {
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/bg_hd.png) 0px 0px no-repeat;
  _background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/bg_hd.gif) 0px 0px no-repeat;
  width:950px;
  text-align:left;
  /*margin:140px auto 70px;*/
margin:80px auto 70px;
  padding:36px 0px 0px;
}

#contentsWrapp {
  background:#ffffff;
}

#header {
  padding:0px 50px;
  margin-bottom:30px;
  height:470px;
  position:relative;
}

#header #site-title,
#site-description,
#site-sien dt,
#site-sien dd ul li{
  text-indent:-7777px;
}

#header #site-title{
  left:50px;
  top:50px;
  width:433px;
  height:163px;
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/tit.gif) 0px 0px no-repeat;
  position:absolute;
}

#site-description{
  left:530px;
  top:50px;
  width:372px;
  height:380px;
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/desc4.gif) 0px 0px no-repeat;
  position:absolute;
}

dl#site-sien {
  left:50px;
  top:240px;
  position:absolute;
}

dl#site-sien dt {
  display:block;
  width:435px;
  height:73px;
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/desc1.gif) 0px 0px no-repeat;
}

#desc2 {
  display:block;
  width:435px;
  height:61px;
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/desc2.gif) 0px 0px no-repeat;
}

#desc3 {
  display:block;
  width:435px;
  height:59px;
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/desc3.gif) 0px 0px no-repeat;
}

#not_april {
  position:absolute;
  left:0px;
  top:-150px;
  width:577px;
}

#btnSNS {
  position:absolute;
  left:700px;
  top:-79px;
  width:316px;
}

#btnSNS li{
  float:left;
}

#btn_mixi {
  width:73px;
  text-align:left;
}

#btn_fbShare {
  width:131px;
  text-align:left;
}

#btn_fbGood {
  width:111px;
  text-align:left;
}

#descWrapp {
  width:850px;
  padding-bottom:30px;
}



#twitter {
  width:250px;
  float:right;
  text-align:left;
}

#container {
  padding:0px 25px 0px 55px;
}

#footer {
  padding:70px 50px 0px;
  text-align:center;
}

#pageInfo {
  width:850px;
  padding-bottom:15px;
  margin-bottom:15px;
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/line_dot.gif) 0px 100% no-repeat;
}

#site-info {
  width:850px;
  padding-bottom:55px;
}

#ppb_logo {
  float:left;
  width:118px;
  text-align:left;
}

#copy {
  float:right:
  width:732px;
  text-align:right;
}


#ft_navList {
  width:248px;
  float:left;
}

#ft_navList li{
  float:left;
  display:block;
  width:91px;
  text-align:left;
}

#ft_navList li img{
  vertical-align:bottom;
}

#ft_navList li#pb {
  width:157px;
}

.btn_pt {
  width:104px;
  float:right;
  text-align:right;
}



.box {
  padding-bottom:35px;
}

#april {
  width:850px;
}

.box h2 {
  margin:0px 30px 30px 0px;
}

#ust h2,
#twitter h2 {
  margin:0px 0px 30px;
  background:#28a9a6;
  color:#ffffff;
  font-weight:bold;
  font-size:14px;
  padding:10px;
}

#ustDisplay {
  width:576px;
  float:left;
}

#twitterDisplay {
  width:300px;
  float:right;
}

#supportList {
  width:862px;
}

#supportList li{
  width:172px;
  text-align:center;
  float:left;
  margin-bottom:30px;
}

#supportList .lolipop {background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/slogo_lolipo.gif) 90% 98% no-repeat;}
#supportList .jugem {background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/slogo_jugem.gif) 90% 98% no-repeat;}
#supportList .heteml {background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/slogo_heteml.gif) 90% 98% no-repeat;}
#supportList .calamel {background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/slogo_calamel.gif) 90% 98% no-repeat;}
#supportList .cms {background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/slogo_cms.gif) 90% 98% no-repeat;}
#supportList .calamelcms,
#supportList .cmscalamel {background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/slogo_calamelcms.gif) 52% 98% no-repeat;}
#supportList .cmslolipop,
#supportList .lolipopcms {background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/slogo_lolimel.gif) 52% 98% no-repeat;}

#supportList li .sListWrapp {
  border:#b2e5ed solid 1px;
  width:160px;
  height:328px;
  text-align:center;
}

#supportList li .txt{
  line-height:1.5em;
  padding:10px;
  text-align:left;
}

#supportList li a{
  display:block;
  width:140px;
  margin:0px auto;
  padding:0px;
  text-decoration:none;
}

#supportList li img{
  margin-top:10px;
  vertical-align:bottom;
}

#pubooWrapp {
  width:852px;
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/line_normal.gif) 0px -53px repeat-y;
  _background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/line_normal.gif) 0px -76px repeat-y;
}

*:first-child+html #pubooWrapp {
  background:transparent url(http://ouenouen.jp/wp-content/themes/pb_support/images/line_normal.gif) 0px -77px repeat-y;
}

#pubooWrapp .display_box,
#pubooWrapp .breake_box {
  width:142px;
  height:215px;
  float:left;
  text-align:center;
}

#pubooWrapp .cover {
  text-align:center;
  width:95px;
  margin:0px auto;
}

#pubooWrapp .cover a{
  display: block;
  position: relative;
  text-decoration: none;
}

#pubooWrapp .cover .cover_inner {
  text-align:center;
  display: table-cell;
  height: 160px;
  vertical-align: bottom;
}

*:first-child+html #pubooWrapp .cover .cover_inner { height: 130px; }
#pubooWrapp .cover .cover_inner { _height: 135px; }

#pubooWrapp .cover .cover_inner img{
  border:#cccccc solid 1px;
  max-height: 134px;
  max-width: 95px;
  margin:0px auto;
}

#pubooWrapp .price {
  max-width: 95px;
  margin:0px auto;
  color:#f1417a;
  font-weight:bold;
}


#pubooWrapp .book_title {
  padding-top:5px;
  font-weight:bold;
}

*:first-child+html #pubooWrapp .book_title { padding-top:10px; }

#pubooWrapp .book_title a {
  color:#000000;
}

#puboo_bosyu,
#info_bosyu {
  margin-top:15px;
  border:#ff732f solid 1px;
  width:850px;
}

.bWrapp {
  height:96px;
}

.b_tit {
  width:101px;
  float:left;
}

.b_tit img{
  vertical-align:bottom;
}

.b_content {
  width:749px;
  float:right;
  text-align:left;
}

.b_content #b_contentWrapp {
  margin:10px 15px 15px 20px;
}

.b_content #b_contentWrapp span {
  background:#cef8ff;
  margin-right:10px;
  padding:2px;
}


#info_bosyu .b_content {
  line-height:1.5em;
}

.b_content dl{
  margin:12px 15px 12px 20px;
}

.b_content dt{
  font-size:14px;
  font-weight:bold;
  margin-bottom:5px;
}


.aboutAuthor {
  padding:15px 30px 0px 0px;
  text-align:right;
}

.breake_box a{
  display:block;
  outline:none;
  cursor:pointer;
  text-indent:-7777px;
  text-align:left;
  width:80px;
  height:120px;
  margin:0px auto;
  background:transparent url(http://pb-support.heteml.jp/wp/wp-content/themes/pb_support/images/category_1.png) 0px 0px no-repeat;
}

.book_title {
  font-size:12px;
  line-height:1.5em;
  padding:0px 5px;
}

#service_tit{
  margin-bottom:20px;
  text-align:center;
}

#ppb_service {
  width:740px;
  margin:0px auto;
}

#ppb_service ul{
  width:740px;
  text-align:center;
}

#ppb_service ul li{
  display:inline;
  margin:0px 10px 15px;
  text-align:center;
}


/* ust */
#ust {
  height:635px;
  zoom:1;
  position:relative;
}

#ust #ustWrapp {
  position:absolute;
  left:-93px;
  top:0px;
  width:1024px;
  background:transparent url(http://pb-support.heteml.jp/wp/wp-content/themes/pb_support/images/bg_ust.gif) 0px 0px repeat-y;
  z-index:10;
}

#ust #ustHD {
  background:transparent url(http://pb-support.heteml.jp/wp/wp-content/themes/pb_support/images/tit_ust.gif) 0px 0px no-repeat;
}

#ust #ustFT {
  background:transparent url(http://pb-support.heteml.jp/wp/wp-content/themes/pb_support/images/ft_ust.gif) 0px 100% no-repeat;
  padding:130px 62px 90px;
}

#u_tWrapp {
  width:900px;
}

.t_btn {
  padding-bottom:15px;
}


/*エイプリルフール*/
#aprilfool{
  background:#FFF;
  width:950px;
  height:820px;
  margin:0 auto;
}

#shacho{
  float:left;
}

#ahosystem{
  float:left;
  margin-top:30px;
  text-align:left;
}

#ahosystem table{
  margin-top:30px;
}

#gtWrapp {
width:850px;
}

#gtWrapp p{
margin-bottom:15px;
}

#gtImg {
width:230px;
float:right;
text-align:right;
}

/* clearfix */
.clearfix:after {
  content: ""; 
  display: block;
  clear: both;
  height: 0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */