@charset "UTF-8";

html {font:100%; background-color:#fff; color:#333}


body { margin:0; padding:0}
#wrapper { margin:0 auto; padding:0; width:800px}
#wrapper2 { margin:0 auto; width:752px;}

a:link { color: #003399}
a:hover { color:#ff3300}
a {cursor:pointer}

ul#pank { font-size:90%; margin:12px 0; width:752px}
#pank li { display:inline;}
#pank li a{ text-decoration:none}
#pank li a:visited{ color:#003399}
#pank li a:hover{ color:#ff3300}
.pankp { padding:0 10px}


/* top/rmenu */
ul#menut { float:right; margin-top:53px; width:175px}
ul#menut li { margin-bottom:11px}
ul#menut li img{ background-image:url(../img/common.gif); background-repeat:no-repeat; width:175px;}

ul#menut li img.li1 { background-position:0 -20px; height:157px}
ul#menut li a:hover img.li1 { background-position:-175px -20px}
ul#menut li img.li2 { background-position:0 -187px; height:84px}
ul#menut li a:hover img.li2 { background-position:-175px -187px}
ul#menut li img.li3 { background-position:0 -281px; height:84px}
#headert ul#menut li a:hover img.li3 { background-position:-175px -281px}

#contents  { float:left}

/* top/footer */
#footert { float:left; width:752px}

/* sub/footer */
#footer { float:none; width:752px; clear:both}

ul#footer1 { width:460px; height:70px; padding:120px 0 0 0; float:left}
ul#footer1 li { display:inline}
ul#footer1 li img.assist { background:url(../img/common.gif) 0 -480px no-repeat; height:70px; width:223px}
ul#footer1 li img.print { background:url(../img/common.gif) -231px -480px no-repeat; height:70px; width:223px}

#footerbtm { background: #1b80ba url(../img/common.gif) 0 -630px no-repeat; width:752px; padding:5px 0 0 0; float:none; clear:both; margin-bottom:5px}
ul#footer2 { width:740px; padding:0 0 10px 10px}
ul#footer2 li { display:inline; color:#fff; font-size:80%; margin:5px 0 5px 5px; padding:7px 0 20px 0}
ul#footer2 li a{ color:#fff}

img.egao { background:url(../img/common.gif) -425px -1270px no-repeat; height:230px; width:290px; float:right}
.footerbtmbtm{ background: #1b80ba url(../img/common.gif) 0 -690px no-repeat; height:22px; width:752px;}
p.copyrightt { float:right; font-size:80%; margin:5px 5px 20px 0}
p.copyright { float:right; font-size:80%; margin:5px 52px 20px 0}


/* sub-/rmenu */
ul#menu { width:185px; float:right; margin-top:33px}
ul#menu li { float:right; }
ul#menu li img{ background-image:url(../img/common.gif); background-repeat:no-repeat; }

ul#menu li img.li1 { background-position:0 -20px; height:157px; margin:0 0 11px 10px; width:175px; }
ul#menu li a:hover img.li1, ul#menu li.here img.li1 { background-position:-175px -20px}

ul#menu li img.li2 { background-position:0 -187px; height:84px; margin:0 0 11px 10px; width:175px; }
ul#menu li a:hover img.li2, ul#menu li.here img.li2 { background-position:-175px -187px}

ul#menu li img.li3 { background-position:0 -281px; height:84px; margin:0 0 11px 10px; width:175px; }
ul#menu li a:hover img.li3, ul#menu li.here img.li3{ background-position:-175px -281px}
ul#menu li img.li4 { background-position:-555px -53px; height:60px; width:185px; }
ul#menu li a:hover img.li4, ul#menu li.here img.li4{ background-position:-175px -53px}

ul#menu li img.li5 { background-position:-555px -113px; height:89px; width:185px;}
ul#menu li a:hover img.li5, ul#menu li.here img.li5{ background-position:-365px -113px}
ul#menu li img.li6 { background-position:-555px -202px; height:82px; width:185px;}
ul#menu li a:hover img.li6, ul#menu li.here img.li6 { background-position:-365px -202px}
ul#menu li img.li7 { background-position:-555px -284px; height:82px; width:185px;}
ul#menu li a:hover img.li7, ul#menu li.here img.li7 { background-position:-365px -284px}

ul#menu li img.li8 { background-position:-555px -365px; height:80px; width:185px;}
ul#menu li a:hover img.li8, ul#menu li.here img.li8{ background-position:-365px -365px}
ul#menu li img.li9 { background-position:-555px -445px; height:60px; width:185px;}

/* top/header */
#headert { background:url(../img/top.gif) no-repeat; height:540px; width:800px; padding:0 0 20px 0; margin-bottom:20px}

img.h1image { height:75px; width:600px}
p.h2 { color:#999; font-size:12px; padding:15px 0 0 25px; line-height:100%}
img.news { width:315px; height:352px; background:url(../img/top.gif) no-repeat 0 -575px; margin:50px 0 0 0; float:left}
.toplead { width:625px; margin:20px auto 0; line-height:170%; overflow:hidden; clear:both; display:block; float:none}
.point { font-size:86%}

ul#btn { margin:20px 0 10px 0; width:752px; float:none}
ul#btn li {display:inline}
ul#btn li img{ background-image:url(../img/top.gif); background-repeat:no-repeat; height:69px; width:368px}

ul#btn li img.li1 { background-position:0 -1250px;}
ul#btn li a:hover img.li1 { background-position:0 -1319px;}
ul#btn li img.li2 { background-position:-385px -1250px;padding-left:10px}
ul#btn li a:hover img.li2 { background-position:-385px -1319px;}

/* top/talk */
#talk img.top{ background:url(../img/top.gif) 0 -1400px no-repeat; height:50px; width:752px}
.talklead { padding:0 0 10px 80px; background-color:#f2ed6c; line-height:140%}
#talk img.middle{ background:url(../img/top.gif) 0 -1460px no-repeat; height:22px; width:752px}
#talkbtm { background:url(../img/talkbtmbk.gif); width:752px; margin-bottom:15px}

ul.top { width:752px}
ul.top img.t01{ background:url(../img/top.gif) -510px -861px no-repeat; height:136px; width:215px}
ul.top .txt, ul.bottom .txt{ width:283px; line-height:140%; display:block; padding-top:20px}
ul.top li, ul.middle li, ul.bottom li{ float:left}
ul.top li img.li2{ background:url(../img/common.gif) 0 -187px no-repeat; height:84px; width:175px; margin:10px 0 0 20px}
ul.top li a:hover img.li2{ background:url(../img/common.gif) -175px -187px no-repeat; height:84px; width:175px; margin:10px 0 0 20px}

ul.middle,ul.bottom{ clear:both; float:none}
ul.middle img.m01{ background:url(../img/top.gif) -505px -997px no-repeat; height:89px; width:215px}
ul.middle li img.li3{ background:url(../img/common.gif) 0 -281px no-repeat; height:84px; width:175px; margin:0 0 20px 20px}
ul.middle li a:hover img.li3{ background:url(../img/common.gif) -175px -281px no-repeat; height:84px; width:175px; margin:0 0 20px 20px}
ul.middle .txt{ width:283px; line-height:140%; display:block;}

ul.bottom img.b01{ background:url(../img/top.gif) -510px -1096px no-repeat; height:116px; width:215px}
ul.bottom li img.li4{ background:url(../img/common.gif) 0 -375px no-repeat; height:84px; width:175px; margin:20px 0 0 20px}
ul.bottom li a:hover img.li4{ background:url(../img/common.gif) -175px -375px no-repeat; height:84px; width:175px; margin:20px 0 0 20px}


#talkbtm img.bottom{ float:none; background:url(../img/top.gif) 0 -1500px no-repeat; height:22px; width:752px}

/* top/goods */
img.goodstitle{ background:url(../img/top.gif) 0 -1549px no-repeat; height:102px; width:752px}

ul.goods1, ul.goods3 { float:left; width:360px; margin:15px 0 15px 26px}
ul.goods2, ul.goods4 { float:right; width:340px; margin:15px 6px}

span.txt { width:200px; display:block; margin-left:130px; font-size:90%; line-height:140%}

ul.goods1 li ,ul.goods2 li, ul.goods3 li, ul.goods4 li{ display:inline;}

ul.goods1 img.goods1p { background:url(../img/top.gif) -28px -1668px no-repeat; height:90px; width:120px; float:left}
ul.goods1 img.goods1t { background:url(../img/top.gif) -154px -1668px no-repeat; height:30px; width:200px}

ul.goods2 img.goods2p { background:url(../img/top.gif) -382px -1668px no-repeat; height:90px; width:120px; float:left}
ul.goods2 img.goods2t { background:url(../img/top.gif) -507px -1668px no-repeat; height:30px; width:200px}

ul.goods3 img.goods3p { background:url(../img/top.gif) -28px -1792px no-repeat; height:90px; width:120px; float:left}
ul.goods3 img.goods3t { background:url(../img/top.gif) -154px -1792px no-repeat; height:30px; width:200px}

ul.goods4 img.goods4p { background:url(../img/top.gif) -382px -1792px no-repeat; height:90px; width:120px; float:left}
ul.goods4 img.goods4t { background:url(../img/top.gif) -507px -1792px no-repeat; height:30px; width:200px}

/* sub/header */

#header { background:url(../img/common.gif) 0 -750px no-repeat; height:100px; width:800px; padding:0 48px 0 0;}
#header p.h2 { color:#999; font-size:12px; padding:10px 0 0 15px; line-height:100%}

#devicecontents { background:url(../device/img/devicetop.gif) no-repeat; width:800px; padding:0; margin:0; }
img.subtop { width:612px; height:147px; }

#youtubecontents { background:url(../youtube/img/youtubetop.gif) no-repeat; width:800px; padding:0; margin:0; }
#storycontents { background:url(../story/img/storytop.gif) no-repeat; width:800px; padding:0; margin:0; }
#switchcontents { background:url(../switch/img/switchtop.gif) no-repeat; width:800px; padding:0; margin:0; }
#aiueocontents { background:url(../aiueo/img/aiueotop.gif) no-repeat; width:800px; padding:0; margin:0; }
#goodscontents { background:url(../goods/img/goodstop.gif) no-repeat; width:800px; padding:0; margin:0; }
#bookscontents { background:url(../books/img/bookstop.gif) no-repeat; width:800px; padding:0; margin:0; }
#handmadecontents { background:url(../handmade/img/handmadetop.gif) no-repeat; width:800px; padding:0; margin:0; }
#notecontents { background:url(../note/img/notetop.gif) no-repeat; width:800px; padding:0; margin:0; }
#membercontents { background:url(../member/img/membertop.jpg) no-repeat; width:800px; padding:0; margin:0; }
#helpcontents { background:url(../help/img/helptop.gif) no-repeat; width:800px; padding:0; margin:0; }
#linkcontents { background:url(../link/img/linktop.gif) no-repeat; width:800px; padding:0; margin:0; }
#contactcontents { background:url(../contact/img/contacttop.gif) no-repeat; width:800px; padding:0; margin:0; }






/* sub-/pagelinkblue */
#plinkblue { width:612px; background:#dbeefa; overflow:hidden}
ul.plink{ margin:0 0 0 15px; float:left; font-size:86%}
ul.plink li { line-height:170%}
ul.plink li a{ text-decoration:none; background:url(../img/common.gif) -733px -1150px; no-repeat; padding:0 0 5px 20px; }
.plinkbtm { background:url(../img/common.gif) -550px -499px no-repeat; height:15px; width:612px; float:none; clear:both}

/* sub-/pagelinkyellow */
#plinkyellow { width:612px; background:#f8f7cf; overflow:hidden}

#plinkblue2 { width:612px; background:url(../img/submenubk.gif); margin:0 139px 0 0; padding-top:5px}
.plink2btm { background:url(../img/common.gif) -550px -600px no-repeat; height:15px; width:612px; }


p.devicettl{ width:585px; margin:10px 0 17px 0; position:relative; background:#d6eefa; padding:10px; display:block; font-size:110%;}
p.devicettl2{ width:585px; margin:0 0 17px 0; position:relative; background:#d6eefa; padding:10px; clear:both; float:none; font-size:110%}
.devicettlb{ width:585px; margin:10px 0 0 0; position:relative; background:#5aa3cd; padding:10px; clear:both; color:#fff; font-size:110%}
.devicettlbb{ width:585px; margin:30px 0 0 0; position:relative; background:#5aa3cd; padding:10px; color:#fff; font-size:110%}
.devicettlb a, .devicettlbb a{ color:#fff}

p.devicettlb2{ width:585px; margin:0 0 17px 0; position:relative; background:#d6eefa; padding:10px; clear:both; float:none; font-size:110%; line-height:140%}
p.devicettl3{ width:585px; margin:10px 0 17px 0; position:relative; background:url(../img/wakubkb.gif); padding:10px; clear:both; float:none; font-size:110%; }
p.devicettl a, p.devicettl2 a, p.devicettl3 a {text-decoration:none;}

p.ytttl{ width:585px; margin:30px 0 10px 0; position:relative; background:#f8f7cf; padding:10px; display:block; font-size:110%;}
p.ytttl a { color:#333; text-decoration:none;}
.movie { margin:5px 80px 40px }

p.gtttl{ width:585px; margin:30px 0 10px 0; position:relative; background:#e2e2d5; padding:10px; display:block; font-size:110%;}
p.gtttl, p.gtttl a { color:#cc3333; text-decoration:none;}

p.switchttl{ width:585px; margin:20px 0 10px 0; position:relative; padding:10px 10px 10px 50px; display:block; font-size:110%; color:#ff0066; clear:both}
p.handttl{ width:585px; margin:20px 0 10px 0; position:relative; padding:10px 10px 10px 50px; display:block; font-size:110%; color:#ff0066; clear:both; float:left}
p.aiueottl{ width:585px; margin:10px 0 17px 0; position:relative; padding:10px; display:block; font-size:110%; background:#fcd9e2; clear:both}

img.w1 { background:url(../img/common.gif) -550px -480px no-repeat; position:absolute; top:0; left:0}
img.w2 { background:url(../img/common.gif) -555px -480px no-repeat; position:absolute; top:0; right:0}
img.w3 { background:url(../img/common.gif) -550px -485px no-repeat; position:absolute; bottom:0; left:0}
img.w4 { background:url(../img/common.gif) -555px -485px no-repeat; position:absolute; bottom:0; right:0}
img.kira { background:url(../img/kira.gif) no-repeat; position:absolute; top:0; left:0}


p.txt {  line-height:170%; overflow:hidden; width:310px; font-size:105%}
img.pp{ float:left; margin-bottom:5px}
img.ppr{ float:left; margin:0 10px 5px 0}
p img.pp { clear:left; margin-right:10px}
p img.ppr { clear:left; margin:0 10px 5px 0}
.s80{ font-size:80%; line-height:140%; margin-top:15px}

.peace { margin:3px 0 20px; float:left}


.maintxt { padding:30px 20px 20px 5px; overflow:hidden; font-size:105%; line-height:170%; display:block; width:580px}
.maintxts { padding:30px 20px 40px 5px; overflow:hidden; font-size:105%; line-height:170%; display:block; width:580px; background:url(../img/illust.gif) no-repeat left bottom; }
.maintxtsp { padding:0 20px 40px 0; overflow:hidden; font-size:105%; line-height:170%; display:block; width:580px}

.p10{ padding:10px 0 0 0}
.m10c{ text-align:center; margin:10px auto}
.p20{ padding:20px 0 0 0}
.p30{ padding:30px 0 0 0}
.p2020{ padding:20px 0}
.p200{ padding:0 0 20px 0}
.p5010{ padding:50px 0 10px}
.bl{ display:block; clear:both}
.r { float:right}
.c { clear:both;}
.pl{ float:left; margin:0 20px 5px 0;clear:both; }

dl.mname{ margin:50px 0 0 70px }
dl.mname dt{ font-weight:bold}

.cp { margin-left:92px}
.ct { margin:15px auto 30px}
a img.dl { width:160px; height:37px;background:url(../img/dl.gif) no-repeat; margin:5px}
a:hover img.dl{ background-position:0 -37px}
table.ct td { text-align:center}
table.ct td.c { text-align:left}
.ml20 { margin-left:20px}

ol li{ padding:2px; border-bottom:dotted 1px #ccc; margin:10px 0}

.bloglink { background:url(../img/itijikurin.gif) no-repeat top right; margin:30px 5px 40px}
.bloglink a{ color:#0099ff}
.bloglink a:hover{ color:#ff3300}

.notetxt { color:#ff3366}
.cenp { text-align:center; margin:5px auto}

table.mname { margin:20px 0; border:dotted 1px #ccc}
td.w120{ width:120px; vertical-align:top; text-align:center; padding:10px 0}
td.w120 img{ border:solid 1px #ddd}
td.w440{ width:440px; vertical-align:top; line-height:150%; padding:10px 0}
.iname{ padding-bottom:5px}