@charset "UTF-8";

body	{margin: 0;
	     font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
		 background-color: #ffffff}

.header, .main, .footer {background-color: #FFFFFF}

/* ヘッダー */
.header-waku {background-image:url(../img/topkate2.png);
			  background-size:cover;
			  background-repeat: no-repeat;}

.header-waku h1 {margin:0}

.header-waku img {display: block;
	         margin: 0 auto;
	         padding: 0;
			 max-width:100%;
			 max-height:auto;
			 border:none}


/* ヘッダー下ナビ */
.nav {background-color: #0033ff}

.menu ul {margin: 0;
		  padding: 0;
		  list-style: none}
		  
.menu li a {display: block;
			padding: 5px 5px;
			color: #ffffff;
			font-size: 14px;
			text-decoration: none;
			text-align: center;
			border-right:1px solid #ffffff}
			

.menu li:last-child a{border-right: none}			
			
.menu li a:hover {background-color: #0066ff}

.menu ul:after {content: "";
				display: block;
				clear: both}

.menu li	{float: left;
			 width: 12.5%}
/* 文字 */
.aka1 {font-size:14px;
	   font-weight:bold;
	   color:#FF0000;}
	   
.aka2 {font-weight:bold;
	   color:#FF0000;}
	   
.aka3 {text-decoration: underline;
	   font-weight:bold;
	   color:#FF0000;}	   
	   
.aka4 {color:#FF0000;
	   text-decoration: underline;}
	   
.aka5 {color:#FF0000;}
	   
.aomoji1 {font-weight:bold;
	   	  color:#0033ff;}
		  
.futo {font-weight:bold;}

.aka {color:#FF0000;}

/* 何でもテディベア */
.mida  {font-size: 30px;
	    border-left: solid 20px #0033ff;
	    padding-left: 20px;
	    margin-top:20px;
	    margin-bottom:20px}
	   
.midaher {font-size: 30px;
	   	  border-left: solid 20px #00A659;
	   	  padding-left: 20px;
	   	  margin-top:20px;
	   	  margin-bottom:20px}
		  
.midako  {font-size: 30px;
	   	  border-left: solid 20px #FFCC00;
	   	  padding-left: 20px;
	   	  margin-top:20px;
	   	  margin-bottom:20px}		  	   
	   
.store1 {border: solid 1px #ff9900;
	     margin-top:20px;
	     margin-right:10px}	   

.store2 {background:#ff9900;
	   	 color:#FFFFFF;
	   	 padding:5px;
	   	 font-size:16px}
		 
.store3 {padding:10px;
	   	 font-size:14px;
	   	 line-height:1.8}
		 	   
.stao1 {border: solid 1px #0033ff;
		margin-top:20px;
	    margin-right:10px}

.stao2 {background:#0033ff;
	   	color:#FFFFFF;
	   	padding:5px;
	    font-size:16px}
		 
.stao3, .stao4, .stao5 {padding:10px;
	   					font-size:14px;
	   					line-height:1.8}

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

.stao5 img {float:left;
			padding-right:10px;}
			
.stao6 {border-top: solid 1px #0033ff;}

.stao7 {padding:10px}

.stao7 td {vertical-align:top;
		   padding:0px 10px;
		   font-size:14px}
		   
.stao7 img {display: block;
 			margin-left: auto;
 			margin-right: auto;}
			
.stao8 {border: solid 1px #0033ff;
		margin-top:20px;
	    margin-right:10px;
		padding:0 5px}
		
.stao9 {border: solid 1px #0033ff;
		margin-top:20px;
	    margin-right:10px;
		margin-bottom:20px}		
					   
.stpi1 {border: solid 1px #FF99FF;
		padding:10px}
		
.stpi2 {border: solid 1px #FF99FF;
		margin-top:15px}		
				
.stpi3 {background:#FF99FF;
	    color:#FFFFFF;
	  	padding:3px;
	   	font-size:14px}
		 
.stpi4 {padding:5px;
	   	font-size:14px;
	   	line-height:1.8}
		
.stpi4 a {color: #0033ff;}

.stpi4 a:hover {color: #FF0000;}	  
		

.stpi5 {padding:5px;
	   	font-size:14px;
	   	line-height:1.8;
		min-height:210px}

.stpi5 img {float:left;
			padding-right:10px;}
			
.stpi6 {padding:5px;
		font-size:14px}

.stpi6:after	{content: "";
	             display: block;
	             clear: both}
				 
.kijihyo {float: left;
	      width: 33.3333%;
		  text-align:center;
		  margin-top:10px;
		  font-size:12px}
		  
.stpi7 {border: solid 1px #FF99FF;
		margin:10px}
		
.stpi8 {border-top: solid 1px #FF99FF;}

.stpi9 {padding:10px;
	   	font-size:14px;
	   	line-height:1.8;
		text-align:center}			

.shurui {padding-top:10px;
		 padding-bottom:10px;
		 padding-left:10px}

.shurui1, .shurui2, .shurui3, .shurui4 {border: solid 1px #FF99FF}
		   
.shurui1 h3, .shurui2 h3, .shurui3 h3, .shurui4 h3 {font-size:14px;
						 							background-color:#FF99FF;
						 							color:#FFFFFF;
						 							margin:0;
													padding:2px;
													border-bottom: solid 1px #FF99FF;
						 							font-weight: normal;
						 							text-align:center}

.shurui1 p, .shurui2 p, .shurui3 p, .shurui4 p {font-size:14px;
		   			   							line-height: 1.8;
		   			   							margin-top:5px;
		   			  							margin-top:5px;		   
		   			   							padding-right:5px;
		   			   							padding-left:5px}
					   
.shurui3 img {float:left;
			  padding:5px 5px;}
			  
.shurui3 {min-height:240px}

.shurui5 {padding:10px}			  
					   
.baby {margin-top:10px;
	   margin-right:10px;
	   margin-bottom:20px}
	   
.baby table{border-spacing: 0;
			border-collapse: collapse;
			border: solid 1px #0033FF;}

.baby th {background-color: #0033FF;
		  font-size: 14px;
	  	  color: #ffffff;
	  	  font-weight: bold;
	 	  padding: 3px 5px;
		  text-align:left;}
			 
.baby td {border: solid 1px #0033FF;
		  padding:5px;
		  font-size:14px;
		  line-height:2.0}
		  
.rogo, .rogoher, .rogoko {text-align:center;
	   			 		  margin-right:10px}
	   
.rogo img, .rogoher img, .rogoko img {margin-right:40px}

.stmi1 {border: solid 1px #00A659;
		margin-top:20px;
	    margin-right:10px;
		margin-bottom:20px}		
	   		  
.stmi2 {background:#00A659;
	   	color:#FFFFFF;
	   	padding:5px;
	    font-size:16px}
		 
.stmi3 {padding:10px;
	   	font-size:14px;
	   	line-height:1.8}
		
.stmi3 img {float:right;
			padding-left:10px;}
			
.stko1 {border: solid 1px #FFCC00;
		margin-top:20px;
	    margin-right:10px;
		margin-bottom:20px}		
	   		  
.stko2 {background:#FFCC00;
	   	color:#FFFFFF;
	   	padding:5px;
	    font-size:16px}
		
.stko3 {padding:10px;
	   	font-size:14px;
	   	line-height:1.8}
		
.stko3 img {float:right;
			padding-left:10px;}
			
.stko4 img {padding-left:80px}

.stko5 img {padding-left:40px}		
		
			 
/* パンくずリスト */
.bread ol	{margin: 0;
			 padding: 0;
			 list-style: none}
			 
.bread span{display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 14px;}
			 

.bread li a	{display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.bread li a:hover	{background-color: #eeeeee}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}
			 
/* サイド画像 */
.side-pick1 {margin-top: 10px;
		     margin-left: 10px}
			 
.side-pick1 img {width:100%;
				 height: auto;
				 border:none;
				 display: block;
	             margin: 0 auto;
	             padding: 0;}						 
			 
/* サイドナビ */
.sidenav h2 {margin:0}

.sidenav1 {margin-top: 20px;
		   margin-left: 10px;
		   border: solid 1px #FF66CC}

.sidenav1 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav1 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #FF66CC}
				   
.sidenav1 li a:hover	{background-color: #FFA2FF;
						 color: #ffffff}

.sidenav1 li:last-child {border-bottom: none}

.sidenav1 i {margin-right: 5px}

.sidenav1 img{display: block;
	         margin: 0 auto;
	         padding: 0;
			 width:100%;
			 height:auto}

#dai1 {background-color: #FF66CC;
       border-bottom: solid 1px #FF66CC;}
	   
#dai1s {margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		font-size:12px;
		font-weight: bold}
		
.akadai {font-size:14px;
				color:#FF0000}		
		
.sidenav2 {margin-top: 10px;
		   margin-left: 10px;
		   border: solid 1px #ff9900}

.sidenav2 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav2 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #ff9900}
				   
.sidenav2 li a:hover	{background-color: #FFBD5B;
						 color: #ffffff}

.sidenav2 li:last-child a{border-bottom: none}

.sidenav2 li:nth-last-child(10) a{border-bottom: solid 1px #ff9900}

.sidenav2 li:nth-last-child(12) a{border-bottom: solid 1px #ff9900}

.sidenav2 i {margin-right: 5px}

.sidenav2 img{display: block;
	         margin: 0 auto;
	         padding: 0;
			 width:100%;
			 height:auto}

#dai2 {background-color: #ff9900;
      border-bottom: solid 1px #ff9900;
	  padding:3px 0;}
	  
#dai2s {background-color: #FFD28E;
	  border-bottom: solid 1px #ff9900;
	  font-size: 14px;
	  padding: 5px 5px}
	  
.sidenav2 span {font-size:12px}

.sidenav3 {margin-top: 10px;
		   margin-left: 10px;
		   border: solid 1px #339900}

.sidenav3 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav3 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #339900}
				   
.sidenav3 li a:hover	{background-color: #5FFF11;
						 color: #ffffff}

.sidenav3 li:last-child a{border-bottom: none}
	  
.sidenav3 i {margin-right: 5px}

.sidenav3 img{display: block;
	         margin: 0 auto;
	         padding: 0;
			 width:100%;
			 height:auto}

#dai3 {background-color: #339900;
      border-bottom: solid 1px #339900;
	  padding:3px 0;}
	  
.sidenav4 {margin-top: 10px;
		   margin-left: 10px;
		   border: solid 1px #ffcc00}

.sidenav4 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav4 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #ffcc00}
				   
.sidenav4 li a:hover	{background-color: #FFDF7D;
						 color: #ffffff}

.sidenav4 li:last-child a{border-bottom: none}
	  
.sidenav4 i {margin-right: 5px}

.sidenav4 img{display: block;
	         margin: 0 auto;
	         padding: 0;
			 width:100%;
			 height:auto}

#dai4 {background-color: #ffcc00;
      border-bottom: solid 1px #ffcc00;
	  padding:3px 0;}
	  
.sidenav5 {margin-top: 10px;
		   margin-left: 10px;
		   border: solid 1px #0033ff}

.sidenav5 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav5 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #0033ff}
				   
.sidenav5 li a:hover	{background-color: #4A6FFF;
						 color: #ffffff}

.sidenav5 li:last-child a{border-bottom: none}

.sidenav5 li:nth-last-child(n+10) a{border-bottom: none}

.sidenav5 li:nth-last-child(12) a{border-bottom: dashed 1px #0033ff}

.sidenav5 i {margin-right: 5px}

.sidenav5 img{display: block;
	         margin: 0 auto;
	         padding: 0;
			 width:100%;
			 height:auto}

#dai5 {background-color: #0033ff;
      border-bottom: solid 1px #0033ff;
	  padding:4px 0;}
	  
.sidenav5 span {font-size:12px}

.sidenav6 {margin-top: 10px;
		   margin-left: 10px;
		   border: solid 1px #0033ff}

.sidenav6 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			  
.sidenav6 li {margin-bottom:5px}

.sidenav6 img{display: block;
	         margin: 0 auto;
	         padding: 0;
			 width:100%;
			 height:auto}

.sidenav7 {margin-top: 10px;
		   margin-left: 10px;
		   border: solid 1px #6282FF}

.sidenav7 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav7 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #6282FF}
				   
.sidenav7 li a:hover	{background-color: #BFCCFF;
						 color: #ffffff}

.sidenav7 li:last-child a{border-bottom: none}

.sidenav7 li:nth-last-child(3) a{border-bottom: solid 1px #6282FF}

.sidenav7 li:nth-last-child(5) a{border-bottom: solid 1px #6282FF}

.sidenav7 li:nth-last-child(9) a{border-bottom: solid 1px #6282FF}

.sidenav7 i {margin-right: 5px}

.sidenav7 img{display: block;
	         margin: 0 auto;
	         padding: 0;
			 width:100%;
			 height:auto}

#dai7 {background-color: #6282FF;
      border-bottom: solid 1px #6282FF;
	  padding:3px 0;}
	  
#dai7s {background-color: #A4B6FF;
	  border-bottom: solid 1px #6282FF;
	  font-size: 14px;
	  padding: 5px 5px}
	  
.sidenav7 span {font-size:12px}
	  
	  
/* 使用メーカー */
.meka {margin-top:10px;
       margin-left: 10px}

.meka h3 {margin:0}

.meka i {margin-right: 5px}

.meka img {display: block;
	       margin: 5px 0;
	       padding: 0;
		   border:none;
		   max-width:140px;
		   height:auto}
	  
#dai8 {background-color: #FF6666;
	  font-size: 14px;
	  color: #ffffff;
	  font-weight: bold;
	  padding: 3px 5px;
	  margin-bottom: 5px;}
	  		   			
/* フッター */
.info {margin-left:10px;
	   margin-right:10px}

.info-1 img {width:100%;
			 height:auto}
		   
.aowaku, .aowaku-2 {border: solid 1px #3366ff}

.aowaku ul, .aowaku-2 ul {margin: 0;
		    padding: 0;
		    list-style: none}
			
.aowaku img{display: block;
	        margin: 0 auto;
	        padding: 0;
			width:100%;
			height:auto}
			 
.aowaku p, .aowaku-2 p{margin:5px;
	      font-size:12px;
		  font-weight: bold}
		  
.aowaku a, .aowaku-2 a{color:#3366ff;}

.aowaku a:visited, .aowaku-2 a:visited {color:#3366ff;}

.aowaku a:hover, .aowaku-2 a:hover {color: #FF0000;}			  
		   
#dai11 {background-color: #3366ff;
		color:#ffffff;
		text-align:center}
		
.orenji {border: solid 1px #ff6600;
		 margin-top:10px}

.orenji ul {margin: 0;
		    padding: 0;
		    list-style: none}
			
.orenji img{display: block;
	        margin: 0 auto;
	        padding: 0;
			width:100%;
			height:auto}
			 
.orenji p{margin:5px;
	      font-size:12px;
		  font-weight: bold}
		  
.orenji a {color:#3366ff;}

.orenji a:visited {color:#3366ff;}

.orenji a:hover {color: #FF0000;}

.oresen {display:block;
		 text-align:center}			  
		   
#dai12 {background-color: #ff6600;
		color:#ffffff;
		text-align:center}
		
.ore {color:#ff6600;}

.migi {float:right;
	   margin-right:5px;
	   margin-left:5px}
	   
.footer {margin: 0;
         font-size: 14px;
         color:#666666;
         text-align: center}	
		 
.right-main {margin-top:20px;}
			 
/* ########### 599px以下 ########### */
@media (max-width: 599px)  {
/* ヘッダー下ナビ３行バージョン */
.menu li	{width: 50%;
		     border-bottom: 1px solid #ffffff;}
			 
.menu li a {font-size: 12px}

.sidenav1 img, .side-pick1 img, .sidenav2 img, .sidenav3 img, .sidenav4 img, .sidenav5 img, .sidenav6 img, .sidenav7 img {width:60%}			 
			 
.sidenav {margin-right:10px}

.meka {float: left;
	   width: 47%;
	   margin-top:5px}
		 	   
.aowaku-2 {margin-top:10px}
	   
.right1 img {width:80%}

#dai9 img{width:80%}

.bread span{font-size: 12px;}
			 
.bread li a	{font-size: 12px;}

.tw{display:none}

.shurui1, .shurui2	{margin-right: 5px;
	         		 -moz-box-sizing: border-box;
	         		 -webkit-box-sizing: border-box;
	         		 box-sizing: border-box}
					 
.stpi9 img {width:80%}

.right-main {margin-left:10px}
  	 
.mida, .midako {font-size: 20px;
	   padding-left: 10px;
	   margin-top:10px;
	   margin-bottom:10px}
	   
.midaher {font-size: 16px;
	   	  padding-left: 10px;
	   	  margin-top:10px;
	   	  margin-bottom:10px}
	   
	   
.store2, .store3, .stao2, .stao3, .stao4, .stao5, .stpi1, .stpi3, .stpi4, .stpi5, .stpi6, .stpi9, .shurui1 h3, .shurui1 p, .shurui2 h3, .shurui2 p, .shurui3 h3, .shurui3 p, .shurui4 h3, .shurui4 p, .baby th, .baby td, .stao7 td, .stmi2, .stmi3, .stko2, .stko3 {font-size:12px}

.kijihyo {font-size:10px}

.kijihyo img {width:80%}

.stao7 td {display:block}

.rogo img {margin-right:10px;
		   height:70px}
		   
.rogoher img {margin-right:10px;
		  	  height:50px}
			  
.rogoko img {margin-right:10px;
		  	  height:50px}			  
			  
.stpi5 img, .shurui3 img {display: block;
 						  margin-left: auto;
 						  margin-right: auto;
						  float:none;}
						  
.stko3 img {float:none;
			padding:0px;
			display: block;}						  
						  						  
.stko4 img {padding-left:30px;
			width:80%}

.stko5 img {padding-left:30px;
			width:80%}								  
						  						  			  				   			
}

/* ########### 600px 以上～ 767px 以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {
.menu li a {font-size: 10px;}

.main {margin-left:10px}

.sidenav1 img, .side-pick1 img, .sidenav2 img, .sidenav3 img, .sidenav4 img, .sidenav5 img, .sidenav6 img, .sidenav7 img {width:60%}			 
			 
.sidenav {margin-right:10px}

.meka {float: left;
	   width: 48%;
	   margin-top:5px}
	   
.aowaku-2 {margin-top:10px}

.right1 img {width:70%}

#dai9 img{width:70%}

.tw{display:none}

.shurui:after	{content: "";
	             display: block;
	             clear: both}

.shurui1 {float: left;
	      width: 49%;
		  margin-bottom:5px;
		  height:180px}
		   
.shurui2 {float: left;
	      width: 49%;
		  margin-bottom:5px;
		  height:140px}
		   
.shurui1, .shurui2	{margin-right: 5px;
	         		 -moz-box-sizing: border-box;
	         		 -webkit-box-sizing: border-box;
	         		 box-sizing: border-box}

.stao7 td {font-size:14px}

.stao7 img {width:160px;
			height:auto}
			
.rogo img, .rogoher img, .rogoko img {margin-right:20px;
		   							  height:100px}
		   		   
.stko4 img {padding-left:15px}

.stko5 img {padding-left:15px;
			height:170px}		
		   			
 	 
}

/* ########### 767px以下 ########### */
@media (max-width: 767px)  {
.right1 p, .right2 p, .right3 p, #dai1s, .aowaku p, .orenji p, .aowaku-2 p{font-weight: normal;
																		   line-height:1.5}

}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* メイン　横に並べる設定 */
.main:after	{content: "";
	         display: block;
	         clear: both}

.right-main	{float: right;
	     width: 77%}

.sidenav	{float: left;
	         width: 23%}
			 
.footer 	{width: 100%;
			 border-top: solid 1px #3366ff;}
			 
.main {padding-bottom: 10px}

/* サイド余白を含める */
.sidenav	{padding-right: 20px;
	         -moz-box-sizing: border-box;
	         -webkit-box-sizing: border-box;
	         box-sizing: border-box}
			 
/* 中左右 */			 
.naka:after	{content: "";
	         display: block;
	         clear: both}
			 
.nakaleft {float: left;
	       width: 74%}
	  
.nakaright {float: right;
	        width: 26%}		
					   
/* サイド余白を含める */
.nakaleft	{padding-right: 5px;
	         -moz-box-sizing: border-box;
	         -webkit-box-sizing: border-box;
	         box-sizing: border-box}
			 
/* フッター */
.info:after {content: "";
	           display: block;
	           clear: both}
			 
.info-left {float: left;
	          width: 50%}
	  
.info-right {float: right;
	           width: 50%}		
			 
/* サイド余白を含める */
.info-left, .info-right {padding-right: 20px;
	        -moz-box-sizing: border-box;
	        -webkit-box-sizing: border-box;
	        box-sizing: border-box}
			
.doruku {display:none}

.shurui:after	{content: "";
	             display: block;
	             clear: both}

.shurui1 {float: left;
	      width: 24%;
		  margin-bottom:5px;
		  height:250px}
		   
.shurui2 {float: left;
	      width: 24%;
		  margin-bottom:5px;
		  height:180px}
		   
.shurui1, .shurui2	{margin-right: 5px;
	         		 -moz-box-sizing: border-box;
	         		 -webkit-box-sizing: border-box;
	         		 box-sizing: border-box}
		   
.stao7 img {width:160px;
			height:auto}	   
				    			 						
			
}			 
			 			
/* ########### 960px以上 ########### */
@media (min-width: 960px) {
/* 全体の横幅を固定 */
.menu, .main, .fotter-inner
	{width: 960px;
	margin-left: auto;
	margin-right: auto;}	

}
		  
