@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/* ~~ コンテナ ~~ */
#container {
	width: 100%;
	clear: both;
	overflow: hidden;
	display: flex;
	-moz-display: flex;
	/* flexはmainの横幅を可変状態にしたまま横並びにするための指定です。DW上ではプレビューされません。 */
}



/* ~~ このセレクターグループは、#main 内のリストに領域間隔を指定します。~~ */
#main ul, #main ol { 
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}



table {

		  border-collapse: collapse;
  border-spacing: 0;
	}

/* メイン */
#main {
	width: 100%;
	min-width: 518px;
	/* サイドと合わせて768pxになるように指定 */
	overflow: hidden;
	padding: 10px 0;
}

/* パンくずリスト */
#pankuzu {
	line-height: 200%;
}

/* スライダー */
.swiper-container {
	width: 1100px;
	height: auto;
}
.swiper-slide {
	text-align: center;
}


/* 商品一覧 */
#listbox {
	padding: 0px;
	margin: 0 1em 10px;
	overflow: hidden;
}
#listbox dt {
	display: block;
	overflow: hidden;
}
#listbox dd {
	width: 100%;
	display: block;
	padding: 10px;
	padding-left: 0px;
	margin: 0px;
}
/*#listbox img {
	width: inherit !important;
	height: inherit !important;
}*/
#listbox ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0.5em;
}
#listbox ul li {
	float: left;
	margin: 0 0.5em;
}

/* コンテンツ区切り */
#main .contents {
	margin: 1em;
	overflow: hidden;
}




/* 商品ページ外部ショップリンク横並び */
.shop_link {
	overflow: hidden;
}
.shop_link p {
	clear: both;
}
.shop_link img {
	width: 100%;
	height: auto;
}
.shop_link p.shop_link_c {
	width: 48%;
	height: auto;
	float: left;
	clear: none;
	padding: 5px;
}

video {
	margin: 0px;
	padding: 0px;
}



#hikaku-scroll {
	width: 99%;
	overflow: scroll;
	margin-right: auto;
	margin-left: auto;
}

#hikaku-itiran{
	width: 93%;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #CCC;
	margin-right: auto;
	margin-left: auto;
}
#hikaku-itiran td {
	width: 12%;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	text-align: center;
	padding: 1%;
	border-color: #CCC;
}





@media screen and ( min-width:920px ) {
	

/*==================  P　C　用  ==================*/	

	.pc_none{
		display:none;}
		
		
		/* ページトップへ戻る */
#pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 10px;
}
#pagetop a {
	background-color: #0C6;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	border: 2px #FFFFFF solid;
	border-radius: 10px 10px 0 0;
}
	


h1 {
	font-size: small;
	padding: 0px;
	text-align: center;
	}
	







	/* アイボリー　ボックス*/
	
	.ca_box {
	background-color: #FBF8C9;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

	
		
	
/*商品定義リスト*/
.item_list {
	border: 1px solid #999;
	height: auto;
	width: 96%;
	margin: 0.5em auto;
	overflow: hidden;
	display: flex;
	clear: both;
}
.item_list dt {
	margin: 0%;
	padding: 2% 0% 1% 2%;
	text-align: center;
	width: 28%;
	display: block;
}
.item_list dt img {
	padding: 0%;
}
.item_list dd {
	width:65%;
	vertical-align: top;
	border: 0px solid #999;
	display: block;
	padding: 2%;
	margin: 0px;
	text-align: left;
}
.item_list dd h3 {
	color: #333;
	padding-left: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 2px dotted #999;
}
.item_list dd form {
	padding: 8px 10px 5px 0px;
	text-align: right;
	border: 1px dotted #999;
	margin: 0.5em 10px 0.5em 0.5em;
	display: block;
}
.item_list dd form input {
	font-size: medium;
	letter-spacing: 0.1em;
	margin-right: 10px;
}
.item_list dd form select {
	font-size: medium;
}

.left_txt01{
	width: 80%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	}
	
	
div.ec_link{
	display: flex;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}	
	
	div.ec_link p {
	padding: 10px;
}

.mail_link {
	margin-top: 1em;
	margin-bottom: 1em;
}
.mail_link a {
	font-size: 50px;
	line-height: 130%;
	font-weight: bolder;
	color: #FFF;
	background-color: #F03;
	text-align: center;
	padding: 5px;
	display: block;
	text-decoration: none;
	transition: all  0.3s ease;
}
.mail_link a:hover {
	font-size: 50px;
	line-height: 130%;
	font-weight: bolder;
	color: #F03;
	background-color: #FF0;
	text-align: center;
	padding: 5px;
	display: block;
	text-decoration: none;
	transition: all  0.3s ease;
}




/*幅広LP用設定　一部BODYidで振り分け設定使用*/
.lp-wide001{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	}

#lp01 #side{
	display:none;
	}
	
/*LP用商品定義リスト*/
.lp_list {
	border: 0;
	height: auto;
	width: 96%;
	margin: 0.5em auto;
	overflow: hidden;
	display: flex;
	clear: both;
}
.lp_list dt {
	margin: 0%;
	padding: 2% 0% 1% 2%;
	text-align: center;
	width: 35%;
	display: block;
}
.lp_list dt img {
	padding: 0%;
}
.lp_list dd {
	width:60%;
	vertical-align: top;
	border: 0px solid #999;
	display: block;
	padding: 2%;
	margin: 0px;
	text-align: left;
}
.lp_list dd h3 {
	color: #333;
	padding-left: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 2px dotted #999;
}
.lp_list dd .cart_box {
	padding: 8px 10px 5px 0px;
	text-align: right;
	border: 1px dotted #999;
	margin: 0.5em 10px 0.5em 0.5em;
	display: block;
}
.lp_list dd .cart_box input {
	font-size: medium;
	letter-spacing: 0.1em;
	margin-right: 10px;
}
.lp_list dd .cart_box select {
	font-size: medium;
}
	
	
/* LPの丸い買い物かごボタン */
#cart_circle {
	position: fixed;
	bottom:10%;
	right: 5%;
}
#cart_circle a {
	padding: 10px;

}
	
/* テキストLPの広め行間 */
.txt_lh_lp01{
	line-height: 150%;
	}
	
/* 広めだと大きく流れるので
寄せるテキストボックス */	
.txt_box001 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.txt_margin01 {
	padding-bottom: 1em;
}


	
	
	
/*横並び用BOX*/
.flex_box{
	width: 100%;
	display: flex;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.flex_txt{
	font-size: 18px;
	line-height: 130%;
	color: #333;
	width: 59%;
}	

.flex_txt p {
	padding-bottom:10px;
}
	
.flex_img{
	/*background-color:#3FF;*/	
	width: 39%;
}	

.padding_box{
	padding:1em 0;
	}


	

}


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


	   /*　スマホ表示用　*/
	   
body{
	padding-bottom: 90px;	
	}	   
	
.sp_none { display: none !important;}


/*幅広LP用設定　一部BODYidで振り分け設定使用*/
.lp-wide001{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	
	}



/* ページトップへ戻る */
#pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0px;
}
#pagetop a {
	background-color: #0C6;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	border: 2px #FFFFFF solid;
	border-radius: 10px 10px 0 0;
}

	

	body {
		font-size: medium;
	}

	h1 {
	font-size: x-small;
	padding: 0px;
	}

	#container {
		display: block;
	}
	#side {
		display: none;
	}
	#main {
		min-width: 100%;
	}
	#diagnosis {
		font-size: large;
	}
	#diagnosis button {
		width: 50%;
		font-size: large;
	}
	#listbox .sm_img img,.lp-wide001 img {	/* 画像個別スマホ対応 */
		width: 100% !important;
		height: auto !important;
	}
	.click01_bn,
	.click02_bn {
		width: 100% !important;
		height: auto !important;
		background: none !important;
	}
	.click01_bn a:link,
	.click02_bn a:link {
		opacity:1 !important;
		transition: none !important;
	}
	.click01_bn a:hover,
	.click02_bn a:hover {
		opacity:1 !important;
		transition: none !important;
	}
	table {
		width: 95% !important;
		font-size: medium;
	}
	
	.img_left,
	.img_right {
		float: none !important;
	}
	
	
	
	
	/*商品定義リスト*/
.item_list {
	border: 1px solid #999;
	height: auto;
	width: 90%;
	margin: 0.5em auto;
	clear: both;
	display: block;
}
.item_list dt {
	margin: 0%;
	padding: 1%;
	text-align: center;
	width: 94%;
	display: block;
}
.item_list dt img {
	width: auto!important;
	height:300px !important;
	padding: 0%;
}
.item_list dd {
	width:98%;
	vertical-align: top;
	border: 0px solid #999;
	display: block;
	padding: 1%;
	margin: 0px;
	text-align: left;
}
.item_list dd h3 {
	color: #333;
	padding-left: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 2px dotted #999;
}
.item_list dd form {
	padding: 8px 10px 5px 0px;
	text-align: right;
	border: 1px dotted #999;
	margin: 0.5em 10px 0.5em 0.5em;
	display: block;
}
.item_list dd form input {
	font-size: medium;
	letter-spacing: 0.1em;
	margin-right: 10px;
}
.item_list dd form select {
	font-size: medium;
}

.left_txt01{
	width: 95%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	}	
	
	
	
	
	
/*スマホ用文字サイズ、行間など　調整*/
.yellow_back_xxl {
	font-size: medium !important;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 130%;
}	


.glay_box02 {
	padding: 0px;
	width: auto;
	margin: 0em 0em 0.2em 0em !important;
	border: 1px solid #CCC;
	font-size: medium !important;
	font-weight: bold;
	color: #fff !important;
	background:#666;
	border-radius:10px;
}

/* パンくずリスト */
#pankuzu {
	line-height: 110%;
}



	
	
	/* 動画レシポンシブ */
video {
	width: 100%;
	height:auto;
}


/* YouTube動画レシポンシブ */
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.mail_link {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.mail_link a {
	font-size: 30px;
	line-height: 130%;
	font-weight: bolder;
	color: #FFF;
	background-color: #F03;
	text-align: center;
	padding: 5px;
	display: block;
	text-decoration: none;
	transition: all  0.3s ease;
}
.mail_link a:hover {
	font-size: 30px;
	line-height: 130%;
	font-weight: bolder;
	color: #F03;
	background-color: #FF0;
	text-align: center;
	padding: 5px;
	display: block;
	text-decoration: none;
	transition: all  0.3s ease;
}
	
	
	
	
	
	/* スマホ用　LPの丸い買い物かごボタン */
#cart_circle {
	width:20%;
	position: fixed;
	bottom:0%;
	left: 0%;
}
#cart_circle a {
	padding: 0;

}

/* スマホ用　文字サイズ */
.fnt24{
	
	font-size:24px !important;
	}


.spfnt30{
	
	font-size:30px !important;
	}
	
	
	
	
/*flexの順番変更(縦方向)*/	

.flex_box{
	display: flex;
	flex-direction: column;/* 積み重ね配置(縦配置) */
	border-bottom:#00CC33 double 2px;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.order01{
	order: 1;
	}
.order02{
	order: 2;
	}
	
/*flexのテキスト設定*/		
.flex_txt{
	font-size: 16px;
	line-height: 160%;
	color: #333;
}	

.sp_margin{
	margin-bottom:1.5em;
}
	
}







/* ============  共通   =================== */


/*CLASS商品テーブル*/
.shouhin-table {
	padding: 0px;
	height: auto;
	width: 70%;
	margin: 0em auto 1em auto;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #999;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.shouhin-table th {
	padding: 5px 5px 10px 5px;
	border-width: 0px 1px 1px 1px;
	border-style: solid dotted solid solid;
	border-color: #999 #CCC #999 #999;
	text-align:right;
}
.shouhin-table td {
	padding: 5px 5px 10px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #999;
	vertical-align: top;
	text-align:left;
}

/*CLASS商品テーブル 縦幅を薄めに*/
.shouhin-table02 {
	padding: 0px;
	height: auto;
	width: 70%;
	margin: 0em auto 1em auto;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #999;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.shouhin-table02 th {
	padding: 2px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid dotted solid solid;
	border-color: #999 #CCC #999 #999;
	text-align:right;
}
.shouhin-table02 td {
	padding: 2px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #999;
	vertical-align: top;
	text-align:left;
}

/*　===商品テーブル内のフォーム枠共通設定＝＝＝　*/
.shouhin-table form {
	text-align: right;
	color: #333;
	padding: 0.5em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.shouhin-table form input {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	letter-spacing: 0.2em;
}

.table_midashi01 {
	font-size: x-large;
	font-weight: bold;
	color: #900;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	text-shadow: #999 2px 2px 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 130%;
}






/* 装飾 */

/*触るとふわっと半透明*/
.alpha a:link {
	opacity:1;
	transition: 1s;
}
.alpha a:hover {
	opacity:0.5;
	transition: 1s;
}

/*（触ると緑の半透明+クリック）「クリッククリック！！」1200x520px*/
.click01_bn {
	padding: 0px;
	background-size:1200px auto;
	background-repeat: no-repeat;
	width: 1200px;
	height: 520px;
	background-image: url(../img/click1200.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*（触ると緑の半透明+クリック）「クリッククリック！！」580x200px*/
.click02_bn {
	padding: 0px;
	background-size:580px auto;
	background-repeat: no-repeat;
	width: 580px;
	height: 200px;
	background-image: url(../img/click580.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* 上記ロールオーバーの処理まとめ */
.click01_bn a:link,
.click02_bn a:link {
	opacity:1;
	transition: 1s;
}
.click01_bn a:hover,
.click02_bn a:hover {
	opacity:0;
	transition: 0.5s;
}

.center {
	text-align: center;
}

.img_left {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.img_right {
	float: right;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}
.clear {
	clear: both;
}

.cap {
	font-size: small;
}


/* 買い物かご */
dl.item_list {
	border: 1px #999999 solid;
	margin: 10px;
	padding: 10px;
}
dl.item_list dt {
	text-align: center;
}
dl.item_list dd h3 {
	background: #9FF;
	padding: 5px;
}
dl.item_list dd h4 {
	color: #F66;
}


.red_radius {
	background: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #ff0000;
	margin: 0.5em 1em;
	padding: 5px 10px;
}
.red_radius p {
	margin-top: 10px;
}

.red-block {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3333;
	border-right-color: #CC0000;
	border-bottom-color: #990000;
	border-left-color: #FF3333;
	font-size: small;
	margin: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	width: auto;
	clear: both;
}
.red-block02 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3333;
	border-right-color: #CC0000;
	border-bottom-color: #990000;
	border-left-color: #FF3333;
	margin: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	width: auto;
}

/* 注釈 */
.red_sfnt {
	color: #C00;
	font-size: small;
	margin: 0.5em;
	vertical-align: middle;
}

/* らく楽アシスト */
.red_box {
	background: #F00;
	color: #FFF;
	font-weight: bold;
	font-size: x-small;
	margin: 0.5em 1em 1em;
	padding: 0.2em;
	line-height: 200%;
	vertical-align: middle;
	border: 2px #CC0000 solid;
	border-radius: 5px;
}

/* 節電アシスト */
.green_box {
	background: #090;
	color: #FFF;
	font-weight: bold;
	font-size: x-small;
	margin: 0.5em 1em 1em;
	padding: 0.2em;
	line-height: 200%;
	vertical-align: middle;
	border: 2px #006600 solid;
	border-radius: 5px;
}

/*  */
.blue_box {
	background: #03C;
	color: #FFF;
	font-weight: bold;
	font-size: x-small;
	margin: 0.5em 1em 1em;
	padding: 0.2em;
	line-height: 200%;
	vertical-align: middle;
	border: 2px #000099 solid;
	border-radius: 5px;
}

.line_h01 {
	font-size: xx-large;
	color: #F30;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F90;
	font-weight: bold;
}
.line_h02 {
	font-size: large;
	color: #060;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0C6;
	font-weight: bold;
	margin: 0.5em 1em;
	padding: 0;
}
.line_h03 {
	font-size: large;
	color: #C30;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	font-weight: bold;
	margin: 0.5em 1em;
	padding: 0;
}

.blue_bar01 {
	background: #09F;
	font-size: xx-large;
	color: #FF0;
	text-align: center;
	margin: 1em 0;
}

.yellow_back01 {
	font-size: x-large;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 5px;
	line-height: 130%;
}
.yellow_back_m {
	font-size: medium;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 130%;
}
.yellow_back_xxl {
	font-size: xx-large;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 130%;
}
.yellow_back02 {
	font-size: 50px;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	height: auto;
	line-height: 120%;
}

/*カラーなし文字サイズ*/
.fnt-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	margin: 0.2em 0em;
}
.fnt-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	margin: 0.2em 0em;
}
.fnt-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	margin: 0.2em 0em;
}
.fnt-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	margin: 0.2em 0em;
}
.fnt-b {
	font-weight: bold;
}


/* グレー系 */
.glay_box02 {
	padding: 8px;
	width: auto;
	margin: 0em 0em 0.2em 0em !important;
	border: 1px solid #CCC;
	font-size: x-large;
	font-weight: bold;
	color: #900;
}
.glay-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin: 0.2em 0em;

}
.glay-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin: 0.2em 0em;

}
.glay-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin: 0.2em 0em;

}
.glay-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin: 0.2em 0em;

}

/* グリーン系 */
.green_box02 {
	padding: 8px;
	width: auto;
	margin: 0em 0em 5em 0em;
	border: 1px solid #CCC;
	font-size: x-large;
	font-weight: bold;
	color: #090;
}
.gree-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bolder;
	color: #009933;
	margin: 0.2em 0em;

}
.gree-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin: 0.2em 0em;

}
.gree-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin: 0.2em 0em;

}
.gree-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin: 0.2em 0em;

}
.gree-b {
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin: 0.2em 0em;

}
.gree-line01 {
	font-size: large;
	font-weight: bold;
	color: #060;
	padding: 5px;
	width: auto;
	margin: 0em 0em 5em 0em;
	border-width: 3px 0px;
	border-style: solid;
	borde-color: #3C0;
}

/* 水色系 */
.mizuiro-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin: 0.2em 0em;

}
.mizuiro-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin: 0.2em 0em;

}

.mizuiro-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin: 0.2em 0em;

}
.mizuiro-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin: 0.2em 0em;

}

.red-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bolder;
	color: #FF0000;
	margin: 0.2em 0em;

}

/* 赤系 */
.red-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bolder;
	color: #FF0000;
	margin: 0.2em 0em;

}
.red-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #FF0000;
	margin: 0.2em 0em;

}
.red-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #FF0000;
	margin: 0.2em 0em;

}
.red_back {
	font-size: medium;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	margin: 0em 0em 5em 0em;
	padding: 5px 10px;	border-radius:5px;
}


/* 青系 */
.blue-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin: 0.2em 0em;

}
.blue-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin: 0.2em 0em;

}
.blue-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin: 0.2em 0em;

.blue-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin: 0.2em 0em;

}
.blue_box02 {
	padding: 8px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border: 1px solid #CCC;
	font-size: x-large;
	font-weight: bold;
	color: #00F;
}
.blue-line01 {
	font-size: large;
	font-weight: bold;
	color: #006;
	padding: 5px;
	width: auto;
	margin: 0em 0em 5em 0em;
	border-width: 3px 0px;
	border-style: solid;
	border-color: #03C;
}



.price_box {
	border-radius: 20px;
	font-size: xx-large;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	display: block;
	border: 1px solid #999;
	background: linear-gradient(#ffffff,#cccccc);
	line-height: 130%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.dod_line01 {
	font-size: x-large;
	line-height: 110%;
	font-weight: bold;
	color: #300;
	margin-bottom: 1em;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-top-color: #933;
	border-right-color: #933;
	border-bottom-color: #933;
	border-left-color: #933;
	clear: both;
}

.tel01 {
	font-size: 90px;
	color: #060;
	text-align: center;
	font-weight: bolder;
	line-height: 110%;
	padding: 0px;
	background-color: #FF0;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}



/* 会社概要ページ用送料表テーブル */
table#soryo-table {
	width: 95%;
	margin: 0.5em auto;
	border-spacing: 0;
	border-collapse:collapse;
	border:#CCCCCC solid 1px;
}
#soryo-table th {
	background-color:#CFC;
	border-spacing: 0;
	border-collapse:collapse;
	border:#CCCCCC solid 1px;
}
#soryo-table td {
	border-spacing: 0;
	border-collapse: collapse;
	border: #CCCCCC solid 1px;
	padding: 5px;
	text-align: center;
	font-size: medium;
	border-radius: 5px;
}


/* シンプルテーブル */
table.simple, .simple th, .simple td {
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

table.simple {
	width: 95%;
	margin: 1em auto;
}

.simple th {
	background-color: #CFF;
}
.simple td {
	padding: 0.5em;
}
table.simple02 {
	width: 95%;
	margin: 1em auto;
}
table.simple02, .simple02 th, .simple02 td {
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

.yell_back {
	font-size: medium;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}