#homepage {
	width:745px;
	margin: 0px;
}

#homepage a:link    {color: #666; text-decoration: none;}

#homepage a:hover  {color: #B7410E; text-decoration: underline;}




/* ------------------------------------- 
 *　中央上部
 * ------------------------------------- */

h1#hpheadline {
	width:745px;
	height:18px;
	margin:0 0 3px 0;
	padding:0;
}

#hptop {
	clear:both;
	width:100%;
	height:375px;
	*height:400px;
}


#hpmdtop {
	width:550px;
	float:left;
	margin-right:10px;
	padding: 0;
	height: 550px;
	}

*html #hpmdtop {
	width:495px;
	float:left;
	margin-right:5px;
	padding: 0;
	height: 550px;
	}



#hpmdtop #news{
	width:540px;
	float:left;
	height: 250px;
	margin:10px 10px 0 0;
	display: inline;
	}

*html #hpmdtop #news{
	width:495px;
	float:left;
	height: 250px;
	margin:10px 5px 0 0;
	display: inline;
	}


#hpmdtop #title {
	width:540px;
	height:28px;
	clear:both;
	text-align:left;
}

*html #hpmdtop #title {
	width:495px;
	height:28px;
	clear:both;
	text-align:left;
}


#hpmdtop #news li{
	list-style-type:none;

}
	
#hpmdtop #news li{
	width:545px;
	padding: 0px 0 4px 28px;
	margin:4px 0 0 0;
	background: url(https://otoya.sub.jp/site_img/hp/26x10-homemx.gif) no-repeat;
	background-position:0px 4px;
	line-height:14px;
	}	

*html #hpmdtop #news li{
	width:495px;
	padding: 0px 0 4px 28px;
	margin:4px 0 0 0;
	background: url(https://otoya.sub.jp/site_img/hp/26x10-homemx.gif) no-repeat;
	background-position:0px 4px;
	line-height:14px;
	}	


/* ------------------------------------- 
 *　中央イメージメニュー
 * ------------------------------------- */

#flash {
	width:545px;
	height:280px;
	border: 1px solid #BCD6EE;
}


#image-navigation img {
  border:0;
  vertical-align:bottom;
}
#image-navigation ul,
#image-navigation li {
  margin:0;
  padding:0;
  list-style:none;
}
#image-navigation ul li a {
  display:block;
  width:180px;
  height:70px;
}
#image-navigation .navi {
  float:left;
}
#image-navigation .navi-image {
  float:left;
}


#image-navigation {width:545px; height:280px;}
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }


/* ------------------------------------- 
 *　右オススメエリア
 * ------------------------------------- */

#osusume {
	width:180px;
	float:left;
	margin: 0px;
	padding: 0px;
	}

#osusume #title {
	width:180px;
	height:24px;
	clear:both;
}

#osusume .box{
	height: 284px;
	width: 180px;
	border: 1px solid #BCD6EE;
	padding:6px 0px 6px 6px;
}

#osusume ul {
	list-style-type:none;

}

#osusume li { float:left;}


#osusume .osusumePhoto {
	width:80px;
	height:62px;
}

#osusume .osusumeText {
	font-size: 12px;
	line-height: 16px;
	height: 33px;
	width: 90px;
	padding:3px 0 0 3px;
}


#osusume a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}

#osusume .box .line {
	background: url(https://otoya.sub.jp/site_img/hp/1px-dt.gif) repeat-x;
	margin:4px 0;
	height:3px;
	width: 95%;
	clear:both
}

#osusume .box .line hr {
	display:none;
}


/* ------------------------------------- 
 *　ジャンル別ミニ画像
 * ------------------------------------- */

#GandMore {
	position:relative;
	top:-65px;
	width:740px;
	height:350px;
	clear:both;
	margin:0 0 20px 0;
	*margin:0 0 3px 0;
}


#genremini {
	float:left;
	width:340px;
	height:350px;
}

#genremini #title {
	width:100%;
	height:28px;
	clear:both;
	text-align:left;
}

#genremini li {
	list-style-type:none;
	width:70px;
	height:70px;
	float:left;
	margin:5px 5px 5px 5px;
	padding:0;
}

#genremini li a{
	display:block;
	width:70px;
	height:70px;
}

#genremini li a:hover{ 
	opacity:0.7;
	filter: alpha(opacity=70);
}


/* ------------------------------------- 
 *　価格別新商品
 * ------------------------------------- */

#newbyPrice {
	width:370px;
	float:left;
	height:260px;
	margin:0 0 0 16px;
	*margin:0 0 0 3px;
	}

#GandMore #title {
	width:100%;
	height:28px;
	clear:both;
	text-align:left;
}


#newbyPrice ul {
	margin-bottom:20px;
}

#newbyPrice li {
	list-style-type:none;
	width:370px;
	padding: 0px 0 4px 25px;
	margin:4px 0 0 0;
	background: url(https://otoya.sub.jp/site_img/hp/26x10-homemx.gif) no-repeat;
	background-position:2px 5px;
	}





/* ------------------------------------- 
 *　Otoyaのサービス
 * ------------------------------------- */

#services {
	position:relative;
	top:-100px;
	width:760px;
	height:298px;
	margin:0;
	padding:0;
}

#cubes4 {
	float:left;
	width:285px;
	height:303px;
	margin:0;
	padding:0;
	*width:270px;
}

#cubes4 .title {
	clear:both;
	width:285px;
	height:28px;
	margin-bottom:5px;
	padding:0;
	display: inline;
	*width:270px;
}

#cubes4 li {
	list-style-type:none;
	float:left;
	width:120px;
	height:120px;
	margin:0 22px 15px 0;
	display: inline;
	*margin:0 10px 15px 0;
}

#cubes4 li a{
	display:block;
	width:120px;
	height:120px;
}

#cubes4 li a:hover{ 
	opacity:0.7;
	filter: alpha(opacity=70);
}

#otoyano {
	width:180px;
	height:288px;
	margin:0;
	padding-top:33px;
	float:left;
}

#cubes4r {
	float:left;
	width:285px;
	height:303px;
	*width:270px;
}

#cubes4r .title {
	clear:both;
	width:285px;
	height:28px;
	margin-bottom:5px;
	padding-left:22px;
	display: inline;
	*width:250px;
}


#cubes4r li {
	list-style-type:none;
	float:left;
	width:120px;
	height:120px;
	margin:0 0 15px 22px;
	display: inline;
	*margin:0 0 15px 10px;
}

#cubes4r li a{
	display:block;
	width:120px;
	height:120px;
}

#cubes4r li a:hover{ 
	opacity:0.7;
	filter: alpha(opacity=70);
}


/* ------------------------------------- 
 *　上のバナーエリア
 * ------------------------------------- */
#ue-bannerarea {
	width:760px;
	position:relative;
	top:-120px;
	margin:0;
	padding:0;
}

.ue-hpbanner {
	float:left;
	width:244px;
	height:120px;
	margin:0 0 5px 0;
	padding:0;
}

.ue-hpbanner img {
	margin-bottom:0;
}

.ue-hpbanner a{
	display:block;
	width:244px;
	height:120px;
}

.ue-hpbanner a:hover img { 
	opacity:0.7;
	filter: alpha(opacity=70);
}

.ue-hpbanner2 a{
	display:block;
	width:240px;
	height:120px;
}

.ue-hpbanner2 {
	float:left;
	width:244px;
	height:120px;
	margin:0 8px 5px 8px;
	padding:0;
	display: inline;
}

.ue-hpbanner2 a:hover img { 
	opacity:0.7;
	filter: alpha(opacity=70);
}


.ue-hpbanner3 a{
	display:block;
	width:240px;
	height:120px;
}

.ue-hpbanner3 {
	float:left;
	width:244px;
	height:120px;
	margin:0 0 5px 0;
	padding:0;
	display: inline;
}

.ue-hpbanner3 a:hover img { 
	opacity:0.7;
	filter: alpha(opacity=70);
}



/* ------------------------------------- 
 *　出産内祝いを選ぶ（201512リニューアル）
 * ------------------------------------- */
 
#baby-area {
	MARGIN-TOP: 8px; BACKGROUND: url(https://otoya.sub.jp/site_img/hp/745x1_baby_base_03.gif) repeat-y; 
	WIDTH: 745px;
	height:auto;
	position:relative;
	top:-100px;
}


#baby-area h2.title {
	BACKGROUND: url(https://otoya.sub.jp/site_img/hp/745x53_baby_base_01.gif) no-repeat left top; HEIGHT: 53px;
}

#baby-area .bottom {
	height:6px;
	background:url(https://otoya.sub.jp/site_img/hp/745x40_baby_base_04.gif) no-repeat;
	background-position:left bottom;
	position:relative;
	clear:both;
}

#marrige-area {
	MARGIN-TOP: 35px; BACKGROUND: url(https://otoya.sub.jp/site_img/hp/745x1_baby_base_03.gif) repeat-y; 
	WIDTH: 745px;
	height:auto;
	position:relative;
	top:-100px;
}


#marrige-area h2.title {
	BACKGROUND: url(https://otoya.sub.jp/site_img/hp/745x53_wedding_base_01.gif) no-repeat left top; HEIGHT: 53px;
}

#marrige-area .bottom {
	height:6px;
	background:url(https://otoya.sub.jp/site_img/hp/745x40_baby_base_04.gif) no-repeat;
	background-position:left bottom;
	position:relative;
	clear:both;
}



h3.hp-rank-title {
	margin:10px 0 0 12px;
}

.hp-rank-box {
	margin:0 0 20px 12px;
	clear:both;
}


#ViewArea{
	background-color:#edeeee;
	padding-top:10px;
	width:620px;
	height:130px;
	float:left;
	z-index:1;
	overflow:hidden;
}

#ScrollArea,#ScrollArea2 {
	width:620px;
	background-color:#edeeee;
	position:relative;
	z-index:2;
}

#ScrollArea ul,#ScrollArea2 ul {
	padding-left:40px;
}

#ScrollArea li,#ScrollArea2 li{
	width:115px;
	float:left;
	position:relative;
	padding:10px 10px;
	text-align:center;
	list-style:none;
}
#ScrollArea p,#ScrollArea2 p {
	font-size:12px;
	padding:2px 0px 0px 0px;
}

#Leftbtn,#Leftbtn2{
	width:50px;
	height:140px;
	overflow:hidden;
	float:left;
	z-index:1;
	background-color:#edeeee;
	background-image:url(https://otoya.sub.jp/site_img/hp/30x30_ranking-arrow-left.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#Leftbtn:hover{
	background-color:#edeeee;
	background-repeat:no-repeat;
}

#Leftbtn2:hover{
	background-color:#edeeee;
	background-repeat:no-repeat;
}

#Rightbtn,#Rightbtn2{
	width:50px;
	height:140px;
	overflow:hidden;
	float:left;
	z-index:1;
	background-color:#edeeee;
	background-image:url(https://otoya.sub.jp/site_img/hp/30x30_ranking-arrow-right.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#Rightbtn:hover{
	z-index:1;
	background-color:#edeeee;
	background-repeat:no-repeat;
}

#Rightbtn2:hover{
	z-index:1;
	background-color:#edeeee;
	background-repeat:no-repeat;
}

.sinchaku {
	float:left;
	width:235px;
	height:235px;
	margin:20px 0 30px 12px;
}

.sinchaku .list {
	margin-top:5px;
	width:233px;
	height:auto;
	/* border:1px #B2B2B2 solid; */
}

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

.sinchaku ul {
	list-style-type:none;
}

.sinchaku li {
	list-style-type:none;
	float:left;
	width:87px;
	height:87px;
	text-align:center;
	margin:0 0 20px 15px;
}

.teiban {
	float:left;
	width:235px;
	height:235px;
	margin:20px 0 30px 7px;
}

.sagasu {
	float:left;
	width:235px;
	height:235px;
	margin:20px 0 30px 7px;
}

#baby-area a:hover img { 
	opacity:0.7;
	filter: alpha(opacity=70);
}

#marrige-area a:hover img { 
	opacity:0.7;
	filter: alpha(opacity=70);
}


/* ------------------------------------- 
 *　ブランドバナー
 * ------------------------------------- */

#brands {
	WIDTH: 760px;
	height:260px;
	position:relative;
	top:-60px;
	overflow:hidden;
}

#brands ul {
	margin-top:10px;
}

#brands li {
	list-style-type:none;
	margin:0 6px 10px 0;
	float:left;
}

#brands li a:hover img { 
	opacity:0.7;
	filter: alpha(opacity=70);
}