@charset "utf-8";



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

CSS Information



 File name:      voice.css

 Style Info:     コンテンツ「私もマカを飲み続けています」のスタイル

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

 	index

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

 

 1-1.title

 

 1-2.Base

 1-3.Main

 

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



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

	1-1.title

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



#mw h1 {

	margin:0 0 66px 0;

	padding:18px 40px 0 40px;

}





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

	1-2.Base

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



/* [mw_top] */

#voice p.main_img {

	margin:0;

	padding-top:4px;

	text-align:center;

}



#voice h1 {

	margin:0;

	text-align:center;

}



/* [main_content #voice] */ 

#voice #container #container_inner #main_content {

	width:100%;

	float:left;

	background: url(../img/main_content_bg.gif) repeat top left #FFF;

}



#voice #container #container_inner #main_content #wrapper_content {

	background:url(../img/main_content_side.gif) repeat-y top right;

}



#voice #container #container_inner #main_content #top_content {

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

}



#voice #container #container_inner #main_content #inner_content {

	padding:0 0 30px 0;

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

}



.btn_cart {

	width:710px;

	margin:0 auto;

}



/* [main_content2 #voice] */ 

#voice2 #container #container_inner #main_content {

	width:680px;

	float:left;

	background: url(../img/main_content_bg.gif) repeat top left #FFF;

}



#voice2 #container #container_inner #main_content #wrapper_content {

	background:url(../img/main_content_side.gif) repeat-y top right;

}



#voice2 #container #container_inner #main_content #top_content {

	background:url(../img/main_content_boder_top.gif) no-repeat top right;

}



#voice2 #container #container_inner #main_content #inner_content {

	background:url(../img/main_content_boder_top.gif) no-repeat bottom right;

}



.btn_cart2 {

	width:600px;

	margin:0 auto;

}



/* [sidemenu #voice] */

#sidemenu {

	width:198px;

	margin-left:12px;

	float:left;

}



#sidemenu ul {

	overflow:hidden;

}



#sidemenu ul li {

	width:198px;

	height:78px;

	margin-bottom:10px;

	overflow:hidden;

}



#sidemenu ul li a {

	width:0;

	height:78px;

	padding-left:198px;

	display:block;

	background:url(../../voice/img/sidemenu.gif) no-repeat top left;

}



#sidemenu ul li#nav01 a { background-position:0 0;}

#sidemenu ul li#nav02 a { background-position:0 -88px;}

#sidemenu ul li#nav03 a { background-position:0 -176px;}

#sidemenu ul li#nav04 a { background-position:0 -264px;}



#sidemenu ul li#nav01 a:hover { background-position:-198px 0;}

#sidemenu ul li#nav02 a:hover { background-position:-198px -88px;}

#sidemenu ul li#nav03 a:hover { background-position:-198px -176px;}

#sidemenu ul li#nav04 a:hover { background-position:-198px -264px;}



#sidemenu ul li#nav01.on a { background-position:-198px 0;}

#sidemenu ul li#nav02.on a { background-position:-198px -88px;}

#sidemenu ul li#nav03.on a { background-position:-198px -176px;}

#sidemenu ul li#nav04.on a { background-position:-198px -264px;}





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

	1-3.Main

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



/* [voice_sp] */

#voice_sp {

	width:597px;

	margin:0 auto;

	overflow:hidden;

}



#voice_sp .box {

	margin-bottom:20px;

/*	padding:0 0 110px 0;

	background:url(../../voice/img/voice_sp_bottom.png) no-repeat bottom left;*/

}



#voice_sp .box .title {

	margin:0;

	padding:0;

}



#voice_sp .box .inner {

	/*padding:0 42px 0px 92px;*/

	padding:16px 34px 88px 74px;

	background:url(../../voice/img/voice_sp_bottom_2.png) no-repeat bottom left;

	/*background:url(../../voice/img/voice_sp_bg.png) repeat-y top left;*/

}



#voice_sp .box .inner .block {

	z-index:50;

	position:relative;

	margin:-46px 0 -32px 0;

	position:relative;

}



#voice_sp .box .inner .block .box_img {

	width:211px;

	float:right;

	display:block;

	position:absolute;

	right:0%;

	top:-40px;

}



#voice_sp .box .inner .block .box_text {

	width:256px;

	float:left;

	display:block;

}



/*[ie7]*/



*:first-child+html #voice_sp .box {

	margin-bottom:40px;

/*	padding:0 0 110px 0;

	background:url(../../voice/img/voice_sp_bottom.png) no-repeat bottom left;*/

}



*:first-child+html #voice_sp .box .inner {

	padding:1px 34px 54px 74px;

	background:url(../../voice/img/voice_sp_bottom_2.png) no-repeat bottom left;

}



*:first-child+html #voice_sp .box .inner .block {

	z-index:50;

	position:relative;

	margin:-46px 0 -16px 0;

	position:relative;

}



*:first-child+html #voice_sp .box .inner .block .box_text {

	width:256px;

	margin-top:-30px;

	float:left;

	display:block;

}



/*[ie7]end*/



#voice_sp .box .inner .block .box_text2 {

	width:256px;

	padding-top:15px;

	float:left;

	display:block;

}



#voice_sp .box .inner .block .box_text p{

	line-height:1.5;

	color:#633306;

	padding-top:-3px;

	background:url(../../voice/img/text_border_bg.png) repeat top left;

}



#voice_sp .box .inner .block .box_text p span {

	display:block;

	text-align:right;

}



p.pen {

	z-index:100;

	position:relative;

	margin:0 0 -80px 16px;

}



/* {voice_n} */

#voice_n {

	z-index:30;

	width:620px;

	margin:0 auto;

	padding-bottom:26px;

	overflow:hidden;

}





#voice_n ul {

	overflow:hidden;

	margin-left:-5px;

}



#voice_n ul li {

	width:305px;

	height:233px;

	margin:0 0 8px 5px;

	margin-bottom:27px;

	float:left;

	display:inline;

	zoom:1;

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

}



#voice_n ul li span {

	display:block;

	padding:50px 40px 0 52px;

	color:#623306;

	line-height:1.5;

}



#voice_n ul li span span {

	font-weight:bold;

	display:block;

	padding:0 0 8px 0;

	margin-bottom:12px;

	border-bottom:1px solid #623306;

}



/*[2011.10.19 top page] */

/*[2013.05.29] mod */

#voice_title {
	margin:0;
	padding:0;
	position:relative;
}

#voice_title h1 {
	margin:0;
	padding:0;
}

#voice_title div#voice_p {
	margin:0;
	padding:0;
	position:relative;
}

#voice_title #voice_h1_cont {
	position:absolute;
	top:98px;
	left:90px;
	color:white;
}
#voice_title #voice_p_cont {
	position:absolute;
	width:430px;
	top:195px;
	left:55px;
}

/*[2013.05.29]*/


#voice_main {

	padding-bottom:8px;

	background:url(../../voice/img/voice_bg_bottom.png) no-repeat bottom left;

}



#voice_inner {

	padding-bottom:20px;

	background:url(../../voice/img/voice_bg.png) repeat-y;

}



#voice_inner h2 {

	padding-bottom:20px;

}



#voice_inner .box1 {

	width:780px;

	margin:0 auto;

}



#voice_inner .box1 .box2 {

	margin-right:20px;

	width:358px;

	float:left;

}



#voice_inner .box1 .box2 img {

	margin-bottom:20px;

	display:block;

}



#voice_inner .box1 .box2 p {

	padding:0 25px;

	display:block;

}



#voice_inner .box1 .box3 {

	width:400px;

	float:left;

}



#voice_inner .box1 .box3 .box4 {

	margin:7px 10px;

	width:180px;

	font-size:12px;

	float:left;

}



*html #voice_inner .box1 .box3 .box4 {

	margin:7px 5px;

	width:180px;

	font-size:12px;

	float:left;

}



#voice_inner .box1 .box3 .box4 img {

	margin-bottom:10px;

	display:block;

}



#voice_inner .box1 .box3 .box4 p{

	padding:0 5px;

	display:block;

}



#voice_inner .box1 .box5 {

	width:370px;

}

#voice_inner .box1 .box5 .tex {

	padding:20px 40px;

	font-size:12px;

	display:block;

}



#voice_inner .box1 .box5 .btn {

	padding:0 0 30px 32px;

}



#voice_inner #footer_tex {

	margin:20px 60px 0 0;

	font-size:12px;

	text-align:right;

}



/*[2011.10.19 2nd page] */



#voice2_title h1 {

	margin:0 0 8px 0;

	padding-top:38px;

	text-align:right;

}



#voice2_title h2 {

	margin:0;

	padding:0;

	text-align:center;

}



#voice2_main {

	padding-bottom:8px;

	background:url(../../voice/img/voice2_bg_bottom.png) no-repeat bottom left;

}



#voice2_inner {

	padding-bottom:20px;

	background:url(../../voice/img/voice2_bg.png) repeat-y;

}



#voice2_inner .title {

	text-align:center;

}



#voice2_inner h3 {

	padding:40px 0 30px 45px;

}



#voice2_inner .box1 {

	padding:0 40px 30px 45px;;

}



#voice2_inner .box1 img {

	margin-left:20px;

	float:right;

}



#voice2_inner .box2 {

	padding:0 40px 30px 45px;

}



#voice2_inner .box2 img {

	margin-right:20px;

	float:left;

}



#voice2_inner .pageup {

	margin:20px 40px 20px 0;

	text-align:right;

}



/* [pagenation] */

#pagenation {

	width:564px;

	height:82px;

	margin:20px auto;

	overflow:hidden;

}



#pagenation div {

	width:216px;

	height:82px;

	margin:0 auto;

	padding:0 22px;

	overflow:hidden;

}



#pagenation div a {

	width:216px;

	float:left;

	height:0;

	padding-top:82px;

	overflow:hidden;

	zoom:1;

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

}



#pagenation div#next_page02 a { background-position:-216px -82px;}

#pagenation div#next_page03 a { background-position:-216px -164px;}

#pagenation div#next_page04 a { background-position:-216px 0;}



#pagenation div#next_page02 a:hover { background-position:-216px -328px;}

#pagenation div#next_page03 a:hover { background-position:-216px -410px;}

#pagenation div#next_page04 a:hover { background-position:-216px -246px;}



#pagenation div#prev_page01 a { background-position:0 0;}

#pagenation div#prev_page02 a { background-position:0 -82px;}

#pagenation div#prev_page03 a { background-position:0 -164px;}



#pagenation div#prev_page01 a:hover { background-position:0 -246px;}

#pagenation div#prev_page02 a:hover { background-position:0 -328px;}

#pagenation div#prev_page03 a:hover { background-position:0 -410px;}



#voice2_inner #footer_tex {

	margin:20px 40px 0 0;

	font-size:12px;

	text-align:right;

}