@charset "UTF-8";


/*++++++++++++++++++++++++++++++++++++++++++
basic html
+++++++++++++++++++++++++++++++++++++++++++*/

* {
padding:0;
margin:0;}

body {
color: #000000;
background: #F0E8DF;}

a:link,
a:visited {color:#000000;text-decoration: none;}
a:hover,
a:hover {color:#8F9BA7;text-decoration: underline;}

ul {	list-style-type: none;}

img {	border:0;}

h2 {
font-weight: normal;
font-size: 95%;
background-image: url(../image/icon_shoptitle.gif);
background-repeat: no-repeat;
padding: 0px 0px 20px 18px;
text-align:left;
}

h2 {
background-position: left 6px;
}

*html h2 {
background-position: left 4px;
}

*+html h2 {
background-position: left 4px;
}

#header {
background-color: #F0E8DF;
padding:0 0 0 50px;}

#header h1 {
margin: 90px 0 0 0;
width:151px;
}

#whitebox {
background-color: #ffffff;
padding: 0 0 0 50px;}

#navi ul {
text-align:right;
padding:12px 0 37px 0;
font-size:80%;
width:865px;}

#navi ul li {
display:inline;
padding:0 0 0 20px;
font-size:80%;}

#navi ul li a:link,
#navi ul li a:visited {
background-image: url(../image/header_icon1.gif);}

#navi ul li a:hover,
#navi ul li a:hover {
background-image: url(../image/header_icon3.gif);}

#navi ul li a:link,
#navi ul li a:visited,
#navi ul li a:hover,
#navi ul li a:hover {
background-repeat: no-repeat;
background-position: left 4px;
padding:0 0 0 10px;}

#navi ul li#naviOrder a:link,
#navi ul li#naviOrder a:visited {
background-image: url(../image/header_icon2.gif);
color:#808000;
}
#navi ul li#naviOrder a:hover,
#navi ul li#naviOrder a:hover {
color:#808000;}

#categoryNavi {
background-color: #ffffff;
padding-bottom:35px;
}

#categoryNavi li {
display:inline;
font-size:70%;
float:left;
}
#categoryNavi li a {
padding: 5px 0px 9px 36px;
font-size:90%;
margin-right:33px;
display:block;
}
#categoryNavi li a:hover,
#categoryNavi li a:active {
background-image: url(../image/categorynavi_icon.gif);
background-repeat: no-repeat;
background-position: left top;
}

#container {
width:865px;
background-color: #ffffff;
}

#footer {
padding:5px 0 10px 50px;
width:865px;}

#footer ul {
font-size:80%;
float:left;
width:350px;}

#footer ul li {
display:inline;
font-size:80%;
}

#footer ul li a:link,
#footer ul li a:visited {
background-image: url(../image/footer_icon1.gif);}

#footer ul li a:hover,
#footer ul li a:hover {
background-image: url(../image/footer_icon3.gif);}

#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover,
#footer ul li a:hover {
background-repeat: no-repeat;
background-position: left 3px;
padding:0 20px 0 10px;}

#footer ul #footerLogo {
display:block;
}

#footer ul li#footerOrder a:link,
#footer ul li#footerOrder a:visited {
background-image: url(../image/footer_icon2.gif);
color:#808000;}
#footer ul li#footerOrder a:hover,
#footer ul li#footerOrder a:hover {
color:#808000;}

#footer ul #footerLogo a:link,
#footer ul #footerLogo a:visited,
#footer ul #footerLogo a:hover,
#footer ul #footerLogo a:hover {
background-image: none;
padding:0;
}

#footer p {
float:right;
font-size:60%;
text-align:right;
width:350px;
padding:28px 0 0;}

#content {
width:665px;
float:left;
}


/*++++++++++++++++++++++++++++++++++++++++++
TOP
+++++++++++++++++++++++++++++++++++++++++++*/


#topIntro {
font-size:70%;
height:104px;
line-height:1.7em;}

#topIntro span {
padding: 15px 0 0 ;
display:block;
}

#topImage {
	font-size:70%;
	background-image: url(../image/topimage_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#FFFFFF;
}

/*++++++++++++++++++++++++++++++++++++++++++
DM紹介
+++++++++++++++++++++++++++++++++++++++++++*/


.dmworks #row1 {
width:665px;
padding: 0 0 20px;}

.dmworks #row1 #dmPicture {
float: left;
padding: 0 20px 0 0;}

.dmworks #row1 #dmExplain {
width:225px;
float:left;}

.dmworks p,
.dmworks #row1 #dmExplain table,
.dmworks #row1 #dmExplain p {
padding: 0 0 10px;
font-size:11px;
line-height:1.7em;}

*html .dmworks p,
*html .dmworks #row1 #dmExplain table,
*html .dmworks #row1 #dmExplain p {
padding: 0 0 10px;
font-size:10px;
line-height:1.7em;}

*+html .dmworks p,
*+html .dmworks #row1 #dmExplain table,
*+html .dmworks #row1 #dmExplain p {
padding: 0 0 10px;
font-size:10px;
line-height:1.7em;}

.dmworks #row1 #dmExplain table {
margin: 0 0 20px 0;}

.dmworks #row1 #dmExplain h3#iconItoyo span,
.dmworks #row1 #dmExplain h3#iconKoji span {
background-repeat: no-repeat;
background-position: left top;
padding:8px 8px 8px 40px;
color:#000000;}

.dmworks #row1 #dmExplain h3#iconItoyo span {
background-image: url(../image/designericon2.gif);}

.dmworks #row1 #dmExplain h3#iconKoji span {
background-image: url(../image/designericon3.gif);}

.dmworks #row1 #dmExplain h3 {
font-weight: normal;
font-size: 80%;
padding: 6px 0 18px 0px;}

.dmworks #row1 #dmExplain h3#designimage {
padding:6px 0 7px 0;}

.dmworks #row1 #designimageParam {
margin-bottom:10px;}

.dmworks #shopComment {
padding-bottom:20px;}

.dmworks #shopComment h3 {
font-weight: normal;
font-size: 80%;
padding:0 0 7px 0;}

.dmworks #row1 #dmExplain span {
color:#CCCCCC;}

.dmworks #row2 {
width:468px;
padding:0 0 13px;
}

.dmworks #row2 #shopSpec {
width:300px;
float:left;
}

.dmworks #row2 #shopSpec h3,
.dmworks #row2 #shopSpec ul li {
background-color: #F0E8DF;
border: 1px dotted #BDBDBD;
margin: 0 0 8px 0;
padding: 3px 15px 3px 16px;
font-weight: normal;
font-size: 70%;}

.dmworks #row2 #shopPhoto {
width:150px;
float:right;
}

.dmworks #row2 #shopPhoto li img {
border: solid 1px #CCCCCC;
padding: 4px;
}



#containerRight {
float:right;
width:150px;
font-size: 70%;
margin-bottom:30px;
}

#menu2 p {
padding:5px 5px 15px 15px;
border-bottom: dotted 1px #666666;
border-left: dotted 1px #666666;
}
#menu2 ul#designer {
padding:0 0 30px 15px;
border-left: dotted 1px #666666;
}
#menu2 ul#designer li {
padding:27px 0 10px 38px;
background-repeat: no-repeat;
background-position: 0px 20px;
}
#menu2 ul#designer li.designer2 {
background-image: url(../image/designericon2.gif);
}
#menu2 ul#designer li.designer3 {
background-image: url(../image/designericon3.gif);
}
#menu2 ul#archive {
padding:15px 0 10px 15px;
border-left: dotted 1px #666666;
}
#menu2 ul#archive li {
padding:0px 0 10px;
}
#menu2 #archiveList {
border-bottom:none;
padding-bottom:5px;
}
#menu2 #archiveList a {
padding: 10px 33px 9px 36px;
background-image: url(../image/categorynavi_icon.gif);
background-repeat: no-repeat;
background-position: left 5px;
display:block;
}

.listPage h3 {
font-size:80%;
color:#8F9BA7;
font-weight: normal;
}

.listPage ul li {
font-size:70%;
border: dotted 1px #BDB2A1;
padding:3px 16px;
margin-top:13px;
}

.listPage li {
	font-size:70%;
	border: dotted 1px #BDB2A1;
	padding:3px 7px;
	margin-top:13px;
	list-style-type: none;
}

/*++++++++++++++++++++++++++++++++++++++++++
Float clear
+++++++++++++++++++++++++++++++++++++++++++*/

#navi,
#container,
#row1,
#row2,
#categoryNavi,
#menu2,
#footer,
.floatclear {
	clear:both;}

#navi:after,
#container:after,
#row1:after,
#row2:after,
#categoryNavi:after,
#menu2:after,
#footer:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}

#navi,
#container,
#row1,
#row2,
#categoryNavi,
#menu2,
#footer,
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/

* html #navi,
* html #container,
* html #row1,
* html #row2,
* html #categoryNavi,
* html #menu2,
* html #footer,
* html .clearfix { height: 1% }

#navi,
#container,
#row1,
#row2,
#categoryNavi,
#menu2,
#footer,
.clearfix {display:block;}
/* end MacIE5 */