body{
font-size:12px;
font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",Osaka,sans-serif ;
margin:0;
padding:0;
color:#727272;
background:url(../img/body.png) 0 0 repeat-x;
}
a#top,a#contact{
text-indent:-9999px;
float:left;
}

a{
color:#005d9c;
text-decoration:none;
}
a:hover{
color:#4177ff;
text-decoration:underline;
}
p{
margin:0;
}
ol,ul,li,dl,dt,dd{
list-style:none;
text-decoration: none;
margin:0;
padding:0;
zoom:1;
line-height:1;
}

h1,h2,h3,h1 strong{
font-size:12px;
margin:0;
padding:0;
font-weight:400;
}

h1{
display:block;
width:810px;
line-height:24px;
float:left;
}

li{
text-indent:0px;
vertical-align:bottom;
}
ul.caption{
width:950px;
margin:0 auto;
height:24px;
display:block;
}
ul.caption li{
display:block;
float:left;
}
ul.caption li ul{
display:inline;

}
ul.caption li ul li{
aafloat:none;
line-height:24px;
margin-left:10px;
}

ul.body{
display:block;
width:950px;
margin:0px auto;
}
li.header{
display:block;
margin:0;
padding:0;
}

li.header dl{
display:block;
margin:0;
padding:0;
}
li.header dl dt{
display:inline-block;
width:950px;
height:60px;
overflow:hidden;
margin:0;
padding:0;
background:url(../img/kcp_logo.png) right 25px no-repeat;
}
li.header dl dt a{
display:block;
width:183px;
height:44px;
background:url(../img/sitelogic_logo.png) 0 0 no-repeat;
overflow:hidden;
text-indent:-9980px;
position:relative;
top:7px;
}
li.header dl dd ul{
display:block;
height:38px;
background:url(../img/global_navi.png) 0 0 no-repeat;
}
li.header dl dd ul li{
float:left;
_float:none;
_display:inline;
}
li.header dl dd ul li.top{
margin-left:1px;
}
li.header dl dd ul li a{
display:block;
width:158px;
height:38px;
overflow:hidden;
text-indent:-9990px;
}
li.header dl dd ul li a:hover{
background-image:url(../img/global_navi.png);
}
li.header dl dd ul li.top a:hover{
background-position:-1px -38px;
}
li.header dl dd ul li.hp a:hover{
background-position:-159px -38px;
}
li.header dl dd ul li.sys a:hover{
background-position:-317px -38px;
}
li.header dl dd ul li.des a:hover{
background-position:-475px -38px;
}
li.header dl dd ul li.cre a:hover{
background-position:-633px -38px;
}
li.header dl dd ul li.con a:hover{
background-position:-791px -38px;
}

li.header dl dd ul li.top a:active{
background-position:-1px -76px;
}
li.header dl dd ul li.hp a:active{
background-position:-159px -76px;
}
li.header dl dd ul li.sys a:active{
background-position:-317px -76px;
}
li.header dl dd ul li.des a:active{
background-position:-475px -76px;
}
li.header dl dd ul li.cre a:active{
background-position:-633px -76px;
}
li.header dl dd ul li.con a:active{
background-position:-791px -76px;
}

li.content{
clear:both;
display:block;
margin:0;
padding:0;
border:1px solid #c6c6c6;
}

li.footer{
clear:both;
display:block;
background:url(../img/footer.png) 0 bottom no-repeat;
margin-bottom:20px;
overflow:hidden;
}


li.footer dl dd ul{
background:url(../img/footer_body.png) 0 0 repeat-y;
padding:0 0 0 15px;
overflow:hidden;
}
li.footer dl dd ul li{
display:block;
float:left;
width:232px;

lllborder:1px solid #f00;
}
li.footer dl dd ul li ul li{
float:none;
width:auto;
border:none;
padding:5px;
margin:0;
}
li.footer dl dd ul li ul li ul li{
padding-left:15px;
background:url(../img/footerdot.png) 0 center no-repeat;
}
li.footer dl dd ul li ul li ul{
padding-top:5px;
padding-left:5px;
}

li.footer dl dd ul li ul{
background:none;
padding:0;
}
address{
display:block;
height:45px;
line-height:55px;
_line-height:45px;
text-align:center;
font-style:normal;
color:#fff;
}

li.footer dl dt{
display:block;
height:42px;
background:url(../img/footer.png) 0 0 no-repeat;
line-height:30px;
text-align:right;
padding-right:10px;
}

li.footer dl dt em,li.footer dl dt em i{
font-style:normal;
color:#fff;
}

ul.content{
overflow:hidden;
display:block;
padding:10px 10px 10px 0;
}
ul.content li.main{
display:block;
overflow:hidden;
width:578px;
float:left;
_display:inline-block;
_vertical-align:bottom;
}
ul.content li.column{
display:block;
width:350px;
float:right;
_display:inline-block;
_position:relative;
_right:0px;
_vertical-align:bottom;
}

dl.mainvisual{
display:block;
background:url(../img/top_main.png) 10px 0 no-repeat;
width:577px;
height:281px;
text-indent:-9980px;
overflow:hidden;
}
dl.mainvisual ul li{
text-indent:-9999px;
}
dl.info{
display:block;
background:url(../img/info.png) 0 10px no-repeat;
width:577px;
height:103px;
}
dl.info dt{
display:block;
width:120px;
height:103px;
float:left;
overflow:hidden;
text-indent:-9980px;
position:relative;
}
dl.info dd{
display:block;
overflow:auto;
height:78px;
width:450px;
position:relative;
top:18px;
}
dl.info dd ol{
padding:5px;
}
dl.info dd ol li{
margin:5px 0;
}

dl.info dd ol li b{
margin-right:12px;
font-weight:400;
}


dl.top{
display:block;
border-bottom:1px solid #565656;
padding-bottom:10px;
margin-left:10px;
margin-top:10px;
background:url(../img/top_contents.png) 0 10px no-repeat;
position:relative;
overflow:hidden;
}

dl.top dt{
display:block;
height:10px;
text-indent:-9980px;
}
dl.top h3{
text-indent:-9980px;
}
dl.top dd{
display:block;
}
dl.top dd ul.visual{
display:block;
float:left;
width:131px;
height:100%;
padding-top:153px;
position:relative;
bottom:0px;
}
dl.top dd ul.visual li{
display:block;
background:url(../img/top_photos.png) 0 13px no-repeat;
height:115px;
width:123px;
font-size:10px;
}
dl.top dd ul.body{
display:block;
width:436px;
margin-top:15px;
float:right;
}
dl.top dd ul.visual li.ph2{
background-position:-123px 13px;
}
dl.top dd ul.visual li.ph3{
background-position:-246px 13px;
}
dl.top dd ul.visual li.ph4{
background-position:-369px 13px;
}
dl.top dd ul.visual li.ph5{
background-position:-492px 13px;
}
dl.top dd h2{
display:block;
width:436px;
height:37px;
background:url(../img/top_catch.png) -8px 0 no-repeat;
float:left;
overflow:hidden;
text-indent:-9999px;
}
dl.top dd p{
display:block;
margin:2px 0 2px 20px;
padding-left:15px;
line-height:1.3;
}

dl.top dd ul{
display:block;
}
dl.top dd ul li.brain,dl.top dd ul li.engine,dl.top dd ul li.art{
display:block;
width:436px;
float:left;
background-image:url(../img/top_works.png);
background-repeat:no-repeat;
background-position:1px 0;
}
dl.top dd ul li.engine{
background-position:-434px 0;
}
dl.top dd ul li.art{
background-position:-872px 0;
}
dl.top dd ul li dl dt,dl.top dd ul li dl dd h3{
display:block;
height:22px;
}
dl.top dd ul li dl dd ul li{
display:block;
width:145px;
float:left;
}
dl.top dd ul li dl dd ul li dl dt{
display:block;
width:145px;
height:25px;
background-image:url(../img/top_works.png);
background-repeat:no-repeat;
background-position:-2175px 0;
}
dl.top dd ul li dl dd ul li dl dd{
margin:0 5px 10px 5px;
line-height:1.3;
}

dl.top dd ul li dl dd ul li dl dt.seo{
background-position:-2320px 0;
}
dl.top dd ul li dl dd ul li dl dt.analyze{
background-position:-2465px 0;
}
dl.top dd ul li dl dd ul li dl dt.lang{
background-position:-1740px 0;
}
dl.top dd ul li dl dd ul li dl dt.mt{
background-position:-1885px 0;
}
dl.top dd ul li dl dd ul li dl dt.xhtml{
background-position:-2030px 0;
}
dl.top dd ul li dl dd ul li dl dt.illust{
background-position:-1305px 0;
}
dl.top dd ul li dl dd ul li dl dt.homepage{
background-position:-1450px 0;
}
dl.top dd ul li dl dd ul li dl dt.flash{
background-position:-1595px 0;
}

p.textlink{
clear:both;
margin:7px 0 0;
padding:0;
text-align:right;
color:#f00;
}













p.link{
display:block;
width:189px;
height:24px;
background:url(../img/works.png) 0 bottom no-repeat;
overflow:hidden;
line-height:24px;
text-align:right;
}
p.link a{
padding-right:13px;
text-decoration:underline;
_vertical-align:bottom;
}
dl#form{
display:block;
background:url(../img/form.png) 0 -34px no-repeat;
height:327px;
overflow:hidden;
}
dl#form dt{
display:block;
height:34px;
text-indent:-9990px;
overflow:hidden;
}
dl#form dd form#postmail ul li ul,dl#form dd form#postmail ul li ul li{
display:block;
overflow:hidden;
}


tr.mail,tr.name{
height:49px;
}
ul.inputmail{
display:block;
margin-bottom:3px;
}

ul.inputmail li.mail,ul.inputmail li.name,ul.inputmail li.body{
display:block;
padding:0 11px;
height:49px;
overflow:hidden;
}

ul.inputmail li.mail ul{
clear:both;
overflow:hidden;
}

ul.inputmail li.body{
height:146px;

}
#status_mail,#status_name,#status_body{
display:inline-block;
width:46px;
height:46px;
float:left;
overflow:hidden;
}
#status_body{
height:146px;
}
p.mes{
display:inline-block;
}
li.body{

}
li.label,li.label label{
display:block;
height:22px;
_height:21px;
width:100px;
cursor:pointer;
overflow:hidden;
text-indent:-9999px;
float:left;
}
li.label{
float:left;
}
li.body ul li.label{
float:none;
width:auto;
}


#mailcaption,#namecaption{
display:block;
color:#9e9e9e;
font-size:10px;
height:22px;
_height:21px;
line-height:22px;
_line-height:21px;
_display:inline-block;
}
ul.inputmail input,ul.inputmail textarea,#mailarea p,#namearea p{
border:1px solid #a5acb2;
font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",Osaka,sans-serif ;
font-size:12px;
padding:3px;
overflow:hidden;
}
#mailarea,#namearea{
display:block;
float:left;
}

#mailarea p,#namearea p{
width:188px;
_width:183px;
padding:4px;
border:none;
}
ul.inputmail input{
width:188px;
_width:183px;
line-height:1;
}
ul.inputmail textarea{
width:267px;
_width:262px;
height:111px;
_height:108px;
}
#mailarea,#namearea,#textarea{
display:block;
padding-left:3px;
padding-top:1px;
}
#textarea{
width:275px;
}

div#submitbutton,div#submitbutton a{
display:block;
width:146px;
height:41px;
overflow:hidden;
margin:0 auto;
background-image:url(../img/submit.png);
}
div#submitbutton p,div#submitbutton a{
text-indent:-9999px;
}
div#submitbutton a{
background-position:0 -41px;
}
div#submitbutton a:hover{
background-position:0 -82px;
}

a.replace{
display:block;
width:66px;
height:22px;
font-size:10px;
text-indent:-9800px;
overflow:hidden;
background:url(../img/reinput_btn.png) 0 0 no-repeat;
}
a.replace:hover{
background-position:0 -22px;
}
#rep_mail,#rep_name{
display:inline-block;
float:right;
padding-right:8px;
}






#status_mail p.view,#status_name p.view{
display:inline-block;
width:46px;
height:46px;
background:url(../img/form_check.png) 0 0 no-repeat;
text-indent:-9989px;
}
#status_mail p.err,#status_name p.err{
display:inline-block;
width:46px;
height:46px;
background:url(../img/form_check.png) 0 -46px no-repeat;
text-indent:-9989px;
}
strong.submit{
display:block;
height:34px;
background:url(../img/form.png) 0 0 no-repeat;
overflow:hidden;
text-indent:-9990px;
}
span.err{
color:#f00;
}
input#mail{
ime-mode: disabled;
}
input#username,textarea#body{
ime-mode: active;
}
div.thanks{
width:348px;
height:325px;
background:url(../img/loadinfo.gif) center center no-repeat #fff;
overflow:hidden;
border:1px solid #c2c2c2;
}

li.contact{
display:block;
width:350px;
background:url(../img/contact.png) 0 0 no-repeat;
overflow:hidden;
position:relative;
padding-top:10px;
}
a.contact{
display:block;
width:330px;
height:67px;
position:relative;
left:10px;
overflow:hidden;
text-indent:-9999px;
}

a.contact:hover{
background:url(../img/contact.png) -360px -10px no-repeat;
}
ul.form{
display:block;
padding-bottom:10px;
background:url(../img/contact_lower.png) 0 bottom no-repeat;
}
dl.words{
display:block;
margin-top:15px;
}
dl.words dt{
display:block;
height:63px;
overflow:hidden;
text-indent:-9990px;
background:url(../img/keyword_title.png) 20px 0 no-repeat;
}
dl.words dt.prevnext{
display:block;
height:56px;
overflow:hidden;
text-indent:-9990px;
background:url(../img/keyword_other.png) 20px 0 no-repeat;
}


dl.words dd{
display:block;
padding:0 20px 15px;
}
dl.words dd ul{
display:block;
border:1px solid #c2c2c2;
}
dl.words dd ul li{
display:block;
padding:5px 0;
border-bottom:1px solid #c2c2c2;
width:308px;
text-indent:28px;
background:url(../img/keyword_head.png) 0 0 repeat-y;
}
dl.words dd ul li.none{
border:none;
text-align:right;
background:none;
background-color:#c2c2c2;
text-indent:0;
line-height:1.2;
color:#f00;
}
dl.words dd ul li.left{
text-align:left;
color:#fff;
padding:5px;
width:auto;
}


dl.words dd ul li.none a{
aaaacolor:#fff;
margin-right:5px;
text-decoration:underline;
}
p.anchor{
display:block;
text-align:right;
padding:10px;
}

ol.pankus{
display:inline-block;
margin:0 10px 10px;
}
ol.pankus li{
display:inline;
}
ol.pankus li b strong{
font-weight:400;
}
div.adw{
display:block;
width:468px;
margin:10px auto;
}

div.amz{
display:block;
margin:30px 20px 20px;
padding:0 5px;
border:1px solid #c2c2c2;
background:url(../img/amazon.png) 0 -4px repeat-x;
_background:url(../img/amazon.png) 0 0 repeat-x;
}
div.amzn{
margin-top:10px;
margin-left:10px;
border:1px solid #c2c2c2;
}
ul.category{
display:block;
margin-left:10px;
margin-top:10px;
background:url(../img/listblank.png) 0 0 repeat;
overflow:hidden;
}
ul.category li{
display:block;
background:url(../img/category.png) 0 0 no-repeat;
width:283px;
height:133px;
float:left;
}
ul.category li dl{
display:block;
padding:15px;
}
ul.category li dl dt{
margin-bottom:15px;
font-size:14px;
}
ul.category li dl dt a{
margin-right:5px;
font-size:16px;
font-weight:600;
}
ul.category li dl dd{
display:block;
margin:0;
padding:0;
margin-top:5px;
}
ul.body li.content ul.content li.main ul.category li dl dd p{
display:block;
margin:0;
padding:0;
line-height:1.5;
}
ol.prevnext{
display:block;
margin-left:10px;
margin-top:10px;
}
ol.prevnext li{
display:block;
width:189px;
float:left;
overflow:hidden;
}
ol.prevnext li.left{
text-align:left;
color:#f00;
}
ol.prevnext li.left a{
background:url(../img/prevnext.png) right -20px no-repeat;
padding-right:15px;
}

ol.prevnext li.right{
text-align:right;
color:#f00;
}
ol.prevnext li.right a{
background:url(../img/prevnext.png) 0 0 no-repeat;
padding-left:15px;
}
ol.prevnext li.center{
text-align:center;
}
ol.prevnext li.nothing{
color:#aaa;
}
ol.prevnext li.r p{
display:inline;
background:url(../img/prevnext.png) 0 -40px no-repeat;
padding-left:15px;
}
ol.prevnext li.l p{
display:inline;
background:url(../img/prevnext.png) right -60px no-repeat;
padding-right:15px;
}
dl.entrylist{
display:block;
margin-left:10px;
margin-top:15px;
border:1px solid #c2c2c2;
background:url(../img/entrylist.png) 0 0 no-repeat;
}
dl.entrylist dt{
display:block;
padding:9px 15px 10px;
font-size:14px;
font-weight:600;
}
dl.entrylist dd{
padding:0 10px 10px;
}
dl.entrylist dd ul li{
border-bottom:1px dotted #c2c2c2;
padding:10px 0;
}
dl.entrylist dd ul li dl dt{
margin:0;
padding:0 0 0 15px;
background:url(../img/prevnext.png) 0 0 no-repeat;
font-size:14px;
display:inline-block;
width:220px;
height:auto;
float:left;
}
dl.entrylist dd ul dl dt cite{
font-weight:400;
font-style:normal;
}
dl.entrylist dd ul li dl dd{
padding:0;
margin:0;
display:inline;
width:auto;
height:auto;
}
dl.entrylist dd ul li dl dd blockquote{
padding:0;
margin:0;
}
dl.entrylist dd ul li.count{
text-align:right;
border:none;
padding-bottom:0;
}
dl.entrylist dd ul li.nothing{
text-align:center;
border:none;
font-size:14px;
}
dl.sourcecode dt{
display:block;
background-color:#c2c2c2;
padding:5px;
margin:10px 0 0;
color:#fff;
}
dl.sourcecode dd{
display:block;
border:1px solid #c2c2c2;
padding:0;
margin-bottom:10px;
}
table.gray{
display:block;
margin:0 auto;
padding:0;
border-collapse: collapse;
border-spacing: 0;
vertical-align: middle;
margin:10px 0;
width:100%
}
table.gray thead th{
border:1px solid #ddd;
background-color:#eee;
padding:5px 0;
}
table.gray td{
border:1px solid #ddd;
padding:10px;
}
table.navi{
margin:10px 0;
}
table.navi td{
padding:10px;

}
table.navi td.title{
width:150px;
font-weight:600;
}
table.navi td label{
padding:0 5px;
}

dl.newentry{
display:block;
width:318px;
margin:25px auto 10px;
background:url(../img/newentry.png) 0 bottom no-repeat;
padding-bottom:38px;
overflow:hidden;
}
dl.newentry dt{
display:block;
height:53px;
background:url(../img/newentry.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
}
dl.newentry dd{
display:block;
padding:5px 20px;
background:url(../img/newentry_body.png) 0 0 repeat-y;
}
dl.newentry dd p{
line-height:1.3;
font-size:10px;
}
dl.newentry dd ul{
display:block;
border-bottom::1px dotted #ccc;
margin-top:10px;
}
dl.newentry dd ul li{
display:block;
padding:5px 0 5px 20px;
border-top:1px dotted #ccc;
background:url(../img/prevnext.png) 0 5px no-repeat;
}
div.adw