@charset "Shift_JIS";

/* INFO
--------------------------------------------------
   CSS File for "いぬのきもちweb"
   Date:     2009-01-23
==================================================
1.Global
2.Benesse
  2-1.Benesse Header
  2-2.Benesse Fotter
3.Header
4.Error

----------------------------------------------- */

/* 1.Global
----------------------------------------------- */
/* 基本タグの初期化（原則追加変更不可）
------------------------------------*/

body {
  margin: 0;
  padding: 0 10px;
  font-size: 13px;
  *font-size: 82%;
  color: #666;
  background-color: #FFF;
}

h1,h2,h3,h4,form,p {
  margin: 0;
  padding: 0;
}

img {
  margin: 0;
  border: none;
}

p {
  line-height: 1.3;
}

ul,ol,dl,dt,dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

input,textarea {
  font-size: 100%;
}

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

/* 吹き出し
------------------------------------*/
.balloon {
  width: 188px;
  background: url(/blog/image/pet/balloon_bg.gif) no-repeat left top;
}
.balloonFooter {
  clear: both;
  width: 188px;
  height: 3px;
  font-size: 1px;
  background: url(/blog/image/pet/balloon_footer.gif) no-repeat left bottom;
}

.balloonL {
  float: left;
  padding: 4px 5px 0 12px;
  width: 105px;
}

.balloonR {
  float: left;
  padding-top: 3px;
  width: 58px;
}

.balloonR p {
  text-align: center;
}

.balloon p {
  font-size: 80%;
}

.balloonImg {
  margin-bottom: 2px;
  padding: 2px 0 2px 2px;
  width: 54px;
  display: block;
  border: 1px solid #ccc;
  background-color:#fff;
}

.balloonImg img {
  width: 52px;
}

.popup { position: absolute; display:none;  }

/* 基本リンク色
------------------------------------*/
a:link, a:active {
  color: #0000FF;
  text-decoration: underline;
}
a:visited {
  color: #800080;
  text-decoration: underline;
}
a:hover {
  color: #FF0000;
  text-decoration: underline;
}


/* 2.Benesse
----------------------------------------------- */

#container {
  margin: 0 auto;
  width: 950px;
}

#header {
  width: 950px;
}

#globalHeader {
  margin: 5px 0 15px;
  padding: 3px 0 11px;
  height: 76px;
  border-top: 1px solid #cccccc;
}
* html #globalHeader {
  padding: 3px 0 5px;
}

#contents {
  width: 950px;
}

#mainCont {
  float: left;
  width: 640px;
}

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

/* Added by Masahide Tanaka 2010-01-21 */
#rightCont .column {
	margin-top: 10px;
	border:solid 1px #D6D6D6;
	padding: 10px;
	zoom: 1;	/* for ie */
}
#rightCont .thumnail {
	width:80px;
	float:left;
}
#rightCont .column div.right {
	width:188px;
	float:right;
}
#rightCont .column h3 {
	font-size:1em;
	background:url(http://a1763.g.akamai.net/f/1763/9180/1h/women.benesse.ne.jp/top_img/2008/common_img/bullet/bullet_cir_r_ylw.gif) no-repeat 0 2px;
	padding-left:12px;
	letter-spacing:-1px;
	font-weight: normal;
	text-align: left;
}
#rightCont .column p {
	margin-top:4px;
	font-size: 1em;
	text-align: left;
}
/* クリア ----------------*/
.floatClear {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	background:transparent;
}



/* 下線 */
.bottomLine01 {
  margin-bottom: 8px;
  padding-bottom: 8px;
  background: url(/blog/image/pet/line_side01.gif) repeat-x left bottom;
}

/* 背景色 */
.backG01 {
  background-color: #f6f6f6;
}


/* 2-1.Benesse Header
----------------------------------------------- */
#benesse-header {
  clear: both;
  width: 920px;
  height: 25px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: left;
  background: url(/blog/image/benesse/g-cmn-bg.gif) top left repeat-x;
}

#benesse-header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#benesse-header ul li {
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
}

#benesse-header ul li.logo { float:left; }
#benesse-header ul li.logo a {
  display: block;
  width: 73px;
  height: 13px;
  background: url(/blog/image/benesse/logo-benesse.gif) top left no-repeat;
}
#benesse-header ul li.logo a span { display:none; }

#benesse-header ul li.link {
  float: right;
  margin: 0;
  padding: 10px 0 10px 30px;
  background: url(/blog/image/benesse/g-cmn-arrow.gif) 20px center no-repeat;
}

#benesse-header a:link {text-decoration: underline; color: #0070CB;}
#benesse-header a:visited {text-decoration: underline; color: #800080;}
#benesse-header a:hover {text-decoration: underline; color: #f00;}


/* 2-2.Benesse Footer
----------------------------------------------- */
#benesse-footer {
  width: 950px;
  clear: both;
  padding-bottom: 5px;
}

#PAGETOP {
  margin: 15px 5px 10px 0;
  text-align: right;
  font-size: x-small;
}
#PAGETOP a {
  color: #0307FF;
  background: url(/blog/image/benesse/bullet_tri_up_red.gif) no-repeat 0 2px;
  padding-left: 10px;
}

/* 3.Header
----------------------------------------------- */
/* ロゴ
------------------------------------*/
.globalLogo {
  float:left;
  padding-top: 14px;
  width: 195px;
}

.globalLogo p a {
  width: 186px;
  height: 41px;
  display: block;
}

/* 総ブログ数
------------------------------------*/
* html .totalBLog p {
  padding-top: 3px;
}

/* 検索
------------------------------------*/
.headSearchWrap {
  float:left;
  width: 351px;
  position: relative;
}

.headLink {
  padding-top: 2px;
  font-weight: normal;
  font-size: 80%;
}

.headSearch form {
  padding: 2px 0 0 30px;
}

.headSearch input {
  margin: 0 5px;
}

.headSearch .textInput {
  width: 235px;
}

html>/**/body .headSearch .textInput {
  margin-bottom: 5px;
}

.headSearchBtn {
  top: 10px;
  left: 290px;
  position: absolute;
}

.headSearchRadio {
  font-size:80%;
}

.searchJump {
  top: 57px;
  left: 10px;
  position: absolute;
  width: 70px;
  text-indent: -9999px;
}

.searchJump a {
  width: 66px;
  height: 14px;
  display: block;
}

.searchWord {
  float: right;
  width: 265px;
}

.searchWord a {
  padding-left: 3px;
  font-size:80%;
}

/* 4.Error
----------------------------------------------- */
.errorWrap {
  margin: 5px 0 15px;
  padding-top: 25px;
  border-top: 1px solid #cccccc;
}

.errorWrap h2 {
  width: 950px;
  height: 50px;
  text-indent: -9999px;
  background: url(/blog/image/pet/error.gif) no-repeat left top;
}

.errorWrap h3 {
  padding: 0 20px 15px;
  color: #bf0000;
  font-weight: bold;
  font-size: 117%;
}

.errorWrap p {
  padding: 0 20px;
}

.errorTop {
  margin: 30px 20px 0;
  padding-left: 16px;
  background: url(/blog/image/pet/icon_red.gif) no-repeat 0 2px;
}

.inputerrormsgfont{
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}

/* 5.Other
----------------------------------------------- */
.wordBreak{
	/* for ie and safari */
	word-break:break-all;
	/* fx and opera use wordBreak.js using this class */
}