﻿
/* ゆめ画材スタイル基本設定*/

body{
 background-image:url('../images/back-c.gif');
 color:#000000;
 margin-top:4px;
 margin-left:6px;
 font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
 font-size:0.8em;
 }

.brder0{
 border-style:none
}

/*フォントサイズ、フォントファミリー*/
.em06{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:0.6em;
}
.em07{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.em08{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
.em09{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.em1{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:1em;
}
.em13{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:1.3em;
}



/* リンク設定（疑似クラス）*/
a:link { text-decoration:none;}
a:visited { text-decoration:none;}
a:active { text-decoration:none;}
a:hover { text-decoration:none;}

a.footer:link {color:#5b7032;text-decoration:none;}
a.footer:visited {color:#5b7032;text-decoration:none;}
a.footer:active {color:#5b7032;text-decoration:none;}
a.footer:hover {color:#5b7032;text-decoration:underline;}


a.sp:link {color:#333333;text-decoration:none;}
a.sp:visited {color:#333333;text-decoration:none;}
a.sp:active {color:#333333;text-decoration:none;}
a.sp:hover {color:#333333;text-decoration:underline;}

a.white:link {color:#ffffff;text-decoration:none;}
a.white:visited {color:#ffffff;text-decoration:none;}
a.white:active {color:#ffffff;text-decoration:none;}
a.white:hover {color:#ffffff;text-decoration:underline;}

/*バックグラウンドイメージ*/
.bgi-ash{
	background:url('../images/bar-ash645-35.jpg') no-repeat left;
	margin:0px;
	height:35px;
}

.bgi-green{
	background:url('../images/bak-green645-35.jpg') no-repeat left;
	margin:0px;
	height:35px;
}

.bgi-search{
	background:url('../images/bar-ash800-35b.jpg') no-repeat left;
	margin:0px;
	height:35px;
}

.bgi-header{
	background:url('../images/headerbak.jpg') no-repeat left;
	margin:0px;
	height:73px;
}


/*レイアウトスタイル*/
img {
	border-width:0px;
}

h6{
	margin-top:0px;
	margin-bottom:0px;
}

h5{
	margin-top:0px;
	margin-bottom:0px;
}

h4{
	margin-top:0px;
	margin-bottom:0px;
}

h3{
	margin-top:0px;
	margin-bottom:0px;
}

h2{
	margin-top:0px;
	margin-bottom:0px;
}

h1{
	margin-top:0px;
	margin-bottom:0px;
}

form{
	margin-top:0px;
	margin-bottom:0px;
}

table.center{
	margin-left: auto;
	margin-right: auto;
	
}

div.center{
	text-align:center;
}

div.left{
	text-align:left;
}

div.right{
	text-align:right;
}

div#center{
text-align:center;
}

.left{
	text-align:left
}

.center{
	text-align:center
}

.right{
	text-align:right
}

.m6{
	margin:6px
}
.m5{
	margin:5px
}
.m4{
	margin:4px
}
.m3{
	margin:3px
}
.m2{
	margin:2px
}
.m1{
	margin:1px
}
.m0{
	margin:0px
}
.p6{
	padding:6px
}
.p5{
	padding:5px
}
.p4{
	padding:4px
}
.p3{
	padding:3px
}
.p2{
	padding:2px
}
.p1{
	padding:1px
}
.p0{
	padding:0px
}








p.m0p1{
	margin:0px;
	padding:1px	
}


table.h_menu{
	margin:0px;
	padding:0px;
	border:0px;
}



/* フォント設定*/
.pZero{
	margin-top:0px;
}
.fontSize_1em{
	font-size:1em;
	font-family:Impact,sans-self;
}
.px9{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:9px;
}
.px10{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
}
.px12 {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
}
.px14{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:14px;
}
.px16{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:16px;
}


h1.medium {
	font-size:medium;
}
h1.large {
	font-size:large
}
h2.small {
	font-size:small
}
h2.medium {
	font-size:medium
}
h1.genre_navi {
	font-size: small;
}
b.medium{
	font-size:medium;
}



/* フォームデザイン*/
.searchBoxSize { width:200px }
.loginBoxSize { width:120px }
.searchBoxSizeBig { width:240px }
.c-kojin { width: 170px }
.c-textarea { width: 100% }
.c-zip { width: 35px }
.c-address { width: 495px }
.c-tel { width: 35px }
.c-email { width: 495px }
.c-cyakka { width: 35px }


.regi-jusho { width: 480px }
.regi-email { width: 480px }
.regi-username { width: 220px }
.regi-pass { width: 220px }

/* 検索ページ用スタイル*/


div#masthead{
	width:800px;
}

div#search_top{
	height:80px
}

div#search_content{
	width:800px;
}

div#search_footer{
	width:800px;
	position:relative;
	top:10px
}


/* ヘッダーレイアウト*/
div#headerContainer {
	position: relative;
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display : block;

}

div#headerContainerDefault { /* 共通ヘッダーレイアウト*/
	position: relative;
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url('/owners/yumegazai/images/headerbak.jpg');
	background-repeat: no-repeat;
	display : block;

}


div#leftSpace {
	width: 155px;
	height: 72px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border:10px;
}


div#menuSpace{
	height: 72px;
	margin-left: 155px;
	margin-right: 205px;
	background-image: url('/owners/yumegazai/images/header-banner.jpg');
	background-repeat: no-repeat;
}

div#menuSpace ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border:0px;
	float: left;
}



div#menuSpaceDefault {
	height: 80px;
	margin-left: 155px;
	margin-right: 205px;
	background-repeat: no-repeat;

}

div#menuSpaceDefault ul{
	position:relative;
	top:0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border:0px;
	float: left;
}



li#imgHeaderPR {width:360px;height:42px;margin-top:0px; margin-bottom:0px;float:none;}
li#imgHeaderSpace {height:50px;margin-top:0px; margin-bottom:0px;}
li#imgHome {width:72px;height:30px;margin-top:0px;float:left;}
li#imgGuide {width:72px;height:30px;margin-top:0px;float:left;}
li#imgInquire {width:72px;height:30px;margin-top:0px;float:left;}
li#imgBbs {width:72px;height:30px;margin-top:0px;float:left;}
li#imgUtil {width:72px;height:30px;margin-top:0px;float:left;}



div#rightSpace {
	width: 205px;
	height: 72px;
	position: absolute;
	right: 0px;
	top: 16px;
	margin: 0px;
	padding: 0px;
}

div#rightSpace ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border:0px;
	float: left;
}


div#rightSpaceDefault {
	width: 200px;
	position: absolute;
	top:0px;
	right: 0px;
	margin: 0px;
	padding: 0px;

}


div#rightSpaceDefault ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border:0px;
	float: left;
}



li#headerUtil {width:200px;height:45px;margin-top:0px; margin-bottom:0px;float:none;}
li#headerCart {width:200px;height:35px;margin-top:0px; margin-bottom:0px;float:none;}








#headerLine{
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;


}

#bread_navigator{
	margin:1px;
	padding:3px;
	text-align:left;
	display : block;
	width:800px;
	margin-left: auto;
	margin-right: auto;
	
}
/* ヘッダーレイアウトここまで*/

/*メインスタイル*/

#mainContainer {
	margin:1px;
	padding:3px;
	text-align:left;
	display : block;
	width:800px;
	margin-left: auto;
	margin-right: auto;
	
}
/*メインスタイルここまで*/



/*フッタースタイル*/

div#fotterContainer {
	margin-left: auto;
	margin-right: auto;
	display : block;
	width:800px;
	background-color:#e8e8e8

}

div#fotterContainer ul {
	list-style-type: none;
	margin: 3px 3px 6px 3px;
	padding: 1px 1px 1px 1px;
}

div#fotterContainer li {
	text-decoration: none;
	padding: 10px 0px 0px 3px;
	text-align:center;

}

li#txtHome {
	width:8%;
	border-right:1px solid #cccccc;
	float:left
}
li#txtCategory {
	width:8%;
	border-right:1px solid #cccccc;
	float:left
}

li#txtSearch {
	width:8%;
	border-right:1px solid #cccccc;
	float:left
}

li#txtCart {
	width:8%;
	border-right:1px solid #cccccc;
	float:left
}

li#txtGuide {
	width:10%;
	border-right:1px solid #cccccc;
	float:left
}
li#txtInquire {
	width:10%;
	border-right:1px solid #cccccc;
	float:left
}
li#txtBbs {
	width:12%;
	border-right:1px solid #cccccc;
	float:left
}
li#txtShoppingRules {
	width: 17%;
	border-right: 1px solid #cccccc;
	float:left
}
li#txtPolicy {

	float: left
}

#fotterLine{
	clear:left;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	position: relative;
	top: 0px;
	left: 0px;
}

/*フッタースタイルここまで*/


/*カラーチャートスタイルここから*/

#fabercastell{
	width: 796px;
	border: 1px #999999 double;
	padding: 1px;
}


.dot_hr {
  color: #e8e8e8; /* 線の色(IE用) */
  background-color: #999999; /* 線の色(NN用) */
  height: 3px; /* 線の太さ */
  border: 1px; /* 枠の太さ */
  border-style: dashed; /* 枠の種類 */
}



.shadow {
    background: url(/owners/yumegazai/images/logo.gif) right bottom;
    float: left; /* 回り込み制御 */
}
 
.shadow img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #ffffe0; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
}










.categoryMainMenu {
	margin-bottom:32px;
	margin:3px;
	padding:3px;

	
}


.categoryMainMenu ul {
	margin:0px;
	padding:0px;

}

.categoryMainMenu li.genreEnd{
	list-style:none;
	padding-left:25px;
	background:url('/owners/yumegazai/images/icon/folder.gif') left top no-repeat;
	line-height:26px;
}

.categoryMainMenu li.genre{
	list-style:none;
	padding-left:25px;
	background:url('/owners/yumegazai/images/icon/folders.gif') left top no-repeat;
	line-height:26px;
}
