Sindbad~EG File Manager

Current Path : /home/sarayaglobal/lakanto.net.cn/products/
Upload File :
Current File : /home/sarayaglobal/lakanto.net.cn/products/products.css

p#banner-lakanto-b {
	text-align: center;
	margin-top: 10px;
}
/*----------------------------------------------

上部特徴説明

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

ul#tokucho {
	margin: 15px 25px;
}
ul#tokucho li {
	list-style: disc outside;
	margin-top: 5px;
	margin-left: 20px;
}
div.chui {
	background: #DEDCD7;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
}

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

上部関連バナー

----------------------------------------------*/
p.kanren-banner {
	float: left;
	display: inline;
	margin-left: 10px;
}
p.kome {
	clear: both;
	margin-left: 10px;
}

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

金賞受賞

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

#usakisho {
	background-color: #FFF;
	padding: 10px;
	margin-top: 10px;
	margin-right: 12px;
	margin-left: 12px;
	border: 1px solid #e0ccab;
}
#usakisho:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#usakisho h1 {
	font-size: 120%;
	color: #d62929;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #d62929;
	padding-left: 5px;
}
#usakisho figure {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
#usakisho div#usasetsumei {
	float:left;
	width: 430px;
}
#usakisho p {
	margin-top: 10px;
}
#usakisho p.kome {
	font-size: 80%;
}
span.kome-bunchu {
	font-size: 70%;
}
span.kyocho {
	font-weight: bold;
	font-size: 110%;
}

#chaina #usasetsumei p {
	margin-top: 15px;
}
#chaina img {
	width:600px;
	margin: 15px auto;
	text-align:cente !important;
}


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

愛されて20年

----------------------------------------------*/
#nenpyo {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D62727;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D62727;
	margin-top: 20px;
	width: 690px;
	border-collapse: collapse;
}
#nenpyo .bg {
	background-color: #FFEBDD;
}
#nenpyo th {
	padding: 20px;
}
#nenpyo td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D62727;
	background-color: #FFFFCC;
}
#nenpyo #nenpyo-heding {
	color: #D62727;
	width: 1em;
	font-size:130%;
	line-height: 115%;
}
#nenpyo .years {
	text-align: center;
	width: 5em;
}
#nenpyo .affair span {
	background-color: #D62727;
	color: #FFF;
	background-image: url(images/affair.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 24px;
}
#nenpyo .line-none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

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

世界糖尿病患者最多国家

----------------------------------------------*/
#diabetes-data {
	width: 690px;
	zoom:1;
}
#diabetes-data:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#diabetes-data li {
	width: 210px;
	float:left;
	margin-right:20px;
}
#diabetes-data li#seconds {
	margin-right:0px;
}
#diabetes-data li p {
	background-color: #38B2C3;
	margin-bottom:10px;
	color:#FFF;
	background-image: url(images/diabetes-arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}
#diabetes-graph {
	margin-top: 30px;
}
#diabetes-graph figcaption {
	text-align: right;
}
.diabetes-li {
	margin-top: 20px;
	margin-bottom: 20px;
}
.diabetes-li li {
	list-style-position: inside;
	list-style-type: disc;
	text-indent: -1em;
	padding-left: 1em;
}
#lead {
	text-align: center;
}
.shutten {
	text-align: right;
}
#world-diabetes-day h1 {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #D62828;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#world-diabetes-day p.heding-sub {
	font-weight: bold;
}
#world-diabetes-day h2 {
	margin-bottom: 10px;
}
#world-diabetes-day div {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#world-diabetes-day p.naiyo {
	margin-bottom: 10px;
}
#world-diabetes-day ul li {
}
#world-diabetes-day .chui {
	font-size: 80%;
}

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

各商品

----------------------------------------------*/
.shohin-list {
	clear: both;
	width: 690px;
	padding-top: 20px;
}

/*　商品写真・スペック　----------------------*/

.shohin-list div.shohin-spec {
	float: left;
	width: 305px;
	padding-right: 10px;
	border-right: 1px solid #D2D4C7;
	margin-top: 20px;
}
.shohin-list div.shohin-spec dl dt {
	font-weight: bold;
	background: #D62828;
	text-align: center;
	clear: left;
	float: left;
	color: #FFF;
	width: 100px;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	behavior: url(/PIE.htc);
}
.shohin-list div.shohin-spec dl dd {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	float: right;
	width: 200px;
	/float:none;
	/margin-left:105px;
	/width:auto;
}
.shohin-list div.shohin-spec dl dd span {
	margin-right: 10px;
}
.shohin-list div.shohin-spec p.kome {
	margin-left: 0px;
	padding-top: 10px;
}
.shohin-list div.shohin-spec p.btn-shop {
	text-align: center;
	margin-top: 5px;
}

/*　商品説明　--------------------------------*/

.shohin-list div.shohin-setsumei {
	float: right;
	width: 360px;
	margin-top: 20px;
}
.shohin-list div.shohin-setsumei p.copy {
	font-size: 130%;
	font-weight: bold;
	color: #D62727;
}
.shohin-list div.shohin-setsumei p.subcopy {
	font-size: 110%;
	font-weight: bold;
	margin-top: 10px;
	color: #333;
}
.shohin-list div.shohin-setsumei p.subcopy img {
	margin-top: 5px;
}
.shohin-list div.shohin-setsumei ul {
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 10px;
}
.shohin-list div.shohin-setsumei ul li {
	margin-top: 10px;
	list-style: disc outside;
}
.shohin-list div.shohin-setsumei p.inner-kanren-banner {
	margin-top: 5px;
}
.shohin-list div.shohin-setsumei div.chui {
	margin: 10px 0px;
}
.shohin-list div.shohin-setsumei dl.seibun {
	margin-top: 10px;
	border: 1px solid #DEDCD7;
	padding: 10px;
	margin-bottom: 10px;
}
.shohin-list div.shohin-setsumei dl.seibun dt {
	font-weight: bold;
}
.shohin-list div.shohin-setsumei dl.seibun dd span {
	font-size: 80%;
}
#sukiyakieqkekka dl dd table {
	width: 400px;
	margin-left: 100px;
	border-top: 1px solid #300;
	border-left: 1px solid #300;
	border-collapse: collapse;
	color: #260000;
}
#sukiyakieqkekka dl dd table th {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #300;
	border-right: 1px solid #300;
}
#sukiyakieqkekka dl dd table td {
	text-align: right;
	padding: 5px;
	border-bottom: 1px solid #300;
	border-right: 1px solid #300;
}

/*　調理例　--------------------------------*/
.chorirei {
	margin-bottom: 10px;
	clear:both;
	border: 1px solid #DEDCD7;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}

.chorirei h1.chorirei-title {
	font-size: 110%;
	color: #FFF;
	background: #8A4D46;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.chorirei .recipe {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.chorirei .recipe h1.recipe-title {
	font-size: 120%;
	color: #8A4D46;
}

.chorirei .recipe div.recipe-photo:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.chorirei .recipe div.recipe-photo img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.caldown p {
	font-size: 110%;
	font-weight: bold;
}
div.caldown p span {
	font-size: 80%;
	font-weight: normal;
	margin-top: -10px;
}
div.caldown p.downsu {
	font-size: 130%;
	color: #D73C3C;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #D73C3C;
	margin-left: 160px;
	margin-top: 5px;
	margin-right: 200px;
}
div.caldown p.curry-kome {
	font-size: 80%;
	font-weight: normal;
	margin-top: 5px;
}
p.accordion_head {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	border: 1px dotted #854E46;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	cursor: pointer;
	color: #854E46;
}
.naiyo-hyoji {
	margin-top: 10px;
}
.naiyo-hyoji:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.zairyo {
	float: left;
	margin-right: 10px;
	width: 300px;
}
div.naiyo-hyoji h1 {
	font-size: 110%;
	color: #864F47;
	padding-bottom: 4px;
	border-bottom: 1px dotted #864F47;
	padding-left: 5px;
}
.zairyo dl dt {
	float: left;
	padding-top: 5px;
}
.zairyo dl dd {
	padding-left: 11em;
	padding-top: 5px;
}
.zairyo dl dt a {
	font-weight: bold;
}
.tsukurikata {
	float: right;
	width: 340px;
}
.tsukurikata ol li {
	margin-top: 5px;
	list-style: decimal;
	margin-left: 30px;
}
.shohin-table{
  clear: both;
  width: 100%;
  margin: 0;
  padding-top:10px;
}
table {
	font-size: 90%;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	width:100%;
}
table caption{
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}
#products_keirin table th , #products_keirin table td {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-spacing:0;
	padding:2px 7px;
}
#products_keirin table th{
	color:#666;
	background-color:#F1DFC7;
}
#products_keirin table td{
	background-color:#FFF;
}
.f_caption{
	text-align:right;
}

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

ラカントとは

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

.lakanto-inner {
	clear: both;
	padding-top: 20px;
}
.lakanto-inner p {
	margin-top: 15px;
}
.lakanto-inner p img {
	float: left;
	margin-right: 10px;
}
.lakanto-inner div.chui {
	margin-left: 200px;
	margin-top: 10px;
}
.lakanto-inner div.chui p {
	margin-left: 10px;
	margin-top: 0px;
}
.lakanto-inner p#kyocho {
	font-size: 130%;
	font-weight: bold;
	margin-top: 25px;
	color: #D62728;
	margin-bottom: 5px;
}
.lakanto-inner h1#title-ekisutoha {
	font-size: 130%;
	color: #300;
	background: #FC6;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.lakanto-inner div#ekisutoha {
	border:2px solid #FFCC66;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius:  0px 0px 10px 10px;
	border-radius:  0px 0px 10px 10px;
	position: relative;
	behavior: url(/PIE.htc);
	padding-bottom: 15px;
}
.lakanto-inner div#ekisutoha p {
	margin-right: 15px;
	margin-left: 15px;
}
.lakanto-inner div#ekisutoha p#img-ekisutoha,
.lakanto-inner div#ekisutoha p#banner-lakanka,
.lakanto-inner p#banner-comic {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}
.lakanto-inner div#ekisutoha p#img-ekisutoha img,
.lakanto-inner div#ekisutoha p#banner-lakanka img,
.lakanto-inner p#banner-comic img {
	float: none;
	margin-right:0px;
}
/*　製品情報　日本製　飴　--------------------------------*/
ul.lakanto-c-japan-nav{
	width:690px;
	margin:10px 0;
}
ul.lakanto-c-japan-nav li > a{
	display: block;
	margin-right:1px;
	width: 16.5%;
	height:auto;
	float:left;
	vertical-align: middle;
	text-align: center;
    background: #3A7728;
    padding: 8px 0;
    color: #fff;
}
ul.lakanto-c-japan-nav li > a:hover{
	background: #D62728;
	text-decoration:none;
}
p.products_discription{
	margin-top:10px;
}
p.products_discription > span{
	font-size:0.8em;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media only screen and (min-width: 768px) and  (max-width: 979px) {

/*　コンテンツ　----------------------------*/
	div#contents {
		padding-bottom:290px;
	}
	
/*　各商品　--------------------------------*/
	.shohin-list {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	}
	
/*　商品写真・スペック　*/
	.shohin-list div.shohin-spec {
	width: 43%;
	padding-right: 2%;
	margin-left: 2%;
	}

	.shohin-list div.shohin-spec dl dd {
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	}

/*　商品説明　*/
	.shohin-list div.shohin-setsumei {
	width: 50%;
	}

/*　ラカントとは　--------------------------------*/	
	.lakanto-inner p {
	margin-left: 20px;
	margin-right: 20px;
	}
	.lakanto-inner h1#title-ekisutoha,
	.lakanto-inner div#ekisutoha {
	margin-left: 10px;
	margin-right: 10px;
	}

/*　愛されて20年　--------------------------------*/
#loved img,#diabetes img {
	width: 96%;
	height:auto;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}
#nenpyo {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#nenpyo th {
	padding: 10px;
}
/*　世界糖尿病患者最多国家　--------------------------------*/
#diabetes {
	margin-left: auto;
	margin-right: auto;
}
#diabetes-data {
	width: 100%;
}
#diabetes-data li {
	width: 30%;
	margin-right: 5%;
}
#diabetes-data li figure {
	text-align: center;
}
/*　製品情報　日本製　飴　--------------------------------*/
ul.lakanto-c-japan-nav{
	width:100%;
	margin:10px;
}
ul.lakanto-c-japan-nav li > a{
	margin-right:1px;
	width: 16%;
}
p.products_discription{
	margin-left:10px;
}
p.products_discription > span{
	font-size:0.8em;
}
}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

p#banner-lakanto-b img {
	width: 96%;
	height:auto;
}
#usakisho figure {
	float: none;
	text-align:center;
}
#usakisho div#usasetsumei {
	float:none;
	width: 100%;
}
/* ラカントとは   -------------------------------*/	
	.lakanto-inner p {
	margin-left: 10px;
	margin-right: 10px;
	}
	.lakanto-inner div.chui {
	margin-left: 10px;
	}
	.lakanto-inner h1#title-ekisutoha,
	.lakanto-inner div#ekisutoha {
	margin-left: 10px;
	margin-right: 10px;
	}
	.lakanto-inner div#ekisutoha p#img-ekisutoha img {
		width: 100%;
		height: auto;
	}
	.lakanto-inner p#banner-comic img {
		width: 90%;
		height: auto;
	}

/* 各商品   -------------------------------*/
	p.kanren-banner {
	float: none;
	margin-left: 0px;
	text-align: center;
	width: 100%;
	display:block;
	}
	p.kanren-banner img {
		width: 96%;
		height: auto;
	}
	.shohin-list {
	width: 100%;
	}

/*　商品写真・スペック　----------------------*/
.shohin-list div.shohin-spec {
	float: none;
	width: 100%;
	padding-right: 0px;
	border-right: none;
	margin-top: 20px;
}
.shohin-list div.shohin-spec figure {
	text-align: center;
}
.shohin-list div.shohin-spec dl {
	margin-left: 5px;
}
.shohin-list div.shohin-spec dl dt {
	width: 35%;
	font-size: 100%;
	margin-left: 5px;
}
.shohin-list div.shohin-spec dl dd {
	padding-top: 5px;
	width: 62%;
	font-size: 120%;
	padding-bottom: 0px;
}
.shohin-list div.shohin-spec p.kome {
	margin-left: 0px;
	text-align:center
}

/*　商品説明　--------------------------------*/

.shohin-list div.shohin-setsumei {
	float: none;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #D2D4C7;
	padding-top: 10px;
}
.shohin-list div.shohin-setsumei p.copy {
	margin-left: 10px;
	margin-right: 10px;
}
.shohin-list div.shohin-setsumei ul {
	margin-right: 10px;
}
.shohin-list div.shohin-setsumei p.inner-kanren-banner {
	text-align: center;
}
.shohin-list div.shohin-setsumei p.inner-kanren-banner img {
	width: 90%;
	height: auto;
}
.shohin-list div.shohin-setsumei div.chui {
	margin: 10px 5px 0px;
}
.shohin-list div.shohin-setsumei p.subcopy {
	margin-left: 10px;
	margin-right: 10px;
}
.shohin-list div.shohin-setsumei p.subcopy img {
	width: 100%;
	height: auto;
}

/*　調理例　--------------------------------*/

div.recipe-photo {
	text-align: center;
}
.chorirei .recipe div.recipe-photo img {
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
}
div.caldown p.downsu {
	margin-left: 5px;
	margin-right: 5px;
}
div.caldown p.curry-kome {
	text-align: left;
}
p.accordion_head {
	margin-top: 10px;
}
.zairyo {
	float: none;
	margin-right: 0px;
	width: 100%;
}
.tsukurikata {
	float: none;
	width: 100%;
	margin-top: 10px;
}
/*　愛されて20年　--------------------------------*/
#loved img,#diabetes img {
	width: 96%;
	height:auto;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}
#nenpyo {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}
#nenpyo th {
	padding: 10px;
}
/*　世界糖尿病患者最多国家　--------------------------------*/
#diabetes-data,#diabetes-graph img,#diabetes-graph figcaption,.diabetes-li {
	width: 96%;
	margin-left:10px;
	margin-right:10px;
}
#diabetes-data li {
	width: 100%;
	float:none;
	text-align: center;
	margin-bottom: 10px;
}
#diabetes-data li p {
	background-color: #38B2C3;
	margin-bottom:10px;
	color:#FFF;
	background-image: url(images/diabetes-arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}
#world-diabetes-day {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#world-diabetes-day div {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#world-diabetes-day div img {
	width: 100%;
}

/*　製品情報　日本製　飴　--------------------------------*/
ul.lakanto-c-japan-nav{
	width:100%;
	margin:5px;
}
ul.lakanto-c-japan-nav li > a{
	font-size:0.9em;
	margin-right:1px;
	width: 16.0%;
}
p.products_discription{
	margin-left:10px;
}
p.products_discription > span{
	font-size:0.8em;
}
}

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists