@charset "utf-8";
/* CSS Document */
/* --       indexここから              --*/
#wrap {
	width:980px;
	margin:0 auto;
}


/* --       indexここまで              --*/


/* --       ヘッターここから              --*/

#header {
	width:960px;
	height:100px;
	/*background-color:#f00;*/
	margin: 0 auto;
}
#logo {
	float:left;
	width:271px;
	height:70px;
	
	padding-top:20px;
}
#logo02 {
	float:left;
	width:244px;
	height:70px;
	padding-top:20px;
}
#ship {
	float:left;
	padding:20px 0 0 40px;
}
#cart {
	float:left;
	padding-left:29px;
	
}

#header ul
	{
		float:left;
		list-style:none;
		padding:20px 0 0 20px;
	
	
	}

#header ul li
	{
	float: left;
	margin-left: 8px;
	}

#header ul li a
	{
	padding-left: 10px;
	color: #5d412c;
	font-size: 10px;
	text-decoration: none;
	background-image: url(../common/images/header/icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

#header ul li a:hover
	{
	text-decoration: underline;
	}





/* --       ヘッターここまで              --*/






/* --  グローバルメニューここから --*/


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 980px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/5);
  height: 50px;
  border-bottom: 3px solid #ff00ff;
  
  background-color:#fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}


.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  /*padding: 40px 40px 0;*/
  clear: both;
  /*overflow: hidden;*/
  width:960px;
  height:460px;
  padding:20px;
  /*background-color:#f00;*/
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#aiueo:checked ~ #aiueo_content,
#kakikukeko:checked ~ #kakikukeko_content,
#sasisuseso:checked ~ #sasisuseso_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #ff00ff;
  color: #fff;
}
.c-txtsp {
	font-weight:bold;
	color:#333333;
	clear:both;
	padding-top:20px;
	padding-bottom:10px;
}

/* あゆみシリーズタブここから */
.tab_box {
	list-style:none;
	width:960px;
	height:400px;
	/*background-color:#f00;*/
	
	
}
.tab_box li {
	float:left;
	width:300px;
	height:150px;
	/*background-color:#ff0;*/
	margin-top:20px;
	
	
}
.right {
	margin-right:20px;
}


.tab01 {
	width:290px;
	height:122px;
	
	padding:5px;
	
	color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.tab01 dd {
	float:left;
	width:120px;
	height:120px;
	/*background-color:#000;*/
}
.tab01 dt {
	float:left;
	width:150px;
	height:122px;
	padding:10px;
	font-size:12px;
	line-height:140%;
	
	/*font-weight:bold;*/
	color:#333333;
	
	/*background-color:#f9f;*/
}
.tab01 span {
	display:block;
	/*float:left;*/
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
}


.tab02 {
	width:290px;
	height:122px;
	
	padding:5px;
	
	color: #f0f7ff;
    background: #f0f7ff;
    box-shadow: 0px 0px 0px 10px #f0f7ff;
    border: dashed 2px #5b8bd0;
    border-radius: 8px;
}
.tab02 dd {
	float:left;
	width:120px;
	height:120px;
	/*background-color:#000;*/
}
.tab02 dt {
	float:left;
	width:150px;
	height:122px;
	padding:10px;
	font-size:12px;
	line-height:140%;
	
	
	color:#333333;
	
	
}
.tab02 span {
	display:block;
	/*float:left;*/
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
}


.tab03 {
	width:290px;
	height:122px;
	
	padding:5px;
	
	color: #ddfbdf;
    background: #ddfbdf;
    box-shadow: 0px 0px 0px 10px #ddfbdf;
    border: dashed 2px #2dbe34;
    border-radius: 8px;
}
.tab03 dd {
	float:left;
	width:120px;
	height:120px;
	/*background-color:#000;*/
}
.tab03 dt {
	float:left;
	width:150px;
	height:122px;
	padding:10px;
	font-size:12px;
	line-height:140%;
	
	
	color:#333333;
	
	
}
.tab03 span {
	display:block;
	/*float:left;*/
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
}

.tab04 {
	width:290px;
	height:122px;
	
	padding:5px;
	
	color: #fff8e8;
    background: #fff8e8;;
    box-shadow: 0px 0px 0px 10px #fff8e8;
    border: dashed 2px #ffc06e;
    border-radius: 8px;
}
.tab04 dd {
	float:left;
	width:120px;
	height:120px;
	/*background-color:#000;*/
}
.tab04 dt {
	float:left;
	width:150px;
	height:122px;
	padding:10px;
	font-size:12px;
	line-height:140%;
	
	
	color:#333333;
	
	
}
.tab04 span {
	display:block;
	/*float:left;*/
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
}

/*.tab_box li dl {
	width:290px;
	height:122px;
	
	padding:5px;
	
	color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.tab_box li dl dd {
	float:left;
	width:120px;
	height:120px;
	
}
.tab_box li dl dt {
	float:left;
	width:150px;
	height:122px;
	padding:10px;
	font-size:12px;
	line-height:140%;
	
	
	color:#333333;
	
	
}
.tab_box li dl span {
	display:block;
	
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
}*/
/* あゆみシリーズタブここまで */

/* 健康食品・化粧品タブここまで */
.tub_img {
	float:left;
	width:260px;
	height:400px;
	/*background-color:#F00;*/
}
.tub_img ul {
	width:200px;
	height:400px;
	/*background-color:#000;*/
	list-style:none;
	
}
.tub_img ul li {
	float:left;
	width:180px;
	height:190px;
	/*background-color:#ff0;*/
	margin-bottom:20px;
	font-size:12px;
	text-align:center;
}

.tub_img02 {
	float:left;
	width:260px;
	height:300px;
	/*background-color:#F00;*/
	margin-top:55px;
}
.tub_img02 ul {
	width:200px;
	height:300px;
	/*background-color:#000;*/
	list-style:none;
	
}
.tub_img02 ul li {
	float:left;
	width:180px;
	height:120px;
	/*background-color:#ff0;*/
	margin-bottom:20px;
	font-size:12px;
	text-align:center;
}



.kenkou_box_wrap {
	width:700px;
	height:400px;
	float:left;
}


.kenkou_box {
	float:left;
	width:700px;
	height:190px;
	list-style:none;
}
.kenkou_box li {
	float:left;
	width:218px;
	height:80px;
	/*background-image:url(../img/kenkou_bg.png);*/
	margin-top:10px;
	text-align:center;
	border:1px solid #ccc;
	
	
	line-height:80px;
	
}
.kenkou_box li dl {
	width:220px;
	height:80px;
}
.kenkou_box li dl dd {
	float:left;
	width:80px;
	height:80px;
	
}
.kenkou_box li dl dt {
	float:left;
	width:138px;
	
	font-size:12px;
	color:#333333;
	font-weight:bold;
}
.right02 {
	margin-right:20px;
}


/* ヘルシークッキータブここから */
.tab_box03 {
	list-style:none;
	float:left;
	width:350px;
	height:400px;
	
	
	
}
.tab_box03 li {
	float:left;
	width:120px;
	height:120px;
	
	margin-bottom:35px;
}
.right {
	margin-right:25px;
}
.tab_box03 li dl {
	width:120px;
}
.tab_box03 li dl dt {
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#333333;
}
.tab_box04 {
	float:left;
	width:600px;
	height:400px;
	list-style:none;
	/*background-color:#f00;*/
}
.tab_box04 li {
	float:left;
	width:600px;
	padding-bottom:20px;
}
/* ヘルシークッキータブここまで */
/* --  グローバルメニューここまで --*/

#header_box {
	width:980px;
	height:750px;
}

#main_box {
	clear:both;
	width:980px;
	height:1500px;
	/*background-color:#f00;*/
}



#side_box {
	
	clear:both;
	float:left;
	width:230px;
	height:1500px;
}
#main {
	float:left;
	width:730px;
	margin-left:20px;
	margin-top:50px;
}


/*--  メイン　レコメンドここから  --*/
.recommend {
	
	width:700px;
	/*height:500px;
	background-color:#f00;*/
}
.recommend dl {
	float:left;
	
	width:218px;
	height:260px;
	color: #f0f7ff;
	background-color:#f00;
	background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
	margin-bottom:15px;
    
}
.recommend_right {
	margin-right:15px;
}

.recommend dl dd {
	margin:20px 0 0px 30px;
	width:160px;
	height:160px;
	background-color:#000;
}
.recommend dl dt {
	color:#933;
	font-size:13px;
	padding:10px;
}
/*--  メイン　レコメンドここまで  --*/