@charset "UTF-8";

/*--------------------------------------------------
site URL    : http://www.katch.ne.jp/~ash_nkn/index.html
file name   : printstyle.css
summary     : common-css
Created     : 2008-08-05
Last updata : 2009-01-30
author      : uni
Copyright   : (c)灰色の森林　2002-2008
--------------------------------------------------*/
html{
}
body{
margin:0;
padding:0;
cursor:default;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
color:#000000;
font-size:11pt;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,address,form{
margin:0;
padding:0;
/*\*/
letter-spacing:2px;
/**/
}
address {
padding:0 1em;
text-align:center;
font-style:normal;
}
img{
border:0;
}
ul,ol{
list-style:none;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,ul a{
text-decoration:none;
}
.pagebreak{
page-break-before:always;
}
strong{
font-weight:normal;
color:#990000;
}
/*■common link
-------------------------------------------*/
a{
color:#333333;
}
p a,dl a{
text-decoration:none;
border-bottom:dashed 1px #333333;
}
a.window{
background:url(../image/window.gif) right center no-repeat;
padding-right:16px;
}
/*■display none
-------------------------------------------*/
div#header h1 img,
div#menu,
div#othermenu,
div#navi,
p#pageend,
div#sidemenu,
div#historytop p a,
div#comment ul#pager,
div#photocomment,
div#photolinkarea{
display:none;
}
/*■wrapper
-------------------------------------------*/
div#wrapper{
position:relative;
width:100%;
}
/*■header
-------------------------------------------*/
div#header{
width:100%;
height:40px;
}
div#header h1{
background:url(../image/printlogo.gif) 0 0 no-repeat;
width:100%;
height:40px;
text-indent:-9999px;
}
div#header h1 img{
height:40px;
overflow:hidden;
}
/*■contents
-------------------------------------------*/
div#contents{
position:relative;
clear:both;
width:750px;
}
/*■comment
-------------------------------------------*/
div#comment{
padding-bottom:30px;
}
div#comment h2{
clear:both;
margin:30px 0;
text-align:center;
font-size:18pt;
}
div#comment h3{
clear:both;
margin:20px 60px 10px 60px;
font-size:12pt;
border-bottom:solid 1px #000;
}
div#comment h4{
clear:both;
margin:30px 60px 20px 60px;
border-bottom:solid 1px #000;
}
div#comment h5{
clear:both;
margin:25px 80px 15px 80px;
border-bottom:solid 1px #000;
}
div#comment div{
clear:both;
}
div#comment p{
margin-left:80px;
margin-right:80px;
}
div#comment ul,
div#comment dl{
clear:both;
margin:20px 80px 20px 80px;
}
/*■siteinfor
-------------------------------------------*/
div#siteinfor p{
clear:both;
}
div#siteinfor div#informenu{
width:460px;
height:100px;
margin:0 auto;
margin-bottom:10px;
}
div#siteinfor div#informenu a{
display:block;
height:100px;
}
div#siteinfor div#informenu span{
display:none;
}
div#siteinfor div#informenu a#menuphoto{
width:200px;
float:left;
}
div#siteinfor div#informenu a#menucolor{
width:200px;
float:right;
}
div#siteinfor div#informenu a#menuphoto{
background:url(../image/menuphoto.gif) 0 0 no-repeat;
}
div#siteinfor div#informenu a#menucolor{
background:url(../image/menucolor.gif) 0 0 no-repeat;
}
/*■history
-------------------------------------------*/
div.history{
height:100%;
clear:both;
padding:0px 10px 30px 10px;
}
div.history dl dt{
border-top:solid 1px #333;
padding-top:10px;
padding-left:10px;
}
div.history dl dd{
padding:0 10px 10px 10px;
}
/*●history-top
-------------------------------------------*/
div#historytop{
position:relative;
}

/*■kiyaku
-------------------------------------------*/
div#kiyaku{
clear:both;
padding:0px 10px 30px 10px;
}
div#kiyaku h2{
margin-bottom:30px;
overflow:hidden;
}
div#kiyaku dl dd{
margin-top:10px;
}
div#kiyaku dl img{
margin-right:5px;
}
/*■aboutsite
-------------------------------------------*/
div#aboutsite h3 img{
margin:0;
padding-right:5px;
}
div#pluginlink{
margin:0 30px;
padding-bottom:30px;
}
div#pluginlink p{
margin-top:10px;
}
div#pluginlink img{
margin:0;
}
/*■aboutcolor
-------------------------------------------*/
div#aboutcolor img{
margin:15px 80px;
}
div#comment img.clockwise{
float:left;
margin-right:30px;
}
div#comment img.aclockwise{
float:right;
margin-left:30px;
margin-right:80px;
}
/*■aboutcolor color-list & colorchart color-list
-------------------------------------------*/
div#comment p.caption{
clear:both;
margin-top:20px;
}
div#comment ul.t100 li.caption{
clear:both;
border:solid 1px #fff;
margin-bottom:10px;
}
div#aboutcolor ul.t40px{
width:420px;
height:30px;
color:#000;
}
div#aboutcolor ul.t40px li{
float:left;
width:40px;
text-align:center;
border:solid 1px #ccc;
}
div#aboutcolor ul.t70px,div#colorchart ul.t70px,div#faq ul.t70px{
color:#000;
margin:0 80px;
height:100%;
overflow:hidden;
margin-bottom:1px;
}
div#aboutcolor ul.t70px li,div#colorchart ul.t70px li,div#faq ul.t70px li{
float:left;
width:16%;
text-align:center;
margin-right:1px;
overflow:hidden;
}
div#faq ul.t200px{
margin:10px 80px;
overflow:hidden;
color:#000;
}
div#faq ul.t200px li{
float:left;
width:200px;
text-align:center;
margin-right:1px;
margin-bottom:1px;
overflow:hidden;
}
div#aboutcolor ul.t4{
height:100%;
color:#000;
overflow:hidden;
}
div#aboutcolor ul.st4,div#colorchart ul.st4{
height:100%;
color:#000;
overflow:hidden;
margin-top:0;
}
div#aboutcolor ul.t4 li,div#aboutcolor ul.st4 li,div#colorchart ul.st4 li{
float:left;
/*width:105px;*/
width:24%;
height:40px;
line-height:40px;
text-align:center;
margin-right:1px;
margin-bottom:1px;
overflow:hidden;
}
div#colorchart img{
margin:15px 80px;
}
div#colorchart ul.sample{
}
div#colorchart ul.sample li{
border:solid 1px #000;
height:25px;
line-height:25px;
}
div#aboutcolor ul#panel{
padding:10px;
border:solid 1px #ccc;
height:100%;
margin:0 80px 20px 80px;
overflow:hidden;
}
div#aboutcolor ul#panel ul{
margin:0 30px;
padding-left:15px;
list-style-type:disc;
}
div#aboutcolor ul.t100,div#colorchart ul.t100{
margin:20px 80px;
height:100%;
padding:0;
color:#000;
}
div#aboutcolor ul.t100 li,div#colorchart ul.t100 li{
text-indent:1em;
margin-bottom:1px;
}
div#aboutcolor dl#tonename{
margin:30px 80px;
}
div#aboutcolor dl#tonename dt{
float:left;
}
div#aboutcolor dl#tonename dd{
margin-left:17em;
}
div#aboutcolor div.colorcom{
margin-top:10px;
padding:0;
height:170px;
}
div#aboutcolor div.colorcom img{
margin:0 30px 0 80px;
float:left;
}
/*■colorimage
-------------------------------------------*/
div#colorimage img{
margin:15px 80px;
}
div#colorimage dl{
height:100%;
}
div#colorimage dl dt{
clear:both;
font-weight:bold;
margin-top:10px;
}
div#colorimage dl dd ul{
height:100%;
overflow:hidden;
}
div#colorimage dl dd ul li{
float:left;
width:50%;
}
div#colorimage dl dd dt{
border:none;
margin-top:0;
}
div#colorimage dl ul,div#colorimage dl dl{
margin:0;
}
div#colorimage dl dd dl dt{
float:left;
width:50%;
font-weight:normal;
}
div#colorimage dl dd dl dd{
margin-left:50%;
}
/*■colorcontrast & colorcombination
-------------------------------------------*/
div#colorcontrast img,div#colorcombination img,div#faq img,div#linkarea img{
margin:15px 80px;
}
div#colorcombination ul.t130px{
margin:10px 80px;
overflow:hidden;
color:#000;
height:100%;
}
div#colorcombination ul.t130px li{
float:left;
width:145px;
height:50px;
line-height:50px;
text-align:center;
font-size:12px;
margin-right:1px;
margin-bottom:1px;
overflow:hidden;
}
/*■footer
-------------------------------------------*/
div#footer{
width:100%;
border-top:solid 1px #000000;
font-size:10pt;
}
/*■link
-------------------------------------------*/
div#linkarea img{
margin-bottom:0;
}
div#linkarea div.linkbox img,div#linkarea div.linkbox p{
margin:0;
}
div#linkarea div.linkbox img{
margin-right:15px;
}
div#linkarea div.linkbox{
width:480px;
margin:0 0 30px 80px;
padding:0;
}
div#linkarea div.linkbox a{
font-size:16px;
}
/*■sitemap
-------------------------------------------*/
div#sitemap{
}
div#sitemap ul{
width:100%;
}
div#sitemap li{
width:100%;
height:100%;
overflow:hidden;
font-size:12px;
margin-bottom:30px;
}
div#sitemap li.thum{
font-size:16px;
}
div#sitemap ul ul{
margin:0 0 0px 20px;
clear:both;
}
div#sitemap li li{
float:left;
width:50%;
padding:0;
margin:0;
}