@import url('csshake.min.css');
@import url('click_bn.css');
/*---基本HTMLへの　設定-------------------------------------------------------*/
body {
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image: url(../index-img/sima2.gif);
	line-height: 135%;
}
h1 {
	font-size: small;
	margin: 0px;
	padding: 2px 0px;
	text-align: center;
}
h2 {
	margin: 0em 0em 0.5em;
	line-height: 150%;
	font-family: "Arial Black", "MS UI Gothic";
}
h3, h4 {
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0.3em;
	margin-left: 0em;
	font-size: medium;
}
h5 {
	font-size: medium;
}
p {
	clear: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
hr {
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px;
	vertical-align: bottom;
}
/*---テキストリンク設定---------------------*/
a:link {
	color: #0000CC;
}
a:visited {
	color: #CC0099;
}
a:hover {
	color: #FF0000;
}

table{	border-collapse: separate;
	border-spacing: 0px;}
#contents {
	padding: 0px;
	height: auto;
	width: 960px;
	margin: 0px auto;
	margin-left: auto;
	clear: both;
	background-color: #FFFFFF;
	border: 0px solid #333333;
}

/*---カートリッジ個別ページの｢対応機種｣TABLEの　設定--------*/
#cart-table1 {
	padding: 0px;
	width: 100%;
	margin: 0em 0em 1em 0em;
	border-width: 1px 0px 0px 1px;	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6664B5;
	border-right-color: #6664B5;
	border-bottom-color: #6664B5;
	border-left-color: #6664B5;
}
#cart-table1 td {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #403E82;
	border-right-color: #403E82;
	border-bottom-color: #403E82;
	border-left-color: #403E82;
	text-align: center;
	word-wrap: break-word;
	font-size: medium;
	margin: 0px;
}
#cart-table1 th {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #403E82;
	border-right-color: #403E82;
	border-bottom-color: #403E82;
	border-left-color: #403E82;
	background-color: #9999FF;
	color: #FFFFFF;
}
/*---カートリッジ個別ページの｢各カートリッジ｣TABLEの　設定--------*/

#cart-midashi {
	color: #000099;
	line-height: 140%;
	font-size: medium;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: #CCCCFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #0033CC;
	border-right-color: #0033CC;
	border-bottom-color: #0033CC;
	border-left-color: #0033CC;
}
/*---カートリッジ一覧ページのp余白等　設定-------------------------------------------------------*/
#cart-m p {
	line-height: 160%;
	padding: 10px;
	margin: 0px;
	border-top-width: 0px;
	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: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
}
/*---会社案内ページ　TABLE　設定------------------------------------------------*/
#com-t {
	height: auto;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: medium;
}
#com-t th {
	height: auto;
	width: 170px;
	padding-right: 10px;
	border-top-width: 0px;
	border-right-width: 10px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #006699;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #CCCCFF;
	text-align: right;
}
#com-t td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: auto;
	padding: 10px;
}
#com600 h3 {
	color: #000066;
	margin: 0.2em 0em 0.5em;
	padding: 0.5em 0em 0.5em 0.5em;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #003399;
}
#com600 p {
	line-height: 140%;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	font-size: medium;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}
/*カートリッジ交換ページの画像並び*/

#exchange {
	padding: 0px;
	height: auto;
	width: 750px;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	overflow: hidden;
	display: flexbox;
}
#exchange dl {
	float: left;
	width: 375px;
	margin: 0px;
	padding: 0px;
}
#exchange dl dt {
	width: 370px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#exchange dl dd {
	width: 358px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #39F;
	border-right-color: #06F;
	border-bottom-color: #03F;
	border-left-color: #6CF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 5px;
}
#finish {
	background-color: #FFF;
	padding: 10px;
	height: auto;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}
/*---フッタ　設定-------------------------------------------------------*/
#foot {
	background-color: #201E8C;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 960px;
	clear: both;
	border-top: 3px ridge #000033;
	border-right: 0px ridge #000033;
	border-bottom: 0px ridge #000033;
	border-left: 0px ridge #000033;
	font-size: medium;
}
/*---フッタ｢Copyright～｣部分　設定------------*/
#foot p {
	color: #FFFFFF;
	float: right;
	margin: 0px;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/*---フッタのリンク一覧の　設定--------------*/
#foot-navi {
	list-style-type: none;
	margin: 0px;
	padding: 0.2em 0em;
	font-size: medium;
}
#foot-navi li {
	display: inline;
	margin: 0px;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	line-height: 150%;
}
/*---footのメニュー幅や見出し　設定-------------------------------------------------------*/
#foot490-h3 {
	font-size: small;
	color: #FFFFFF;
	background-color: #0066CC;
	text-align: center;
	margin: 1em 0em 0em;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border: 3px outset #0066CC;
}
/*---ヘッダロゴ画像設定#headの方は後で整理予定-------------------------------------------------------*/
#head,header {
	margin: 0px;
	height: 240px;
	width: 960px;
	clear: both;
	background-color: #FFFFFF;
	background-image: url(../index-img/rogo_nic.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	position: relative;
}
/*---ヘッダロゴ画像内の宣伝文の　位置　設定-------------------------------------------------------*/
#head h2,header h2 {
	font-weight: bold;
	color: #666666;
	margin: 0px;
	height: auto;
	width: 620px;
	text-align: left;
	font-size: 14px;
	padding-top: -30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	position: absolute;
	bottom: 50px;
}
#head #head_link,header  {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#head_link {
	position: absolute;
	bottom: 50px;
	right: 0px;
}

.menu {
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
}

/*---上部ナビ　設定-------------------------------------------------------*/
#navi {
	width: 959px;
	list-style-type: none;
	height: 40px;
	border-width: 3px 0px 2px 1px;	border-style: solid;
	border-color: #666666;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 0px;
}
#navi li {
	border: 0px solid #000000;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../index-img/list.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#navi a:link {
	display: block;
	margin: 0px;
	padding: 10px 0px 0px;
	background-color: #FFFFFF;
	color: #333333;
	text-decoration: none;
	font-size: small;
	height: 30px;
	width: auto;
	vertical-align: middle;
	background-position: 0px 0px;
	font-weight: normal;
	background-image: url(../index-img/bar.jpg);
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #666666;
}
#navi a:visited {
	display: block;
	margin: 0px;
	padding: 10px 0px 0px;
	color: #333333;
	text-decoration: none;
	font-size: small;
	height: 30px;
	width: auto;
	vertical-align: middle;
	background-image: url(../index-img/bar.jpg);
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #666666;
}
#navi a:hover {
	display: block;
	margin: 0px;
	padding: 10px 0px 0px;
	color: #FF0000;
	text-decoration: none;
	font-size: small;
	height: 30px;
	width: auto;
	background-image: url(../index-img/bar.jpg);
	background-position: 40px 40px;
	font-weight: bold;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #666666;
}

/*---ナビボタン設定--------------*/


#home-btn {
	width: 119px;
	text-align: center;
	background-color: #CCFFCC;
	border-width: 0px 1px 0px 0px;
	border-style: dashed;
	border-color: #999999;
	display: block;
}

#lineup-btn, #cart-btn, #movie-btn, #kago-btn, #pay-btn, #mail-btn,#manual-btn {
	background-color: #CCFF99;
	width: 120px;
	text-align: center;
}




/*---ページ下部「かいものかご」アイコン　設定--------*/
#kago-img {
	text-align: right;
}
/*---カートリッジ一覧ページの検索ボックス　設定--------*/
#kensaku-box {
	padding: 10px;
	height: auto;
	width: 400px;
	margin: 1em auto;
	border: 1px solid #006699;
	text-align: center;
	background-color: #CCCCFF;
}
/*---左側メニューｺﾝﾃﾝﾂ囲み画像　設定-------------------------------------------------------*/
#l-main {
	height: auto;
	width: 190px;
	float: left;
	margin: 0px;
	font-size: small;
	clear: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 0px solid #666666;
}
#l-main hr {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	display: block;
	clear: both;
	height: 1px;
	width: 100%;
	margin: 0.5em 0em;
	padding: 1em 0em;
}
#l-main dl {
	border-width: 0px 0px 2px 0px;
	border-style: dotted;
	border-color: #9CF;
	padding: 10px 0px;
	margin: 0px;
}
#l-main dl dt {
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#l-main dl dd {
	margin: 0px;
	padding: 0px;
}

/*---[l-main]のリンクul,li余白詰めの　設定-------------------------------------------------------*/
#l-main ul {
	list-style-type: none;
	margin: 0px;
	padding: 0.2em 0em 0.5em;
}
#l-main li {
	margin: 0em 0em 0.4em;
	padding: 0px 0px 0px 10px;
}
#l-main h3 {
	margin: 0px;
	padding: 0em 0em 0.2em;
}
#l-main hr {
	padding: 0px;
	clear: both;
	margin: 0.5em 0em;
}

#lineup-navi {
	
	line-height: 150%;
	padding: 0px;
	margin: 1em 0em;
	text-align: center;
	font-size: small;
}


/*サイドメニューの会社概要リンクなどの見出し*/
#mini-midashi {
	padding: 5px;
	height: 20px;
	width: auto;
	_width: 170px;
	clear: none;
	float: none;
	background-color: #097BB6;
	text-align: center;
	font-size: small;
	color: #FFFFFF;
	margin: 0px auto;
	margin-left: auto;
	font-weight: bold;
}
#mini-midashi2 {
	padding: 5px;
	height: 20px;
	width: auto;
	clear: none;
	float: none;
	background-color: #009999;
	text-align: center;
	font-size: small;
	color: #FFFFFF;
	margin-top: 0px;
	margin: auto 0px;
	font-weight: bold;
}
/*--｢l-main｣内の会社案内とリンク集、囲いとh3の　設定---------------------*/
/*--会社案内(青)　設定---------------------*/
#waku175-1 {
	padding: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #097BB6;
	width: 98%;
	height: auto;
	float: none;
	clear: both;
	margin: 0.5em 0em;
}
/*--リンク集(エメラルド)　設定---------------------*/
#waku175-2 {
	padding: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #009999;
	width: 98%;
	height: auto;
	float: none;
	clear: none;
	margin: 0.5em 0em;
}
/*サイドのリンク先頭の▶*/
#yazi1 li {
	padding-left: 17px;
	background-image: url(../index-img/yazi1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#yazi2 li {
	padding-left: 17px;
	background-image: url(../index-img/yazi2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*---メインｺﾝﾃﾝﾂ囲み画像　設定-------------------------------------------------------*/
#main {
	margin: 0px;
	padding: 0px;
	width: 960px;
	border-width: 0px;
	border-style: dashed;
	border-color: #999999 #666666 #333333 #333333;
	background-repeat: repeat;
	background-image: url(../index-img/back960.gif);
	clear: both;
	overflow: hidden;
}

/*--テンプレート｢etc-page.dwt｣のメイン、マージン　設定-----------------------------*/
#main2 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px;
	height: auto;
	width: 678px;
	float: right;
	border-top: 1px dashed #999999;
	border-right: 1px solid #333333;
	border-bottom: 0px solid #333333;
	border-left: 1px solid #333333;
	clear: both;
}

/*---ページ下部「まえにもどる」アイコン　設定--------*/
#mae-link {
	margin: 0em 0em 0em 1em;
	padding: 0px;
	border: 0px;
	clear: both;
}
/*---動画まわり　設定　整理できそう-------------------------------------------------------*/
#movie01 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 560px;
	border: 0px solid #CCCCCC;
	float: left;
}
#movie01 p, #movie02 table p {
	padding: 0px;
	margin: 0px;
	font-size: small;
	color: #006600;
}
#movie02 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 3px;
	height: auto;
	width: 744px;
	border: 1px solid #CCCCCC;
}
#movie2 table {
	width: 100%;
	padding: 0px;
	margin: 3px 0px;
}
/*動画を並べる*/
.moveie_table {
	padding: 0px;
	width: 100%;
	margin: 0px 0px 0.5em 0px;
}
.moveie_table th {
	width: 50%;
}



/*---あとで整理して消したい　浄水器　価格TABLE　設定------------------------------------------------*/
#price-t {
	padding: 0px;
	height: auto;
	width: 98%;
	margin: 0.5em auto;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	clear: both;
}
#price-t td {
	margin: 0px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #666666 #333333 #666666 #666666;
	padding: 5px;
}
#price-t th {
	padding: 5px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #666666;
}
#price-img {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 150px;
}
#price-t th p {
	text-align: right;
}
/*---priceテーブルの価格お問合せtd　設定--------------*/
#price-td {
	background-color: #FF3333;
	color: #FFFFFF;
	vertical-align: middle;
	font-size: large;
	font-weight: bold;
	line-height: 140%;
}
#page h2 {
	margin: 0.5em 0em 0.8em 0em;
}
#page ul {
	margin: 0.5em 0em;
	padding: 0em;
	list-style-type: none;
}
#page li {
	margin: 0px;
	padding: 0px 0px 3px 10px;
}
.page-top {
	text-align: center;
	padding: 0px;
	margin: 0.8em 0em 0.5em 0em;

}
#page h3 {
	margin: 0.5em 0em 0.5em 0em;
}
#page dl {
	padding: 0px;
	margin: 0em 0em 0.5em 0em;
}
#page dt {
	font-weight: bold;
	margin: 0.5em 0em;
}
#page dd {
	padding: 0px;
	margin: 0.3em 0em;
	line-height: 135%;
}
/*---右側メインｺﾝﾃﾝﾂ囲み画像　設定-------------------------------------------------------*/
#r-main {
	margin: 0px;
	height: auto;
	width: 750px;
	float: right;
	border-width: 0px;
	border-style: dashed;
	border-color: #CCCCCC #666666 #CCCCCC #CCCCCC;
	padding: 5px 5px 10px 5px;
}
/* サイドのないページ幅(sms_page3.htmlで使用)*/
#sideless_page {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
/* サイドなしページ設定(body ID=single)*/

#single #main {
	margin: 0px;
	padding: 0px;
	width: 960px;
	clear: both;
	overflow: hidden;
	background-color: #FFF;
	background-image: url(../index-img/white_back.gif);
	background-repeat: repeat;
}

#single #l-main{
	display:none;}
	
#single #r-main{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	}
	


/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/
/*-------★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------------------------------------------------*/






.bar01 {
	background-image: url(../index-img/bar01.gif);
	height: 34px;
	width: 580px;
	padding: 5px 0px 0px 20px;
	margin: 0.5em 0em;
	font-size: large;
	font-weight: bold;
}
/*青系装飾*/
.blue {
	color: #0066CC;
}
.blue_line01 {
	color: #03F;
	margin: 0.2em 0em;
	padding: 5px 5px 5px 10px;
	border-width: 2px 0px;
	border-style: solid;
	border-color: #06F;
	font-weight: bolder;
	clear: both;
}
.blue_box700 {
	padding: 10px;
	width: 700px;
	margin: 1em auto;
	border-width: 3px;
	border-style: solid;
	border-color: #09F;
}
.blue-midashi {
	padding: 5px;
	margin: 0.5em 0em;
	border-width: 1px 10px;
	border-style: solid double;
	border-color: #0033CC;
}
.blue24 {
	font-size: 24px;
	line-height: 130%;
	font-weight: bold;
	color: #3399FF;
}
.blue-linebox {
	color: #FFFFFF;
	background-color: #0066FF;
	margin: 0em 0em 0.5em 0em;
	padding: 3px 3px 3px 5px;
	border-radius: 8px;
	border: 0px;
	font-weight: bold;
	width: auto;
	clear: both;
}
.blue-M {
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #0066FF;
	margin: 0px;
	padding: 0.5em 0em;
}
.blue_top_sq01 {
	color: #06F;
	margin: 0em 0em 0.5em 0em;
	padding: 0px 0px 0px 10px;
	border-width: 0px 0px 0px 30px;
	border-style: ridge;
	border-color: #06F;
}
.braun-M {
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #663300;
	margin: 0px;
}
.black-box {
	border-width: 4px;
	border-style: double;
	border-color: #CCCCCC #333333 #333333 #666666;
	background-image: none;
	padding: 5px;
	width: auto;
	margin: 0.5em auto;
	height: auto;
	clear: both;
	list-style-type: none;
}

/*ピュアナノページのカイモノカゴテーブル*/
.buy-table {
	padding: 0px;
	height: auto;
	width: 100%;
	margin: 1em auto;
	border: 2px solid #0033CC;
}
.buy-table th {
	padding: 5px 5px 10px 5px;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	border-color: #CCC;
}
.buy-table td {
	padding: 5px 5px 10px 5px;
	width: 340px;
	vertical-align: top;
}

.box_s {
	font-size: small;
	color: #333;
	width: 93%;
	margin: 0.5em auto;;
	border: 1px dotted #999;
	padding: 5px 15px;
	line-height: 110%;
}
/*---段組解除　設定----------------------*/
.clear {
	clear: both;
}
.center {
	text-align: center;
	overflow: hidden;
}
/*---カートリッジ一覧ページの｢商品名からさがす｣TABLE　設定-------------------------------------------------------*/
.cart-n-table {
	padding: 0px;
	height: auto;
	width: 100%;
	margin: 0em 0em 1em 0em;
}
/*---カートリッジ一覧ページの｢商品名からさがす｣TABLEのth　設定--------*/
.cart-n-table th {
	margin: 0px;
	padding: 10px;
	width: 80px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #0066CC;
	background-color: #CCCCFF;
	font-size: medium;
}
/*---カートリッジ一覧ページの｢商品名からさがす｣TABLEのtd　設定--------*/
.cart-n-table td {
	margin: 0px;
	padding: 10px;
	line-height: 160%;
	border-width: 0px 1px 1px 0px ;
	border-style: solid;
	border-color: #0066CC;
}
/*---カートリッジ一覧ページの｢商品名からさがす｣キャプション　設定--------*/
.cart-n-table caption {
	background-color: #0066CC;
	font-size: large;
	color: #FFFFFF;
	text-align: center;
	margin: 1em 0em 0em;
	padding: 10px 0px 5px 0px;s
}
/*カートリッジ商品定義リスト*/
.cart_list {
	border: 1px solid #999;
	height: auto;
	width: 100%;
	background-image: url(../index-img/dod_line02.gif);
	background-repeat: repeat-y;
	background-position: 25%;
	margin: 0.5em auto;
	overflow: hidden;
	display: block;
	clear: both;
}
.cart_list dt {
	float: left;
	margin: 0%;
	padding: 5px 0% 5px 2%;
	text-align: center;
	width: 160px;
	display: block;
}
.cart_list dt img {
	padding: 0%;
}
.cart_list dd {
	width: 74%;
	vertical-align: top;
	border: 0px solid #999;
	display: block;
	padding: 3%;
	float: right;
	margin: 0px;
}
.cart_list dd h3 {
	color: #333;
	padding-left: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 2px dotted #999;
}
.cart_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;
}
.cart_list dd form input {
	font-size: medium;
	letter-spacing: 0.1em;
	margin-right: 10px;
}
.cart_list dd form select {
	font-size: medium;
}
/*カートリッジ交換リンクボタン*/
.cart_bn {
	height: 60px;
	width: 730px;
	padding: 0px;
	margin: 0em auto;
}
.cart_bn a:link {
	background-image: url(../lineup/cart/cart-img/cart_koukan_bn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 730px;
	background-position: 0px 0px;
}
.cart_bn a:visited {
	background-image: url(lineup/cart/cart-img/cart_koukan_bn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 730px;
	background-position: 0px 0px;
}
.cart_bn a:hover {
	background-image: url(../lineup/cart/cart-img/cart_koukan_bn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 730px;
	background-position: -1px -61px;
}
/*キャプション*/
.cap {
	font-size: x-small;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
/*文字カラー*/
.fnt_blue {
	color: #0066CC;
}
.fnt_blue02 {
	color: #0000CC;
}
.fnt_yellow {
	color: #FFCC00;
}
.fnt_ore {
	color: #FF3300;
}
.fnt_pink {
	color: #FF3366;
}
.fnt_red {
	color: #FF0000;
}
.fnt_par {
	color: #CC0066;
}
.fnt_green {
	color: #009933;
}
.fnt_gray01 {
	color: #666666;
}
/*文字サイズ*/
.fnt50 {
	font-size: 50px;
	font-weight: bold;
	line-height: 135%;
	padding: 0px;
}
.fnt48 {
	font-size: 48px;
	line-height: 130%;
	font-weight: bolder;
	color: #F00;
	padding: 0px;
	margin: 0em 0em 0.5em 0em;
	vertical-align: bottom;
}
.fnt40 {
	font-size: 40px;
	font-weight: bold;
	line-height: 135%;
	padding: 0px;
}
.fnt38 {
	font-size: 38px;
	line-height: 135%;
	font-weight: bolder;
	color: #F00;
}
.fnt30 {
	font-size: 30px;
	font-weight: bold;
	line-height: 135%;
	padding: 0px;
}
.fnt24 {
	font-size: 24px;
	font-weight: bold;
	line-height: 135%;
	padding: 0px;
}
.fnt14 {
	font-size: 14px;
}
.fnt16 {
	font-size: 16px;
}
.fnt20 {
	font-size: 20px;
}
.fnt22 {
	font-size: 22px;
	line-height: 135%;
	padding: 0px;
}
.fnt_midium {
	font-size: medium;
}
.fnt_xlarge {
	font-size: x-large;
	line-height: 135%;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*緑系装飾*/
.green {
	color: #009933;
}
.green-line2 {
	margin: 0.5em 0em;
	padding: 3px 3px 3px 10px;
	border-width: 2px 0px;
	border-style: solid;
	border-color: #009966;
	color: #006600;
	clear: both;
}
.green-L {
	font-size: large;
	line-height: 140%;
	font-weight: bold;
	color: #009900;
	padding: 0.5em 0em;
	margin: 0em;
}
.green-M {
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #009900;
	margin: 0px;
	padding: 0.5em 0em;;
}
.gree-box01 {
	background-color: #CCFFCC;
	padding: 3px;
	border: 1px double #006600;
	display: block;
	margin: 0.3em auto;
}
.green24 {
	font-size: 24px;
	line-height: 130%;
	font-weight: bold;
	color: #009900;
}
.green-linebox {
	color: #FFFFFF;
	background-color: #009933;
	margin: 0em 0em 0.5em 0em;
	padding: 3px 3px 3px 5px;
	border: 0px;
	font-weight: bold;
	width: auto;
}

.green_back_link, .green_back_link a {
	font-size: x-large;
	font-weight: bold;
	color: #000;
	background-color: #6F0;
	padding: 3px;
	width: auto;
	text-align: center;
	display: block;
	margin: 0.3em auto;
	line-height: 130%;
}


/*灰色系装飾*/
.glay24px {
	font-size: 24px;
	line-height: 130%;
	font-weight: bolder;
	color: #666666;
}
.glay_dodline01 {
	margin: 0em 0em 0.5em0em;
	padding: 0px 0px 5px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #666;
	font-size: medium;
	font-weight: bold;
	clear: both;
}
.radius_gray {
	border-radius: 20px;
	font-size: medium;
	text-align: center;
	margin: 0.3em auto;
	display: block;
	border: 1px solid #999;
	background: linear-gradient(#ffffff, #cccccc);
	line-height: 130%;
	padding: 5px;
	width: 95%;
}
/*各種製品一覧定義リスト*/
.itiran01 {
	height: auto;
	width: 98%;
	border-width: 2px 0px 0px 0px;
	border-style: dotted;
	border-color: #999;
	overflow: hidden;
	padding: 0.3em;
	margin: 0.4em auto;
	clear: both;
}
.itiran01 dt {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 5px 10px 5px 5px;
}
.itiran01 dd {
	width: 500px;
	float: right;
	padding: 0px;
	margin: 0px;
}
.itiran01 dd h3 {
	font-size: x-large;
	font-weight: bold;
	color: #06F;
	border-width: 0px 0px 2px 0px;
	border-style: double;
	padding: 0em 0em 0.2em 0em;
	margin: 0em 0em 0.3em 0em;
}
/*---商品画像を左に寄せて回りこませる設定-----------*/
.img {
	margin: 0px;
	padding: 5px 5px 5px 0px;;
	clear: none;
	border: 0px;
}
/*---商品画像を右に寄せて回りこませる設定----------*/
.img-right {
	margin: 0px;
	padding: 5px 0px 5px 5px;
	float: right;
	clear: both;
	height: auto;
	width: auto;
	border: 0px;
}
/*---アルカリイオン水用　設定--------*/
.ion-midashi {
	background-color: #CCFFCC;
	margin: 0.5em 0em;
	padding: 3px 3px 3px 10px;
	font-size: medium;
	border: 3px outset #009966;
}
/*---浄水器用　設定--------*/
.josui-midashi {
	background-color: #CCCCFF;
	margin: 0.5em 0em;
	padding: 3px 3px 3px 10px;
	font-size: medium;
	width: auto;
	border: 3px outset #663399;
}
.kangen-midashi {
	background-color: #99CCFF;
	margin: 0.5em 0em;
	padding: 3px 3px 3px 10px;
	font-size: medium;
	border: 3px ridge #0066CC;
}
.midori-midashi {
	padding: 5px;
	margin: 0.5em 0em 0.2em 0em;
	border-width: 1px 10px;
	border-style: solid double;
	border-color: #009966;
	clear: both;
}
/*マージンを広く取りたいとき*/
.margin_l {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}


/*シンプルなテーブル*/
.manual_table {
	width: 100%;
	margi: 0.5em auto;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #39F;
	border-collapse: collapse;
	clear: both;
	margin-bottom: 1em;
	padding: 0px;
}
.manual_table caption {
	margin-bottom: 1em;
}

.manual_table tr th {
	padding: 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #39F;
	background-color: #9CF;
	text-align: center;
	width: 33%;
}
.manual_table tr td {
	padding: 10px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #39F;
	background-color: #FFF;
	text-align: center;
}
.movie_box {
	text-align: center;
	margin-bottom: 20px;
}

.soroe {
	vertical-align: baseline;
}



/*オレンジ系装飾*/
.or-box500 {
	padding: 0px 10px 10px;
	width: 500px;
	margin: 0em auto 0.5em auto;
	border: 2px solid #FF6600;
	background-color: #FFFFEE;
}
.or-midashi01 {
	background-color: #FF6600;
	margin: 0.2em 0em 0.3em 0em;
	border: 3px solid #FF3300;
	color: #FFFFFF;
	padding: 3px 3px 3px 10px;
	clear: both;
}
.or-line01 {
	margin: 0.5em 0em;
	padding: 3px 3px 3px 10px;
	border-width: 2px 0px;
	border-style: solid;
	border-color: #FF6600;
	color: #333333;
}
.or-M {
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #FF6600;
	margin: 0px;
}
.blue-box01 {
	background-color: #CCFFFF;
	padding: 3px;
	border: 1px double #000099;
	display: block;
	margin: 0.3em auto;}
.or-box01 {
	background-color: #FFCC99;
	padding: 3px;
	border: 1px double #FF6600;
	display: block;
	margin: 0.3em auto;
}
.or-box02 {
	border: 3px solid #FF3300;
	display: block;
	margin: 0.3em auto;
	list-style-position: inside;
}
.or-box02 tr td {
	padding: 5px;
	vertical-align: top;
}
.or-box02 tr th {
	text-align: center;
	padding: 10px;
}
.or-l {
	font-size: large;
	line-height: 130%;
	font-weight: bold;
	color: #FF6600;
	margin: 0px;
}
/*ピンク系装飾*/
.pink20 {
	font-size: 20px;
	line-height: 130%;
	font-weight: bold;
	color: #FF3366;
	vertical-align: bottom;
}
.pink {
	color: #FF3366;
}
.pink-box {
	border-width: 3px;
	border-style: double;
	border-color: #FF9999 #FF0033 #FF0033 #FF3366;
	background-image: url(../index-img/pink-back.gif);
	padding: 10px;
	width: 80%;
	margin: 0.5em auto;
	list-style-position: inside;
}
/*赤系装飾*/
.red-midashi {
	background-color: #FFCCCC;
	margin: 0.5em 0em;
	padding: 5px 5px 5px 10px;;
	font-size: medium;
	border-top: 0px inset #FF0033;
	border-right: 0px none #FF0033;
	border-bottom: 5px inset #FF0033;
	border-left: 5px inset #FF0033;
}
.red-M {
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #FF0000;
	margin: 0px;
	padding: 0.5em 0em;
}
.red-L {
	font-size: large;
	line-height: 140%;
	font-weight: bold;
	color: #FF0000;
	padding: 0.5em 0em;
	margin: 0em;
}
.red-box {
	border-width: 3px;
	border-style: double;
	border-color: #FF9999 #FF0033 #FF0033 #FF3366;
	url(../index-img/pink-back.gif);
	padding: 5px;
	width: 90%;
	margin: 0.5em auto;
	text-align: center;
	font-weight: bold;
	color: #CC0000;
}
.red-block {
	border-width: 1px;
	border-style: solid;
	border-color: #FF3333 #CC0000 #990000 #FF3333;
	font-size: small;
	margin: 1em;
	padding: 5px;
	line-height: 110%;
	clear: both;
	overflow: hidden;
	list-style-position: inside;
}
.red-radius {
	padding: 5px;
	clear: both;
	overflow: hidden;
	list-style-position: inside;
	border: 2px solid #FF3333;
	border-radius: 10px;
	margin: 0.5em;
}

.red_midashi01 {
	font-size: medium;
	font-weight: bold;
	background-color: #FF0;
	margin: 0em 0em  0.5em 0em;
	padding: 3px 3px 3px 15px;
	border-width: 1px 30px;
	border-style: solid double solid solid;
	border-color: #F00;
}
.red-linebox {
	color: #FFFFFF;
	background-color: #FF0000;
	margin: 0em 0em 0.5em 0em;
	padding: 3px 3px 3px 5px;
	border: 0px;
	font-weight: bold;
	width: auto;
	border-radius: 8px;
}
/*カートリッジ等の買い物かご　赤いボタン(CSS)*/
.red_btn {
	/* [disabled]font-weight: bold;
*/
	color: #FFF;
	background-color: #F00;
	width: 96%;
	border: 1px outset #C00;
	margin: 0.5em auto;
	border-radius: 10px;
	padding: 5px 0px;
}
.rank-midashi {
	background: linear-gradient(top, #ffffff, #D9D900);
	border-radius: 10px;
	borde-width: 4px;
	border-style: outset solid;
	border-color: #CCCC00;
	font-size: medium;
	line-height: 13px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	margin: 1em 0em 0.5em 0em;
	padding: 8px0px;
	background-image: url(../index-img/rank/craun.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	height: auto;
}
.ranking_h {
	height: 85px;
	width: 100%;
	background-image: url(../index-img/rank/ranking_midashi01_b.gif);
	background-repeat: repeat-x;
	padding: 0px;
	background-position: bottom;
	margin: 0ex;
}
.search_box {
	border: 2px double #999;
	width: 550px;
	margin: 0.5em auto;
	padding: 0px 10px 10px 10px;
}
.search_box h3 {
	color: #06F;
	text-align: center;
	font-size: medium;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 5px;
}
.search_box input {
	padding: 3px;
	font-size: medium;
}
/*商品仕様のテーブル*/
.shiyo_t {
	border-collapse: separate;
	border-spacing: 0px;
}
.shiyo_t {
	padding: 0px;
	width: 100%;
	margin: 0.5em 0em;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	clear: both;
}
.shiyo_t td {
	padding: 3px 3px 3px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #999;
}
.shiyo_t th {
	padding: 3px 10px 3px 3px;
	text-align: right;
	background-color: #CCCCCC;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #999999;
	font-weight: normal;
	margin: 0px;
}
/*商品一覧定義リスト*/
.shouhin_list {
	border: 1px solid #999;
	height: auto;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 0.5em 0em;
}
.shouhin_list dt {
	float: left;
	margin: 0%;
	width: 15%;
	padding: 2%;
	display: block;
}
.shouhin_list dt img {
	padding: 0%;
	margin: 0%;
	height: auto;
}
.shouhin_list dd {
	vertical-align: top;
	width: 78%;
	display: block;
	padding: 2%;
	float: right;
}
.shouhin_list dd form {
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding: 0px 1px 0px 0px;
}
.shouhin_list dd a:link {
	font-weight: bold;
	display: block;
	border-width: 2px;
	border-style: outset;
	padding: 5px;
	text-align: right;
	color: #00F;
	clear: both;
}
.shouhin_list dd a:visited {
	font-weight: bold;
	background-color: #FFF;
	display: block;
	border-width: 2px;
	border-style: outset;
	padding: 5px;
	text-align: right;
	color: #00F;
	clear: both;
}
.shouhin_list dd a:hover {
	font-weight: bold;
	background-color: #FC0;
	display: block;
	border-width: 2px;
	border-style: inset;
	padding: 5px;
	text-align: right;
	color: #003;
	clear: both;
}

/*シンプルなテーブル*/
.simple_table {
	width:100%;
	padding: 0px;
	margi: 0.5em auto;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #666;
	clear: both;
	border-collapse: collapse;
}
.simple_table tr th {
	padding: 5px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #666;
	background-color: #FFF;
}
.simple_table tr td {
	padding: 5px;
	border-width: 1px 1px 1px 0px;
		border-style: solid;
	border-color: #666;
	background-color: #FFF;
	text-align: left;
}

/*カートリッジバナー半透明*/
.side_alpha_bn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/*グラデボタン*/
.tokka_btn a:link {
	color: #fff;
	border: 4px outset #8C0000;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #3F0;
	/*For Modern Browser*/
	background: linear-gradient(  #FF0000 0%,  #8C0000 100% );
	display: block;
	text-decoration: none;
	height: 40px;
	width: auto;
	padding-top: 15px;
	text-align: center;
	margin: 0.2em 0em;
}
.tokka_btn a:visited {
	color: #fff;
	border: 4px outset #8C0000;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #3F0;
	/*For Modern Browser*/
	background: linear-gradient(  #FF0000 0%,  #8C0000 100% );
	display: block;
	text-decoration: none;
	height: 40px;
	width: auto;
	padding-top: 15px;
	text-align: center;
	margin: 0.2em 0em;

}
.tokka_btn a:hover {
	border: 4px inset #8C0000;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #FF9999;
	/*For Modern Browser*/
	background: linear-gradient(  #FF0000 0%,  #8C0000 100% );
	color: #FFFFCC;
	display: block;
	height: 38px;
	width: auto;
	padding-top: 17px;
	text-align: center;
	margin: 0.2em 0em;

}
/*グラデボタン002*/
.tokka_btn02 a:link {
	color: #fff;
	border: 4px outset #060;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #3F0;
	/*For Modern Browser*/
	background: linear-gradient( #0C0 0%, #090 100% );
	display: block;
	text-decoration: none;
	height: 40px;
	width: auto;
	padding-top: 15px;
	text-align: center;
	margin: 0.2em 0em;

}
.tokka_btn02 a:visited {
	color: #fff;
	border: 4px outset #060;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #3F0;
	/*For Modern Browser*/
	background: linear-gradient( #0C0 0%, #090 100% );
	display: block;
	text-decoration: none;
	height: 40px;
	width: auto;
	padding-top: 15px;
	text-align: center;
	margin: 0.2em 0em;

}
.tokka_btn02 a:hover {
	border: 4px inset #060;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #FF9999;
	/*For Modern Browser*/
	background: linear-gradient( #0C0 0%, #090 100% );
	color: #FFFFCC;
	display: block;
	height: 38px;
	width: auto;
	padding-top: 17px;
	text-align: center;
	margin: 0.2em 0em;

}

/*グラデボタン003*/
.tokka_btn03 a:link {
	color: #fff;
	border: 4px outset #002DB2;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #002DB2;
	/*For Modern Browser*/
	background: linear-gradient( #73B9FF 0%, #002DB2 100% );
	display: block;
	text-decoration: none;
	height: 40px;
	width: auto;
	padding-top: 15px;
	text-align: center;
	margin: 0.2em 0em;

}
.tokka_btn03 a:visited {
	color: #fff;
	border: 4px outset #002DB2;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #002DB2;
	/*For Modern Browser*/
	background: linear-gradient( #73B9FF 0%, #002DB2 100% );
	display: block;
	text-decoration: none;
	height: 40px;
	width: auto;
	padding-top: 15px;
	text-align: center;
	margin: 0.2em 0em;

}
.tokka_btn03 a:hover {
	border: 4px inset #002DB2;
	font-size: 28px;
	font-weight: bolder;
	border-radius: 10px;
	/*Other Browser*/
	background: #73B9FF;
	/*For Modern Browser*/
	background: linear-gradient( #002DB2 0%,#73B9FF 100% );
	color: #fff;
	display: block;
	height: 38px;
	width: auto;
	padding-top: 17px;
	text-align: center;
	margin: 0.2em 0em;

}

/*ボタン02*/
.btn01{
	background: #F00;
	color: #FFF;
	font-weight: bold;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #990000;
	-moz-box-shadow: 0px 5px 0px 0px #990000;
	-webkit-box-shadow: 0px 5px 0px 0px #990000;
	text-decoration: none;
	margin: 0.5em 0;
}
.btn01 a:link,.btn01 a:visited{
	color: #FFF;
	text-decoration: none;
	display: block;
	height: auto;
	width: auto;
	padding: 0.5em;
}
.btn01:hover {
	box-shadow: none;
	transform: translate3d(0, 5px, 0);
	color: #FFF;
	text-decoration: none;
}



.tel_ico {
	font-size: 50px;
	color: #F30;
	background-image: url(../index-img/free_call.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 65px;
	line-height: 90%;
	height: 50px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "メイリオ";
	display: block;
	overflow: hidden;
}
.kenkai_txt {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

/*---青系見出し(バリュ－クラスタで使ってた)--------------*/
.vc-midashi {
	font-size: medium;
	color: #333333;
	background-color: #CCCCFF;
	border: 3px outset #003399;
	clear: both;
	margin: 0.3em 0em;
	padding: 3px 3px 3px 10px;
}
/*黄色背景赤字見出し*/
.yellow-back {
	background-color: #FFFF66;
	padding: 5px;
	margin: 0em 0em 0.5em 0em;
	list-style-position: inside;
	width: 98%;
}
.yellow-box {
	padding: 10px;
	width: 500px;
	margin: 0em auto 0.5em auto;
	border: 2px solid #003399;
	background-color: #FFFFEE;
	list-style-position: inside;
}
.yellow {
	color: #FFCC00;
}
.yell_back_link, .yell_back_link a {
	font-size: x-large;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	width: auto;
	text-align: center;
	display: block;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	line-height: 130%;
}
.yell_back {
	font-size: medium;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
.yell_back_ll {
	font-size: x-large;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding: 3px;
}


/*ふわふわする*/
.fuwafuwa {
	-webkit-animation-name: fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function: ease;
	-moz-animation-name: fuwafuwa;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function: ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
 0% {
-webkit-transform:translate(0, 0);
}
 50% {
-webkit-transform:translate(0, -10px);
}
 100% {
-webkit-transform:translate(0, 0);
}
}
@-moz-keyframes fuwafuwa {
 0% {
-moz-transform:translate(0, 0);
}
 50% {
-moz-transform:translate(0, -10px);
}
 100% {
-moz-transform:translate(0, 0);
}
}


/* スマホ用の下メニューボタン */
#subnavi {
	width: 150px;
	position: fixed;
	right: 0;
	bottom: 0px;
}
#subnavi div#subbox {
	padding: 0;
}
#subnavi p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#subnavi p a img {
	width: 100%;/* PCの時画像幅100% */
}
/* PCのみ電話ボタン非表示
#sub_phone {
	display: none;
} */

/* スマホ用
@media screen and ( max-width:768px ) {

	#subnavi, #subnavi div#subbox {
		width: 800px;
	}
	#sub_phone {
		display: block;
	}
} */




/*lightbox用*/
.box01 {
	border: 3px solid #F60;
	padding: 10px;
	overflow: hidden;
	margin-top: 2em;
	margin-bottom: 2em;
	border-radius: 20px;
}
/*lightbox用*/
.img_box {
	padding: 1.5%;
	border: 1px solid #999;
	float: left;
	width: 20%;
	margin: 5px;
}
.pc_none {
	display: none;
}
/*LINE@の友達追加ボックス*/

.flex_box {
	display: flex;
}
.gree_3column {
	margin: 1%;
	padding: 1%;
	width: 29%;
	border: 3px solid #0C0;
	border-radius: 10px;
	font-weight: bold;
	color: #090;
}
.line_h {
	border-radius: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #0C0;
	font-size: x-large;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.flex_box .gree_3column p {
	margin: 0px;
	padding: 0px;
}
.flex_box .gree_3column .lineid {
	font-size: 40px;
	color: #333;
	font-weight: bold;
	padding-top: 20%;
	text-align: center;
	vertical-align: bottom;
}
/*サイドメニュー角丸見出し*/
.h_radius_blue {
	color: #FFF;
	background-color: #09F;
	width: 96%;
	border-radius: 5px;
	text-align: center;
	padding: 2%;
}




/*買い物かごへジャンプ */
#cartjamp {
	/*display: none;*/
	position: fixed;
	bottom: 80px;
	right: 30px;
}
#cartjamp a {
	background-color: #09F;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	border-radius: 10px;
}


/* とるゾウ見解ページの見出し*/

.kenkai_txt h3 {
	border-bottom: solid 3px skyblue;
	position: relative;
	font-size: x-large;
	padding-bottom: 5px;
}

.kenkai_txt h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ffc778;
	bottom: -3px;
	width: 33%;
}
.kenkai_txt p {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	line-height: 145%;
}


.kenkai_txt .h_box01 {
	padding: 1%;
	border: 2px solid #9CF;
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/* 買い物かごボタン */
input[type="submit"], input[type="button"] {
	-webkit-appearance: none;	/* iOSデフォデザイン強制解除 */
}
.red-block input[type="submit"],  .buy-table input[type="submit"],  dl.cart_list input[type="submit"],  dl.shouhin_list input[type="submit"] ,#cart-table1 input[type="submit"]{
	background: #F00;
	color: #FFF;
	font-weight: bold;
	font-size: large;
	margin: 0.5em 0;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #990000;
	-moz-box-shadow: 0px 5px 0px 0px #990000;
	-webkit-box-shadow: 0px 5px 0px 0px #990000;
	padding: 0.5em;
}
.red-block input[type="submit"]:hover,  .buy-table input[type="submit"]:hover,  dl.cart_list input[type="submit"]:hover,  dl.shouhin_list input[type="submit"]:hover,#cart-table1  input[type="submit"]:hover {
	box-shadow: none;
	transform: translate3d(0, 5px, 0);
}

/* 説明書DL*/

.flex_box{
	display:flex;}

.box_left {
	width: 350px;
	
	border: 1px solid #9CF;
	padding: 8px;
	margin-bottom:10px;
}


.box_right {
	width: 350px;
	border: 1px solid #9CF;
	padding: 8px;
	margin:0 0 10px 10px;
}


.blue_btn{
	background: #39F;
	clear: both;
	border-radius: 10px;
}
.blue_btn a {
	display: block;
	padding: 2px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

/* カートリッジページ幅広タイルアイコン*/

.wide_icobox ul {
　　display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.wide_icobox ul li{
	text-align: center;
	display: block;
	border: 1px solid #F90;
	padding: 0px;
	margin: 0px;
	width: 24%;
}
.wide_icobox ul .ico_txt01 {
	font-size: large;
	font-weight: bold;
	color: #9CF;
	line-height: 135%;
	padding: 10px;

}