@charset "utf-8";
/* CSS Document */




.josanshi{
	background-color: #F8CCD9;
	margin-bottom: 10px;
	padding: 15px 0;
	text-align:center;
}


.josanshiItem{ width:720px; margin: 0 auto 20px; 	padding: 5px 0;
	background:#FFFFFF; border: solid 1px #FFFFFF; 
	border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px;
	text-align:left; clear:both;
}

.itemGlid{ width:690px; margin:15px auto;}
.josanshiItem h2{ margin-bottom:10px;}
.josanshiItem .specArea{ width: 470px; float:left; color:#333333;}
.josanshiItem .specArea h3{ display:none;}
.josanshiItem .itemImage{ width: 194px; float:right; padding: 0 0 30px; text-align:center;}
.josanshiItem .read{ background:url(../images/readBg.jpg) no-repeat left top; padding:5px 0 0 20px;  margin-bottom:20px; line-height: 1.8;}
.josanshiItem ul.special{ background:url(../images/specialBg.jpg) no-repeat left top; padding:5px 0 0 65px; }
.josanshiItem ul.special li{background:url(../images/list.jpg) no-repeat 0 0.3em ; padding-left:16px; margin-bottom:2px;}
.josanshiItem ul.special li.notice{ background:none; font-size: 90%; margin-top:20px;}
.josanshiItem .subItem{ float:left; padding:20px 0 0 20px; clear:both }
.josanshiItem .btn{ float:right; padding: 0; margin:0; }
.josanshiItem .btn a{ padding: 0; margin:0; }


.josanshiItem #babyHead .specArea{ width: 500px; float:none; margin-bottom:30px; }
.josanshiItem #babyHead .read{ background:none; padding:0 0 0 20px;  margin-bottom:20px; line-height: 1.8;}
.josanshiItem #babyHead  ul.special{ background:url(../images/specialBabyBg.jpg) no-repeat left top; padding:5px 0 0 65px; }
.josanshiItem #babyHead  ul.special li{ background:none; }
.josanshiItem #babyHead h3{ text-align:center;}

.josanshiItem .itemImage{  padding: 0 0 20px;  width:190px;}
.josanshiItem .itemImage img{ width:100%; height:auto;}


.josanshiItem.item_mgy601 .specArea { float:none;}
.josanshiItem.item_mgy601 .itemImage {padding: 0 0 10px;  width:680px; float:none; clear:both; margin:40px auto 0; }
.josanshiItem.item_mgy601 .itemImage li{ width:200px; float:left; margin-right:30px; }
.josanshiItem.item_mgy601 .itemImage li.last{ margin-right:0;}

.josanshiItem.item_mgy601 .itemImage li img{  padding-left:0px;}
.josanshiItem.item_mgy601 .itemImage li p{ margin: 25px 0 0;}
.josanshiItem.item_mgy601 .itemImage li p img{   width:auto;}
.josanshiItem.item_mgy601 .itemImage li .btn{ float:none; text-align:center;}


.josanshiItem.babyItem ul.special{ background:none; padding:20px 0 0 0px; }
.josanshiItem.babyItem .itemGlid{ width:640px; margin: 0 auto; padding-bottom:30px; border-bottom:#BAE2F0 dotted 2px;}
.josanshiItem.babyItem .specArea{ width: 440px; margin-bottom:20px;}
.josanshiItem.babyItem .btn{ float:left; padding: 0; }
.josanshiItem.babyItem .itemImage{  padding: 0 ; width:200px; }
.josanshiItem.babyItem .itemImage img{ width:100%; height:auto; }
.josanshiItem.babyItem ul.special li{ background-image:url(../images/list_blue.jpg) ; }

.josanshiItem .subIcon{ display:none;}
.colorBoxCloseHead{ display:none;}
.josanshiItem.babyItem .itemGlid.last{ border:none; padding-bottom:0px; }


.josanshiItemhead{
	background: #FDF3F6;
	margin-bottom:10px;
	padding: 25px;
}


.josanshiItemhead h3{
	clear:both;
}

.josanshiItemhead .headItemblock{
	float:left;
}

.josanshiItemhead .headItemblock h4{
	margin: 20px 0 8px;
}

.josanshiItemhead li{
	float:left;
}


.josanshiItemhead .headItemblock.cate01.item2 ul{

	overflow:hidden;
}


.josanshiItemhead .headItemblock.cate01.item2 li{
	margin-right: 20px;
}



.josanshiItemhead .headItemblock.cate01.item1 li{
	margin-right: 15px;
}

.josanshiItemhead .headItemblock.cate02{ margin-bottom:30px;}
.josanshiItemhead .headItemblock.cate02 li{
	margin: 0 14px 14px 0;
}

/*
.josanshiItemhead .headItemblock.cate03 ul{
	width:700px;
}
*/

.josanshiItemhead .headItemblock.cate03 li{
	margin: 0 14px 0 0;
}

.josanshiItemhead .headItemblock.item2 li.last,
.josanshiItemhead .headItemblock li.last{
	margin-right: 0;
}



.josanshiItemhead dt,.josanshiItemhead dd{
	position:absolute;
}


.josanshiItemhead .title01{left: 33px;	top: 24px;}
.josanshiItemhead .title02{left: 366px; top: 24px;}
.josanshiItemhead .title03{left: 42px;	top: 237px;}
.josanshiItemhead .title04{left: 171px; top: 231px;}
.josanshiItemhead .title05{left: 411px; top: 237px;}


.josanshiItemhead .item01{left: 29px;top: 50px;}
.josanshiItemhead .item02{left: 182px;top: 50px;}
.josanshiItemhead .item03{left: 323px;top: 50px;}
.josanshiItemhead .item04{left: 464px;top: 50px;}
.josanshiItemhead .item05{left: 605px;top: 50px;}
.josanshiItemhead .item06{left: 29px;top: 264px;}
.josanshiItemhead .item07{left: 174px;top: 264px;}
.josanshiItemhead .item08{left: 343px;top: 264px;}
.josanshiItemhead .item09{left: 462px;top: 264px;}
.josanshiItemhead .item10{left: 589px;top: 264px;}








@media screen and (max-width: 738px) {


.josanshi{ display: none;} 

.josanshiItemhead{padding: 0 10px 15px;}

.josanshiItemhead .headItemblock{float:none; }

.josanshiItemhead .headItemblock li img{ width:100%; height: auto;}

.josanshiItemhead .headItemblock h4 { height:18px; clear:both;}
.josanshiItemhead .headItemblock h4 img{  width:auto; height: 100%;}

.headItemblock.cate01.item1 li{ margin: 0 0 20px; width:100%; }
.headItemblock.cate01.item2 li{ margin: 0 1% ; width:48%; float:left; }
.josanshiItemhead .headItemblock.cate01.item2 li{
	margin-right: 1%;
}

.josanshiItemhead .headItemblock.cate01.item2 ul{ width:auto;}



.josanshiItemhead .headItemblock.cate02{ margin-bottom:15px;}
.josanshiItemhead .headItemblock.cate02 li,
.josanshiItemhead .headItemblock.cate03 li{ margin: 0 1% 10px; width:48%; float:left; }


.josanshiItem{ width:100%; margin: 0 auto ; padding:0;
	background:#FFFFFF;
	border:none;
	border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;
	text-align:left;
	line-height:1.4;
}

.itemGlid{ width:94%; margin:0 auto 15px;}
.josanshiItem h2{ margin-bottom:10px; background:url(../images/sp/h2icon.jpg) no-repeat 0 center; padding: 12px 0 12px 40px; border-bottom: #FF73AF solid 2px; }
.josanshiItem .specArea{ width: 100%; float:none; color:#333333;}

.josanshiItem .itemImage{ width: 60%; float:none; padding: 0 0 15px ; text-align:center; margin: 20px auto 0;}
.josanshiItem.babyItem .itemImage img{ width:100%; height:auto ;}

.josanshiItem .read{ background:none; padding:0;  margin-bottom:20px; line-height: 1.4;}
.josanshiItem .read br{ display:none;}
.josanshiItem .read br.brank{ display:block;}
.josanshiItemhead h3,
.josanshiItem .specArea h3{ display:block; background:#F8CEDA;
	border-radius: 14px;-webkit-border-radius: 14px; -moz-border-radius: 14px;
	padding: 5px 0 5px 16px; margin-bottom:10px; color:#660000;

}
.josanshiItem .specArea h4{ color:#FB006A; margin-bottom:5px;}
.josanshiItem .specArea p{ margin-bottom:10px;}

.josanshiItem ul.special{ background:none; padding:0; margin: 0 0 20px;}
.josanshiItem ul.special li{background:url(../images/list.jpg) no-repeat 0 0.3em ; padding-left:16px; margin-bottom:4px;}
.josanshiItem ul.special li.notice{ background:none; font-size: 86%; margin-top:15px;}
.josanshiItem .subItem{ float:none; padding:0 0 0 20px; }
.josanshiItem .btn{ float:none;  clear:both; margin-top:30px;}
.josanshiItem .btn a{ padding: 12px;}

.josanshiItem .subIcon{ display:block; margin-bottom:10px;}
.josanshiItem .subIcon li{ height:20px;}
.josanshiItem .subIcon li img{ height:100%; width:auto;}

.closeBtn{cursor:pointer;}
.colorBoxCloseHead{ display: block; background: #FF7AAE; padding:5px 0; text-align:right;}
.colorBoxCloseHead p{ margin:0 8px 0 0; }

.josanshiItem #babyHead{ display: none;}
.josanshiItem.babyItem ul.special{  padding:0px; }

.josanshiItem.babyItem ul.special{background:none; padding:0; margin: 0 0 20px; }
.josanshiItem.babyItem .itemGlid{ width:94%; margin:0 auto 15px; padding:0;  border:none;}
.josanshiItem.babyItem .specArea{ width: 100%;  }
.josanshiItem.babyItem .btn{ float:none; padding: 0; margin-top:30px; }
.josanshiItem.babyItem .itemImage{  padding: 0  0 15px ; width:60%; height:auto; margin: 20px auto 0;}
.josanshiItem.babyItem .itemImage img{ width:100%; height:auto ;}

.josanshiItem.babyItem ul.special li{ background-image:url(../images/list.jpg) ; }




.josanshiItem.item_mgy601 .itemImage {padding: 0 0 15px;  width:100%; margin:0;}
.josanshiItem.item_mgy601 .itemImage li{ width:80%; float:none; margin: 0 auto 40px; }
.josanshiItem.item_mgy601 .itemImage li.last{margin: 0 auto 0;}
.josanshiItem.item_mgy601 .itemImage li p{ margin: 15px 0 0;}



/*.colorBoxCloseFoot{ display: table; width:100%; height:30px; border-top: #FF7AAE solid 2px;  text-align:center; background:#FFCCCC; vertical-align:middle;}*/


}