.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

body {
width: 100%;
background: #fff;
}

/* wrapper */

/* #moti_ground_連番…配置しているモチのベース 
motitext_連番…餅についてるキャプション */

#wrapper_moti {
	position: relative;
	background: #FFF;
}

#contents {
	width: 980px;
	height: 580px;
	padding: 10px 0;
	margin: 0 auto;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
}
#footer h1 {
	background: url(../img/title.png) no-repeat;
	text-indent: -9999px;
	width: 379px;
	height: 43px;
	margin-left: 50px;
	margin-bottom: 5px;
}
#footer #footer-body {
	width: 100%;
	height: 42px;
	background-color: #f6cf93;
	box-shadow: 0 0 4px #f6cf93;
	padding: 15px 20px 0px 20px;
}
#footer .left_sns {
	width: 320px;
	float: left;
	padding-left: 50px;	
}
#footer .left_sns li {
	float: left;
}
#footer .left_sns li.tw {
	width: 87px;
	margin-right: 20px;	
}
#footer .left_sns li.fb {
	width: 99px;
	margin-right: 20px;		
}
#footer .right_menu {
	float: right;
	padding-right: 50px;
}
#footer .right_menu li {
	float: left;
	margin-left: 10px;	
}
#footer .right_menu li.bord {
	background: url(../img/footer_menu_br.jpg) 0 1px no-repeat;
	padding-left: 14px;	
}



/*
#footer {
	width: 100%;
	padding-top: 25px;
}
#footer .left_sns {
	width: 320px;
	float: left;
	padding-left: 50px;	
}
#footer .left_sns li {
	float: left;
}
#footer .left_sns li.tw {
	width: 87px;
	margin-right: 20px;	
}
#footer .left_sns li.fb {
	width: 99px;
	margin-right: 20px;		
}
#footer .right_menu {
	width: 470px;
	float: right;
	padding-right: 50px;
}
#footer .right_menu li {
	float: left;
	margin-left: 10px;	
}
#footer .right_menu li.bord {
	background: url(../img/footer_menu_br.jpg) 0 1px no-repeat;
	padding-left: 14px;	
}
*/

/* moti_1 */
#wrapper_moti_1 #moti_1_ground {
	display: none;
}
#wrapper_moti_1 #moti_1_ground .moti_1_text {
	position: absolute;
	top: 255px;
	left: 430px;
	z-index: 1;
}
#wrapper_moti_1 #moti_1_ground .moti_1 {
	position: absolute;
	width: 220px;
	height: 220px;
	top: 253px;
	left: 523px;
}
#wrapper_moti_1 #moti_1_ground .motimoti_1_1 {
	position: absolute;
	top: 253px;
	left: 523px;
	display: none;
}

#wrapper_moti_1 #moti_2_ground {
	display: none;
}
#wrapper_moti_1 #moti_2_ground .moti_2_text {
	position: absolute;
	top: 265px;
	left: 625px;
	z-index:1;
}
#wrapper_moti_1 #moti_2_ground .moti_2 {
	position: absolute;
	top: 253px;
	left: 523px;
}
#wrapper_moti_1 #moti_3_ground{
	display: none;
}
#wrapper_moti_1 #moti_3_ground .moti_3_text {
	position: absolute;
	top: 215px;
	left: 430px;
	z-index:1;
}
#wrapper_moti_1 #moti_3_ground .moti_3 {
	position: absolute;
	/*top: 215px;*/
	left: 525px;
}
#wrapper_moti_1 #moti_4_ground {
	display: none;
}
#wrapper_moti_1 #moti_4_ground .moti_4_text {
	position: absolute;
	top: 64px;
	left: 589px;
	z-index:1;
}
#wrapper_moti_1 #moti_4_ground .moti_4 {
	position: absolute;
	top: 6px;
	left: 440px;
}
#wrapper_moti_1 #moti_5_ground {
	display: none;
}
#wrapper_moti_1 #moti_5_ground .moti_5 {
	position: absolute;
	top: 6px;
	left: 223px;
}


/* moti_2 */
#wrapper_moti_2 #moti_1_ground {
	display: none;
}
#wrapper_moti_2 #moti_1_ground .moti_1 {
	position: absolute;
	top: 180px;
	left: 147px;
}
#wrapper_moti_2 #moti_2_ground {
	display: none;
}
#wrapper_moti_2 #moti_2_ground .moti_2 {
	position: absolute;
	top: 40px;
	left: 150px;
}
#wrapper_moti_2 #moti_3_ground{
	display: none;
}
#wrapper_moti_2 #moti_3_ground .moti_3 {
	position: absolute;
	top: 40px;
	left: 150px;
}
#wrapper_moti_2 #moti_4_ground {
	display: none;

}
#wrapper_moti_2 #moti_4_ground .moti_4 {
	position: absolute;
	top: 40px;
	left: 150px;
}
#wrapper_moti_2 #moti_5_ground {
	display: none;

}
#wrapper_moti_2 #moti_5_ground .moti_5 {
	position: absolute;
	top: 0px;
	left: 150px;
}

/**/

/* moti_3 */
#wrapper_moti_3 #moti_1_ground {
	display: none;
}
#wrapper_moti_3 #moti_1_ground .moti_1 {
	position: absolute;
	top: 35px;
	left: 280px;
}
#wrapper_moti_3 #moti_2_ground {
	display: none;
}
#wrapper_moti_3 #moti_2_ground .moti_2 {
	position: absolute;
	top: 200px;
	left: 575px;
}

#wrapper_moti_3 #moti_3_ground {
	display: none;
}
#wrapper_moti_3 #moti_3_ground .moti_3 {
	position: absolute;
	top: 80px;
	left: 460px;
}

#wrapper_moti_3 #moti_4_ground {
	display: none;
}
#wrapper_moti_3 #moti_4_ground .moti_4 {
	position: absolute;
	top: 10px;
	left: 606px;
}

#wrapper_moti_3 #moti_5_ground {
	display: none;
}
#wrapper_moti_3 #moti_5_ground .moti_5 {
	position: absolute;
	top: 60px;
	left: 750px;
}

#wrapper_moti_3 #moti_6_ground {
	display: none;
}
#wrapper_moti_3 #moti_6_ground .moti_6 {
	position: absolute;
	top: 160px;
	left: 885px;
}

#wrapper_moti_3 #moti_7_ground {
	display: none;
}
#wrapper_moti_3 #moti_7_ground .moti_7 {
	position: absolute;
	top: 300px;
	left: 960px;
}


#wrapper_moti_3 #moti_8_ground {
	display: none;
}
#wrapper_moti_3 #moti_8_ground .moti_8 {
	position: absolute;
	top: 400px;
	left: 830px;
}

#wrapper_moti_3 #moti_9_ground {
	display: none;
}
#wrapper_moti_3 #moti_9_ground .moti_9 {
	position: absolute;
	top: 470px;
	left: 690px;
}

#wrapper_moti_3 #moti_10_ground {
	display: none;
}
#wrapper_moti_3 #moti_10_ground .moti_10 {
	position: absolute;
	top: 450px;
	left: 530px;
}

#wrapper_moti_3 #moti_11_ground {
	display: none;
}
#wrapper_moti_3 #moti_11_ground .moti_11 {
	position: absolute;
	top: 355px;
	left: 395px;
}

#wrapper_moti_3 #moti_12_ground {
	display: none;
}
#wrapper_moti_3 #moti_12_ground .moti_12 {
	position: absolute;
	top: 210px;
	left: 315px;
}

#wrapper_moti_3 #moti_13_ground {
	display: none;
}
#wrapper_moti_3 #moti_13_ground .moti_13 {
	position: absolute;
	top: 200px;
	left: 575px;
}
/**/

/* moti_5 */
#wrapper_moti_5 #moti_1_ground {
	display: none;
}

#wrapper_moti_5 #moti_1_ground .moti_1 {
	position: absolute;
	width: 388px;
	height: 235px;
	top: 10px;
	left: 490px;
}
#wrapper_moti_5 #moti_1_ground .motimoti_1_1 {
	position: absolute;
	top: 253px;
	left: 523px;
	display: none;
}

#wrapper_moti_5 #moti_2_ground {
	display: none;
}
#wrapper_moti_5 #moti_2_ground .moti_2 {
	position: absolute;
	width: 388px;
	height: 235px;
	top: 10px;
	left: 490px;
}
#wrapper_moti_5 #moti_3_ground{
	display: none;
}
#wrapper_moti_5 #moti_3_ground .moti_3 {
	position: absolute;
	width: 388px;
	height: 235px;
	top: 10px;
	left: 490px;
}
#wrapper_moti_5 #moti_4_ground {
	display: none;
}
#wrapper_moti_5 #moti_4_ground .moti_4a {
	position: absolute;
	top: 50px;
	left: 100px;
	
}
#wrapper_moti_5 #moti_4_ground .moti_4b {
	position: absolute;
	top: 200px;
	left: 300px;
}
#wrapper_moti_5 #moti_4_ground .moti_4c {
	position: absolute;
	top: 300px;
	left: 555px;
}
#wrapper_moti_5 #moti_4_ground .moti_4d {
	position: absolute;
	top: 260px;
	left: 835px;
}

#wrapper_moti_5 #moti_4_ground .moti_4a_on {
	display: none;
	position: absolute;
	top: 50px;
	left: 80px;
	
}
#wrapper_moti_5 #moti_4_ground .moti_4b_on {
	display: none;
	position: absolute;
	top: 200px;
	left: 285px;
}
#wrapper_moti_5 #moti_4_ground .moti_4c_on {
	display: none;
	position: absolute;
	top: 300px;
	left: 540px;
}
#wrapper_moti_5 #moti_4_ground .moti_4d_on {
	display: none;
	position: absolute;
	top: 255px;
	left: 835px;
}
#wrapper_moti_5 #moti_5_ground {
	display: none;
}
#wrapper_moti_5 #moti_5_ground .moti_5a {
	position: absolute;
	top: 115px;
	left: 190px;
	cursor: pointer;
}

#wrapper_moti_5 #moti_5_ground .moti_5b {
	position: absolute;
	top: 115px;
	left: 360px;
	cursor: pointer;
}

#wrapper_moti_5 #moti_5_ground .moti_5a_btn {
	position: absolute;
	top: 10px;
	left: 200px;
	display: none;
	cursor: pointer;
}

#wrapper_moti_5 #moti_5_ground .moti_5b_btn {
	position: absolute;
	top: 10px;
	left: 860px;
	display: none;
	cursor: pointer;
}


#wrapper_moti_5 #moti_5_ground .moti_5a_on {
	position: absolute;
	display: none;
	top: 10px;
	left: 100px;
}


#wrapper_moti_5 #moti_5_ground .moti_5b_on {
	position: absolute;
	display: none;
	top: 10px;
	left: 860px;
}

#wrapper_moti_5 #moti_5_ground .moti_5a_on2 {
	position: absolute;
	display: none;
	top: 205px;
	left: 180px;
}


#wrapper_moti_5 #moti_5_ground .moti_5b_on2 {
	position: absolute;
	display: none;
	top: 205px;
	left: 180px;
}


/**/

#moti_detail {
	width: 258px;
	height: 96px;
	position: absolute;
	top: 375px;
	left: 380px;
	display: none;
	z-index:1;
}
#footer p.clear {
	display: none;
	text-indent: -9999px;
	position: absolute;
	bottom: 61px;
	right: 75px;	
	/*z-index: 1;*/
	background: url(../img/usu.png) no-repeat; 
	width: 103px;
	height: 133px;
	cursor: pointer;
}
#footer p.clear:hover {
	background-position: 0 -133px;
}
#moti_twitter {
	background: url(../img/motina_1.jpg) no-repeat;
	width: 131px;
	height: 131px;
	position: absolute;
	bottom: 0;
	right: 100px;
}

#wrapper_moti .menu {
	/*background: url(../img/background2.jpg) no-repeat;*/
	width: 980px;
	height: 560px;
	display: block;
	margin: 0 auto;
	
}


/* ぐろーばるもちめにゅー */
#wrapper_moti .menu .title01 {
	text-indent: -9999px;
	background: url(../img/moti_1.png) no-repeat;
	display: block;
	position: absolute;
	width: 220px;
	height: 220px;
	top: 253px;
	left: 523px;
	cursor: pointer;
}

#wrapper_moti .menu .title02 {
	text-indent: -9999px;
	background: url(../img/moti_3a.png) no-repeat;
	display: block;
	position: absolute;
	width: 170px;
	height: 172px;
	top: 150px;
	left: 150px;
	cursor: pointer;
}

#wrapper_moti .menu .title03 {
	text-indent: -9999px;
	background: url(../img/moti_3b.png) no-repeat;
	display: block;
	position: absolute;
	width: 170px;
	height: 172px;
	top: 30px;
	left: 285px;
	cursor: pointer;
}

#wrapper_moti .menu .title04 {
	text-indent: -9999px;
	background: url(../img/moti_4.png) no-repeat;
	display: block;
	position: absolute;
	width: 129px;
	height: 130px;
	top: 395px;
	left: 875px;
	cursor: pointer;
}


#wrapper_moti .menu .title05 {
	text-indent: -9999px;
	background: url(../img/moti_5.png) no-repeat;
	display: block;
	position: absolute;
	width: 130px;
	height: 130px;
	top: 36px;
	left: 625px;
	cursor: pointer;
}


#wrapper_moti .menu .title06 {
	text-indent: -9999px;
	background: url(../img/moti_6.png) no-repeat;
	display: block;
	position: absolute;
	width: 130px;
	height: 130px;
	top: 395px;
	left: 225px;
	cursor: pointer;
}

/* motitter */
#tweets {
	position: absolute;
	top: 105px;
	left: 875px; 
    width:222px;
	height:146px;
	padding: 29px 0 0 29px;
    overflow:hidden;	
	display: block;
	background: url(../img/moti_tw.png) no-repeat;
}
.tweet {
display: inline-block;
}
.tweet {
display: block;
}
.tweet:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#tweets .tweet img {
	float: left;
	width: 48px;
	margin-right: 10px;
}
#tweets .tweet {
	margin-bottom: 125px;
}
#tweets .tweet p.text {
	float: left;
	width: 140px;	
	font-size: 10px;
}