@charset "utf-8";

/****************************************************************************
　 index CSS
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2014.09.01
   Last up date   : 2014.09.01
****************************************************************************/
p {
	margin: 0;
	padding: 0;
}

ul.bxslider1 {
	width: 845px;
	height: 310px;
	overflow: hidden;
	margin: 0px 0 0 0;
	padding: 0;
}
ul.bxslider1 li {
	width: 845px !important;
	height: 310px;
	margin: 0px 0 0 0;
	padding: 0 1px 0 0px;
	overflow: hidden;
}
ul.bxslider1 li img {
	display: block;
	margin:0;
	padding: 0;
}
ul.bxslider2 {
	overflow: hidden;
	font-size:12px;
}
ul.bxslider2 li{
	padding:5px;
	border: 1px solid #CCC;
}

#main p.smallTitle {
	margin: 50px auto 0 auto;
	display: block;
	text-align:center;
}
#main p.stA {
	margin-top: 0px;
}
#main p.stB {
	margin-top: 10px;
}
#main p.stC {
	margin-top: 50px;
	margin-bottom: 10px;
}

#main ul.osusume {
	overflow: hidden;
}
#main ul.osusume img {
	display: block;
	margin: 0;
	padding: 0;
}
#main ul.osusume li {
	float: left;
	padding: 0;
	margin: 0 9px 9px 0;
}
/*#main ul.osusume li:nth-child(odd) { margin-left: 0px; }
#main ul.osusume li > *:first-child { margin-left: 0px; }
#main ul.osusume li > *:first-child + * + * { margin-left: 0px; }*/
#main ul.osusume li:nth-child(2),
#main ul.osusume li:nth-child(6),
#main ul.osusume li:nth-child(10) { margin-right: 0px; }



#main ul.design {
	overflow: hidden;
}
#main ul.design img {
	display: block;
	margin: 0;
	padding: 0;
}
#main ul.design li {
	float: left;
	padding: 0;
	margin: 0 0 15px 25px;
}
#main ul.design li:nth-child(1) { margin-left: 0px; }
#main ul.design li:nth-child(4) { margin-left: 0px; }
#main ul.design li:nth-child(7) { margin-left: 0px; }
#main ul.design li:nth-child(10) { margin-left: 0px; }
#main ul.design li > *:first-child { margin-left: 0px; }
#main ul.design li > *:first-child + * + * + * { margin-left: 0px; }
#main ul.design li > *:first-child + * + * + * + * + * + * { margin-left: 0px; }
#main ul.design li > *:first-child + * + * + * + * + * + * + * + * + * { margin-left: 0px; }

#main ul.designB {
	overflow: hidden;
}
#main ul.designB img {
	display: block;
	margin: 0;
	padding: 0;
}
#main ul.designB li {
	float: left;
	padding: 0;
	margin: 0 0 15px 30px;
}
#main ul.designB li:nth-child(1) { margin-left: 0px; }
#main ul.designB li:nth-child(4) { margin-left: 0px; }
#main ul.designB li:nth-child(7) { margin-left: 0px; }
#main ul.designB li:nth-child(10) { margin-left: 0px; }
#main ul.designB li > *:first-child { margin-left: 0px; }
#main ul.designB li > *:first-child + * + * + * { margin-left: 0px; }
#main ul.designB li > *:first-child + * + * + * + * + * + * { margin-left: 0px; }
#main ul.designB li > *:first-child + * + * + * + * + * + * + * + * + * { margin-left: 0px; }


#main ul.category {
	overflow: hidden;
}
#main ul.category img {
	display: block;
	margin: 0;
	padding: 0;
}
#main ul.category li {
	float: left;
	padding: 0;
	margin: 0 0 15px 25px;
}






/*--------------------------------------------------------
　infoMation
--------------------------------------------------------*/
#infoMation {
	display: block;
	margin: 10px 0 0 ;
	font-size:12px;
	color:#666;
}
#infoMation table {
	width: 100%;
	border: 1px solid #CCC;
}
#infoMation th {
	width: 200px;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}
#infoMation th img {
	border-right: 1px solid #CCC;
}
#infoMation td {
	padding: 5px;
	vertical-align: middle;
}
div.infoMessage {
	height: 50px;
	overflow: auto;
	padding: 5px 0 5px 0;
}




/* slider初期設定
--------------------------------------------------------- */
.slideFrame {
	position: relative;
	margin: 0 0 0 0px;
	padding: 0 0 1px 0;
	overflow: hidden;
	overflow-x: auto;
	width: 845px;
	height: 165px;
}

.slideGuide {
	width: 100%;
	background: #FFF;
}

.slideCell {
	display: block;
	float: left;
	margin-right: 10px;
	height: 100%;
	padding:10px;
	width: 125px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #333;
	font-size:12px;
	color: #666;
}

/* sample */
.slideCell a {
	display: block;
	width: 100%;
	height: 100%;
}
.slideCell img {
	width: 125px;
	height: 125px;
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}
.slideCell a:hover {
	background:#FFF;
}
.slideCell a{text-decoration: none;}
.slideCell a:link {color:#666;}
.slideCell a:visited{text-decoration: none; color:#666;}
.slideCell a:hover{text-decoration: none; color:#333;}
.slideCell a:active{text-decoration: none;}


/* controller */
.slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	width: 15px;
	height: 100%;
	background: #676767 url(/web/images/top/hatch.png);
	color: #fff;
	font-size: 12px;
	text-align: center;
	cursor: default;
	opacity: 1.0;
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	filter: alpha(opacity=100);

	/* 確認用 */	
	background: #676767 url(hatch.png);
	padding-top: 80px;
}

.slideCtrl.left { left: 0px; }
.slideCtrl.right { right: 0px; }


/* column
--------------------------------------------------------- */
.columnH{
	margin:40px 0 10px;
}

.column{
	margin-bottom:40px;
	
}
.column ul{	
	margin-right:-38px;
	margin-left:10px;
	margin-bottom:20px;
}
.column li{
	width:246px;
	float:left;
	margin: 0 38px 25px 0;
	text-align:center;
	position:relative;
	color:#505050;
	line-height:1.4;
}
.column .column-thum{
	width:100%;
	height:auto;
	margin:0 0 5px 0;	
	border: 2px #C79F62 dotted;
	border-radius: 16px;
	padding:6px;
}


.column h4{
	font-size:14px;
	padding:0 10px;
	text-align:left;

}
.column p.{
	font-size:12px;
	line-height:1.4;
}

.column li span{
	position:absolute;
	left:-10px;
	top:-10px;
}

.column .column-btn{
	clear:both;
	text-align:center;	
	margin-bottom:40px;
}

.cate-icon {
	min-width:60px;	/*テキストの文字数により極端に横幅が小さくなってしまうのを防ぐために指定しています*/
	font-size:14px;
	text-align:center;
	background-color:#999;
	color:#FFF;
	padding:7px 16px;
	border-radius:14px;
	position: relative;
}
.cate-icon:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #999;
	border-width: 8px;
	margin-left: -8px;	
}

.childbirth {
	background-color: #FF386E !important;
}
.kosodate {
	background-color: #FF78B5 !important;
}
.school {
	background-color: #FF78B5 !important;
}
.kindergarten {
	background-color: #FF78B5 !important;
}
.mamalife{
	background-color: #FF7A00 !important;
}
.working-mama {
	background-color: #73C429 !important;
}
.season {
	background-color: #00BD9E !important;
}
.odekake {
	background-color: #C47DFF !important;
}

.childbirth:after {
	border-top-color: #FF386E !important;
}
.kosodate:after {
	border-top-color: #FF78B5 !important;
}
.school:after {
	border-top-color: #FF78B5 !important;
}
.kindergarten:after {
	border-top-color: #FF78B5 !important;
}
.mamalife:after{
	border-top-color: #FF7A00 !important;
}
.working-mama:after {
	border-top-color: #73C429 !important;
}
.season:after {
	border-top-color: #00BD9E !important;
}
.odekake:after {
	border-top-color: #C47DFF !important;
}


/* .column{
	overflow: hidden;
	margin-bottom:40px;
	margin-right:-30px;
}
.column li{
	width:256px;
	float:left;
	    margin: 0 30px 15px 0;
}
.column img{
	float:left;
	margin:0 10px 10px 0;	
}
.column h4{
	margin-bottom:5px;
}
.column p{
	font-size:12px;
	line-height:1.4;
}
.column span{
	font-size:10px;
	color:#999;
	float:right;
	margin-top:5px;
}*/

/* message
--------------------------------------------------------- */
#messageH{
	margin:40px 0 10px;
}

#message{
	border:1px solid #DBDCDC;
	padding:30px;
	margin:10px 0 30px;
}
#message h4{
	margin-bottom:1em;
}
#message p{
	font-size:13px;
	line-height:1.6;
	margin-bottom:1em;
	color:#666;
}
#message a{
	color: #0645ad;
	text-decoration:none;
}
#message a:hover{
	text-decoration:underline ;
}