@charset "UTF-8";
/* CSS Document */

body {
font: 11px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #FFF;
color: #666;
width: 100%;
_text-align: center;
}
a:link {
color: #333;
text-decoration: underline;
}
a:visited {
color: #939;
text-decoration: underline;
}
a:hover { color: #000; }
a:hover,
a:active,
a:focus { text-decoration: underline; }
input,
textarea {
border: 1px solid #666;
padding: 7px;
background-color: #FFF;
}
hr {
color: #CCC;
margin-top: 10px;
margin-bottom: 10px;
border-top: 2px solid #CCC;
border-right: none;
border-bottom: none;
border-left: none;
}
/* --- class --- */
.cen { text-align: center; }
.lef { text-align: left; }
.rig { text-align: right; }
.flo1 { float: left; }
.flo2 { float: right; }
.flo3 { clear: both; }
.red { color:#F00; }
.red2 { color:#dc143c; }
.orange { color:#F93; }
.green { color:#093; }
.pink { color:#F69; }
.pink2 { color:#F9C; }
.blue { color:#06F; }
.blue2 { color:#39f; }
.blue3 { color:#3cf; }
.l-blue { color:#6495ed; }
.skyblue { color:#0CF; }
.violet { color: #C09; }
.purple { color:#867ba9; }
.ash { color: #CCC; }
.gray { color: #999; }
.black { color: #000; }
.small { font-size: 0.8em; }
.small2 { font-size: 0.9em; }
.small3 { font-size: 0.7em; }
.sbig { font-size: 1.1em; }
.big { font-size: 1.2em; }
.big2 { font-size: 1.4em; }
.big3 { font-size: 1.6em; }
.big4 { font-size: 2em; }
.big5 { font-size: 2.5em; }
.redsmall {
font-size: 0.8em;
color: #F00;
}
.sbigred {
font-size: 1.1em;
color: #F00;
}
.bigred {
font-size: 1.2em;
color: #F00;
}
.big2red {
font-size: 1.4em;
color: #F00;
}
.bbigred {
font-size: 1.2em;
color: #F00;
font-weight: bold;
}
.empha {
font-size: 1.3em;
font-weight: bold;
color: #F00;
line-height: 1.4em;
}
.box-red {
border: 2px dashed #F00;
margin: 10px;
padding: 15px;
}
.box_pink2 {
border: 2px dashed #FF99CC;
padding: 10px 20px;
width: 550px;
margin-top: 20px;
margin-bottom: 30px;
margin-left: 100px;
}
.lihe { line-height: 2em; }
.wid50 { width: 50px; }
.wid200 { width: 200px; }
.wid300 { width: 300px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid550 { width: 550px; }
.marTop10 { margin-top: 10px; }
.marTop20 { margin-top: 20px; }
.marTop30 { margin-top: 30px; }
.marTop50 { margin-top: 50px; }
.marBot10 { margin-bottom: 10px; }
.marBot20 { margin-bottom: 20px; }
.udmar10 {
margin-top: 10px;
margin-bottom: 10px;
}
.udmar20 {
margin-top: 20px;
margin-bottom: 20px;
}
.padLef5 { padding-left: 5px; }
.padLef10 { padding-left: 10px; }
.padLef30 { padding-left: 30px; }
.padLef60 { padding-left: 60px; }
.padLef150 { padding-left: 150px; }
.padLR10 {
padding-right: 10px;
padding-left: 10px;
}
.pagetop {
text-align: right;
clear: both;
float: none;
}
.endbr {
clear:both;
height:0px;
font-size: 1px;
line-height: 0px;
display: block;
}
.flo-rig { float: right; }
.flo-lef { float: left; }
#gnavi li { float: left; }
.liend {
float: none;
clear:both;
height:0px;
font-size: 1px;
line-height: 0px;
}
.topimg {
clear: both;
margin: 5px 0px 20px;
padding: 0px;
}
.topline { padding-bottom: 10px; }
.topline li {
float: left;
width: 50%;
}
.topline li h1 { text-align: left; }
.dvBody table tbody tr td {
border: 1px solid #000;
padding: 20px;
}
/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
width: 960px;
margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
_text-align: left;
}
/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
background: #FFF;
clear: both;
}
.sidebar1 {
float: left;
width: 200px;
padding-right: 10px;
padding-bottom: 10px;
}
.sidebar2 {
float: left;
width: 450px;
margin-top: 100px;
}
.sidebar3 {
float: right;
width: 475px;
}
.content {
padding: 0px;
width: 100%;
float: left;
}
/*.content dl { padding: 0 15px 15px 20px; }
.content ul { padding: 0 15px 15px 20px; }
*/
ul.nav {
margin-bottom: 15px;
color: #333;
}
ul.nav li {
padding-bottom: 5px;
padding-left: 10px;
}
ul.nav li a { color: #000; }
table.cate { margin-bottom: 5px; }
table.cate td { padding: 5px; }
.sideDiv {
border: 1px solid #ffc0cb;
padding: 10px;
margin-bottom: 20px;
}
#category .sideDiv .ptText2 {
padding-top: 15px;
padding-bottom: 5px;
}
#category .sideDiv ul { padding-left: 15px; }
#category .sideDiv ul li {
list-style-image: url(artshop/images/arrow.gif);
list-style-position: outside;
}
/* ~~ フッター ~~ */
.footer {
padding: 10px 0;
position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
clear: both;
}
.infoDiv {
width: 760px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#footDiv { margin-top: 50px; }
.paraDiv { padding-bottom: 20px; }
#newDiv table th,
#newDiv table td {
text-align: center;
padding-right: 10px;
padding-left: 10px;
}
.footer p { text-align: center; }
#footDiv .infoDiv table tbody tr td dl dt {
font-size: 1.2em;
padding-top: 10px;
}
#footDiv .infoDiv table tbody tr td {
border: 1px solid #000;
vertical-align: top;
}
/*パンくずリスト start*/
#TopicPath1 { background-color: #FFF; }
#TopicPath1 li { float: left; }
/*パンくずリスト end*/
#Container table tr th {
background-color: #CCC;
width: 180px;
vertical-align: top;
}
#Container table tr th,
#Container table tr td {
border: 1px solid #000;
padding: 10px 5px;
}
#Container table { width: 100%; }
#Container .first-child {
background-color: #CCC;
padding: 5px;
margin-bottom: 10px;
font-weight: bold;
margin-top: 10px;
}
#Container .dvData { margin-bottom: 30px; }
#Container .dvData h3 {
background-color: #CCC;
text-align: right;
padding: 5px;
font-weight: bold;
}
#Container .dvData dl dt {
font-size: 1.1em;
font-weight: bold;
padding-top: 25px;
padding-bottom: 10px;
}
#Container .dvData dl dd {
padding-left: 20px;
padding-right: 20px;
}
#Container .dvData h2 {
font-size: 1.3em;
line-height: 2.5em;
font-weight: bold;
}
.cateDiv .sugDiv ul li {
float: left;
width: 175px;
text-align: center;
padding: 5px 5px 10px;
}
.cateDiv .sugDiv { padding-top: 20px; }
.cateDiv .sugDiv h2 {
font-size: 1.3em;
font-weight: bold;
line-height: 2em;
}
#catemenu li {
float: left;
padding-right: 10px;
}
/*スクロールイメージ div*/
#flowDiv { width: 100%; }
/*トップ サイト紹介文*/
.topcom {
padding-top: 10px;
padding-bottom: 10px;
}
.topcom li { line-height: 2em; }
/* --- スライドショー　start --- */
.fadein { position:relative; }
.fadein img {
position:absolute;
left:0;
top:0;
}
#slideshow {
position:relative;
height: 475px;
}
#slideshow2 {
position:relative;
height:330px;
margin-bottom: 50px;
}
#slideshow img,
#slideshow2 img {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow img.active,
#slideshow2 img.active { z-index:10; }
#slideshow img.last-active,
#slideshow2 img.last-active { z-index:9; }
/* --- スライドショー　end --- */
hr.blue2 {
color: #39F;
border-top: 1px solid #39F;
border-right: none;
border-bottom: none;
border-left: none;
}
.infoDiv dd { padding-left: 1em; }
.infoDiv dl dt {
font-size: 1.1em;
font-weight: bold;
}
.infoDiv dl dt .small { font-weight: normal; }
.infoDiv dl { padding-bottom: 20px; }
.infoDiv table tr td dl .red { font-weight: normal; }
.infoDiv table tr .prof { font-size: 0.9em; }
#baseDiv { text-align: center; }
#mainDiv {
text-align: left;
padding-bottom: 30px;
width: 960px;
}
#mainDiv2 {
text-align: left;
padding-bottom: 30px;
width: 600px;
margin-right: auto;
margin-left: auto;
}
.sumDiv h2 { font-size: 1.5em; }
.sumDiv h3 { font-size: 1.3em; }
.sumDiv .flo-rig .sumHr {
margin-bottom: 20px;
width: 350px;
}
.payDiv dl dd,
.payDiv ul#returnUl li { padding-bottom: 20px; }
.payDiv h3 { font-size: 1.3em; }
.payDiv dl dd ul { padding-bottom: 20px; }
.infoDiv dl .empha { font-size: 1.5em; }
/* 2人展 */
#hfpro { width: 500px; }
#hfpro,
#ttpro { padding-left: 5px; }
.twofoot {
background-color: #333;
color: #FFF;
}
.twofoot .copyright {
text-align: right;
padding-right: 10px;
padding-bottom: 10px;
}
#byoimgDiv { float: left; }
#infotable tr td ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 10px;
}
#baseDiv h1 {
padding-top: 10px;
padding-bottom: 10px;
}
#baseDiv h2 {
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}
#baseDiv dl,
#baseDiv ul {
padding-bottom: 10px;
text-align: left;
}
.twofoot .flo-lef {
padding-top: 10px;
padding-left: 10px;
}
#inqDiv .flo-lef p { font-size: 1.5em; }
.twofoot .flo-lef dl {
padding: 0px;
margin: 0px;
}
#baseDiv .twofoot .flo-lef dl { padding-bottom: 0px; }
/* インフォ内　アクセス */
#access dt {
float: left;
color: #F00;
width: 3em;
}
#access dd { float: left; }
#access dl {
clear: both;
padding-top: 20px;
}
.infoDiv table tr #access dl dd { padding-left: 0px; }
#access { font-size: 0.9em; }
/* 商品ページ */
#productsDiv .sho-img {
float: left;
width: 437px;
text-align: center;
}
#productsDiv .sho-cap {
float: left;
width: 238px;
}
#productsDiv .sho-lis { float: right; }
#productsDiv .sho-cap h2 { font-size: 1.4em; }
#productsDiv .sho-cap .priceDiv .flo-lef { font-size: 1.3em; }
#productsDiv .sho-cap ul li,
#productsDiv .sho-cap p {
padding-bottom: 3px;
padding-top: 3px;
}
#productsDiv {
padding-top: 60px;
padding-bottom: 30px;
}
.list,
.list-ac { text-align: center; }
.list ul,
.list ul li,
.list-ac ul li {
font-size: 0.9em;
/*text-align: center;
float: left;*/
}
.list ul li {
width: 168px;
padding: 10px 3px 50px;
}
/* アート時計 */
#mainDiv #artshopform ul.pro-list { margin-left: 100px; }
.list-ac ul.pro-list li {
width: 168px;
padding: 10px 3px;
margin-right: 10px;
margin-bottom: 15px;
border: 1px solid #CFF;
}
#baseDiv .cloDiv { padding-top: 100px; }
#baseDiv .cloDiv ul {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.cloDiv ul {
margin-right: auto;
margin-left: auto;
width: 450px;
}
#baseDiv .cloDiv ul.ul450 { width: 450px; }
#baseDiv .cloDiv ul.ul350 { width: 350px; }
#baseDiv .cloDiv ul.ul358 { width: 358px; }
#baseDiv .cloDiv ul.ul250 { width: 250px; }
#baseDiv .cloDiv ul li { text-align: left; }
#artshopform p { text-align: center; }
.cloDiv { padding-top: 50px; }
#artshopform p { text-align: center; }
.formDiv .flo-lef dl dd,
#cliDiv ul li,
#deliDiv ul li {
float: none;
background-color: #FFF;
text-align: left;
}
.formDiv .flo-lef dl {
border: 2px solid #906;
margin-bottom: 20px;
padding: 10px;
}
#cliDiv ul .blue,
#deliDiv ul .blue,
#deliDiv ul .green { font-size: 1.2em; }
#cliDiv ul li,
#deliDiv ul li {
width: 100%;
padding-bottom: 15px;
}
.formDiv .flo-lef { width: 210px; }
#artshopform .formDiv .flo-rig { width: 600px; }
#artshopform .formDiv { padding: 20px; }
#deliDiv ul .empha {
font-size: 1.2em;
padding: 0px;
}
#baseDiv #b-table,
#baseDiv #ttpro #a-table {
width: 912px;
margin-top: 10px;
margin-bottom: 20px;
}
p { text-align: left; }
.payDiv ul .l-blue { font-size: 2em; }
/*#baseDiv .marBot20 .cen.ash { font: 4em "Lucida Console", Monaco, monospace; }*/
#mainDiv .thaDiv {
background-color: #CFF;
margin: 30px auto;
padding: 20px;
text-align: center;
width: 500px;
}
#mainDiv .thaDiv p { text-align: center; }
#mainDiv .thaDiv p.big {
font-size: 2em;
background-color: #FFF;
padding: 30px;
}
#mainDiv .thaDiv ul {
width: 350px;
padding-top: 20px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#mainDiv .thaDiv ul li { text-align: left; }
#infotable tr td ul li { font-size: 11px; }
#mainDiv .protop-table {
margin-bottom: 20px;
text-align: center;
margin-left: 50px;
}
#mainDiv .protop-table tr td { text-align: left; }
#mainDiv .prigakuDiv {
width: 650px;
margin-left: 200px;
}
.newsDiv .flo-rig { width: 480px; }
.newsDiv .box hr {
clear: both;
border-left: 0px none;
border-top-width: 0px;
border-right-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom: 1px solid #0CF;
height: 20px;
margin-bottom: 20px;
}
.box .flo-rig li dl dt {
font-size: 1.2em;
font-weight: bold;
}
.box .flo-lef img { border: 2px solid #CCC; }
#mainDiv .title {
font-size: 2em;
margin-top: 20px;
margin-bottom: 20px;
font-weight: bold;
}
.booksDiv .flo-rig ul li {
width: 150px;
float: left;
height: 270px;
}
.worksDiv .fuke hr {
margin-top: 60px;
border: 1px solid #FFF;
}
.voiceDiv {
width: 500px;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 230px;
}
.voiceDiv p {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.1em;
}
.booksDiv .flo-lef,
.linkDiv .flo-lef,
.worksDiv .flo-lef,
.contDiv .flo-lef { width: 240px; }
.booksDiv .flo-rig,
.linkDiv .flo-rig,
.worksDiv .flo-rig,
.contDiv .flo-rig { width: 630px; }
.booksDiv .flo-rig dl dd { margin-bottom: 15px; }
.linkDiv .flo-rig table tr td ul li { margin-top: 10px; }
.linkDiv .flo-rig table { margin-top: 30px; }
.linkDiv .flo-rig table tr td { vertical-align: top; }
.booksDiv .flo-lef ul,
.linkDiv .flo-lef ul,
.worksDiv .flo-lef ul,
.contDiv .flo-lef ul { margin-top: 30px; }
.newsDiv .title,
.worksDiv .title {
font-size: 2em;
margin-top: 50px;
margin-bottom: 20px;
font-weight: bold;
}
#formattDiv dl {
border: 1px solid #933;
width: 400px;
min-height: 100px;
}
/*1つずつ形式　注文フォーム*/
.attcap {
font-size: 0.9em;
color: #666;
}
#mainDiv {
text-align: center;
width: 100%;
clear: both;
}
#mainDiv #l-Div {
float: left;
width: 790px;
border-right: 1px solid #666;
padding-right: 5px;
}
#mainDiv #r-Div {
float: right;
width: 160px;
}
#mainDiv #l-Div .h3-pos,
#mainDiv #l-Div .h3-pos2 {
font-size: 2em;
line-height: 1.5em;
}
#mainDiv #l-Div .h4-pos,
#mainDiv #l-Div .h4-pos2 {
font-size: 1.5em;
line-height: 2em;
}
#mainDiv #l-Div .h3-pos,
#mainDiv #l-Div .h4-pos,
#mainDiv #l-Div .h3-pos2,
#mainDiv #l-Div .h4-pos2 {
color: #666;
text-align: left;
}
#mainDiv #r-Div dl dd a {
color: #333;
text-decoration: none;
}
#mainDiv #r-Div dl dd a:hover {
color: #666;
text-decoration: none;
}
.productname {
font-size: 1.5em;
text-align:center;
}