@charset "UTF-8";

/* 共通 */

* {
	font-family: Verdana, Arial, sans-serif;
	margin:0;
	font-size:98%;
}

#nojs {
	margin:20px;
	font-weight:bold;
	font-size:150%;
	color:#17184b ;
}

body {
	background: #ffffff;
	color:#696969 ;
}

img {
	border:none;
}

a:link img ,a:visited img {
	border:none;
}
a:hover img {
	border:none;
}

#bodyfoot {
	background: #ffffff;
}

#uper,#foot {
	width: 1024px;
	text-align: center;
	margin: 0 auto;
}

a:link {
	color: #53727d ;
/*	color: #4d5aaf ;*/
	text-decoration: none;
}

a:visited {
	color: #53727d ;
	text-decoration: none;
}

a:hover {
	color: #ff7f00 ;
	text-decoration: none;
}

/*---------------Header---------------*/
#head {
	height: 165px;
	background: #ffffff;
	text-align:left;
	line-height:70px;
}

#head h1 {
	text-indent:-9999px;
	width:1024px;
	height:165px;
	background: #eaedf7 url("../images/header.jpg");
}

#headrulomife h1 {
	text-indent:-9999px;
	width:1024px;
	height:150px;
	background: #eaedf7 url("../images/headerrulomife.jpg");
}

#header {
	background: #ffffff;
	text-align:right;
	font-size: 13px;
	margin:5px 0px 30px 0px;
}
.u-line{
	border-bottom:solid 1px #696969 ;
}
/*---------------Hooter---------------*/
#foot {
	border-top: solid 1px #696969 ;
	clear:both;
	height: 60px;
	background: #ffffff;
	text-align:right;
}

#copy {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #a22041;
	padding-top:20px;
	padding-bottom:30px;
}

/*---------------Side menu---------------*/
#side {
	float: left;
	width: 200px;
	margin-top:7px;
	text-align: right;
	background-color: #ffffff ;
	border-top: solid 9px #a25768 ;
	border-bottom: solid 9px #a25768 ;
}

#side .menutext{
	font-size:80%;
}
#side #now{
	color:#007b43 ;
}

#side .meigi{
	background-color: #f2f2b0 ;
	font-weight:bold;
}

/*---------------Contents---------------*/
#contentsbox{
	float: right;
	width: 784px;
	padding:30px 20px;
	text-align: left;
	background-color: #ffffff;
	min-height: 450px;
}
h2 {
	border-bottom: solid 5px #a25768 ;
	font-size:130%;
}

h2 #small{
	font-size:80%;
}

#gotop {
	clear:both;
	text-align:right;
	font-size:80%;
	background-color: #ffffff;
}

/*---------------Home---------------*/
#welcome{
	margin:15px 10px 30px 10px;

}

#welcome h4{
	margin:15px 0px 5px 0px;
}

#contentsbox-l{
	float: left;
	width: 450px;
}

#contentsbox-r{
	float: right;
	width: 314px;
	margin:15px 0px 0px 20px;
}

#contentsbox-r img{
	margin-bottom:20px;
}

#contentsbox-r h3{
	border-top:4px solid #53727d ;
}

.older{
	text-align:right;
	font-size:85%;
}

.topicon{
	margin:10px 10px 35px 0px;

}

.topicon h3{
	margin:5px 0px 5px 0px;
	color:#474b42 ;
}

.topicon h3 .jousenn{
	border-top:4px solid #53727d ;
}

.topicon .date{
	font-size:90%;
	font-weight:bold;
	color:#777e41;
	margin:0px 0px 0px 0px;
	border-bottom:4px solid #53727d ;

}
.topicon p{
	font-size:80%;
}

.topicon a:link img,.topicon a:visited img,.topicon a:hover img{
	border:none;
}

/*---------------Topics-----------------*/
#topics{
	margin:20px 10px 10px 20px;
}

#topicsbox td{
	vertical-align:top;
	padding:0px 5px;
}

#topicsbox .jp{
	font-size:90%;
}

#topicsbox .date{
	font-weight:bold;
	color:#777e41;
}

#topics h3{
	margin:20px 0px;
	padding-left:5px;
	color:#474b42 ;
	border-left:5px solid #b8d200 ;
	clear:left;
}

#topics p{
	margin:10px;
}
#topics .cap{
	font-size:80%;
}
#topics .caparea{
	float:right;
}

/*---------------Profile-----------------*/
#profiletext{
	margin:20px 10px 20px 20px;
}

#profiletext h3{
	margin:20px 0px;
	color:#4e454a;
}

#profiletext p{
	margin:15px 0px;
}
/*---------------Gallery-----------------*/
#gallery, .gallery{
	margin-top:10px;
	margin-left:6px;
	margin-bottom:6px;
	clear:right;
}

#gallerytext h3{
	margin-top:20px;
	padding-left:5px;
	font-size:90%;
	color:#1c305c ;
	border-left:5px solid #f6bfbc ;
}

#gallery ,#bfpgallery{
	margin-top:6px;
	margin-left:20px;
	margin-bottom:6px;
}

#gallery td, .gallery td{
	width:105px;
	text-align:center;
	border:1px solid #d3cbc6 ;
}

#caption {
	color:#c9171e ;
	font-size:140%;
}

#bfpgallery td{
	width:70px;
	margin:0;
	padding:0;

}

#bfpgallery a:link img{
	border:none;
}

#bfpgallery a:hover img{
	border:solid 1px #f08300 ;
}

#bfpgallerytext p, #gallerytext p{
	margin:10px;
}

#others .fla{
	width:420px;
	float:left;
	margin:0px 10px 20px 10px;
	border:1px solid #478384 ;
}

#others .fla,#others .photo{
	width:420px;
	float:left;
	margin:0px 10px 20px 10px;
}

#others img{
	border:1px solid #478384 ;
}

#others h3{
	clear:left;
	margin-top:20px;
	margin-left:10px;
	color:#bc64a4 ;
}

#others .caption{
	height:315px;
	margin-bottom:20px;
}

#others .caption p{
	margin-top:10px;
}

.painting ,.chiyochigiri ,.rulomife ,.rulomifeleft{
	clear:both;
	float:left;
	width:775px;
	padding:20px 0px 10px 0px;
	margin:10px;
	border-top:1px solid #d3cbc6 ;

}

.painting p ,.chiyochigiri p ,.rulomife p ,.rulomifeleft p{
	font-size:80%;

}
.painting img ,.chiyochigiri img ,.rulomife img {
	float:left;
	margin:10px 20px 30px 0px;
}

.rulomife .img_group ,.rulomifeleft .img_group {
	float:left;
}
.rulomifeleft img {
	float:left;
	margin:10px 20px 30px 0px;
}

.rulomife .clear{
	clear:left;
}

.rulomife .caparea,.painting .caparea ,.rulomifeleft .caparea{
	width:205px;
	float:right;
}

.up{
	margin-bottom:1px;
	float:left;
}

.soldout{
	color:#e60033 ;
	font-weight:bold;
	font-size:120%;
}

.hanbailoft{
	color:#ffa500 ;
	font-weight:bold;
	font-size:120%;
}

.actonline{
	font-weight:bold;
	font-size:120%;
}

.page , .pagenow{
	float:right;
	padding:1px 1px 2px 1px;
	font-size:80%;
}

.page{
	background-color:#bce2e8 ;
}

.pagenow{
	background-color:#eaedf7 ;
}

.page a{
	font-weight:bold;
}

.page .line{
	text-decoration:underline;
}

.page a:link, .page a:visited{
	color:#1e50a2 ;
}

.page a:hover{
	padding:1px 0px 2px 0px;
	background-color:#ffec47 ;
	color:#0095d9 ;
	text-decoration:none;
}

.sold{
	color:#e60033 ;
	font-weight:bold;
}
.red
{
	color:#e60033 ;
	font-weight:bold;
	font-size:80%;
}

.order{
	color:#005243 ;
	font-weight:bold;
	font-size:small;
}
/*---------------Shopping-----------------*/
#shop{
	margin:10px;
}

#shop h3{
	margin:20px 0px;
	padding-left:5px;
	color:#474b42 ;
	border-left:5px solid #ffea00 ;
	clear:left;
}

#shop .artmeter{
	float:left;
	width: 160px;
	margin: 0px 20px 30px 30px;
	padding: 0;
	border: none;
}


#shop #designgarden{
	float:left;
	margin: 0px 20px 30px 22px;
	background-color:#b8d494;
	text-align:left;
	border-collapse: collapse;
}

#shop #designgarden td{
	border:1px solid #b8d494;
	padding:10px 4px 3px 4px;
}

#shop #designgarden #fw{
	color:#ffffff;
	font-size:small;
	font-weight:bold;
}

#shop #designgarden .w td{
	text-align:center;
}

#shop #designgarden #fb{
	color:#000000;
	font-size:small;
}


#shop #designgarden .cate{
	background-color:#dcdcdc;
	font-weight:bold;
	font-size:80%;
}

#shop #designgarden .price{
	color:#ff0000;
	font-size:70%;
	font-weight:bold;
}

#shop #designgarden .zeikomi{
	font-size:70%;
	font-weight:bold;
}

#shop #designgarden .w{
	background-color:#ffffff;
}

#shop .small{
	font-size:80%;
}

#shop p{
	margin:40px 20px 0px 0px;
}

/*---------------Contact-----------------*/
#contacttext{
	margin:10px;
}

#contacttext .jp{
	font-size:90%;
}

#contacttext p{
	margin:10px 10px 10px 20px;;

}

#contacttext h3{
	margin-top:20px;
	padding-left:5px;
	font-size:90%;
	color:#432f2f  ;
	border-left:5px solid #ffd900  ;
}

#contacttext #mlt{
	width:115px;
	margin:10px 0px 0px 20px;
	padding-left:5px;
	color: #4d5aaf ;
	cursor: pointer;
}
#contacttext #mlt:hover{
	text-decoration:underline;
	color: #bb5548 ;
	cursor: pointer;
}

/*---------------About-----------------*/
#about{
	margin:10px;
}

#about h3{
	margin-top:20px;
	padding-left:5px;
	font-size:90%;
	color:#1c305c ;
	border-left:5px solid #e17b34 ;
}

#about p{
	margin:10px 10px 10px 20px;
	font-size:80%;
}

/*---------------Links-----------------*/
#links{
	margin:10px;
}

#links h3{
	margin-top:20px;
	padding-left:5px;
	font-size:90%;
	color:#513743 ;
	border-left:5px solid #82ae46 ;
	clear:left;
}

#links img{
	margin:10px 10px 20px 20px;
	float:left;
}

#links p{
	margin:10px 10px 10px 20px;
	font-size:80%;
}


/*---------------Sitemap-----------------*/
#sitemaptable{
	margin:17px 10px 10px 8px;
}

#sitemaptable td{
	width:250px;
	padding-bottom:20px;
	vertical-align:top;
}

#sitemaptable h3{
	padding-left:5px;
	border-left:5px solid #f8b500;
	color:#8c7042;
}

#sitemaptable p{
	margin:5px 0px 0px 20px;
}

#sitemaptable .jp{
	font-size:90%;
}
/*-----sp----------------*/
@media screen and (max-width: 640px) {
#uper,#foot {
	width: 640px;
	text-align: center;
	margin: 0 auto;
}
#head h1 {
	text-indent:-9999px;
	width:640px;
	height:165px;
	background: #eaedf7 url("../images/header.jpg");
}

#headrulomife h1 {
	text-indent:-9999px;
	width:640px;
	height:150px;
	background: #eaedf7 url("../images/headerrulomife.jpg");
}
#header {
	background: #ffffff;
	text-align:right;
	font-size: 10px;
	margin:5px 0px 30px 0px;
}
#side {

	float: left;
	width: 165px;
	margin-top:7px;
	text-align: right;
	font-size:110%;
	background-color: #ffffff ;
	border-top: solid 9px #a25768 ;
	border-bottom: solid 9px #a25768 ;
position: fixed;  
    top:230px;  
    left: 0;
}

#contentsbox{
	float: right;
	width: 445px;
	padding:20px 20px;
	text-align: left;
	background-color: #ffffff;
}
#contentsbox-l{
	float: right;
	width: 445px;
}
#contentsbox-r{
	display:none;
	float: right;
	width: 0;
	margin:15px 0px 0px 20px;
}
.older{
	text-align:right;
	font-size:120%;
}
#gotop {
	clear:both;
	text-align:right;
	font-size:120%;
	margin-top:10px;
	background-color: #ffffff;
}
#links img{
	margin:10px 10px 20px 20px;
	float:none;
}
#topics img{
	width:100%;
}
#topics #kaiki{
	width:100%;
}

/* test */
.painting ,.chiyochigiri ,.rulomife ,.rulomifeleft{
	width:100%;
	padding:20px 0px 10px 0px;
	margin:10px 0px 10px 0px;

}
.painting img ,.chiyochigiri img ,.rulomife img.w_img{
	width:100%;
	margin:10px 10px 10px 0px;
}
.painting img ,.chiyochigiri img ,.rulomife img{
	margin:10px 10px 10px 0px;
}
.rulomife .img_group ,.rulomifeleft .img_group {
	float:none;
	width:100%;
}
.rulomife .caparea,.painting .caparea ,.rulomifeleft .caparea{
	width:100%;
	clear:both;
	float:right;
}


/* media end*/
}