@charset "UTF-8";

/*______________________________________
SITE TITE：
UPSETTERS.JP/STUDIO K

URL：
http://www.upsetters.jp/studiok/

COPYRIGHT：
Copyright (c)  upsetters All Rights Reserved.
______________________________________*/

/*______________________________________
COLORSET：
background：
#000000;
text:
#ffffff;
link:
#E1172B;
______________________________________*/


/* ////////////////////////////////////////
default
//////////////////////////////////////// */
* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
line-height:1.6em;
}

body {
margin:0px auto 0px auto;
padding:0px;
background-color:#000;
color: #aaa;
font-size: 11px;
font-family:Helvetica, "ＭＳ 明朝",sans-serif;
line-height:1.4em;
_font-size: 68%;
}

img {
vertical-align: bottom;
border: none;
}

a {
color:#ccc;
background:#000;
text-decoration:none;
padding:2px;
}

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

a img:hover {
-moz-opacity:0.70;
opacity:0.70;
filter:alpha(opacity=70);
}

a#anchor_top {
display:none;
}

h2 {
font-size:1.4em;
margin-bottom:10px;
}

span {
}

/*tooltip*/
.tooltip {
width:150px;
z-index:1100;
color:#fff;
text-align:left;
padding:4px;
font-size:0.9em;
line-height:1.6em;
}

.tooltip h4 {
font-weight:bold;
padding:4px;
font-size:1.1em;
background:url("http://www.upsetters.jp/images/tooltip.png") top left no-repeat;
}

.tooltip p {
padding:4px;
background:url("http://www.upsetters.jp/images/tooltip.png") bottom left no-repeat;
}

/*
----------------------------------------------------------
[LAYOUT]
----------------------------------------------------------*/
#container {
width:800px;
margin:0px auto;
overflow:hidden;
}

#header {
position:relative;
margin:0px auto 14px auto;
width:800px;
height:61px;
text-align:left;
}

#navi {
position:relative;
margin:0px auto 20px auto;
width:800px;
height:40px;
text-align:left;
}

#projects_navi {
margin:20px auto;
width:800px;
text-align:left;
}


h2 {
margin:0px auto 10px auto;
width:800px;
font-size:1.6em;
font-weight:bold;
font-family:Helvetica, sans-serif;
}


h2 i {
font-size:0.7em;
font-style:normal;
padding:1px 2px;
margin:0px 5px;
color:#ffffff;
background:#ff3399;
letter-spacing:0px;
font-family:Georgia, "ＭＳ 明朝", Times, serif;
}

h2 span {
display:block;
padding-top:20px;
font-size:0.7em;
font-family:Georgia, "ＭＳ 明朝", Times, serif;

}

#projects_detail_caption {
width:800px;
margin:0px auto;
position:relative;
z-index:800;
}

/*
----------------------------------------------------------
[HEADER]
----------------------------------------------------------*/
#header {
}

#header_title {
position:absolute;
top:0px;
left:0px;
width:190px;
height:55px;
}

#header_navi {
float:right;
text-align:right;
}

#header_navi ul {
list-style:none;
text-align:right;
}

#header_navi ul li {
display:block;
float:left;
margin-left:5px;
}

#header_navi ul li a {
display:block;
padding:3px 6px;
color:#000;
background:#fff;
white-space:nowrap;
}

#header_navi ul li a#btn_radio {
padding-left:22px;
background:#fff url("http://www.upsetters.jp/studiok/images/btn_radio.gif") 5px 5px no-repeat;
}

/*
----------------------------------------------------------
[NAVI]
----------------------------------------------------------*/
#navi {
font-family:Helvetica, sans-serif;
}

#navi a {
text-decoration:none;
}

#navi a:hover {
text-decoration:none;
}

#navi ul {
list-style:none;
padding:2px 0px;
}

#navi ul li {
display:inline;
}

#navi span {
padding:0px 5px;
}

#navi_local {
display:none;
}

/*
----------------------------------------------------------
[INDEX]
----------------------------------------------------------*/
#index_title {
position:relative;
width:800px;
margin:0px auto 0px auto;
}

#index_title h2 {
float:left;
width:400px;
margin-bottom:10px;
}

#index_title #index_exhibition {
float:right;
width:400px;
text-align:right;
font-size:0.9em;
color:#ff3333;
}

#index_newsletter {
margin:15px 0px;
padding:5px 5px 0px 5px;
border:1px solid #666666;
}

#index_newsletter h3 {
font-size:0.7em;
font-weight:bold;
margin-bottom:10px;
padding-bottom:0px;
}

#index_newsletter p {
margin:0px;
padding:0px;
}

/*
----------------------------------------------------------
[STATIC]
----------------------------------------------------------*/
#static {
position:relative;
width:800px;
margin:0px auto 0px auto;
}

#static a {
text-decoration:underline;
}

#static h3 {
font-size:1.4em;
margin-bottom:15px;
}

#static strong {
color:#666666;
font-weight:bold;
}

#static p {
line-height:1.6em;
margin-bottom:15px;
font-family:Georgia, "ＭＳ 明朝", Times, serif;
}

/*
----------------------------------------------------------
[CONCEPT]
----------------------------------------------------------*/
#concept {
}

#concept img {
margin-bottom:15px;
}

#concept_jp {
width:390px;
float:left;
}

#concept_en {
width:390px;
float:right;
}


/*
----------------------------------------------------------
[GALLERY EXHIBITION]
----------------------------------------------------------*/
#exhibition {
}

#exhibition_individual {
border-bottom:1px dotted #cccccc;
padding-bottom:10px;
margin-bottom:10px;
}

#exhibition_current {
border-bottom:1px dotted #cccccc;
padding-bottom:10px;
margin-bottom:10px;
}

#exhibition_next {
border-bottom:1px dotted #cccccc;
padding-bottom:10px;
margin-bottom:10px;
}

#exhibition_past {
border-bottom:1px dotted #cccccc;
padding-bottom:10px;
margin-bottom:10px;
}

.exhibition_img {
margin-bottom:10px;
}

.exhibition_text {
margin-bottom:15px;
}

/*
----------------------------------------------------------
[COLLECTION]
----------------------------------------------------------*/
/*projects_set*/
#collection {
position:relative;
width:800px;
margin:0px auto 0px auto;
}


#collection h2 {
float:left;
width:400px;
margin-bottom:20px;
}

#collection #howto {
float:right;
width:400px;
text-align:right;
}


.collection_set {
position:relative;
width:850px;
margin:0px auto;
overflow:visible;
padding:0px 0px 0px 50px;
}

.collection_set dl{
display:block;
margin:0px 50px 30px 0px;
width:160px;
height:300px;
float:left;
color:#aaa;
}

.collection_set dl dt {
width:160px;
height:120px;
padding:0px 0px 10px 0px;
white-space:nowrap;
text-align:left;
}

.collection_set dl dt a {
padding:0px;
}

.collection_set dl dt img {
}

.collection_set dl dd {
display:inline;
}

.collection_set dl dd a {
padding:0px;
}

.collection_set dl dd h3 {
margin:5px 0px 0px 0px;
padding:0px;
font-size:1.2em;
height:40px;
}

.collection_set dl dd p {
margin:10px 0px;
font-size:0.9em;
font-family:Georgia, "ＭＳ 明朝", Times, serif;
}

#collection_order {
width:800px;
padding:20px 0px;
margin:0px auto;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}


#collection_order a {
text-decoration:underline;
}

#collection_order h3 {
font-weight:bold;
font-size:1.4em;
margin-bottom:15px;
}

#collection_order strong {
color:#666666;
font-weight:bold;
}

#collection_order p {
line-height:1.6em;
margin-bottom:15px;
font-family:Georgia, "ＭＳ 明朝", Times, serif;
}

#collection_oreder_left {
width:390px;
float:left;
}

#collection_oreder_left ul{
margin-left:15px;
}

#collection_oreder_left ul{
margin-left:20px;
margin-bottom:10px;
}

#collection_oreder_right {
width:390px;
float:right;
}

#collection_oreder_right dl {
margin-bottom:10px;
}

#collection_oreder_right dl dt {
font-size:1.1em;
letter-spacing:1px;
font-weight:bold;
color:#ccc;
}

#collection_oreder_right dl dd {
padding:5px 5px 10px 5px;
}

#collection_oreder_right dl dd ol {
margin-left:20px;
}

#collection_oreder_right dl dd ol li {
margin-bottom:10px;
}

/*tooltip*/
.tooltip {
width:100px;
z-index:1100;
color:#fff;
text-align:left;
padding:4px;
font-size:0.9em;
line-height:1.6em;
}

.tooltip h4 {
text-align:center;
font-weight:bold;
padding:4px;
font-size:1.1em;
background:#666666;
}

.tooltip p {
padding:4px;
background:#666666;
display:none;
}


/*
----------------------------------------------------------
[GALLERY RENTAL]
----------------------------------------------------------*/
#gallery_rental {
}


#gallery_rental img {
margin-bottom:15px;
}

#gallery_rental_jp {
width:390px;
float:left;
}

#gallery_rental_en {
width:390px;
float:right;
}

/*
----------------------------------------------------------
[ATELIER]
----------------------------------------------------------*/

/*member*/
#member {
}

#member h3 {
padding-bottom:0px;
margin-bottom:10px;
}

.member_box {
border-top:1px dotted #cccccc;
padding:20px 0px;
}

.member_box_img {
float:left;
margin-right:20px;
margin-bottom:15px;
}

/*atelire_rental*/
#atelier_rental {
}

#atelier_rental img{
margin:10px 0px;
}

#atelier_rental img {
margin-bottom:15px;
}

#atelier_rental_jp {
width:390px;
float:left;
}

#atelier_rental_en {
width:390px;
float:right;
}

/*
----------------------------------------------------------
[CONTACT]
----------------------------------------------------------*/
#contact {
}

#contact_jp {
width:390px;
float:left;
}

#contact_en {
width:390px;
float:right;
}



/*
----------------------------------------------------------
[NEWSLETTER]
----------------------------------------------------------*/
#newsletter {
}

#newsletter ul {
margin-left:25px;
margin-bottom:10px;}

#newsletter ul li {
margin:3px 0px;
}

#newsletter_form {
border:1px solid #999999;
background:#eeeeee;
margin:20px;
padding:8px;
text-align:left;
}

#newsletter_form h3 {
font-size:1.2em;
font-weight:bold;
color:#666;
padding:0px 0px 10px 0px;
margin:0px;
}

#newsletter_form form {
}

#newsletter_form fieldset {
border:1px dotted #333333;
_border:1px solid #333333;
}

#newsletter legend {
padding:0px 5px;
color:#cccccc;
font-size:1.1em;
}

#newsletter label {
font-size:0.9em;
color:#cccccc;
padding-left:8px;
margin-left:5px;
margin-top:0px;
padding-top:0px;
}

#newsletter input {
margin:5px 5px 10px 5px;
vertical-align:middle;
}

/*
----------------------------------------------------------
[FOOTER]
----------------------------------------------------------*/
#footer {
position:relative;
width:800px;
margin:0px auto 0px auto;
padding:20px;
}

#footer p {
margin-top:100px;
font-size:0.9em;
}



/*
----------------------------------------------------------
[SLIMBOX]
----------------------------------------------------------*/
/* SLIMBOX */
#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(http://www.upsetters.jp/studiok/images/loading.gif) no-repeat center;
}

#lbImage {
border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(http://www.upsetters.jp/studiok/images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(http://www.upsetters.jp/studiok/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(http://www.upsetters.jp/studiok/images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}