@charset "utf-8";

/*==============================================

released: 2009.05.01

-contents-

01. initialize
02. link set
03. text set
04. top page & page format
05. 2nd page format

===============================================*/


/*----------------------------------------------
	01. initialize
----------------------------------------------*/


* {
	margin: 0;
	padding: 0;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

a {
	outline: 0;
}

a,
img {
	border: 0;
	vertical-align: top;
}

html,
body {
	height: 100%;
	/*font-size: 16px;*/
}

body {
	font-family: "ＭＳ ゴシック", "Osaka−等幅","Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 90%;
	text-align: center;
	background-color: #EFEFEF;
}

.clear {
	clear: both;
}


/*__ cf __*/

div#wrap {
   display: inline-table;
   height: 100%;
   min-height: 100%;
   /* \*/ display: block; /* */
}

div#wrap:after {
   display: block;
   content: "";
   clear: both;
}

body>div#wrap {
   height: auto;
}




/*----------------------------------------------
	02. link set
----------------------------------------------*/

body a,
body a:link,
body a:visited {
	font-size: 100%;
	color: black;
	text-decoration: underline;
}

body a:active {
	color: gray;
}

body a:hover {
	color: gray;
}


/*----------------------------------------------
	03. Text set
----------------------------------------------*/


p {
	font-size: 90%;
	line-height: 150%;
}

.red {
	color: #920000;
}

.glay {
	color: #666666;
}

.black {
	color: #000000;
}


/*----------------------------------------------
	04. toppage & page format
----------------------------------------------*/


/*__ center fix __*/

#wrap,
.contentstxt,
.pptxt,
#babybwrap,
.babybtxt,
.blogtxt {
	margin: 0px auto 0px auto;
	text-align: center;
}

#wrap {
	width: 880px;
	height: 100%;
	min-height: 100%;
	background-color: #FFFFFF;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	position: relative;
}


/*__ wrap bg height by IE6 __*/
body > #wrap {
    height:auto;
}

#wrap h1 {
	padding: 8px 0px 13px 0px;
}

#left {
	float: left;
	padding-left: 9px;
	width: 168px;
	height: auto;
}

#left ul li {
	padding-bottom: 1px;
	list-style: none;
}

.dibt {
	padding-top: 10px;
}

.bbbt {
	padding-top: 16px;
}

.ktai {
	padding: 10px 0px 20px 30px;
}

#gnavi {
	width: 657px;
	height: auto;
	text-align: right;
	position: absolute;
	top: 8px;
	right: 26px;
}

#gnavi ul {
	text-align: right;
	width: auto;
	height: auto;
}

#gnavi ul li {
	padding-left: 6px;
	list-style: none;
	font-size: 85%;
	text-align: right;
	display: inline;
}

#right {
	float: left;
	padding-left: 20px;
	width: 657px;
	height: auto;
}

#topcont {
	float: right;
	padding: 120px 0px 25px 0px;
}

#foot {
	clear: both;
	padding: 18px 0px 18px 0px;
}

#foot p {
	text-align: right;
	font-size: 75%;
}


/*__ 2nd page __*/

.ill01,
.ill02 {
	position: absolute;
	left: 700px;
}

.ill01 {
	top: 45px;
}

.ill02 {
	top: 35px;
}

#contwrap {
	margin-top: 113px;
}

#contents {
	width: 657px;
	height: auto;
	background-color: #666666;
}

img.hirobaphoto {
	float: right;
	padding-left: 10px;
}

.contentstxt,
.pptxt,
.babybtxt {
	padding: 30px 0px 40px 0px;
	width: 567px;
	height: auto;
}

.contentstxt p {
	text-align: left;
	font-size: 90%;
	color: white;
	line-height: 150%;
}

.title00,
.title01 {
	font-size: 100%;
	color: #ceff26;
	font-weight: bold;
	line-height: 200%;
}

.title00 {
	padding-bottom: 10px;
	color: #ceff26;
}

.title01 {
	padding: 20px 0px 10px 0px;
}


/*__ hiroba __*/

.title02 {
	padding: 15px 0px 35px;
	font-size: 110%;
	color: #ceff26;
	font-weight: bold;
	line-height: 150%;
}

.title03 {
	padding: 25px 0px 5px;
	margin-bottom: 10px;
	font-size: 90%;
	color: white;
	font-weight: bold;
	line-height: 200%;
	border-bottom: 1px dashed white;
}

ul.hirobaul,
ul.other {
	padding-left: 20px;
}

ul.hirobaul li,
ul.other li {
	padding-top: 5px;
	text-align: left;
	font-size: 80%;
	color: white;
	line-height: 150%;
}

ul.other {
	float: left;
	padding-top:  5px;
}

table.hirobatablewrap {
	margin-top: 20px;
	border: 1px solid silver;
}

table td.hirobatable,
table th.hirobatable {
	padding: 5px;
	background-color: #f86899;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: white;
	line-height: 150%;
}

table td.hirobatableleft {
	padding: 5px;
	background-color: #d5d5d5;
	font-size: 90%;
	text-align: left;
	color: black;
	line-height: 150%;
}

table td.kaiintableleft {
	padding: 5px;
	background-color: #d5d5d5;
	font-size: 90%;
	color: black;
	line-height: 150%;
	font-size: 100%;
}

td.txtcenter {
	padding: 5px;
	background-color: #d5d5d5;
	font-size: 90%;
	color: black;
	line-height: 150%;
	text-align: center;
}

td.txtright1 {
	padding: 5px 95px 5px 5px;
	background-color: #d5d5d5;
	font-size: 90%;
	color: black;
	line-height: 150%;
	text-align: right;
}

td.txtright2 {
	padding: 5px 5px 5px 5px;
	background-color: #d5d5d5;
	font-size: 90%;
	color: black;
	line-height: 150%;
	text-align: right;
}

td.txtright2 em {
	float: left;
	clear: both;
	padding-left: 5px;
}

td.txtright3 {
	padding: 5px 5px 5px 5px;
	background-color: #d5d5d5;
	font-size: 80%;
	color: black;
	line-height: 150%;
	text-align: left;
}

table td.hirobatableleft iframe {
	margin-top: 5px;
}


/*__ other __*/

.otherph {
	float: right;
	padding: 10px 5px 30px 0px;
}

.otherph02 {
	float: right;
	padding: 10px 5px 0px 0px;
}

ul.other a,
ul.other a:link,
ul.other a:visited {
	font-size: 100%;
	color: #cdfe9c;
	text-decoration: underline;
}

ul.other a:active {
	color: #000;
}

ul.other a:hover {
	color: #fff;
}

div.dakko {
	clear: both;
	margin-bottom: 30px;
	padding: 0px 15px 0px 15px;
	border-left: 1px dashed #fff;
	border-right: 1px dashed #fff;
}

div.dakko h4 {
	padding-bottom: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0.5em;
}

div.dakko p {
	font-size: 80%;
	line-height: 170%;
}

div.sasetai {
	margin-top: 10px;
	padding: 20px;
	background-color: #ccc;
}

div.sasetai em {
	color: #f71367;
}

div.sasetai h5 {
	padding: 5px 0px 20px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #f71367;
	letter-spacing: 0.5em;
}

div.sasetai h6 {
	padding-bottom: 15px;
	font-size: 90%;
	line-height: 130%;
	color: #000;
}

div.sasetai dl {
	width: auto;
}

div.sasetai dl dt {
	float: left;
	width: 30px;
	padding: 0px 0px 5px 20px;
	clear: both;
	font-size: 80%;
	font-weight: bold;
 	color: #474747;
 	line-height: 140%;
}

div.sasetai dl dd {
	width: auto;
	margin-left: 50px;
	padding: 0px 20px 5px 10px;
	font-size: 80%;
 	color: #474747;
 	line-height: 140%;
}

/*__ link __*/

ul.linkul li,
ul.linkbtgnavi li {
	list-style: none;
}

.linkbt {
	padding: 35px 0px 35px 0px;
}

.linkbtgnavi li {
	float: left;
	display: inline;
}

.linkbtgnavipad {
	padding: 0px 3px 0px 3px;
}

.linktt {
	padding: 3px 0px 10px 0px;
}

.waku {
	margin-top: 10px;
	padding: 10px;
	background-color: #7e7e7e;
	border: 1px dotted #cfcfcf;
}

.waku dt {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	line-height: 150%;
	color: #c4e71f;
	border-bottom: 1px solid #fff;
}

.waku dt a,
.waku dt a:link,
.waku dt a:visited {
	font-size: 100%;
	font-weight: bold;
	color: #c4e71f;
}

.waku dt a:active {
	color: #FFF;
}

.waku dt a:hover {
	color: #FFF;
}

.wakudd {
	font-size: 80%;
	color: #e4e4e4;
	line-height: 150%;
}

.wakuddtt {
	padding-bottom: 5px;
	font-size: 90%;
	font-weight: bold;
	line-height: 150%;
	color: #fff;
}

dd.wakudd a,
dd.wakudd a:link,
dd.wakudd a:visited {
	font-size: 100%;
	color: #c4e71f;
}

dd.wakudd a:active {
	color: #FFF;
}

dd.wakudd a:hover {
	color: #FFF;
}


/*__ members __*/

.title04 {
	padding: 15px 0px 15px 0px;
	font-size: 80%;
	color: #ceff26;
	font-weight: bold;
	line-height: 150%;
}

.nakatoku h5 {
	padding-top: 10px;
	font-size: 100%;
	font-weight: bold;
	color: #f71367;
}

span.tokuten {
	font-weight: bold;
	color: #f71367;
}

.nakatoku p {
	padding-top: 5px;
	font-size: 100%;
	color: #000;
}

.nakatoku p.kome {
	font-size: 90%;
	color: #000;
}


/*__ ppolycy __*/

.pptxt p {
	font-size: 75%;
	line-height: 150%;
	color: #fff;
}

h4.title05 {
	padding: 10px 0px 3px 0px;
	font-size: 80%;
	font-weight: bold;
	color: #fff;
}


/*__ babyb __*/

#babybwrap {
	width: 657px;
	height: auto;
	border-style: dotted;
	border-width: 1px;
}

h3.title06 {
	padding: 15px 0px 15px 0px;
	font-size: 110%;
	color: #DC0067;
	font-weight: bold;
	line-height: 150%;
}

.babybtxt p {
	font-size: 80%;
	color: #000;
	line-height: 180%;
}

.title07 {
	padding: 25px 0px 5px;
	margin-bottom: 10px;
	font-size: 110%;
	color: #278067;
	font-weight: bold;
	line-height: 200%;
	border-bottom: 1px dashed #278067;

}

img.babyphoto {
	float: left;
	padding-right: 10px;
}

.babybtxt p em {
	font-weight: bold;
}


/*__ blog __*/

.blogtxt {
	padding: 30px 0px 40px 0px;
	width: 620px;
	height: auto;
}

.blogleft {
	float: left;
	padding-top: 60px;
	width: 120px;
	height: auto;
}

.blogright {
	float: right;
	width: 470px;
	height: auto;
}

.blogleft dt {
	padding: 10px 0px 6px 0px;
	font-size: 85%;
	color: #f84ca0;
}

.blogleft dd {
	padding-bottom: 6px;
	font-size: 70%;
	line-height: 120%;
	/*word-break:break-all;*/
}

.blogleft li {
	padding-bottom: 6px;
	line-height: 130%;
	list-style: none;
}

h3.title08 {
	font-size: 110%;
	color: #DC0067;
	font-weight: bold;
	line-height: 150%;
}

.blogright img {
	padding: 10px 0px 10px 0px;
}

.blogkiji {
	padding-bottom: 10px;
	width: 470px;
	height: auto;
}

.blogkiji h4 {
	margin-bottom: 10px;
	padding: 10px;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	line-height: 150%;
	background: #f84ca0 url(../blog/img/blog_bg.jpg) fixed 0 0;
}

.blogkiji h4 a,
.blogkiji h4 a:link,
.blogkiji h4 a:visited {
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.blogkiji h4 a:active {
	color: black;
}

.blogkiji h4 a:hover {
	color: #fde3f5;
}

.blogkiji p {
	color: #666;
}

p.date {
	text-align: right;
	font-size: 80%;
	color: #f84ca0;
}

p.next {
	padding: 25px 0px 15px 0px;
	font-size: 75%;
	text-align: center;
}

h2#comments {
	font-size: 100%;
	color: #f84ca0;
}

ol#commentlist li {
	margin-top: 5px;
	padding: 15px;
	border: 1px dotted #999;
	list-style: none;
}

ol#commentlist li p {
	font-size: 100%;
	line-height: 150%;
	color: #666;
}

p.commentmeta {
	margin-top: 20px;
	text-align: right;
}

div.commentwrap {
	padding-bottom: 20px;
	font-size: 80%;
}

div.commentwrap textarea {
	width: 470px;
}

div.commentwrap input {
	float: right;
	margin-top: 5px;
}

h2#postcomment {
	margin: 10px 0px 10px 0px;
	padding: 5px;
	font-size: 100%;
	font-weight: bold;
	background-color: #fdfda6;
	color: #747474;
}


/*__ info __*/

.infop {
	padding-bottom: 10px;	
}


/*__ kids __*/

#circlenet {
	margin-top: 30px;
	padding: 10px;
	width: auto;
	height: auto;
	border: 2px dashed #ccc;
	background-color: #fff;
}

/*__ cf start __*/

div#circlenet {
   display: inline-table;
   height: 100%;
   min-height: 100%;
   /* \*/ display: block; /* */
}

div#circlenet:after {
   display: block;
   content: "";
   clear: both;
}

body>div#circlenet {
   height: auto;
}

/*__ cf end __*/


.circlenetph {
	float: left;
	margin-right: 8px;
}

#circlenet h4 img {
	padding: 10px 0px 10px 0px;
}

p.circlenetp {
	font-size: 80%;
	color: #399812;
	line-height: 150%;
}

p.circlenetpkome {
	padding-top: 5px;
	font-size: 78%;
	color: #666;
	line-height: 120%;
}

p.telfax {
	padding-top: 5px;
	font-size: 120%;
	color: #000;
}

p.telfax em {
	font-size: 70%;
}

ul.hirobaul a,
ul.hirobaul a:link,
ul.hirobaul a:visited {
	color: #cdfe9c;
	font-weight: bold;
}

ul.hirobaul a:active {
	color: black;
}

ul.hirobaul a:hover {
	color: #fff;
}


/*__ hiroba __*/

li.nagare {
	font-weight: bold;
}

li.number {
		list-style-type: none;
}

li.familyshosai {
	font-weight: bold;
	text-decoration: underline;
}


/*__ inquiry __*/

#inqcontents {
	width: 657px;
	height: 480px;
	background: #fff url(../img/inqbg.gif) no-repeat 170px 0px;
	border: 1px dotted #ccc;
}

.inqtxt {
	padding: 40px 0px 20px 40px;
}


/*__ archive __*/

li.arcli {
	padding-bottom: 10px;
	list-style-type: none;
}