@charset "utf-8";


/* ------------------------------------------------
?????N????
------------------------------------------------*/

a:link {
	color:#6C6C6C;
	text-decoration:none;
                border:0;
}

a:visited {
	color:#6C6C6C;
	text-decoration:none;
                border:0;
}

a:hover {
	color:#6C6C6C;
	text-decoration:underline;
                border:0;
}


/* ------------------------------------------------
body????
------------------------------------------------*/

body {
	margin:20px;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;

}

/* ------------------------------------------------
???o??????
------------------------------------------------*/

h2{
	height: 14px;
	margin-bottom: 12px;
	text-indent: -9999px; 
	font-size: 14px; 
}


/* ------------------------------------------------
pagebody????
------------------------------------------------*/

#pagebody{
	float:left;
	width:640px;
	position:0px 0px 0px 0px;
	background:#FFFFFF;
}

#pagebody:after {    /* ?{?b?N?X?̍Ōゅfloat????A */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


/* ------------------------------------------------
header????
------------------------------------------------*/

#header{
	width:640px;
	height:62px;
	position:0px;
	background:#FFFFFF;
}

#header h1{
	margin:0px 0px 12px 0px;
	position:0px;
}

#header ul{
	position: absolute;
	width:250px;
	height:20px;
	top:20px;
	left: 410px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#header li{
	float:left;
}


/* ------------------------------------------------
nav????
------------------------------------------------*/

#nav{
	width:612px;
	height:22px;
	margin:0px 0px 16px 0px;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
}

#nav ul{
	width:612px;
	height:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#nav li, #nav a {
  display:block;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:153px;
  height:18px;
}

#nav li{
	float:left;
	text-indent: -9999px; 
	background-color:#FFFFFF;
}

#nav a {
  text-decoration: none;
  background:url(../images/nav_b.gif) no-repeat;
}

#item02 a { background-position: -153px 0px; }
#item03 a { background-position: -306px 0px; }
#item04 a { background-position: -459px 0px; }

#item01 a:hover { background-position: 0px  -18px; }
#item02 a:hover { background-position: -153px -18px; }
#item03 a:hover { background-position: -306px -18px; }
#item04 a:hover { background-position: -459px -18px; }





/* ------------------------------------------------
maincontent????
------------------------------------------------*/

#maincontent{
	width:640px;
	position:0px;
	background:#FFFFFF;
}



/* ------------------------------------------------
subcontent1????
------------------------------------------------*/

#subcontent1{
	float:left;
	width:340px;
	position:0px;
	background:#FFFFFF;
}

#subcontent1 ul{
	width:340px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#subcontent1 li{
	float:left;
}

.subcontentmida{
	margin:20px 0px 0px 0px;
}

.midanodo1{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

.midanodo2{
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}

/* ------------------------------------------------
subcontent1追加部分
------------------------------------------------*/

#subcontent1 img{
	float:left;
	margin:0px 0px 16px 0px;
	padding:0px 0px 0px 0px;
}




/* ------------------------------------------------
subcontent2????
------------------------------------------------*/

#subcontent2{
	float:right;
	width:280px;
	position:0px;
	background:#FFFFFF;
}




/* ------------------------------------------------
menu1
------------------------------------------------*/

#menu1{
	width:280px;
	position:0px;
	background:#FFFFFF;
}


#menu1 ul{
	width:280px;
	height:180px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#menu1 li, #menu1 a {
  display:block;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:280px;
  height:57px;
}

#menu1 li{
	text-indent: -9999px; 
	background-color:#FFFFFF;
}

#menu1 a {
  text-decoration: none;
  background:url(../images/main_b.gif) no-repeat;
}

#menu02 a { background-position: 0px -57px; }
#menu03 a { background-position: 0px -114px; }

#menu01 a:hover { background-position: -280px  0px; }
#menu02 a:hover { background-position: -280px -57px; }
#menu03 a:hover { background-position: -280px -114px; }



/* ------------------------------------------------
menu2????
------------------------------------------------*/

#menu2{
	width:280px;
	position:0px;
	background:#FFFFFF;
}


/* ------------------------------------------------
menu2追加部分
------------------------------------------------*/


#menu2 p{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	text-indent: -9999px;
	background-color:#FFFFFF;
	list-style:none;
}



#menu2 a{
  display:block;
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 0px;
}


#submenu01 a { background:url(../images/index_b01.gif) no-repeat; width:135px;  height:51px; margin-right:10px }
#submenu02 a { background:url(../images/index_b02.gif) no-repeat; width:135px;  height:51px; }
#submenu03 a { background:url(../images/index_b03.gif) no-repeat; width:280px;  height:51px; margin-bottom:0px }
#submenu04 a { background:url(../images/index_b04.gif) no-repeat; width:280px;  height:51px; margin-bottom:0px }
#submenu05 a { background:url(../images/index_b05.gif) no-repeat; width:280px;  height:51px; margin-bottom:8px }


#submenu01 a:hover { background:url(../images/index_b01_r.gif) no-repeat; }
#submenu02 a:hover { background:url(../images/index_b02_r.gif) no-repeat; }
#submenu03 a:hover { background:url(../images/index_b03_r.gif) no-repeat; }
#submenu04 a:hover { background:url(../images/index_b04_r.gif) no-repeat; }
#submenu05 a:hover { background:url(../images/index_b05_r.gif) no-repeat; }


#menu2 h4{
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	line-height:1.3em;
	font-size: x-small;
}





#menu2:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}



/* ------------------------------------------------
news????
------------------------------------------------*/

#news{
	width:280px;
	height:90px;
	position:0px;
	background: url(../images/img_koket.gif) top right no-repeat #FFFFFF;
}

#news h2{
	width:210px;
	margin:0px 0px 0px 0px;
	color:FFFFFF;
	background:url(../images/mida_news.gif) no-repeat;
}


#news p{
	overflow:auto;
	width:235px;
	height:100px;
	margin:2px 0px 20px 0px;
	padding:0px;
	line-height:1.4em;
	font-size:0.71em;
	
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}




#maincontent:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}





/* ------------------------------------------------
back????
------------------------------------------------*/

#back{
	width:640px;
	margin:20px 0px 0px 0px;
	position:0px;
	background:#FFFFFF;
}

#back h3 a{
	display:block;
	width:60px;
	height:18px;
	margin:0px 0px 0px auto;
	background:url(../images/back_b.gif) no-repeat;
	text-indent:-9999px; 
}

#back a:hover{
	background:url(../images/back_b_r.gif) no-repeat;
}


/* ------------------------------------------------
atop????
------------------------------------------------*/

#atop{
	width:640px;
	position:0px;
	background:#FFFFFF;
}

#atop p{
	margin:0px 4px 0px 0px;
	text-align:right;
	font-size:0.7em;
}


/* ------------------------------------------------
footer????
------------------------------------------------*/

#footer{
	width:640px;
	margin:0px 10px 0px 0px;
	position:0px;
	background:#FFFFFF;
}

#footer p{
	position:relative;
	width:480px;
	height: 17px;
	margin-bottom: 12px;
	padding:6px 0px 0px 0px;
	border-top: 1px solid #B3B3B3;
	font-size:0.7em;
}


/* ------------------------------------------------
Creator Selection?y?[?W
------------------------------------------------*/

/* ------------------------------------------------
selection????
------------------------------------------------*/

#selection{
	width:640px;
	position:0px;
	background:#FFFFFF;
}

#selection h3{
	width:614px;
	height:52px;
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
	background:url(../selection/images/Selection_rogo.gif) no-repeat;
	text-indent: -9999px; 
}

/* ------------------------------------------------
nameselection????
------------------------------------------------*/

#nameselection{
	width:640px;
	margin:0px 0px 0px 0px;
	position:0px;
	background:#FFFFFF;
}

#nameselection ul{
	width:640px;
	margin:0px 0px 16px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#nameselection li{
	float:left;
	text-align:center;
	font-size:0.8em;
	line-height:1.5em;
}

.nodo1{
	margin:0px 26px 0px 0px;
	padding:0px 0px 0px 0px;
}

.nodo2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/* ------------------------------------------------
Creator introduction?y?[?W
------------------------------------------------*/

/* ------------------------------------------------
introduction????
------------------------------------------------*/

#introduction{
	width:640px;
	position:0px;
	background:#FFFFFF;
}

#introduction h3{
	width:638px;
	height:37px;
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
	background:url(../selection/images/introduction_rogo.gif) no-repeat;
	text-indent: -9999px; 
}


/* ------------------------------------------------
profile????
------------------------------------------------*/

#profile{
	float:left;
	width:160px;
	position:0px;
	background:#FFFFFF;
}

.profilemida{
	width:160px;
	height:14px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	background:url(../selection/images/mida_profile.gif) no-repeat;
	text-indent: -9999px; 
}

.name{
	width:160px;
	margin:6px 0px 0px 0px;
	padding:4px 0px 2px 0px;
	background-color:#F2F2F2;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
}

.profiledeta{
	width:160px;
	margin:4px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	font-size:0.7em;
	line-height:1.4em;

}

.profileweb{
	margin:0px 0px 10px 0px;
	font-size:0.7em;
}


/* ------------------------------------------------
artworks????
------------------------------------------------*/

#artworks{
	float:right;
	width:440px;
	position:0px;
	background:#FFFFFF;
}

.artworksmida{
	width:440px;
	height:14px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	background:url(../selection/images/mida_works.gif) no-repeat;
	text-indent: -9999px; 
}



/* ------------------------------------------------
work????
------------------------------------------------*/

#work{
	width:440px;
	margin:0px 0px 30px 0px;
	position:0px;
	display:block;
	background:#FFFFFF;
}

#work table{
	margin:0px 0px 30px 0px;
	position:0px;
}


/* ------------------------------------------------
workimg????
------------------------------------------------*/

#workimg{
	float:left;
	width:190px;
	height:190px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/* ------------------------------------------------
workdeta????
------------------------------------------------*/

#workdeta{
	float:right;
	width:230px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	position:0px;
	background:#FFFFFF;
}

.worktitle{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:0.8em;
	font-weight:bold;
	font-color:#000000;
}

.workdeta{
	margin:0px 0px 0px 0px;
	padding:4px 0px 10px 0px;
	font-size:0.7em;
	line-height:1.4em;
}

#work:after {    /* ?{?b?N?X?̍Ōゅfloat????A */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.workdetacart a{
	display:block;
	width:100px;
	height:20px;
	margin:10px 0px 0px auto;
	background:url(../selection/images/cart_b.gif) no-repeat;
	text-indent:-9999px; 
}

.workdetacart a:hover{
	background:url(../selection/images/cart_b_r.gif) no-repeat;
}


.detatable{
	font-size:0.8em;
}


/* ------------------------------------------------
creatorworks?y?[?W
------------------------------------------------*/

/* ------------------------------------------------
creatorworks????
------------------------------------------------*/

#creatorworks{
	width:640px;
	position:0px;
	background:#FFFFFF;
}

#creatorworks h3{
	width:495px;
	height:37px;
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
	background:url(../selection/images/works_rogo.gif) no-repeat;
	text-indent: -9999px; 
}

/* ------------------------------------------------
workimg1
------------------------------------------------*/

#workimg1{
	width:440px;

	margin:0px auto 0px auto;
}

.img{
	margin:0px 6px 0px 0px;
}

.title{
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	font-size:0.8em;
	font-weight:bold;
}

.comment{
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	font-size:0.8em;
}


#workimg1 p a{
	display:block;
	width:100px;
	height:20px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:url(../selection/images/cart_b.gif) no-repeat;
	text-indent:-9999px; 
}

#workimg1 a:hover{
	background:url(../selection/images/cart_b_r.gif) no-repeat;
}



/* ------------------------------------------------
workimg2
------------------------------------------------*/

#workimg2{
	width:289px;
	height:400px;
	margin:0px auto 0px auto;
}



#workimg2 p a{
	display:block;
	width:100px;
	height:20px;
	margin:0px auto 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../selection/images/cart_b.gif) no-repeat;
	text-indent:-9999px; 
}

#workimg2 a:hover{
	background:url(../selection/images/cart_b_r.gif) no-repeat;
}


/* ------------------------------------------------
cart????
------------------------------------------------*/

#cart{
	position:absolute;
	background:#000000;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	height:30px;
	top:20px;
	left:680px;
	float:right;
	width:120px;
}

#cart h2{
	width:120px;
	height:83px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../shoppingcart/template/images/cart_rogo.gif) no-repeat;
	text-indent: -9999px; 

}

#cart p{
	line-height:1.0em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}

#cart a{
	color:#CCCCCC;
}

.cartimg{
	margin-top:10px
}

.cartsm{
	color:#FFFFFF;
	font-size:0.8em;
	line-height:1.4em;
	padding:2px 0px 2px 0px;
}

.cartform{
	color:#000000;
	font-size:0.7em;
	line-height:1.4em;
	padding:2px 5px 2px 5px;
}


.cartform2{
	color:#FFFFFF;
	font-size:0.7em;
	line-height:1.4em;
	padding:2px 5px 2px 5px;
}

.cartform3{
	color:#FFFFFF;
	font-size:0.7em;
	line-height:1.2em;
	padding:0px 5px 0px 5px;
}


.txtCC0033{
	color:#CC0033;
}

.txtCC0033m{
	color:#CC0033;
	font-size:0.7em;
	line-height:1.4em;
}



/* ------------------------------------------------
osirase
------------------------------------------------*/
#osirase{
	float:left;
	width:340px;
	margin-top:10px;
	line-height:0.9em;
}

#osirase p{
	margin:0px;
	padding:0px 0px 2px 0px;
	color:#CC0000;
	font-size:0.9em;
	font-weight:bold;
}


.osirasetxt{
	margin:0px;
	padding:0px;
	font-size:0.7em;
}