@charset "Shift_JIS";
/******** --------------------------------------------------
 TopPage Style
 -------------------------------------------------- */
/* --------------------------------------------------
 Layouts
 -------------------------------------------------- */
#main {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}
#main img {
	vertical-align: bottom;
}
#contentwrapper {
	width: 100%;
}
#contentwrapper .inner {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	overflow: hidden;
	/zoom:1;
}
#contentwrapper img {
	vertical-align: bottom;
}
#primary {
	float: left;
	width: 730px;
}
#primary #sidebar {
	margin-right: 20px;
	float: left;
	width: 200px;
}
#primary #content {
	float: left;
	width: 510px;
}
#secondary {
	float: right;
	width: 200px;
}

/* --------------------------------------------------
 Main Visual
 -------------------------------------------------- */
#topimage {
	margin: 15px auto;
	width: 950px;
	position: relative;
	top: 0;
	left: 0;
}

/* ブランドエリア */
#topimage #branding #slidelist {
	width: 950px;
	height: 264px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
#topimage #branding ul#mainvisual {
	width: 99999px;
	height: 264px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}
#topimage #branding ul#mainvisual li {
	float: left;
	width: 950px;
}
#topimage #branding p#slideprev {
	position: absolute;
	top: 114px;
	left: 0;
	z-index: 10;
	display: none;
}
#topimage #branding p#slidenext {
	position: absolute;
	top: 114px;
	right: 0;
	z-index: 10;
	display: none;
}
#topimage #branding p#slideprev a {
	width: 40px;
	height: 36px;
	display: block;
	overflow: hidden;
	background: url("../images/btn_prev.png") no-repeat 0 0;
	text-indent: -9999px;
}
#topimage #branding p#slideprev a:hover {
	background-position: 0 -36px;
}
#topimage #branding p#slidenext a {
	width: 40px;
	height: 36px;
	display: block;
	overflow: hidden;
	background: url("../images/btn_next.png") no-repeat 0 0;
	text-indent: -9999px;
}
#topimage #branding p#slidenext a:hover {
	background-position: 0 -36px;
}

/* --------------------------------------------------
 Primary Sidebar
 -------------------------------------------------- */
#primary #sidebar #productcategories {
	margin-bottom: 20px;
}
#primary #sidebar ul.banner li {
	padding-bottom: 10px;
}

/* 2011/09/01 新規追加 */
#primary #sidebar ul.banner{
margin-bottom:20px;
}
#primary #sidebar ul.banner .child {
position:relative;
background:url(../images/index_bg_sana_btnarea.gif) no-repeat 0 0;
width:200px;
height:24px;
}
#primary #sidebar ul.banner .child  li{
position:absolute;
top:3px;
}
#primary #sidebar ul.banner .child  .list01{
left:10px;
}
#primary #sidebar ul.banner .child  .list02{
left:100px;
}


/* --------------------------------------------------
 Primary Content
 -------------------------------------------------- */
#primary #content #brandlist{
	margin-bottom:15px;
}
#primary #content #brandlist h2{
	margin-bottom:10px;
}
#primary #content #brandlist p.more a {
	padding-left: 14px;
	background: url("../common/images/img_listicon.gif") no-repeat 0.1px 3px;
}

#news #tabNavi01 li{
	float:left;
}
#news .tabInner{
	background:url(../images/bg_news_tab.gif) no-repeat 0 100%;
	padding:10px 10px 15px;
	/zoom:1;
}

#primary .newsBox {
	margin-bottom:20px;
}
#primary .newsBox h2 {
	margin-bottom:15px;
}

#newProduct .columnTypeA01{
	background:url(../common/images/bg_dotted.gif) repeat-x 0 100%;
	padding-bottom:10px;
	margin-bottom:10px;
}
#newProduct .img img{
	border:1px solid #c1c1c1;
}
#newProduct .listType02 dd {
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}

#primary #noevirGroup h2 {
	margin-bottom:15px;
}


/* segment */
#primary .segment {
	margin-top: 40px;
}

/* --------------------------------------------------
 Secondary Column
 -------------------------------------------------- */
#secondary .box {
	margin-bottom: 10px;
	padding-top: 4px;
	background: url("../images/bg_box_top.gif") no-repeat 0 0;
}

#secondary .boxinner {
	padding: 7px 5px 17px 10px;
	width: 180px;
	overflow: hidden;
	background: url("../images/index_bg_box.gif") no-repeat 0 100%;
}
#secondary .over {
	cursor: pointer;
}

#secondary #jibungoto {
	margin-bottom:10px;
}
#secondary #jibungoto .listType02 {
	padding: 8px 15px 3px;
	border:1px solid #e3e3e3;
	border-top:none;
}
#secondary #jibungoto .listType02 li {
	font-size: 88%;
	background:url(../common/images/bg_dotted.gif) repeat-x 0 100%;
	padding-bottom:8px;
	margin-bottom:8px;
}

#secondary #jibungoto .lastChild {
	background-image:none!important;
}

#recommendContent h3{
	margin-bottom:10px;
}
#extra {
	margin-top:20px;
}
#extra a{
	text-decoration:underline;
}
#extra a:hover{
	text-decoration:none;
}
#extra .extraBox{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #e8e8e8;
}
#extra .extraBox dl{
	padding-left:70px;
	font-size:90%;
}
#extra .extraBox dt{
	font-weight:bold;
	margin-bottom:8px;
}
#extra #extraBox01{
	background:url(../images/index_pct_cm.jpg) no-repeat 0 0;
}
#extra #extraBox02{
	background:url(../images/index_pct_nanten.jpg) no-repeat 0 0;
}
#extra #extraBox03{
	background:url(../images/index_pct_isoflavone.jpg) no-repeat 0 0;
}

#secondary #widget{
	margin:30px 0;
}

#secondary ul.banner li {
	padding-bottom: 10px;
}

#secondary #tabNavi02{

border-bottom:1px solid #fff;
}
#secondary #tabNavi02 li{
	float:left;

}
#secondary .twtr-doc{
border-radius:0!important;
-moz-border-radius:0!important;
-webkit-border-radius:0!important;
}

/* --------------------------------------------------
 Page Top
 -------------------------------------------------- */
#contentwrapper .pagetop {
	float: none;
	width: 925px;
}

/* --------------------------------------------------
 module
 -------------------------------------------------- */
/* listType */
.listType01 {
	border-top: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
	width: 509px;
	overflow: hidden;
}
.listType01 li {
	border-bottom: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	float: left;
}

.listType02 {
	font-size: 92.3%; /* =12px */
}
.listType02 dt {
	color: #898989;
	font-weight:bold;
	padding-bottom:5px;
}
.listType02 dd {
	background:url(../common/images/bg_dotted.gif) repeat-x 0 100%;
	padding-bottom:8px;
	margin-bottom:8px;
}

/* font color */
.fc01{
	color:#666666;
}
/* font color */
.fs01{
	font-size:80%;
}

/* --------------------------------------------------
 2011/10/12追加
-------------------------------------------------- */
body	{
	background: none;
}

#wrapper {
	background: url(../common/images/bg_header.gif) repeat-x top;
}

#conductor{
	padding:15px;
}

#conductor a{
	display:block;
	text-decoration:underline;
}
#conductor a:hover{
	text-decoration:none;
}
#conductor span{
	display:block;
}

#conductor .btn{
border:1px solid #dedede;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
text-align:center;
}

#conductor .btnInner{
padding:30px 36px;
border:1px solid #fff;
background:-moz-linear-gradient(top, #f5f5f5, #e9e9e9);
background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e9e9e9));
border-radius:14px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
}

#conductor .btnInner span{
background:url(../images/ico_sp_01.png) no-repeat 0 50%;
padding:24px 0 24px 100px;
font-weight:bold;
font-size:350%;
}

/* --------------------------------------------------
 2011/11/10追加
-------------------------------------------------- */
/* ========== information ========== */
.informationA01{
margin-bottom:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding:8px;
background:#ffffcc;
/zoom:1;
}
.informationA01 table{
margin:0;
font-weight:bold;
/zoom:1;
}
.informationA01 table th,
.informationA01 table td{
font-weight:bold;
vertical-align:top;
}
.informationA01 table th{
padding-right:0.5em;
}