/* ステンド硝子アート基本設定 */


body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


BODY {	scrollbar-track-color:#ffffff;
background-image : url('pic/bg.gif');
background-repeat: repeat-x;
	margin: 0 auto; /* ページが中央揃え */
	padding: 0;
	overflow-x:hidden;　/* 横スクロールなし */
	text-align: center; /* center on IE テキストは、#base2で左揃えに設定 */
	font: 83% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Ghothic Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Geneva, sans-serif;
	/* -webkit-text-size-adjust: 100%; スマホ等文字サイズ自動調整オフ*/
}

body,caption,tr,td,th{
color:#365d7c;
line-height: 130%;
}


/* スクロールバーのズレ対策 */
*html body {overflow-y:auto;/*IE6だけに適用*/}

*+html body {overflow-y:auto;/*IE7だけに適用*/}

html{	overflow-y:scroll;
	overflow-x:hidden;　/* 横スクロールなし */}



/* 中敷き*/
#base2 {
	position:relative;
	width:900px;
	text-align:left;
	margin:0 auto;
	}

.lead600{
	position:relative;
	width:600px;
	text-align:left;
	margin:0 auto;
	}



/* 薔薇左上表 */
.h-ue{background-image : url('pic/bg.png');
background-position:0% 00%;
background-repeat: no-repeat;}

.h-cell{background : url('pic/waku.png') repeat-y top left;
filter: Alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=100, StartY=100, FinishY=1);}

.m-cell{background : url('pic/waku.png') repeat-y top right;
filter: Alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=100, StartY=100, FinishY=1);}





img{ border:0;}

a:link { color : #0000e0;}
a:visited { color : #9b42aa;}
a:hover {color : #cc3e70;text-decoration:none;}
a.:active {color: #ff0000;text-decoration:none;}


/* フッター */

.bg-hoshi{background-image : url("pic/hosi2.gif");
background-repeat: repeat-x;
height : 20px;}


/* 買い物かごの上部リンク */
#cart a:link { color : #00b900;}
#cart a:visited { color : #00b900;}
#cart a:hover {color : #aa0000;text-decoration:none;}
#cart a.:active {color: #ff0000;text-decoration:none;}


/* メニュー */
#mein-menu{width : 194px;height : 192px;margin:0;padding:0;}
ul#navigation {
    width:194px;
    margin:0;padding:0;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}
ul#navigation li {
	text-align:left;
	margin:0;
	padding:0;
	height : 24px;
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#navigation li a {
	font-size: 13px;
	color: #232323;
	margin:0;
	padding:5px 0 0 5px;
	text-decoration:none;
	line-height:20px;
    display:block; /*インラインからブロック要素へ変更*/
    height:24px; /*高さ*/
    width:194px; /*横幅*/
    background-image:url(pic/mn_bg-all.gif); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}
ul#navigation li a:hover {color: #fff;}

ul#navigation li a.mu1 {background-position:0px 0px;width:194px;}
ul#navigation li a.mu2 {background-position:0px -24px ;}
ul#navigation li a.mu3 {background-position:0px -48px;}
ul#navigation li a.mu4 {background-position:0px -72px;}
ul#navigation li a.mu5 {background-position:0px -96px;}
ul#navigation li a.mu6 {background-position:0px -120px;}
ul#navigation li a.mu7 {background-position:0px -144px;}
ul#navigation li a.mu8 {background-position:0px -168px;}

ul#navigation li a.mu1:hover {background-position:-194px 0;}
ul#navigation li a.mu2:hover {background-position:-194px -24px;} 
ul#navigation li a.mu3:hover {background-position:-194px -48px ;}
ul#navigation li a.mu4:hover {background-position:-194px -72px;}
ul#navigation li a.mu5:hover {background-position:-194px -96px;}
ul#navigation li a.mu6:hover {background-position:-194px -120px;} 
ul#navigation li a.mu7:hover {background-position:-194px -144px;}
ul#navigation li a.mu8:hover {background-position:-194px -168px;}
ul#navigation li a.mu9:hover {background-position:-194px -192px;} 


/* ウェルカムメニュー */
A.wel:Link,A.wel:Visited{
	color : #465987;
text-decoration:none;
width : 100%;
display:block;
background : url('pic/hosi.gif') repeat-x top left;
padding: 3px 0px 2px 0px;
font-size: 13px;
text-align: center;
}
a.wel:hover{color : #fe3366;
background-image : url("pic/hosi.gif");
background-repeat: repeat-x;
width : 100%;
text-align: center;
}

/* 横並びのメニュー*/
ul.menu2{
	float:right;
	padding:0px;
	margin:0px 0px 4px 0px;}
li.menu2{display:inline;white-space: nowrap;}
li.menu2 a:link ,
li.menu2 a:visited {
	text-decoration:none;
	background-color:#2d3c73;
	color : #c5c19b;
	font-size: 11px;
	padding:1px;
	margin :0px 0px 0px 3px;
	float:right;
	border:1px solid #2d3c73; 
}
li.menu2 a:hover,
li.menu2 a:active{
	background-color:#eeeeee;
	color: #2d3c73;
}

/* 横並びで個別角丸中央寄せメニュー（ページ内リンク等）*/

#menu_cent ul{
	text-align:center;
	padding-top:20px;
	height : 40px;
 }

#menu_cent  li{
	display:inline-block;
	padding-right:1em;
	/display:inline;
	/zoom:1;
 }

#menu_cent li a{border-radius:14px;
 	background:#FF61CA;
	color:#fff;
	font-weight:bold;
 	font-size: 115%;
	padding:8px 15px;
	text-decoration:none;
 }

#menu_cent li a:hover {
	background:#FF00CA;
	color:#fff;
}


/* ウェルカムランダムリスト */

ul#shuffle{

	padding:0;
	margin:0;}

ul#shuffle li{list-style:none;
	float:left;
	text-align:center;
	width : 265px;
	height : 280px;
	border-bottom:1px dotted #6c4904; 
}



/* 黄色枠付きリンク */
A.link1:Link,A.link1:Visited{
	text-decoration:none;
	background-image : url("pic/i_book.gif");
	background-position:4px 1px;
	background-repeat: no-repeat;
	background-color:#ffa600;
	font-size: 12px;
	padding:4px 4px 4px 30px;
	margin :0px 0px 0px 3px;
	color: #ffffff;
	float:right;
	font-weight:bold;
}

div.dotline
{
line-height: 125%;
border:dotted #136bb3;
border-width :2px 0px;
padding:4px;
margin:10px 0px;
text-align:center;
}

A.kakomi ,A.kakomi:Visited{
padding:1px;
border-top: solid 2px #136bb3;
border-bottom: solid 2px #136bb3;
background-color:#f6f6f6;
text-decoration:none;
margin:1px 6px;
}
/* 薄い文字小さい文字 */
.s-usu a:link{		color : #aaa;font-size:10px;	text-decoration: none;}
.s-usu a:visited{	color : #aaa;font-size:10px;	text-decoration: none;}
.s-usu a:hover{	color : #aaa;font-size:10px;	text-decoration: none;}
/* テーブルとセルの線を細くする */
table{
	border-collapse: collapse;
	border-color: #007;
}
td{
	border-collapse: collapse;
	border-color: #007;
}
/* テーブルとセルの線を細くする（暗い罫線も同じ色になるように） */
.table1,.table1 td {
	border-collapse: collapse;
	border: 1px #007 solid; 
} 

/* テーブルとセルの線を細くする（暗い罫線も同じ色になるように） */
.table2,.table2 td {text-align:center;
	border-collapse: collapse;
	border: 1px #007 solid; 
} 


/* 上付 */
.haiti_top {
	vertical-align:top;
	}


/* リスト項目 */
ul,li { list-style-image: url('pic/icon.gif');
list-style-position: outside;
margin:3px 2px 2px 7px;}

/* ヘッダーセル */
th{
	border-collapse: collapse;
	border: 1px #007 solid; 
	background-color:#4678a6;
	white-space: nowrap;
	color: #ffffff;
}

/* 右寄せ */
.haiti_right{
	text-align: right;
}
.haiti_right_float{
	float: right;
}
/* 中寄せ */
.haiti_cent{
	text-align:center;
}

/* 左寄せ */
.left-yose{
	text-align: left;}


/* 技法のtable */

#giho td{text-align:center;}

#giho h3{text-align:left;}

#giho img{
clear:both;
padding: 7px;
background-color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;}


/* 不可視 */
.toumei       {display : none; }

/* 見出し */

h1           {
text-indent:1.3em;
background : #fff url('pic/h1.gif') no-repeat top left;
font-size: 17px;
padding: 5px 0px 3px 10px;
margin : 0px;
height : 24px;
letter-spacing:1px;
}

h2           {font-size: 16px;
background-image : url('pic/h1_bg.gif');
filter: Alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=55, StartY=100, FinishY=100);
color: #ffffff;
margin : 2px 0px 10px 0px;
padding:7px 6px 0px 15px;
height : 28px;
letter-spacing:1px;
}

h2 a:hover,h2 a:link,h2 a:visited{
color: #ffffff;

}

h3{ 
letter-spacing:1px;
font-size: 15px;
background-image : url('pic/h4.gif');
background-position:0% 0%;
background-repeat: no-repeat;
color:#3a4565;
width :100%;
padding: 7px 0px 0px 20px;

height : 30px;
 }

h3 a:link,h3 a:Visited{color: #009;}

/* 薄い青文字text-align: center */
h4           { 
background-image : url('pic/h3.gif');
background-position:0% 0%;
background-repeat: no-repeat;
font-size: 15px;
height : 22px;
padding: 3px 0px 0px 10px;
margin :5px 0px 4px 0px;
width :100%;
color: #2e4d6c;
}


/* 濃紺で普通の文字 */
h5{background-image : url('pic/h5.gif');
background-position:0% 0%;
background-repeat: no-repeat;
font-size: 14px;
height : 23px;
padding: 4px 0px 0px 28px;
margin-bottom : 6px;
width :100%;
color: #2e4d6c;
text-align:left;
 }

h6{ 
background-image : url('pic/h6.gif');
background-position:0% 0%;
background-repeat: no-repeat;
margin-bottom : 0px;
font-size: 15px;
padding: 8px 0px 0px 40px;
height : 33px;
color: #000066;
}

h6 a:link,
h6 a:visited {color: #002ab2;
text-decoration:none;}


/* 背景左縦一列 */
.fyo_bg{
background-image : url("pic/bg.gif");
background-position:100% 0%;
background-repeat: repeat-y;
}

/* 青色背景セル */
.mojiao {font-size: 14px;color: #3a5593; line-height: 125%}

.mojibb {
font-size: 14px;color: #ffffff;
border:1px solid #000;
text-align:center;
padding: 4px 0px 3px 0px;
background-color :#0c6fbd;
}


.mojibb a,.mojibb a:visited {
font-size: 12px;color: #ffffff;

}
.mojibb a:link,.mojibb a:visited { color : #ffffff;}

/* 赤色背景セル */
.mojibr {
font-size: 14px;color: #ffffff;
border:1px solid #000; 
text-align:center;
padding: 4px 0px 3px 0px;
background-color :#cc0000;
}
/* ピンク背景セル */
.mojibp {
font-size: 14px;color: #ffffff;
border:1px solid #000; 
text-align:center;
padding: 4px 0px 3px 0px;
background-color :#d1006c;
}

/* 灰色背景セル */
.mojibg {font-size: 14px;color: #ffffff;
border:1px solid #000; 
text-align:center;
padding: 4px 0px 3px 0px;
background-color :#005199;
}
/* 緑背景セル */
.mojibgr {
font-size: 14px;color: #ffffff;
border:1px solid #000; 
text-align:center;
padding: 4px 0px 3px 0px;
background-color :#368355;
}
/* タイトル画像 */

#bg_ttl{
background-image : url('pic/top1.jpg');
background-position:0% 00%;
background-repeat: no-repeat;
width : 874px;
}

/* 左上の画像 */

.bg_hidariue
{background-image : url('pic/hidariue.gif');
background-attachment: fixed;
background-position:0% 00%;
background-repeat: no-repeat;
}

/* 左下の画像 */

.bg_hidarisita
{background-image : url('pic/hidarisita.jpg');
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;
}

/* 右下の画像 */
.bg_migisita
{background-image : url('pic/migisita.gif');
background-position:100% 100%;
background-repeat: no-repeat;
}

/* 右上の画像 */
.bg_migiue
{background-image : url('pic/migisita.gif');
background-position:100% 0%;
background-repeat: no-repeat;
}


/* タイトル */

.hyo_titl {
background-image: url('pic/titl_bg.gif');
background-repeat: no-repeat;
width : 300px;
height : 38px;
letter-spacing: 2px;
padding-left: 40px;
padding-top: 7px;
font-size: 17px;
color:#4c5f4b;
font-weight: bold;

}

/* 表の枠 */


.hyo_uesita {
border-top:1px solid #365d92; 
border-bottom:1px solid #365d92; 

}
.hyo_sayu {
border-right:1px solid #365d92; 
border-left:1px solid #365d92; 
}
.hyo_migi {
border-right:1px solid #365d92; 

}

.hyo_sita {
border-bottom:1px solid #365d92; 

}
.hyo_ue {
border-top:1px solid #365d92; 

}
.hyo_hidari {
border-left:1px solid #365d92; }

.hyo_kakomi {
border-top:1px solid #365d92; 
border-bottom:1px solid #365d92; 
border-right:1px solid #365d92; 
border-left:1px solid #365d92; 

}
/* 教室案内 */
.bg_p{background-color:#FFECFF;text-align:left !important;}
.bg_b{background-color:#dcecff;text-align:left !important;}
.f_bold{font-weight:bold;}



/* 写真みたいな枠 */
.pict_n {
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;

}
/* 左寄せ画像回り込み終了タグ */
.pict {
	float:left;
	margin:2px 5px 1px 0;
	padding:5px;
	}
	
/* 右寄せ画像 */
.pict_r {
	float:right;
	margin:2px 5px 1px 0;
	padding:5px;
	}

/* ドット下線 */
.hyo_sita_dt {
	border-bottom:1px dotted #6c4904; 
}
/*グラデーション*/
.filt_hk{
filter: Alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=10, StartY=100, FinishY=100);
}

/*グラデーション右濃*/
.filt_mk{
filter: Alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=10, FinishX=100, StartY=100, FinishY=100);
}

/*グラデーション上濃*/
.filt_uk{
filter: Alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=100, StartY=100, FinishY=0);
}
/*グラデーション下濃*/
.filt_sk{
filter: Alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=100, StartY=0, FinishY=100);
}


/* 改行 */
.kaigyo140{
line-height: 140%}

.kaigyo_siro{
line-height: 140%;
color: #FFFDF4}

/* 折り返さない */
.nowrap{	white-space: nowrap;}

/* 水平線 */

hr {border-style: dotted;
margin-bottom:3px;
margin-top:3px;
color:#c5e4f8;}

.mb15{margin-bottom:15px;}

/* インデント */

blockquote{margin:0px 20px 0px 20px;}

/* スクロールさせる(新着情報の見栄え) */
/* スクロールさせる(新着情報にPHP使用時) */
DIV#scroll{
	height: 150px; overflow: auto;
	width : 830px;
	margin:5px 0;
	line-height: 1.2;
}
DIV#scroll p{background: url('pic/a1.gif') no-repeat; 
	background-position:0 4px;
	padding-left: 1.4em; 
	margin:2px;
	font-size: 90%;
	border-bottom:1px dotted #a2a2a2;
}
DIV#scroll strong{
	color: #279364;
	font-size: 13px;
	letter-spacing:1px;
}
/* コピーライト */

.copy{font-size:10px;
font-family: Verdana;
color:#4773b4;}

.top{font-size:10px;
color:#aabfdd;}

/* お問い合わせ */
textarea,input,select {
	border-top:1px solid #8b9b97;
	border-bottom:1px solid #8b9b97;
	border-left:1px solid #8b9b97;
	border-right:1px solid #8b9b97;
	background-color: #f3f7ff;
	font-size: 12px;
	color: #666666;

}

.but {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color: #ffffff;

}


/* メールフォームCGI（mail22）の上部タイトルなど */
.xsp{font-size:14px;
font-family: Verdana;
color:#ffffff;}

form{margin:3px;}

/* 1点ものショップ */

/* 左サイドメニューリンク(簡易版1枚の画像日縦型)----------------------*/
#menu-sim {
	margin-top:0;
	width:250px;
	clear:both;
	}
#menu-sim ul {list-style:none;
	margin-top:20px;
	padding:0;}

#menu-sim li {list-style:none;
	background-color:#fff;
	border-bottom:1px dotted #a2a2a2;
	width:250px;
	margin:0;
	padding:0;
	}

#menu-sim li a {
	background-image:url('pic/h6.gif');
	background-repeat:no-repeat;
	text-indent:3em;
	color:#555;
	display:block;
	height:33px;
	line-height:33px;
	text-decoration:none;
	margin-bottom:5px;
	}

/* --左サイドメニューオンマウスとアクティブ -- */
#menu-sim li a:hover,#menu-sim li.menu-sim-on a
	{	background-image:url('pic/h6-2.gif');
	background-repeat:no-repeat;}


.padd{padding:10px;}

/* highslide */
a.highslide-credits,a.highslide-credits i {
	display:none;
	color:silver;
	text-decoration:none;
	font-size:10px;
	padding:2px;
	}


/* ステンド硝子アート */