@charset "UTF-8";
/************************************************
1.universal
************************************************/
body{ 
	margin: 0px;
	padding: 0px; 
	background-color: #FFFFFF;	
}





#wrapper {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-left: 10px;
}


#screen {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 0px;
}

/************************************************
6.font style
************************************************/
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd {
	color: #808080;
	font-family: HiraKakuPro-W3, "Osaka－等幅", "ヒラギノ角ゴ Pro W3",　"ＭＳ ゴシック";
	margin: 0px;
	padding: 0px;
}


h1.title{
	font-size: 33px;
	width: 900px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	
}

h1.maintitle{
	font-size: 40px;
	width: 900px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}

#ymginstylelogo{
	width: 900px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
	

h1 a{
	color: #808080;
	text-decoration: none;
}


	
h2.title{
	font-size: 25px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;

}


h2.red{
	color: red;
	text-align: center;
	clear: both;
	margin-top: 20px;
	margin-bottom: 100px;
}

/***for art main page****/

h3.title{
	font-size: 20px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;

}
p.title{
	font-size: 14px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
/***for art main page****/


h3.blogtitle{
	font-size: 18px;
	color: #FF0000;
}

h3.contentstitle{
	font-size: 18px;
	color: #FF0000;
}

p.contentstitle{
	font-size: 12px;
}

h3.blogtitle a{
	color: #FF0000;
}

h3.blogtitle a:hover{
	background-color: #CCCCCC
}

h3.contentstitle a{
	color: #FF0000;
}

h3.contentstitle a:hover{
	background-color: #CCCCCC;
}



h3.title{
	font-size: 16px;
}

h3.shopimgtitle{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	top: -7em;
	text-align: center;
}

a{
	color: #009999;
}


h4.gotopagetop{
	font-size: 16px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 80px;
	clear: both;
}

	
img{
	border: none;
}


/************************************************
2.discription
************************************************/
#discription {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #009999;
}

h2.discri {
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-weight: normal;
	width: 900px;
}




	
/************************************************
3.header
************************************************/
ul.navi{
	list-style-type: none;
	width: 900px;
	margin-top: 10px;
	padding-left: -10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	clear: right;
}

li.navi{
      marign: 0px;
      padding: 0px;
      height: 30px;
      width: 80px;
      float: left;
}

li.navispace{
      marign: 0px;
      padding-right: 30px;
      height: 30px;
      width: 100px;
      float: left;
}

li.navinew{
      marign: 0px;
      padding-right: 30px;
      height: 30px;
      width: 90px;
      float: left;
}


ul.navi a:hover {
    background-color: #CCCCCC;
}


/************************************************
4.maincontents
************************************************/
#maincontents{
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
}


.leftside {
	width: 190px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.rightside {
	margin: 0px;
	width: 700px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.rightside a:hover {
    background-color: #CCCCCC;
}



/************************************************
5.footer
************************************************/
#footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-top: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	text-align: center;
	border-top-style: dotted; 
	border-top-color: #959595;
	border-top-width: 1px;
	
}

h3.copyright {
	font-size: 10px;
	clear: both;
	font-weight: normal;
	color: #959595;
	width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}