@charset "UTF-8";
/* --------------------------------------------------------------
▼基本設定【template02_4】
-------------------------------------------------------------- */

* {
	font-size: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

html {
	background-color : #1a001a;
}

body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: black;/*文字色*/
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: center;
	background-color: white;
	min-width:1180px;
}

img {
	border-width: 0px;
}

a {
	color : #850542;			/*リンク部分の文字色▼*/
}

a:hover {
	color : #a90570;			/*リンク部分のマウスオーバー時の文字色▼*/
}

a:hover img {
	opacity: 0.6;				/*リンク画像 マウスオーバー時の透明度 IE以外のモダンブラウザ用*/
	filter: alpha(opacity=60);		/*リンク画像 マウスオーバー時の透明度 IE用*/
}

span {
	/*color : #cb0787;*/			/*spanタグを使用した時の文字色▼*/
}

strong {
	/*color : #78053c;*/			/*strongタグを使用した時の文字色▼*/
}

p {
	padding-bottom: 15px;
}

p.line {
	line-height: 22px;
	background-image: url(images/line_dot.gif);
	background-repeat: repeat;
}
/* --------------------------------------------------------------
▼ヘッダー部分の設定             20170307 t.yamazaki
-------------------------------------------------------------- */

#header {
	width: 100%;
	min-width:1180px;
	/*width: 1160px;*/
	/*background-image : url(images/bg01w-540329.gif); */
        /*ヘッダーの背景色指定 右　左  rgba(R,G,B,透明度)*/ 
	background: linear-gradient(-45deg, rgba(177, 241, 172, .2), rgba(74, 176, 66, .0))fixed,	/* Summer 6～8  青系*/

	/*ヘッダーの背景画像指定*/
	/*background-image: */
	url(images/HedderImage2021.png);		/*グリーン系イメージ画像*/

 	background-size: cover;
　　　　background-repeat: repeat;
	background-position: right top;
	margin-right: auto;
	margin-left: auto;
}

#header-inner {

	/*width: 900px;/*　元　*/
	width: 100%;/*　テスト20190508　*/
	height: 80px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
nav {
	width:100%;
	min-width:1180px;
	}
/*見出し(h1タグ)FLASHメニュー左上部に表示されているテキスト部分
----------------------------------------------------------*/

h1 {
	font-size: 12px;			/*文字サイズ*/
	color: #ffffff;				/*文字色*/
	font-weight: normal;			/*文字の太さ*/
	text-align: center;
	/*padding-top: 5px;*/
}
/*右上部に表示されているテキスト部分
----------------------------------------------------------*/

#header #comment {
	color : black;	/*文字色*/
	width: 235px;
	height: 88px;
	text-align: left;
	background-image : url(images/imgbg01-240x85_d987ba.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 5px;
	position: absolute;
	right: 0px;
	top: 0px;
}
/* --------------------------------------------------------------
▼トップメニュー・フラッシュメニュー部分の設定
-------------------------------------------------------------- */

/*トップメニュー
----------------------------------------------------------*/

#topline {
        background-color: #eb509b;　　　　	/*背景色*/
	background-repeat: repeat-x;
	width: 100%;
	height: 16px;
	text-align: center;
	margin:0px;
	/*padding: 4px;
	padding-left: 20px;*/
	border-left-style: none;
	position: relative;
	overflow: hidden;
}
ul#topmenu {
        background-color: #eb509b;	  	/*背景色*/
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
	text-align: center;
	padding-top: 5px;
	border-left-style: none;
	position: relative;
	overflow: hidden;
}

ul#topmenu li {
	/*color : #990099;			/*リンクなし　文字色▼*/
	/*color : #fde000;			/*リンクなし　文字色▼*/
	color : #BDC3C9;			/*リンクなし　文字色▼*/
	font-weight: bold;			/*文字の太さ*/
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	display: inline;
}

ul#topmenu li.last {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}

ul#topmenu li a {
	/*color: #e8e8e8;			/*文字色▼*/
	color: #E9EAEA;				/*文字色▼*/

	text-decoration: none;			/*下線を表示しない設定*/
}

ul#topmenu li a:hover {
	color : #990099;			/*マウスオーバー時の文字色▼*/
}
/*FLASHメニュー
----------------------------------------------------------*/

#flashmov {
	/*width: 900px;/*　元 */
	width: 974px;/*　20180125テスト */
	height: 315px;
	margin-left: auto;
	margin-right: auto;
}

#flashmov p#noscript {
	font-size: 15px;			/*文字サイズ*/
	text-align: center;
	top: 100px;
	position: relative;
}
/* --------------------------------------------------------------
▼コンテナ  20180125
-------------------------------------------------------------- */

#container {
	/*width: 900px;/* 元 */
	width: 1160px;/* テスト20180130 */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: static;
	border-width: 1px 1px 0px 1px;
	border-style: hidden;
        /*border-color: #d9d9d9;*/
        border-color: #000000;

}

#container-inner {
	/*width: 870px;/* 元 */
	width: 1160px;/* 20180125テスト900　*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 15px;
}
/* --------------------------------------------------------------
▼メイン部分の設定
-------------------------------------------------------------- */

#main {
	/*width: 650px;  /*  index用はサイドバーがあるので650px  */
	width: 940px;  				/*  index用はサイドバーがあるので  */
	text-align: left;
	float: right;
}
/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main h2 {
	height: 20px;				/*26*/
	font-size: 100%;			/*文字サイズ*/
	color : white;				/*文字色▼*/
	line-height: 24px;			/*28*/
	background-image : url(images/TitleLine754.jpg);
	background-repeat: round;

        border-left:5px solid #7cc28e;  
        border-bottom:2px solid #7cc28e; 

        padding:.6em .8em  

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main h3 {
	font-size: 100%;			/*文字サイズ*/
	color : #ffffff;			/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-color: #009900;      	/*見出し(h3タグ)の背景色▼*/
	background-repeat: round;

	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
}

#main h4 {
	font-size: 100%;			/*文字サイズ*/
	color : #ffffff;			/*文字色*/
	background-image : url(images/icon02_8f067a.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼メイン2部分の設定
-------------------------------------------------------------- */

#main2 {
	/*width: 870px;  			/*  20110929  */
	width: 1160px;  			/*  20170130  */
}
/*メイン2部分の見出しタグ
----------------------------------------------------------*/

#main2 h2 {
	height: 26px;
	font-size: 100%;			/*文字サイズ*/
	color : white;				/*文字色▼*/
	line-height: 28px;
	background-color: #009900;      	/*見出し(h2タグ)の背景色▼*/

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
	min-width:1160px;
}

#main2 h3 {
	font-size : 117%;			/*文字サイズ*/
	color : #ffffff;			/*文字色▼*/
	line-height: 23px;
	margin-bottom: 10px;
	background-color: #009900;      	/*見出し(h3タグ)の背景色▼*/
	/*background-repeat: round;*/
        background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
	min-width:1160px;
}
#main2 h3:before {
	content:"▼　";　			/*見出し(h3タグ)の頭に記号*/
　　　　color:#670344;
}

#main2 h4 {
	font-size: 100%;	        	/*文字サイズ*/
	color : #000000;			/*文字色*/
	background-image : url(images/icon02_8f067a.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼メイン3部分の設定
-------------------------------------------------------------- */

#main3 {
	/*width: 870px;    /* 20180130    */
	width: 1160px;
	text-align: middle;
	float: middle;
	
}
/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main3 h2 {
	height: 26px;
	font-size: 100%;			/*文字サイズ*/
	color : black;				/*文字色▼*/
	line-height: 28px;
	background-color: #009900;      	/*見出し(h2タグ)の背景色▼*/

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main3 h3{
	font-size: 100%;			/*文字サイズ*/
	color : #670344;			/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-color: #009900;      	/*見出し(h3タグ)の背景色▼*/
	/*background-repeat: no-repeat;*/
	padding-bottom: 2px;
	padding-left: 12px;
	
}

#main3 h4 {
	font-size: 100%;			/*文字サイズ*/
	color : #88045a;			/*文字色*/
	background-image : url(images/icon02_8f067a.gif);;	/*見出し(h4タグ)の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼メイン4部分の設定 パートナーリスト
-------------------------------------------------------------- */

#main4 {
	/*width: 870px;    /* 20180130    */
	width: 1160px;
	text-align: middle;
	float: middle;
	
}
/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main4 h2 {
	height: 26px;
	font-size: 100%;			/*文字サイズ*/
	color : white;				/*文字色▼*/
	line-height: 28px;
	background-color: #009900;              /*見出し(h2タグ)の背景色▼*/

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main4 h3 {
	font-size: 100%;			/*文字サイズ*/
	color : #670344;			/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-color: #009900;              /*見出し(h3タグ)の背景色▼*/
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
	
}

#main4 h4 {
	font-size: 100%;			/*文字サイズ*/
	color : #88045a;			/*文字色*/
	background-image : url(images/icon02_8f067a.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼メイン5部分の設定
-------------------------------------------------------------- */

#main5 {
	/*width: 870px;    /* 20180130    */
	width: 1160px;
	text-align: middle;
	float: middle;
	
}
/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main5 h2 {
	height: 26px;
	font-size: 100%;			/*文字サイズ*/
	color : white;				/*文字色▼*/
	line-height: 28px;
	background-color: #eb509b;              /*見出し(h2タグ)の背景色▼*/

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main5 h3 {
	font-size: 100%;			/*文字サイズ*/
	color : #670344;			/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-color: #009900;              /*見出し(h3タグ)の背景色▼*/
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
	
}

#main5 h4 {
	font-size: 100%;			/*文字サイズ*/
	color : #88045a;			/*文字色*/
	background-image : url(images/icon02_8f067a.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/
	
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼メイン6部分の設定
-------------------------------------------------------------- */

#main6 {
	/*width: 870px;    /* 20180130    */
	/*width: 984px;	   /* 20180418    */
	width: 360px;	   
	text-align: middle;
	float: middle;
	
}
/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main6 h2 {
	height: 26px;
	font-size: 100%;			/*文字サイズ*/
	color : white;				/*文字色▼*/
	line-height: 28px;
	background-color: #009900;              /*見出し(h2タグ)の背景色▼*/

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}
#main6 h3 {
	font-size : 117%;			/*文字サイズ*/
	color : #ffffff;			/*文字色▼*/
	line-height: 23px;
	margin-bottom: 10px;
	background-color: #009900;              /*見出し(h3タグ)の背景色▼*/
	/*background-repeat: round;*/
        background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
	min-width:1160px;
}

/* --------------------------------------------------------------
▼メイン7部分の設定
-------------------------------------------------------------- */

#main7 {
	/*width: 870px;    /* 20180130    */
	width: 984px;
	text-align: middle;
	float: middle;
	
}
/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main7 h2 {
	height: 26px;
	font-size: 100%;			/*文字サイズ*/
	color : black;				/*文字色▼*/
	line-height: 28px;
	background-color: #009900;              /*見出し(h2タグ)の背景色▼*/

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main7 h3 {
	font-size: 100%;			/*文字サイズ*/
	color : #670344;			/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-color: #009900;              /*見出し(h3タグ)の背景色▼*/
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
	
}

#main7 h4 {
	font-size: 100%;			/*文字サイズ*/
	color : #88045a;			/*文字色*/
	background-color: #009900;              /*見出し(h4タグ)の背景色▼*/
	
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼メイン8部分の設定
-------------------------------------------------------------- */

#main8 {
	/*width: 870px;    /* 20180130    */
	/*width: 984px;	   /* 20180418    */
	width: 550px;	   
	text-align: middle;
	float: middle;
	
}
/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main8 h2 {
	height: 26px;
	font-size: 100%;			/*文字サイズ*/
	color : white;				/*文字色▼*/
	line-height: 28px;
	background-color: #009900;              /*見出し(h2タグ)の背景色▼*/

	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}
/* --------------------------------------------------------------
▼メイン9部分の設定
-------------------------------------------------------------- */

#main9 {
	/*width: 870px;  /*  20110929  */
	width: 1160px;  /*  20170130  */
}
/*メイン9部分の見出しタグ
----------------------------------------------------------*/

#main9 h3 {
	font-size : 117%;			/*文字サイズ*/
	text-align:center;
	color : #ffffff;			/*文字色▼*/
	line-height: 23px;
	margin-bottom: 10px;
	background-color: #009900;              /*見出し(h3タグ)の背景色▼*/
	/*background-repeat: round;*/
        background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
	min-width:1160px;
}
#main9 h3:before {
	/*content:"▼";　			/*見出し(h3タグ)の頭に記号*/
　　　　color:#670344;
}

/*メイン部分のボックス
----------------------------------------------------------*/

#main div.box {
	border-width: 1px;			/*ボーダーの太さ*/
	border-style: solid;			/*ボーダースタイル*/
	border-color: #cccccc;			/*ボーダーカラー▼*/
	padding: 5px;
	margin-bottom: 10px;
}

#main div.box p {
	padding-bottom: 0px;
}
/*メイン部分のボックス(2カラム)
----------------------------------------------------------*/

#main div.box2column {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main div.box2column_left {
	float: left;
	width: 310px;
	padding: 5px;
	border-width: 1px;			/*ボーダー枠の太さ*/
	border-style: solid;			/*ボーダー枠のスタイル*/
	border-color: #cccccc;			/*ボーダー枠カラー▼*/
}

* html #main div.box2column_left {
	width: 320px;				/*IE6用*/
}

#main div.box2column_right {
	float: right;
	width: 310px;
	padding: 5px;
	border-width: 1px;			/*ボーダー枠の太さ*/
	border-style: solid;			/*ボーダー枠のスタイル*/
	border-color: #cccccc;			/*ボーダー枠カラー▼*/
}

* html #main div.box2column_right {
	width: 320px;				/*IE6用*/
}

#main div.box2column p {
	padding-bottom: 0px;
}
/*メイン2部分のボックス
----------------------------------------------------------*/

#main2 div.box {
	border-width: 1px;			/*ボーダーの太さ*/
	border-style: solid;			/*ボーダースタイル*/
	border-color: #cccccc;			/*ボーダーカラー▼*/
	padding: 5px;
	margin-bottom: 10px;
}

#main2 div.box p {
	padding-bottom: 0px;
}
/*メイン2部分のボックス(2カラム)
----------------------------------------------------------*/

#main2 div.box2column {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main2 div.box2column_left {
	float: left;
	width: 310px;
	padding: 5px;
	border-width: 1px;			/*ボーダー枠の太さ*/
	border-style: solid;			/*ボーダー枠のスタイル*/
	border-color: #cccccc;			/*ボーダー枠カラー▼*/
}

* html #main div.box2column_left {
	width: 320px;	/*IE6用*/
}

#main2 div.box2column_right {
	float: right;
	width: 310px;
	padding: 5px;
	border-width: 1px;			/*ボーダー枠の太さ*/
	border-style: solid;			/*ボーダー枠のスタイル*/
	border-color: #cccccc;			/*ボーダー枠カラー▼*/
}

* html #main div.box2column_right {
	width: 320px;	/*IE6用*/
}

#main2 div.box2column p {
	padding-bottom: 0px;
}

/*イメージボックス
----------------------------------------------------------*/

#main div.imagebox {
	width: 100%;
	height: 300px;　			/*2019/02/14 商品情報表示行３行に変更  tyamazaki*/
	margin-bottom: 15px;
	position: relative;
	/*overflow: hidden;*/
	overflow: auto;
}
#main div.imagebox2 {
	width: 100%;
	height: 300px;  			/*2019/02/14 入荷予定表示行３行に変更  tyamazaki*/
	margin-bottom: 15px;
	position: relative;
	/*overflow: hidden;*/
	overflow: auto;
}

#main div.box div.imagebox {
	margin-bottom: 0px;
}
/*イメージボックス2
----------------------------------------------------------*/

#main2 div.imagebox {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main2 div.box div.imagebox {
	margin-bottom: 0px;
}


/*イメージボックス アルバム（画像を並べて表示する設定になっている部分）
----------------------------------------------------------*/

#main ul.imagebox_album li {
	border-width: 1px;			/*画像 ボーダー枠の太さ*/
	border-style: solid;			/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;			/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;		/*画像 枠の余白部分カラー▼*/
	padding: 4px;				/*画像 枠の余白幅*/
	margin: 5px;
	float: left;
}

* html #main ul.imagebox_album li {
	display: inline;	/*IE6用*/
}

#main ul.imagebox_album img {
	vertical-align: bottom;
}
/*イメージボックス
----------------------------------------------------------*/------ディスプレイ情報用

#main div.imagebox2 {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
/*イメージボックス アルバム（画像を並べて表示する設定になっている部分）------ディスプレイ情報用
----------------------------------------------------------*/

#main ul.imagebox_album2 li {
	width:150px;				/*120*/
	height:268px;                   	/*128*/
	border-width: 1px;			/*画像 ボーダー枠の太さ*/
	border-style: solid;			/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;			/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;		/*画像 枠の余白部分カラー▼*/
	padding: 4px;				/*画像 枠の余白幅*/
	margin: 5px;
	margin-left:22px;
	float: left;
}

* html #main ul.imagebox_album li {
	display: inline;	/*IE6用*/
}

#main ul.imagebox_album img {
	vertical-align: bottom;
}
/*イメージボックス レフト（左側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main div.imagebox_left {
	background-color: white;
	padding-right: 10px;
	float: left;
}

#main div.imagebox_left img {
	border-width: 1px;			/*画像 ボーダー枠の太さ*/
	border-style: solid;			/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;			/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;		/*画像 枠の余白部分カラー▼*/
	padding: 5px;				/*画像 枠の余白幅*/
}
/*イメージボックス ライト（右側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main div.imagebox_right {
	background-color: white;
	padding-left: 10px;
	float: right;
}

#main div.imagebox_right img {
	border-width: 1px;			/*画像 ボーダー枠の太さ*/
	border-style: solid;			/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;			/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;		/*画像 枠の余白部分カラー▼*/
	padding: 5px;				/*画像 枠の余白幅*/
}
/*テキストボックス（What's New部分）
----------------------------------------------------------*/

#main dl.textbox {
	/*width: 638px;				/*枠の幅  20110929 indexのWhatsNew */
	width: 744px;				/*枠の幅  20110929 indexのWhatsNew 744*/
	height: 260px;				/*枠の高さ*/
	line-height: 18px;			/*行の高さ*/
	border-width: 1px;			/*ボーダー枠の太さ*/
	border-style: solid;			/*ボーダー枠のスタイル*/
	border-color: #ccc;			/*ボーダー枠のカラー*/
	padding: 5px;
	margin-bottom: 15px;
	overflow: auto;
}

* html #main dl.textbox {
	width: 754px;	/*IE6用  20110929 indexのWhatsNew  */
}

#main dl.textbox dt {
	color: #2e4a02;		        	/*更新日時部分の文字色*/
	font-weight: bold;			/*更新日時部分の文字の太さ*/
	background-image: url(images/icon01_2e4204.gif);	/*更新日時の先頭に表示される画像*/
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	padding-right: 10px;
	float: left;
}
#newinfo_urgent {
	/*color: red;*/
	/*height: 240px;*/  /*  2012/11/21  */
}
#newinfo_nomal {
	/*color: blue;*/ 
}
/*テキストボックス2（What's New部分）20180208
----------------------------------------------------------*/

#main dl.textbox2 {
	/*width: 638px;				/*枠の幅  20110929 indexのWhatsNew */
	width: 455px;				/*枠の幅  20180208 indexのWhatsNew 744*/
	height: 360px;				/*枠の高さ 20180417 260*/
	line-height: 18px;			/*行の高さ*/
	border-width: 1px;			/*ボーダー枠の太さ*/
	border-style: solid;			/*ボーダー枠のスタイル*/
	border-color: #ccc;			/*ボーダー枠のカラー*/
	padding: 5px;
	margin-right: 8px;
	margin-bottom: 15px;
	overflow: auto;
}

* html #main dl.textbox {
	width: 380px;	/*IE6用  20110929 indexのWhatsNew  */
}

#main dl.textbox2 dt {
	color: #2e4a02;				/*更新日時部分の文字色*/
	font-weight: bold;			/*更新日時部分の文字の太さ*/
	background-image: url(images/icon01_2e4204.gif);	/*更新日時の先頭に表示される画像*/
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	padding-right: 10px;
	float: left;
}
#newinfo_urgent {
	/*color: red;*/
	/*height: 240px;*/  /*  2012/11/21  */
}
#newinfo_nomal {
	/*color: blue;*/
}
/*トピックパス（パンくずリスト|上位ページへのリンク部分）
----------------------------------------------------------*/

#main #topic-path {
	margin-bottom: 6px;
}

#main #topic-path a {
	background-image: url(images/path.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	margin-left: 5px;
}

#main #topic-path strong {
	margin-left: 5px;
}
/*イメージボックス アルバム2（画像を並べて表示する設定になっている部分）
----------------------------------------------------------*/

#main2 ul.imagebox_album li {
	border-width: 1px;			/*画像 ボーダー枠の太さ*/
	border-style: solid;			/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;			/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;		/*画像 枠の余白部分カラー▼*/
	padding: 4px;				/*画像 枠の余白幅*/
	margin: 5px;
	float: left;
}

* html #main ul.imagebox_album li {
	display: inline;			/*IE6用*/
}

#main2 ul.imagebox_album img {
	vertical-align: bottom;
}
/*イメージボックス レフト2（左側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main2 div.imagebox_left {
	background-color: white;
	padding-right: 10px;
	float: left;
}

#main2 div.imagebox_left img {
	border-width: 1px;			/*画像 ボーダー枠の太さ*/
	border-style: solid;			/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;			/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;		/*画像 枠の余白部分カラー▼*/
	padding: 5px;				/*画像 枠の余白幅*/
}
/*イメージボックス ライト2（右側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main2 div.imagebox_right {
	background-color: white;
	padding-left: 10px;
	float: right;
}

#main2 div.imagebox_right img {
	border-width: 1px;			/*画像 ボーダー枠の太さ*/
	border-style: solid;			/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;			/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;		/*画像 枠の余白部分カラー▼*/
	padding: 5px;				/*画像 枠の余白幅*/
}
/*テキストボックス2（What's New部分）
----------------------------------------------------------*/

#main2 dl.textbox {
	width: 860px;				/*枠の幅  20110929  */
	height: 120px;				/*枠の高さ*/
	line-height: 25px;			/*行の高さ*/
	border-width: 1px;			/*ボーダー枠の太さ*/
	border-style: solid;			/*ボーダー枠のスタイル*/
	border-color: #cccccc;			/*ボーダー枠のカラー*/
	padding: 5px;
	margin-bottom: 15px;
	overflow: auto;
}

* html #main dl.textbox {
	width: 870px;	/*IE6用  20110929  */
}

#main2 dl.textbox dt {
	color: #2e4a02;				/*更新日時部分の文字色*/
	font-weight: bold;			/*更新日時部分の文字の太さ*/
	background-image: url(images/icon01_2e4204.gif);	/*更新日時の先頭に表示される画像*/
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	padding-right: 10px;
	float: left;
}
#newinfo_urgent {
	/*color: red;*/
}
#newinfo_nomal {
	/*color: blue;*/
}
/*トピックパス2（パンくずリスト|上位ページへのリンク部分）
----------------------------------------------------------*/

#main2 #topic-path {
	margin-bottom: 6px;
}

#main2 #topic-path a {
	background-image: url(images/path.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	margin-left: 5px;
}

#main2 #topic-path strong {
	margin-left: 5px;
}

/*ページトップ（ページトップへのリンク部分）
----------------------------------------------------------*/

div.pagetop {
	height: 25px;
	text-align: right;
	margin-top: 20px;
	clear: both;
	padding-right: 10px;
	position: relative;
	right: 10px;
}
/* --------------------------------------------------------------
▼リンクページで使用しているスタイル
-------------------------------------------------------------- */

/*アバウトリンク部分で使用している「TABLEレイアウト」
----------------------------------------------------------*/

#main table.style_b {
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: dotted;		/*ボーダー上枠スタイル*/
	border-top-color: #666666;		/*ボーダー上枠カラー▼*/
	margin-top: 15px;
	margin-bottom: 15px;
}

#main table.style_b th {
	width: 160px;				/*項目部分の幅*/
	text-align: left;
	vertical-align: top;
	background-image : url(images/icon01_c61c65.gif);	/*項目部分の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 3px 8px;
	border-right-width: 1px;		/*ボーダー右枠の太さ*/
	border-bottom-width: 1px;		/*ボーダー下枠の太さ*/
	border-right-style: dotted;		/*ボーダー右枠スタイル*/
	border-bottom-style: dotted;		/*ボーダー下枠スタイル*/
	border-right-color: #666666;		/*ボーダー右枠カラー▼*/
	border-bottom-color: #666666;		/*ボーダー下枠カラー▼*/
	padding: 5px 2px 5px 20px;
}

#main table.style_b td {
	border-bottom-width: 1px;		/*ボーダー右枠の太さ*/
	border-bottom-style: dotted;		/*ボーダー下枠スタイル*/
	border-bottom-color: #666666;		/*ボーダー下枠カラー▼*/
	padding: 5px;
}
/*リンクボックス（バナー画像あり|バナー画像幅200px）
----------------------------------------------------------*/

#main dl.linkbox-ba200 {
	width: 100%;
	position: relative;
	background-image: url(images/line01s_ffffff.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main dl.linkbox-ba200 dt {
	color : #99004d;			/*サイト名部分にリンク設定がない時の文字色▼*/
	margin-left: 220px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
}

#main dl.linkbox-ba200 dt a {
	color : #99004d;			/*サイト名部分にリンク設定がある時の文字色▼*/
	text-decoration: none;
}

#main dl.linkbox-ba200 dd {
	margin-left: 220px;
	position: relative;
}

#main dl.linkbox-ba200 dd.banner {
	width: 200px;
	padding: 0px;
	margin: 0px;
	top: 0;
	left: 0;
	position: absolute;
}
/*リンクボックス（バナー画像あり|バナー画像幅88px）
----------------------------------------------------------*/

#main dl.linkbox-ba88 {
	width: 100%;
	position: relative;
	background-image: url(images/line01s_ffffff.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main dl.linkbox-ba88 dt {
	color : #99004d;			/*サイト名部分にリンク設定がない時の文字色▼*/
	margin-left: 100px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
}

#main dl.linkbox-ba88 dt a {
	color : #99004d;			/*サイト名部分にリンク設定がある時の文字色▼*/
	text-decoration: none;
}

#main dl.linkbox-ba88 dd {
	margin-left: 100px;
	position: relative;
}

#main dl.linkbox-ba88 dd.banner {
	width: 88px;
	padding: 0px;
	margin: 0px;
	top: 0;
	left: 0;
	position: absolute;
}
/*リンクボックス（バナー画像なし）
----------------------------------------------------------*/

#main dl.linkbox-nobanner {
	width: 100%;
	position: relative;
	background-image: url(images/line01s_ffffff.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main dl.linkbox-nobanner dt {
	color : #99004d;			/*サイト名部分にリンク設定がない時の文字色▼*/
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
}

#main dl.linkbox-nobanner dt a {
	color : #99004d;			/*サイト名部分にリンク設定がある時の文字色▼*/
	text-decoration: none;
}

#main dl.linkbox-nobanner dd {
	position: relative;
}
/*リンクバナーボックス（バナー画像を並べて表示）
----------------------------------------------------------*/

#main ul.linkbanner {
	width: 100%;
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
}

#main ul.linkbanner li {
	margin: 3px;
	float: left;
}

* html #main ul.linkbanner li {
	display: inline;			/*IE6用*/
}

#main ul.linkbanner img {
	vertical-align: bottom;
}

#main div.box div.imagebox {
	padding-bottom: 0px;
}
/* --------------------------------------------------------------
▼プロフィールページで使用しているスタイル
-------------------------------------------------------------- */

/*プロフィール部分で使用している「TABLEレイアウト」
----------------------------------------------------------*/

#main table.style_a {
	width: 100%;
	font-size: 12px;			/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main table.style_a th {
	width: 150px;				/*項目部分の幅サイズ*/
	color: black;				/*項目部分の文字色▼*/
	background-color : #eb509b;		/*項目部分の背景色▼*/
	border-width: 1px 0px 1px 1px;		/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;			/*項目部分のボーダー枠スタイル*/
        border-color: #000000;			/*項目部分のボーダー枠カラー▼*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#main table.style_a td {
	padding: 5px;
	border-width: 1px;			/*内容部分のボーダー枠の太さ*/
	border-style: solid;			/*内容部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*内容部分のボーダー枠カラー▼*/
	border-color: #000000;			/*内容部分のボーダー枠カラー▼*/
}
/*プロフィール部分で使用している「TABLEレイアウト」2
----------------------------------------------------------*/

#main2 table.style_a {		
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main2 table.style_a th {  		
	width: 150px;				/*項目部分の幅サイズ*/
	color: black;				/*項目部分の文字色▼*/
	background-color : #E9EAEA;		/*項目部分の背景色▼*/

	border-width: 1px 0px 1px 1px;		/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;			/*項目部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*項目部分のボーダー枠カラー▼*/
	border-color: #000000;			/*項目部分のボーダー枠カラー▼*/

	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#main2 table.style_a td {              
	padding: 5px;
	border-width: 1px;			/*内容部分のボーダー枠の太さ*/
	border-style: solid;			/*内容部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*内容部分のボーダー枠カラー▼*/
	border-color: #000000;			/*内容部分のボーダー枠カラー▼*/

}


/*プロフィール部分で使用している「TABLEレイアウト」2
----------------------------------------------------------*/

#main3 table.style_a {
	table-layout:fixed;
	width: 100%;
	font-size: 12px;			/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main3 table.style_a th {
	/*width: 150px;*/			/*項目部分の幅サイズ*/
	color: black;				/*項目部分の文字色▼ 検索結果一覧*/
	background-color : #E9EAEA;		/*項目部分の背景色▼*/
	border-width: 1px 0px 1px 1px;		/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;			/*項目部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*項目部分のボーダー枠カラー▼*/
	border-color: #000000;			/*項目部分のボーダー枠カラー▼*/
	padding-top: 5px;
	/*padding-left: 10px;*/
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	/*text-align: left;*/
	text-align: center;
	vertical-align: top;
}

#main3 table.style_a td {
	padding: 2px;
	border-width: 1px;			/*内容部分のボーダー枠の太さ*/
	border-style: solid;			/*内容部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*内容部分のボーダー枠カラー▼*/
	border-color: #000000;			/*内容部分のボーダー枠カラー▼*/
}
/*プロフィール部分で使用している「TABLEレイアウト」2 ﾊﾟｰﾄﾅｰ一覧用----*/
/*161102 t.yamazaki--------------------------------------------------*/

#main4 table.style_p {		
	/*width: 100%;*/
	font-size: 12px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
        table-layout: fixed;
}

#main4 table.style_p th {  		
	/*width: 150px;				/*項目部分の幅サイズ*/
	color: black;				/*項目部分の文字色▼*/
	background-color : #E9EAEA;		/*項目部分の背景色▼*/

	border-width: 1px 0px 1px 1px;		/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;			/*項目部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*項目部分のボーダー枠カラー▼*/
	border-color: #000000;			/*項目部分のボーダー枠カラー▼*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
	table-layout: fixed;
}

#main4 table.style_p td {              
	padding: 5px;
	border-width: 1px;			/*内容部分のボーダー枠の太さ*/
	border-style: solid;			/*内容部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*内容部分のボーダー枠カラー▼*/
	border-color: #000000;			/*内容部分のボーダー枠カラー▼*/
}
/*プロフィール部分で使用している「TABLEレイアウト」2 ﾊﾟｰﾄﾅｰ一覧用----*/
/*161102 t.yamazaki--------------------------------------------------*/

#main5 table.style_h {		
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main5 table.style_h th {  		
	width: 150px;				/*項目部分の幅サイズ*/
	color: white;				/*項目部分の文字色▼*/
	/*background-color : #d987ba;		/*項目部分の背景色▼*/
	background-color : #000000;		/*項目部分の背景色▼*/
	border-width: 1px 0px 1px 1px;		/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;			/*項目部分のボーダー枠スタイル*/
	border-color: #A7BD00;			/*項目部分のボーダー枠カラー▼*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#main5 table.style_h td {              
	padding: 5px;
	border-width: 1px;			/*内容部分のボーダー枠の太さ*/
	border-style: solid;			/*内容部分のボーダー枠スタイル*/
　　　　border-color: #A7BD00;			/*内容部分のボーダー枠カラー▼*/
}
/* --------------------------------------------------------------
▼サイド部分の設定
-------------------------------------------------------------- */

#side {
	width: 200px;
	text-align: left;
	float: left;
	font-size: 100%;
}
/*サイド部分の見出しタグ------------------------------------------*/
/*見出し背景画像→背景色＆角丸　20170316　t.yamazaki -------------*/
#side h3 {
	width: 200px;
	font-size: 14px;			/*文字サイズ*/
	color : black;				/*文字色*/
	font-weight: normal;			/*文字太さ*/
	line-height: 30px;
	text-align: center;			/*文字表示位置*/
	background: linear-gradient(-45deg, rgba(237, 192, 75, .1), rgba(152, 228, 255, .2)),	
	url(images/MenuLine.jpg);	
 	background-size: cover;

	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
	background-position: center center;

	/* 角丸の指定 */
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;

}
/*サイド部分のボックス
----------------------------------------------------------*/

#side div.box {
	border-width: 1px;			/*ボーダーの太さ*/
	border-style: solid;			/*ボーダースタイル*/
　　　　border-color: #A7BD00;			/*ボーダーカラー▼*/
	padding: 2px;
	margin-bottom: 10px;
}

/*ログイン 2017/09 未使用
----------------------------------------------------------*/
#login {
    padding:4px;
	border-bottom-color: #999999;		/*下ボーダーカラー*/
	border-bottom-width: 1px;		/*下ボーダーサイズ*/
	border-bottom-style: dotted;		/*下ボーダースタイル*/
        background-color : #eec59c;		/*マウスオーバー時の背景カラー*/
}
#login input  {
	margin-top:4px;
}
#login img   {
	margin-top:4px;
}

/*会員登録　2017/09 未使用
----------------------------------------------------------*/
#new-member {
    padding:4px;
	border-bottom-color: #999999;		/*下ボーダーカラー*/
	border-bottom-width: 1px;		/*下ボーダーサイズ*/
	border-bottom-style: dotted;		/*下ボーダースタイル*/
        background-color : #eec59c;		/*マウスオーバー時の背景カラー*/


}
#new-member input  {
	margin-top:4px;
}
#new-member img   {
	margin-top:4px;
}

/*新規会員登録　2017/09 未使用
----------------------------------------------------------*/
#add-member {
    	padding:4px;
	border-bottom-color: #999999;		/*下ボーダーカラー*/
	border-bottom-width: 1px;		/*下ボーダーサイズ*/
	border-bottom-style: dotted;		/*下ボーダースタイル*/
        background-color : #eec59c;		/*マウスオーバー時の背景カラー*/

}
#add-member input  {
	margin-top:4px;
}
#add-member img   {
	margin-top:4px;
}

/*サイドメニュー
----------------------------------------------------------*/

#side ul#sidemenu {
	text-align: center;
	margin-bottom: 15px;
}

#side ul#sidemenu li {
	margin-bottom: 2px;
}

#side ul#sidemenu li a {
	color : #333;				/*文字色*/
	width: 195px;				/*サイドメニュー部分の幅サイズ*/
	border-left-width: 5px;			/*左サイドのボーダーサイズ*/
	border-left-style: solid;		/*左サイドのボーダースタイル*/
　　　　border-left-color : #A7BD00;		/*左サイドのボーダーカラー*/

	border-bottom-color: #999999;		/*下ボーダーカラー*/
	border-bottom-width: 1px;		/*下ボーダーサイズ*/
	border-bottom-style: dotted;		/*下ボーダースタイル*/
	padding-top: 7px;
	padding-bottom: 6px;
	text-decoration: none;
	display: block;
}

#side ul#sidemenu a:hover {
	color : #FFF;				/*マウスオーバー時の文字色*/
	border-left-width: 5px;			/*マウスオーバー時の左サイドのボーダーサイズ*/
	border-left-style: solid;		/*マウスオーバー時の左サイドのボーダースタイル*/
	border-left-color : #E9EAEA;		/*マウスオーバー時の左サイドのボーダーカラー*/	
	background: linear-gradient(-45deg, rgba(255, 224, 50, .2), rgba(242, 247, 246, .3)),	
	url(images/SideMenu_Btn.png);		/* */
 	background-size: cover;
}

#side ul#sidemenu li.nolink {
	color : #cc00cc;			/*リンクなし　文字色*/
	text-decoration: none;			/*リンクなし　サイドメニュー部分の幅サイズ*/
	width: 195px;				/*リンクなし　サイドメニュー部分の幅サイズ*/
	border-left-width: 5px;			/*リンクなし　左サイドのボーダーサイズ*/
	border-left-style: solid;		/*リンクなし　左サイドのボーダースタイル*/
	border-left-color : #E9EAEA;		/*リンクなし　左サイドのボーダーカラー*/

	border-bottom-color: #999999;		/*リンクなし　下ボーダーカラー*/
	border-bottom-width: 1px;		/*リンクなし　下ボーダーサイズ*/
	border-bottom-style: dotted;		/*リンクなし　下ボーダースタイル*/
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
        background-color : #E9EAEA;

}
/*サイドリンク
----------------------------------------------------------*/

#side ul.sidelink {
	margin-bottom: 15px;
	text-align: left;
}

#side ul.sidelink ul {
	text-align: left;
}

#side ul.sidelink li {
	margin-bottom: 6px;
}

#side ul.sidelink li.textlink a {
	background-image : url(images/icon02_8f067a.gif);	/*リンクテキストの左サイドに表示される画像*/
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
}
/*フラッシュカレンダー
----------------------------------------------------------*/

#side #flash-calendar {
	width: 200px;
	height: 170px;
	background-image : url(images/imgbg01-200x170_d987ba.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
/*４Ｄカレンダー----------------------------------------------------------*/
/* 20170316 t.yamazaki bgcolor,fcolor,Day:boder D27EBA FFFFFFを変更-------*/
.cal_sunday {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;
}
.cal_monday {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;
}
.cal_tuesday {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;
}
.cal_wednesday {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;
}
.cal_thursday {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;
}
.cal_friday {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;
}
.cal_suturday {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;
}
.cal_none {
	text-align: center;width:28px;height:25;background-color:#ffffff;color:white;border:thin solid #e8fcea;
}
.cal_today {
	text-align: center;width:28px;height:25;background-color:#f2fcf3;color:#000000;font-size: medium;font-weight: bold;
}
.cal_today_deactive {
	text-align: center;width:28px;height:25;background-color:#EE00AA;color:#000000;font-size: medium;font-weight: bold;
}
.cal_active {
	text-align: center;width:28px;height:25;background-color:#009900;color:white;border:thin solid #e8fcea;	 	/*営業日*/
}
.cal_deactive {
	text-align: center;width:28px;height:25;background-color:#e0a;color:white;border:thin solid #e8fcea;    	/*定休日*/
}
.cal_half {
	text-align: center;width:28px;height:25;background-color:#f2fcf3;color:blue;
}
.cal_oinfo {
	text-align: center;width:28px;height:25;background-color:#f2fcf3;color:black;
}
/* --------------------------------------------------------------
▼フッター部分の設定
-------------------------------------------------------------- */

#footer {
	width: 100%;
	min-width:1180px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	
	background: linear-gradient(-45deg, rgba(192, 240, 255, .1), rgba(10, 10, 255, .1)),	/* (-45deg, rgba(244, 222, 216, .1), rgba(186, 83, 112, .2))*/
	url(images/FooterImage2021.png);		/**/
 	background-size: cover;

　　　　background-repeat: repeat;
	background-position: right top;

	bottom: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	/*border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color : #1a001a;*/
	clear: both;
}

#footer-inner {
	width: 100%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}
/*フッターメニュー
----------------------------------------------------------*/

#footer ul#footermenu {
	text-align: center;
	margin-bottom: 15px;
}

#footer ul#footermenu li {
	/*color : #ffa4ff;			/*リンクがないテキスト部分の文字色*/
	color : #ff0000;			/*リンクがないテキスト部分の文字色*/
	border-left-width: 1px;			/*各リンク間の区切り線太さ*/
	border-left-style: solid;		/*各リンク間の区切り線スタイル*/
	border-left-color: gray;		/*各リンク間の区切り線の色*/
	padding-left: 6px;
	padding-right: 4px;
	display: inline;
}

#footer ul#footermenu li.last {
	border-right-width: 1px;		/*リンク部分の一番右端に表示される線太さ*/
	border-right-style: solid;		/*リンク部分の一番右端に表示される線スタイル*/
	border-right-color: #999999;		/*リンク部分の一番右端に表示される線の色*/
	padding-right: 6px;
}

#footer ul#footermenu li a {
        /*20170306 t.yamazaki*/
	/*color: #cccccc;    			/*文字色*/
	color: #3300ff;
}

#footer ul#footermenu li a:hover {
	/*color : #ffa4ff;			/*マウスオーバー時の文字色*/
	color : #D4E6E0;			/*マウスオーバー時の文字色*/
}
/*コピーライト
----------------------------------------------------------*/

#copy_r {
	font-size: 11px;			/*文字サイズ*/
        /*20170306 t.yamazaki*/
	/*color: #cccccc;    			/*文字色*/
	color: #ffffff;				/*文字色*/
}
/*address（変更・削除不可）
----------------------------------------------------------*/

#address {
	text-align: center;
	margin-top: 5px;
	font-size: 11px;
}

#address a {
	color: #999999;
}

#address a:hover {
	color: #ffffff;
}
/* --------------------------------------------------------------
▼編集方法ページで使用しているスタイル
-------------------------------------------------------------- */

hr {
	margin-bottom: 10px;
	width: 100%;
	height: 1px;
	border-width: 0px 0px 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
}

#main p.back_color {
	color : #ffffff;
	background-color : #ff97cb;
	padding: 2px 2px 2px 5px;
	margin: 2px 10px 10px;
}

#main ol li {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-image: url(images/icon01_341f0a.gif);
	background-repeat: no-repeat;
	background-position: 1px 8px;
}

.howtobox {
	background-color : #ff97cb;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 10px;
	color : black;
}

.howtobox span {
	background-color: black;
	color: white;
}

input.howto {
	background-color: #d9d9d9;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	width: 100%;
	margin-bottom: 5px;
	font-size: 12px;
}

textarea.howto {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	width: 100%;
	margin-bottom: 5px;
	font-size: 12px;
}
/* --------------------------------------------------------------
▼フォトアルバムページで使用しているスタイル
-------------------------------------------------------------- */

#main div.flashmov {
	text-align: center;
	width: 100%;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼変更・削除はしないで下さい
-------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* --------------------------------------------------------------
▼入荷情報  2011/6/9  m.mizuno
-------------------------------------------------------------- */
.stockdate {
	clear: both;
}
/* --------------------------------------------------------------
▼バナーメニュー  2011/6/9  m.mizuno　2017/06/16　t.yamazaki
-------------------------------------------------------------- */
ul#bannermenu {
	/*background-image : url(images/bg01w-d987ba.gif);*/	/*背景画像*/
	/*background-repeat: repeat-x;*/
	/*width: 890px;*/
	width: 1150px;
	/*height: 39px;*/
	height: 26px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #fbd8b5; 
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #fbd8b5; 
	position: relative;
	overflow: hidden;
	/*background-color : #cccccc;*/
}
ul#bannermenu li {
	/*opacity:.7;*/
	float:left;
	color : #ffffff;
	font-weight: bold;*/			/*文字の太さ*/
	text-align: center;
	margin-left: 7px;
	padding: 0px;
	width:119.8px; /*152.2 */
	/*height:39px;*/
	height:26px;
	/*background-color : #ffffff;*/
    
	/* 角丸の指定 */
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
}

ul#bannermenu li.last {
	/*border-right-width: 1px;*/
	/*border-right-style: solid;*/
	/*border-right-color: #666666;*/
}

ul#bannermenu li a {
	/*opacity:.65;*/
	display:block;
	/*padding-top: 22px;			/*余白　パディング*/
	padding-top: 5px;			/*余白　パディング*/

	/*color : #ffffff;			/*文字色*/
	color : #000000;			/*文字色*/
	/*background-color : #000000;*/
	/*color: #e8e8e8;*/			/*文字色▼*/
	text-decoration: none;			/*下線を表示しない設定*/
}

ul#bannermenu li a:hover {
	opacity:.15;
	/*background-color : #000000;	 	/*画像使用時*/
	background-color : #b8b8b8;		/*グラデーション使用時*/
	color : #65318e;			/*マウスオーバー時の文字色▼*/
}
ul#bannermenu #banner_01 {
	/*background-image: url(images/img1_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #009844);  /*背景円形グラデーション使用*/

}
ul#bannermenu #banner_02 {
	/*background-image: url(images/img2_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #f29600);  /*背景円形グラデーション使用*/

}
ul#bannermenu #banner_03 {
	/*background-image: url(images/img3_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #d61518);  /*背景円形グラデーション使用*/

}
ul#bannermenu #banner_04 {
	/*background-image: url(images/img4_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #ffe900);  /*背景円形グラデーション使用*/

}
ul#bannermenu #banner_05 {
	/*background-image: url(images/img5_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #b4b4b5);  /*背景円形グラデーション使用*/

}
ul#bannermenu #banner_06 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #5f1985);  /*背景円形グラデーション使用*/

}
ul#bannermenu #banner_07 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #036eb7);  /*背景円形グラデーション使用*/

}
ul#bannermenu #banner_08 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #ea6da4);  /*背景円形グラデーション使用*/
}
ul#bannermenu #banner_09 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #ea2f81);  /*背景円形グラデーション使用*/
}

/* --------------------------------------------------------------
▼バナーメニュー  2017/06/17　t.yamazaki
-------------------------------------------------------------- */
ul#bannermenu2 {
	/*background-image : url(images/bg01w-d987ba.gif);*/	/*背景画像*/
	/*background-repeat: repeat-x;*/
	width: 1150px;
	height: 26px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #F8ABA6; 
	border-right-width: 6px;
	border-right-style: solid;
        border-right-color: #F8ABA6; 
	position: relative;
	overflow: hidden;
	/*background-color : #cccccc;*/
}
ul#bannermenu2 li {
	/*opacity:.7;*/
	float:left;
	color : #ffffff;
	font-weight: bold;*/			/*文字の太さ*/
	text-align: center;
	margin-left: 7px;
	padding: 0px;
	width:156px;
	height:26px;
	/*background-color : #ffffff;*/
    
	/* 角丸の指定 */
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
}

ul#bannermenu2 li.last {
	/*border-right-width: 1px;*/
	/*border-right-style: solid;*/
	/*border-right-color: #666666;*/
}

ul#bannermenu2 li a {
	/*opacity:.65;*/
	display:block;
	/*padding-top: 22px;			/*余白　パディング*/
	padding-top: 5px;			/*余白　パディング*/

	/*color : #ffffff;			/*文字色*/
	color : #000000;			/*文字色*/
	/*background-color : #000000;*/
	/*color: #e8e8e8;*/			/*文字色▼*/
	text-decoration: none;			/*下線を表示しない設定*/
}

ul#bannermenu2 li a:hover {
	opacity:.15;
	/*background-color : #000000;	 	/*画像使用時*/
	background-color : #b8b8b8;		/*グラデーション使用時*/
	color : #65318e;			/*マウスオーバー時の文字色▼*/
}
ul#bannermenu2 #banner2_01 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #F5B090);  /*背景円形グラデーション使用*/

}
ul#bannermenu2 #banner2_02 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #FCD7A1);  /*背景円形グラデーション使用*/

}
ul#bannermenu2 #banner2_03 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #FFF9B1);  /*背景円形グラデーション使用*/
}
ul#bannermenu2 #banner2_04 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #A5D4AD);  /*背景円形グラデーション使用*/

}
ul#bannermenu2 #banner2_05 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #A3BCE2);  /*背景円形グラデーション使用*/

}
ul#bannermenu2 #banner2_06 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #A59ACA);  /*背景円形グラデーション使用*/

}
ul#bannermenu2 #banner2_07 {
	/*background-image: url(images/img6_s.jpg);	/*背景画像使用*/
	background: radial-gradient(#EEEEEE, #CFA7CD);  /*背景円形グラデーション使用*/

}

/* --------------------------------------------------------------
▼カテゴリー検索  2011/9/19  m.mizuno
-------------------------------------------------------------- */
#categoryname_gl a {
	text-decoration: none;
	color: #FFFFFF;
}
#categoryname_gl {
	clear: left;
	width: 850px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	color: #FFFFFF;
	background-color: green;
}
.categoryclass_gl {
	clear: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 868px;
	hight: 40px;
	padding-left: 2px;
	color: green;
	background-color: #CCFFCC;
	text-align: left;
	/*border: 1px solid #99FFCC;*/
}
#categoryname_ab a {
	text-decoration: none;
	color: #FFFFFF;
}
#categoryname_ab {
	clear: left;
	width: 850px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	color: #FFFFFF;
	background-color: red;
}
.categoryclass_ab {
	clear: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 868px;
	hight: 40px;
	padding-left: 2px;
	color: red;
	background-color: pink;
	text-align: left;
	/*border: 1px solid #99FFCC;*/
}
.category {
	float: left;
	margin-left: 0px;
	padding-left: 10px;
	width: 162px;
	hight: 100px;
	/*border: 1px dotted #CCFFCC;*/
	text-align: left;
	font-size: 80%;
}
.category img {
	border-style: none;
}
#content {
	width:870px;
	/*border-width: 1px;*/	/*ボーダー枠の太さ*/
	/*border-style: solid;*/		/*ボーダー枠のスタイル*/
	/*border-color: #cccccc;*/		/*ボーダー枠カラー▼*/
	/*border-style: solid;*/
}
#content .category table {
	clear: left;
	width: auto;
	heigth: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border: none;
	background-color: #FFFFFF;
}
#content .category th {
	text-align: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: green;
	background-color: #FFFFFF;
	font-size: 90%;
}
#content .category td {
	text-align: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: black;
	background-color: #FFFFFF;
	/*font-size: 90%;*/
	font-size: 12px;
}
#categorylink {
	margin-top: 4px;
	margin-right: 10px;
	padding-left: 10px;
	width: 750px;
	text-align: right;
	/*font-size: 90%;*/
	color: green;
}

/* --------------------------------------------------------------
▼商品画像  2011/9/19  m.mizuno
-------------------------------------------------------------- */
.goodspicture {
	width:240px;
}
/* --------------------------------------------------------------
▼ページボタン、その他ボタン領域  2011/9/22  m.mizuno
-------------------------------------------------------------- */
#pagenav {
	height: 20px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: left;
}
#button {
	height: 30px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: right;
}
/* --------------------------------------------------------------
▼リンク  2011/9/22  m.mizuno
-------------------------------------------------------------- */
#linkarea {
	float:right;
}
/* --------------------------------------------------------------
▼バスケットの金額  2011/9/22  m.mizuno
-------------------------------------------------------------- */
#orderamount {
	float:right;
}

/*プロフィール部分で使用している「TABLEレイアウト」
----------------------------------------------------------*/

#main table.style_a {
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main table.style_a th {
	width: 150px;				/*項目部分の幅サイズ*/
	color: white;				/*項目部分の文字色▼*/
        background-color : #eb509b;		/*項目部分の背景色▼*/  
	border-width: 1px 0px 1px 1px;		/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;			/*項目部分のボーダー枠スタイル*/
	border-color: #cccccc;			/*項目部分のボーダー枠カラー▼*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#main table.style_a td {
	padding: 5px;
	border-width: 1px;			/*内容部分のボーダー枠の太さ*/
	border-style: solid;			/*内容部分のボーダー枠スタイル*/
	border-color: #cccccc;			/*内容部分のボーダー枠カラー▼*/
}
/*商品一覧、バスケット一覧などで使用している「TABLEレイアウト」c
----------------------------------------------------------*/

#main2 table.style_c {
	clear:both;
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main2 table.style_c th {
	/*width: 150px;*/			/*項目部分の幅サイズ*/
	color: white;				/*項目部分の文字色▼*/
        background-color : #009900;		/*項目部分の背景色▼*/
	border-width: 1px 0px 1px 1px;		/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;			/*項目部分のボーダー枠スタイル*/
	/*border-color: #cccccc;		/*項目部分のボーダー枠カラー▼*/
	border-color: #cccccc;			/*項目部分のボーダー枠カラー▼*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#main2 table.style_c td {
	padding: 5px;
	border-width: 1px;			/*内容部分のボーダー枠の太さ*/
	border-style: solid;			/*内容部分のボーダー枠スタイル*/
	border-color: #cccccc;			/*内容部分のボーダー枠カラー▼*/
}

/* 廃番商品の画像設定 */
/*.haiban a img {filter: sepia(70%); opacity: 0.6;}*/
/*.haiban a:hover img {filter: sepia(70%); opacity: 0.6;}*/

/*-------------------------------------------------------------*/
/* 　button要素によるメニューボタン作成　　20170314　t,yamazaki*/
/*-------------------------------------------------------------*/
button.FlatMenubutton {
    /* ボタン幅　*/
    Width:190px;
    /* ボタン縦　*/
　　Height:20px;
    /* 文字サイズを1.3emに指定 */
    font-size: 1.2em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に1px、
     * 横方向に3pxの余白を指定 */
    padding: 1px 3px;

    /* 文字色を白色に指定 */
    /*color: #711213;*/
    color: #000000;

    /* ボーダーをなくす */
    border-style: none;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    /*text-shadow: 1px 1px 2px #000;*/

    /* 円形グラデーションの指定 */
    /* (中心,外)*/
    background: radial-gradient(#ffffff, #009900);
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.FlatMenubutton:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}
/*-------------------------------------------------------------*/
/* 　button要素によるアプリボタン作成　　20170316　t,yamazaki*/
/*-------------------------------------------------------------*/
button.FlatApplibutton {
    /* ボタン幅　*/
    Width:142px;
    /* ボタン縦　*/
　　Height:16px;
    /* 文字サイズを1.0emに指定 */
    font-size: 1.1em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に5px、
     * 横方向に3pxの余白を指定 */
    padding: 5px 3px;

    /* 文字色をエンジに指定 */
    color: #ffffff;

    /* ボーダーを1本 */
    border-style: solid;

    /*背景色*/
    background-color : #009900;

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.FlatApplibutton:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}
/*-------------------------------------------------------------*/
/* 　button要素によるPageUpボタン作成　  　20170317　t,yamazaki*/
/*-------------------------------------------------------------*/
button.FlatPUpbutton {
    /* ボタン幅　*/
    Width:125px;
    /* ボタン縦　*/
　　Height:25px;
    /* 文字サイズを1.0emに指定 */
    font-size: 1.0em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に5px、
     * 横方向に3pxの余白を指定 */
    padding: 2px 3px;

    /* 文字色を指定 */
    /*color: #8c0270;*/
    color: #ffffff;

    /* ボーダーをなし */
    border-style: none;

    /* 円形グラデーションの指定 */
    /* (中心,外)*/
    background: radial-gradient(#00aa00, #009900);
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.FlatPUpbutton:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}
/*-------------------------------------------------------------*/
/* 　カタログ案内文書　  　20170324　t,yamazaki*/
/*-------------------------------------------------------------*/
p.Ctxtstyle{
	font-size:small;
	color: #000000;
}

/*-------------------------------------------------------------*/
/* 　ShowRoom Green 画像表示　　20170523　t,yamazaki*/
/*-------------------------------------------------------------*/

.photo {
	width:		100%;
	margin:		0;
	padding:	0;
	position:	relative;
	overflow:	hidden;
}
.photo img {
	width:		100%;
}
.toptext {
	position:	absolute;
	font-size:	180%;
	white-space:	nowrap;
	bottom:		4px;
	margin:		0;
	color:		#fff;
	animation: 	slide2 16s linear 0s infinite;
}
@keyframes slide2 {
	0% { right:	-800px; }
	100% { right:	680px; }
}

/* Page Top 20200825: */