@charset "utf-8";







/* -----------------------------------------------------------



CSS Information







 File name:      maca_world.css



 Style Info:     コンテンツ「サントリーならではのマカとは？」のスタイル



 --------------------------



 	index



 --------------------------



 



 1-1.title



 



 1-2.Base



 1-3.Local menu



 1-4.Main



 1-5.contetns



 



----------------------------------------------------------- */







/*----------------------------------------------------



	1-1.title



----------------------------------------------------*/







#mw h1 {



	margin:0 0 66px 0;



	padding:18px 40px 0 40px;



}











/*----------------------------------------------------



	1-2.Base



----------------------------------------------------*/







/* [mw_top] */



#mw_top p.title,



#mw_top h1,



#mw_top p.main_img {



	text-align:center;



}







#mw_top p.title {



	marign-bottom:17px;



}







#mw_top h1 {



	margin-bottom:20px;



}







#mw_top p.main_img {



	margin-bottom:36px;



}







#mw_top .btn_cart {



	width:710px;



	margin:45px auto 0 auto;



}







/* [mw_maca] */



#mw_maca p.title {



	margin:0;



}







/* [mw_menu] */



#mw_menu {



	width:710px;



	margin:0 auto;



}







#mw_menu #block {



	margin-bottom:10px;



	height:250px;



	background:url(../../about/img/mw_title_img.jpg) no-repeat top right;



}











/*----------------------------------------------------



	1-3.Local menu



----------------------------------------------------*/



/* [wp1] */



#mw_menu #block #wp1 {



	width:355px;



	padding-bottom:13px;



	background:url(../../about/img/mw_menu_bg.gif) no-repeat bottom left;



}







#mw_menu #block #wp1 p.title {



	margin:0;



	text-align:left;



}







#mw_menu #block #wp1 ul {



	overflow:hidden;



}







#mw_menu #block #wp1 ul li {



	width:355px;



	height:24px;



	overflow:hidden;



}







#mw_menu #block #wp1 ul li a {



	width:0;



	padding-left:355px;



	height:24px;



	display:block;



	background:url(../../about/img/mw_top_menu01.gif) no-repeat top left;



}







#mw_menu #block #wp1 ul li#wpnav01 a { background-position:0 0;}



#mw_menu #block #wp1 ul li#wpnav02 a { background-position:0 -24px;}



#mw_menu #block #wp1 ul li#wpnav03 a { background-position:0 -48px;}



#mw_menu #block #wp1 ul li#wpnav04 a { background-position:0 -72px;}



#mw_menu #block #wp1 ul li#wpnav05 a { background-position:0 -96px;}



#mw_menu #block #wp1 ul li#wpnav06 a { background-position:0 -120px;}







#mw_menu #block #wp1 ul li#wpnav01 a:hover { background-position:-355px 0;}



#mw_menu #block #wp1 ul li#wpnav02 a:hover { background-position:-355px -24px;}



#mw_menu #block #wp1 ul li#wpnav03 a:hover { background-position:-355px -48px;}



#mw_menu #block #wp1 ul li#wpnav04 a:hover { background-position:-355px -72px;}



#mw_menu #block #wp1 ul li#wpnav05 a:hover { background-position:-355px -96px;}



#mw_menu #block #wp1 ul li#wpnav06 a:hover { background-position:-355px -120px;}







/* [block2] */



#mw_menu #block2 {



	overflow:hidden;



}







#mw_menu #block2 ul {



	overflow:hidden;



/*	margin-left:-4px;



	position:relative;*/



}







#mw_menu #block2 ul li {



	margin:0 0 4px 0;



	width:353px;



	height:88px;



	overflow:hidden;



	display:inline;



	float:left;



	zoom:1;



}







#mw_menu #block2 ul li#wp2nav,



#mw_menu #block2 ul li#wp4nav{



	margin-right:4px;



}







#mw_menu #block2 ul li a {



	width:353px;



	float:left;



	height:0;



	padding-top:88px;



	overflow:hidden;



	zoom:1;



	background:url(../../about/img/mw_top_menu_02.jpg) no-repeat top left;



}







#mw_menu #block2 ul li#wp2nav a { background-position:0 0;}



#mw_menu #block2 ul li#wp3nav a { background-position:0 -88px;}



#mw_menu #block2 ul li#wp4nav a { background-position:0 -176px;}



#mw_menu #block2 ul li#wp5nav a { background-position:0 -264px;}







#mw_menu #block2 ul li#wp2nav a:hover { background-position:-353px 0;}



#mw_menu #block2 ul li#wp3nav a:hover { background-position:-353px -88px;}



#mw_menu #block2 ul li#wp4nav a:hover { background-position:-353px -176px;}



#mw_menu #block2 ul li#wp5nav a:hover { background-position:-353px -264px;}











/* [pagenation] */



#pagenation {



}







#pagenation p {



	width:265px;



	height:57px;



	margin:0 auto;



	overflow:hidden;



}







#pagenation p a {



	width:265px;



	float:left;



	height:0;



	padding-top:57px;



	overflow:hidden;



	zoom:1;



	background:url(../img/pagenation_bg.png) no-repeat top left;



}







#pagenation p#next_page02 a { background-position:0 0;}



#pagenation p#next_page03 a { background-position:0 -57px;}



#pagenation p#next_page04 a { background-position:0 -114px;}



#pagenation p#next_page05 a { background-position:0 -171px;}



#pagenation p#next_page06 a { background-position:0 -228px;}







#pagenation p#next_page02 a:hover { background-position:-265px 0;}



#pagenation p#next_page03 a:hover { background-position:-265px -57px;}



#pagenation p#next_page04 a:hover { background-position:-265px -114px;}



#pagenation p#next_page05 a:hover { background-position:-265px -171px;}



#pagenation p#next_page06 a:hover { background-position:-265px -228px;}











/* [prev,next] */



#pagenation ul {



	width:464px;



	margin:0 auto;



	display:block;



	overflow:hidden;



	position:relative;



}







#pagenation ul li {



	width:212px;



	height:78px;



	float:left;



	overflow:hidden;



}







#pagenation ul li#back_mack_top {



	position:absolute;



	right:-20px;



	_right:0;/* [for ie6 only] */



	top:58px;



	width:250px;



	height:100%;



	margin:0;



	padding:0;



	color:#000;



	z-index:20;



	overflow:visible!important;



}







#pagenation ul li#prev_page01,



#pagenation ul li#prev_page02,



#pagenation ul li#prev_page03{ margin-right:40px;}







#pagenation ul li a {



	width:212px;



	float:left;



	height:0;



	padding-top:78px;



	overflow:hidden;



	zoom:1;



	background:url(../img/pagenation_bg.png) no-repeat top left;



}







#pagenation ul li#back_mack_top a,



#pagenation ul li#back_mack_top a:visited {



	width:100%!important;



	height:100%!important;



	font-size:77%;



	background:none;



	padding-top:0!important;



	text-align:right;



	float:none;



	display:inline;



	overflow:visible!important;



	vertical-align:bottom;



	color:#000;



	z-index:20;



	text-decoration:underline;



}







#pagenation ul li#back_mack_top a:hover {



	color:#000;



	text-decoration:none;	



}







#pagenation ul li#back_mack_top a:active {



	color:#000;



	text-decoration:underline;	



}







#pagenation ul li#prev_page01 a { background-position:0 -285px;}



#pagenation ul li#prev_page02 a { background-position:0 -363px;}



#pagenation ul li#prev_page03 a { background-position:0 -441px;}



#pagenation ul li#prev_page04 a { background-position:0 -519px;}







#pagenation ul li#next_page03 a { background-position:0 -597px;}



#pagenation ul li#next_page04 a { background-position:0 -675px;}



#pagenation ul li#next_page05 a { background-position:0 -753px;}















#pagenation ul li#prev_page01 a:hover { background-position:-212px -285px;}



#pagenation ul li#prev_page02 a:hover { background-position:-212px -363px;}



#pagenation ul li#prev_page03 a:hover { background-position:-212px -441px;}



#pagenation ul li#prev_page04 a:hover { background-position:-212px -519px;}







#pagenation ul li#next_page03 a:hover { background-position:-212px -597px;}



#pagenation ul li#next_page04 a:hover { background-position:-212px -675px;}



#pagenation ul li#next_page05 a:hover { background-position:-212px -753px;}















/*----------------------------------------------------



	1-4.Main



----------------------------------------------------*/







.headline {



	margin-bottom:66px;



	padding:16px 0 0 40px;



}











.column p {



	z-index:15;



	margin-bottom:45px;



}











.pageup {



	margin:30px 40px 30px 0;



	text-align:right;



}







/* [mw_maca] */



#mw_maca .btn_cart {



	width:600px;



	margin:0 auto;



}











/*----------------------------------------------------



	1-5.contetns



----------------------------------------------------*/



.column {



	padding:0 40px 0 62px;



	



}







.imgitem {



	margin-bottom:55px;



}







/* [maca01] */



.column p.wp01_01_bg {



	position:absolute;



	top:53%;



	right:0;



	z-index:10;



}







/* [maca02] */



.column p.wp01_02_bg {



	position:absolute;



	top:61%;



	right:4%;



	z-index:10;



} 







/* [maca05] */



.column p.wp01_05_bg {



	position:absolute;



	top:23%;



	right:3%;



	z-index:10;



}



p.wlow {



	letter-spacing:-0.04em;



}











/* [maca06] */

.column p.wp01_06_bg {

	position:absolute;

	top:52%;

	right:0%;

	z-index:10;

}





/*div.wp01_06_bg {



	background:url(../../about/img/wp01_06_img02.png) no-repeat 100% 60%;



}

*/





/* [totyukaso] */



.column p.wp02_01_bg {



	position:absolute;



	top:24%;



	right:0;



	z-index:10;



}







/* [tonakai] */



.column p.wp03_01_bg {



	position:absolute;



	top:32%;



	right:3%;



	z-index:10;



}







/* [benibana] */



.column p.wp04_01_bg {



	position:absolute;



	top:44%;



	right:0;



	z-index:10;



}







/* [aen] */



div.wp05_01_bg {



	background:url(../../about/img/wp05_01_img01.png) no-repeat 100% 70%;



}