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

/*base*/
body {
	background-color: #FD9613;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*text*/
a:link {
	color: #FF0033;
	text-decoration: underline;
}
a:visited {
	color: #FF0033;
	text-decoration: underline;
}
a:hover {
	color: #FF0033;
	text-decoration: underline;
}
a:active {
	color: #FF0033;
	text-decoration: underline;
}

/*------------index------------*/

#wrap{
	width:800px;
	margin:0 auto;
}

#sns{
	position:absolute;
	top:0;
	right:0;
	z-index:100;
}

#sns li{
	float:right;
	margin-right:10px;
}

#main_image{
	width:760px;
	height:438px;
	background-image:url(../img/slider_bg.png);
	background-repeat:no-repeat;
	background-position:45px 72px; 
	margin:10px auto 40px;
	position:relative;
	clear:both;
	z-index:20;
}

#logo{
	position:absolute;
	width:198px;
	height:198px;
	box-shadow:1px 2px 8px 1px #222;
	border-radius:99px;
	z-index:100;
}

#window_l{
	position:absolute;
	width:65px;
	height:360px;
	z-index:40;
	top:74px;
	left:40px;
}

#window_r{
	position:absolute;
	width:65px;
	height:360px;
	z-index:40;
	top:73px;
	right:38px;
}


#slider{
	width:640px;
	height:317px;
	margin:0 auto;
	position:absolute;
	z-index:-100;
	top:94px;
	left:63px;
}

/*------------contents------------*/
#contents{
	width:690px;
	height:654px;
	margin:0 auto 10px;
	background-image:url(../img/bg_stitchborder.png);
	position:relative;
}

/*news*/
#news{
	position:absolute;
	width:254px;
	height:555px;
	top:15px;
	left:10px;
	background-image:url(../img/news_ttl.gif);
	background-repeat:no-repeat;
	background-position:10px 140px;
}

#from_komachan{
	width:171px;
	height:105px;
	background-image:url(../img/topics_bg.png);
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:95px;
}

#from_komachan p{
	width:150px;
	text-align:left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
}

#from_komachan div{
	width:35px;
	height:13px;
	margin-top:10px;
	margin-left:100px;
}

#newsarea{
	position:absolute;
	top:170px;
}

/*banner*/
#bnr{
	position:absolute;
	top:585px;
	left:10px;
}

#bnr p{
	float:left;
	margin-left:10px;
}

/*about*/
#about{
	position:absolute;
	width:300px;
	height:110px;
	background-image:url(../img/about_bg.png);
	background-repeat:no-repeat;
	left:300px;
	top:7px;
	padding-left:125px;
}

#about p{
	float:left;
	margin-top:85px;
}

/*movie*/
#movie{
	position:absolute;
	width:500px;
	height:130px;
	background-image:url(../img/movie_bg.png);
	background-repeat:no-repeat;
	left:300px;
	top:120px;
}

#movie ul{
	margin-left:15px;
	margin-top:67px;
}

#movie li{
	float:left;
	margin-bottom:-5px;
}

/*orusuban*/
#orusuban{
	position:absolute;
	width:400px;
	height:102px;
	top:245px;
	left:285px;	
}

/*xmas*/
#xmas{
	position:absolute;
	width:400px;
	height:102px;
	top:358px;
	left:280px;	
}

/*otanoshimi*/
#otanoshimi{
	position:absolute;
	background-image:url(../img/otanoshimi_bg.png);
	background-repeat:no-repeat;
	background-position:0px -3px;
	width:205px;
	height:108px;
	top:460px;
	left:285px;
	padding-left:195px;
}

#otanoshimi p{
	float:left;
	margin-top:73px;
}

/*goods*/
#goods{
	position:absolute;
	width:400px;
	height:102px;
	top:563px;
	left:280px;
}

/*footer*/
#copyright{
	margin-bottom:10px;
}