@charset "utf-8";
@import "http://";
html {
overflow-y:scroll;
background-color:#909090;
}
body, div, h1, h2, h3, h4, h5,
dl, dt, dd, ul, ol, li,
p, table, th, td {
padding:0;
margin:0; 
}
h1, h2, h3, h4, h5 {
font-size:100%; 
font-weight:normal;
}
fieldset, img {
border:none;
padding: 0;
margin: 0; 
}
img {
vertical-align:bottom;
}
table {
border-collapse:collapse; 
border-spacing:0;
font-size:100%; 
}
caption, th {
text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal; 
font-weight:normal;
}
a{ outline: none; }

/*-------------------------*/
input[type="button"],input[type="submit"] {
-webkit-appearance: none;
}
/*-------------------------*/
body {
height:980px;
font-family: Arial, helvetica, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight:normal;
color:#333;
background-color:#909090;
padding:2px 0px;
margin:0px;
}
#allp {
width:1120px;
margin:0px auto 0px;
}
#all-in {
width:1120px;
text-align:left;
}
#unit-a {
float:left;
}
#unit-b {
float:right;
width:320px;
}
/*-------------------------*/
#headr {
width:780px;
height:50px;
z-index:12;
background-color:#333;
position:relative;
}
#logo {
}
#logo a:link    { color:#909090; text-decoration:none; }
#logo a:visited { color:#909090; text-decoration:none; }
#logo a:hover   { color:#E1E1E1; text-decoration:none; }
/*-------------------------*/
#headr-w {
width:780px;
height:50px;
z-index:12;
background-color:none;
position:relative;
}
#logo-w {
}
#logo-w a:link    { color:#D5D5FF; text-decoration:none; }
#logo-w a:visited { color:#D5D5FF; text-decoration:none; }
#logo-w a:hover   { color:#D0FFFF; text-decoration:none; }
/*--HOME------------------------*/
#top-screen, #profile-screen, #screen {
position:relative;
width:780px;
height:760px;
z-index:11;
background-color:#E1E1E1;
padding-top:2px;
}
#screen-w {
position:relative;
width:780px;
height:760px;
z-index:11;
background-color:none;
padding-top:2px;
}
h1 {
font-size:13px;
font-weight:bold;
color:#555;
margin-left:3px;
}
h2 {
font-size:22px;
font-weight:bold;
color:#F80;
}
h3 {
font-size:14px;
font-weight:bold;
line-height:1.0em;
color:#333;
margin-top:0px;
margin-left:3px;
}
#top-photo1 {
/*---元の位置---*/
}
#top-seal {
position:absolute;
width:20px;
height:755px;
z-index:29;
background-color:#909090;
top:0px;
left:780px;
}
/*-------------------------*/
.content-box {
width:720px;
margin:auto;
}
h4 {
font-size:16px;
font-weight:bold;
line-height:1.0em;
color:#666;
margin-top:10px;
margin-bottom:4px;
}
.content-box p {
font-size:15px;
color:#333;
margin-left:10px;
margin-bottom:10px;
}
/*--------------*/
.table-history {
width:720px;
border-collapse:collapse; 
border-spacing:0;
margin:auto;
}
.table-history td {
vertical-align:top;
padding:0px 3px 9px;
}
.table-history td.cell-1 {
width:34px;
padding-left:20px;
}
.table-history  p {
font-size:84%!important;
line-height:1.2em!important;
margin-left:0!important;
margin-bottom:0!important;
}
/*--------------*/
.tweet {
float:left;
padding-left:10px;
margin-top:20px;
}
.fb-like {
float:left;
padding-left:30px;
margin-top:20px;
}
/*-------------------------*/
.work-table {
width: 700px;
height:700px;
margin:auto;
margin-top:0px;
}
#screen img, #screen-w img {
display:block;
margin:auto;
}
.exh-sub {
margin-top:20px;
}
.exh-sub2 {

}
#screen #coment, #screen-w #coment{
}
/*-----------------------------------------------*/
.menu-03 {
width:320px;
list-style-type:none;
padding:0;
margin:0;
}
.menu-03 li {
float:left;
margin-bottom:2px;
}
/*-------------*/
.menu-03 li a {
width:125px;
height:19px;
_height:20px;
font-size:16px;
font-weight:bold;
padding:1px 17px 2px;
margin-right:2px;
display:block;
}
@media all and (-ms-high-contrast: none) {
.menu-03 li a {
height:19px; /* IE10以上 */
padding:3px 17px 0; /* IE10以上 */
}
}
.menu-03 li a {
padding-top:1px\9; /* IE10以下 */
padding-bottom:1px\9; /* IE10以下 */
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.menu-03 li a {
height:19px; /* Chrome */
padding-top:3px; /* Chrome */
padding-bottom:0px; /* Chrome */
}
}
/*-------------*/
.menu-03 .migi {
margin-right:0px;
}
.menu-03 li a.pika {
color:#0080FF!important;
}
.menu-03 a:link    { color:#444; text-decoration:none; background-color:#D5D5FF; }
.menu-03 a:visited { color:#444; text-decoration:none; background-color:#D5D5FF; }
.menu-03 a:hover   { color:#222; text-decoration:none; background-color:#D0FFFF; }

.menu-04 {
margin-top:0;
}
/*-------------------------*/
#palette {
clear:both;
position:relative;
width:320px;
height:696px; /*--合計711--*/
background-color:#E1E1E1;
padding-top:5px;
}
/*-------------*/
#back-change {
background-color:none;
background-image:url(back/concrete.jpg);
}
/*-------------*/
#color-change-boxset {
text-align:center;
vertical-align:middle;
padding-bottom:4px;
}
#change-color-button {
padding:0;
margin:0;
}
/* form */  
button, fieldset, form, input, label, legend, select, textarea {
font-size:13px;
font-style:normal;
font-weight:bold;
}
input[type=button] {
}
.button1, .button2, .button3, .button4, .button5 {
width:58px;
height:26px;
background:#fff;
background-image:none;
border:#666 1px solid;
cursor:pointer;
padding:2px;
}

/*Firefoxのみ修正*/
@-moz-document url-prefix() {
.button1, .button2, .button3, .button4, .button5 {
padding-top:0px;
}
}

.button1 {
color:#555;
background:#fff;
}
.button2 {
color:#fff;
background:#000;
}
.button3 {
color:#fff;
background:#555;
}
.button4 {
color:#333;
background:#B6B6B6;
}
.button5 {
color:#555;
background:#E1E1E1;
}
.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover {
color:#111;
background-color:#FFC;
}
/*-------------*/
#gazo-change-boxset {
text-align:center;
vertical-align:middle;
}
#change-gazo-button {
padding:0;
margin:0;
}
/* form */  
button, fieldset, form, input, label, legend, select, textarea {
font-size:13px;
font-style:normal;
font-weight:bold;
}
input[type=button] {
}
.button-bg1, .button-bg2, .button-bg3, .button-bg4, .button-bg5 {
width:58px;
height:26px;
background:#fff;
border:#666 1px solid;
cursor:pointer;
padding:2px;
}

/*Firefoxのみ修正*/
@-moz-document url-prefix() {
.button-bg1, .button-bg2, .button-bg3, .button-bg4, .button-bg5 {
padding-top:0px;
}
}

.button-bg1 {
color:#555;
background:#FBEEFF;
}
.button-bg2 {
color:#555;
background:#FBEEFF;
}
.button-bg3 {
color:#555;
background:#FBEEFF;
}
.button-bg4 {
color:#555;
background:#FBEEFF;
}
.button-bg5 {
color:#555;
background:#FBEEFF;
}
.button-bg1:hover, .button-bg2:hover, .button-bg3:hover, .button-bg4:hover, .button-bg5:hover {
color:#111;
background-color:#FFC;
}
/*-------------------------*/
.palette-menu {
width:314px; /*-●-*/
margin:auto;
margin-top:3px;
}
h5 {
font-size:19px;
font-weight:bold;
margin-left:13px;
margin-bottom:1px;
}
#sakuhin-catego {
width:150px;
font-size:21px;
font-weight:bold;
color:#666;
margin-top:3px;
margin-left:43px;
}
ol.no-totyug {
list-style-position:outside;
font-size:14px;
font-weight:bold;
line-height:18px;
color:#666;
padding:0;
margin:0;
padding-left:29px;
padding-bottom:1px;
}
.palette-menu a.pika {
color:#39F!important;
}
.palette-menu a:link    { color:#666; text-decoration:none; }
.palette-menu a:visited { color:#666; text-decoration:none; }
.palette-menu a:hover   { color:#222; text-decoration:none; position:relative; left:2px; }
/*-------------------------*/
#palette-free-button-set-sns {
text-align:center;
margin-top:13px;
margin-bottom:0;
}
#palette-free-button-set-plus {
text-align:center;
margin-top:27px;
margin-bottom:0;
}
.pf-button {
text-align:center;
margin-top:0;
margin-bottom:9px;
}
.pf-button a {
width:280px;
height:28px;
display:block;
font-size:16px;
line-height:28px;
border-width:0px 1px 1px 0px;
border-color:#909090;
border-style:solid;
margin:0 auto;
}
.pf-button a:link    { color:#00F; text-decoration:none; background-color:#FCF; }
.pf-button a:visited { color:#00F; text-decoration:none; background-color:#FCF; }
.pf-button a:hover   { color:#F00; text-decoration:none; background-color:#FFC; }
/*-------------*/
.pf-icon {
text-align:left;
margin-top:0;
margin-bottom:11px;
}
.pf-icon a {
margin-left:20px;
}
.pf-icon a:hover   { position:relative; left:2px; }
/*-------------------------*/
#maruc {
width:320px;
height:15px; /*--合計711--*/
text-align:center;
font-family:Arial,sans-serif;
font-size:9px;
color:#555;
background-color:#E1E1E1;
}