@charset "utf-8";
html{height:100%;width:100%;display:table;}
body{-webkit-text-size-adjust:none;width:100%;height:auto;background:#FFD700 url(/image/bgimage.jpg) repeat;font-size:12px;font-weight:bold;font-family:"MS UI Gothic",Arial,sans-serif;line-height:120%;letter-spacing:1px;text-align:center;display:table-cell;vertical-align:middle;} * html body{font-size:62.5%;font-family:'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;} *:first-child+html body{font-size:62.5%;font-family:'メイリオ','ＭＳ Ｐゴシック',Verdana,Arial,sans-serif;}
.cv{width:900px;height:auto;background:#fff;text-align:center;margin:0 auto;padding:0;display:block;}

/* ---- 基本 ---- */
a {text-decoration:none;font-weight:bold;} img{vertical-align:bottom;border:0;}
img.ic{vertical-align:middle;margin:0 2px 2px 0;border:0;}
header{width:100%;text-align:center;display:block;margin:0;padding-top:20px;}
ul{list-style:none;padding:0;margin:0;}
li{display:block;}

/*--float解除用hr--*/
hr {width:100%;clear:both;margin:0;padding:0;border:none;}

/* ---- font ---- */
h1,h2,h3,h4,#side_1,#side_2,#main{font-size:12px;font-weight:bold;}
span.red{color:red;}

/* ---- 角丸 ---- */
#dot_sum,#sns_tw,#sns_tw > a,#sns_fb,#sns_fb > a,#new_sp{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

/* ---- 広告 ---- */
#index_adb,#side_ad,#bottom_ad,#middle_ad{padding:15px 3px 3px;display:block;}
#side_ad {width:160px;height:600px;margin:24px auto;background:url(image/ad_bg160_600.png) no-repeat center;}
#bottom_ad {width:728px;height:90px;margin:10px auto;background:url(image/ad_bg728_90.png) no-repeat center;clear:both;}
#index_adb{width:728px;height:90px;margin:10px auto;background:url(image/ad_bg728_90b.png) no-repeat center;clear:both;}
#middle_ad {width:336px;height:280px;margin:7px 8px 5px 0;background:url(image/ad_bg336_280.png) no-repeat center;float:left;}
.hpg_main{width:728px !important;height:90px !important;}
.hpg_pixel{width:160px !important;height:600px !important;}
.hpg_btom{width:728px !important;height:90px !important;}
#ad_contents {width:728px;height:auto;margin:10px auto;display:block;border:3px dotted #ffe495;clear:both;}
#index_ad{width:728px;height:90px;display:block;margin:15px auto;clear:both;}
.hpg_box{width:728px !important;height:90px !important;}
div.google-auto-placed{margin-top:15px;margin-bottom:15px;}

/* ---- 検索フォーム ---- */
.cse .gsc-control-cse, .gsc-control-cse {border:none !important;padding:0 !important;width:728px !important;margin:10px auto !important;background:#fff !important;}

/* ---------- トップメニュー ----------- */
nav#ntop{width:100%;height:20px;background:#eee;margin:10px 0;display:block;text-align:centter;clear:both;padding:0;}
nav#ntop > ul{width:auto;list-style:none !important;margin:0 auto;display:table;padding:0;}
nav#ntop > ul > li{font-size:10px;text-align:center;display:table-cell;white-space:nowrap;float:left !important;margin:0 !important;height:20px;line-height:20px;padding:0 4px !important;border-right:1px solid #CCC}
nav#ntop > ul > li > a{color:#00B68E;}
nav#ntop > ul > li#t1{border-left:1px solid #CCC}

/* ---- ツイッター ---- */
#sns_tw{width:280px;height:34px;font-weight:bold;text-align:center;text-indent:10px;margin:10px auto;background:#1DA1F2 url(/img/twitter_ic.gif) no-repeat 4px 2px;border:1px solid #58BBE0;display:block;}
#sns_fb{width:280px;height:34px;font-weight:bold;text-align:center;text-indent:10px;margin:10px auto;background:#fff url(/image/facebook_ic.png) no-repeat 4px 2px;border:1px solid #4267b2;display:block;}
#sns_tw > a,#sns_fb > a{width:280px;height:34px;font-size:12px;line-height:34px;display:block;}
#sns_tw > a{color:#fff;} #sns_fb > a{color:#4267b2;}
#tw_new{width:190px !important;height:36px;line-height:36px;font-weight:bold;text-align:left;text-indent:42px;margin:6px auto;background:#81CDF6 url(/img/ud_icn.gif) no-repeat 4px 2px;border:1px solid #58BBE0;display:block;color:#fff;}

/* ---- 新着情報 ---- */
img.upd{width:21px;height:10px;} img.new,img.up{width:14px;height:10px;} img.up{vertical-align:bottom;border:0;margin:0 3px 3px -14px;}
#new_sp{width:780px !important;height:300px;overflow:hidden;margin:10px auto;padding:0;background-color:#fff;display:block;border:1px solid #ffe595;clear:both;}
#new_tt{background:url("/image/icon_list_ca.gif") no-repeat left top;font-weight:bold;font-size:12px;margin:0;text-indent:18px;height:16px;line-height:16px;text-align:left;background-color:#ffe595;display:block;}
div#vc_ad{width:780px !important;height:33px;margin:0 auto;padding:3px 0;text-align:center;background-color:#fff;}

ul.uprss {width:750px;list-style:none;margin:0 auto;padding:0;display:block;}
ul.uprss > li{margin:7px 0;font-weight:normal;font-size:10px;line-height:14px;text-align:left;display:block;border-bottom:2px solid #DEDEDE;}
ul.uprss > li >a{font-size:12px;font-weight:bold;}
ul.uprss > li > span.date{font-size:12px;font-weight:bold;color:red;}

#hpg_rss{width:260px;height:22px;line-height:22px;display:block;background:#F39A09;text-align:center;color:#fff;border:3px solid #F9C885;margin:5px auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#hpg_rss:hover{background:#E17A07;}

/* ---- BOX ---- */
#container {width:800px;min-height:555px;text-align:left;clear:left;margin:10px auto;display:block;}

/* ---- タイトルアイコン ---- */
#sc2{background:url("/image/icon_list_ca.gif") no-repeat left top;font-weight:bold;font-size:12px;margin:1px 0;text-indent:18px;height:16px;line-height:16px;text-align:left;}

/* ---- トップページタイトル ---- */
h1{width:800px;height:107px;font-size:14px;background:url(image/title_pixelgaro.png) no-repeat left top;margin:0 auto 5px;text-align:left;display:block;}
h1 a{width:800px;height:107px;margin:0;display:block;color:#C90;}

/* ---- タイトル下サンプル ---- */
#dot_sum{width:738px;height:82px;text-align:center;margin:5px auto;border:solid 1px #FC6;overflow: hidden;background:url(image/background.jpg);}
#icsum_pc{display:block !important;width:740px !important;height:530px !important;}
#icsum_sp{display:none !important;}

/* ---- トップページ - メニュー ---- */
h2 > a#t1{background:url(image/top_bgtb.png) no-repeat left top;}
h3 > a#t2{background:url(image/top_bgtb.png) no-repeat -338px top;}
h3 > a#t3{background:url(image/top_bgtb.png) no-repeat -676px top;}
h4 > a#t4{background:url(image/top_bgtb.png) no-repeat -1014px top;}
li#co1,li#co2,li#co3,li#co4{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
li#co2{width:780px;background:#fc6;padding:4px;margin:5px 5px 10px;clear:both;display:block;}
li#co1,li#co3{width:780px;background:#ffe495;padding:4px;margin:5px 5px 10px;clear:both;display:block;}
li#co1{min-height:436px;} li#co2{min-height:420px;} li#co3{min-height:280px;}
li#co4{width:423px;height:232px;padding:4px 5px 5px;margin:5px 0 5px 10px;}
h2,h3{width:338px;height:24px;margin:2px;display:block;}
h4.c1{width:338px;height:24px;margin:1px 2px 2px;display:block;}
h2,h3{background-color:#fc6;} h3.c1,h4.c1{background-color:#ffe495;}
h2:hover,h3:hover{background-color:#ea5;} h3.c1:hover,h4.c1:hover{background-color:#c68c43;}
h2 > a,h3 > a,h3.c1 > a,h4.c1 > a{width:338px;height:24px;line-height:24px;font-size:14px;text-align:center;display:block;color:#960;}
h2 > a:hover,h3 > a:hover,h3.c1 > a:hover,h4.c1 > a:hover{color:#fff;}
li#co4 {background:#FC6 url(image/top_bgtb.png) no-repeat -780px top;display:block;float:left;}

li.co5,li.co6,li.co7,li.co8,li.co9,li.co10,li.co11,li.co12 {min-width:40px;height:36px;margin:5px;padding-top:30px;background-image:url(/image/nav_image_top.png);float:left;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
li.co5,li.co7,li.co9,li.co11 {background-color:#ffe495;} li.co6,li.co8,li.co10,li.co12 {background-color:#fc6;}
li.co5:hover,li.co7:hover,li.co9:hover,li.co11:hover {background-color:#ea5;} li.co6:hover,li.co8:hover,li.co10:hover,li.co12:hover  {background-color:#c68c43;}
li.co5 > a,li.co6 > a,li.co7 > a,li.co8 > a,li.co9 > a,li.co10 > a,li.co11 > a,li.co12 > a {min-width:40px;height:36px;line-height:36px;font-size:12px;text-align:center;white-space:nowrap;padding:0 10px;margin:0;display:block;color:#960;}
li.co5 > a:hover,li.co6 > a:hover {color:#fff;}
li.co5{background-position:4px top;} li.co6{background-position:-145px top;} li.co7{background-position:-275px top;} li.co8{background-position:-405px top;}
li.co9{background-position:-34px -65px;} li.co10{background-position:-165px -65px;} li.co11{background-position:-276px -65px;} li.co12{background-position:-409px -65px;}
li.YT_CH {width:320px;height:90px;margin:5px;background:#000;display:block;float:left;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
li.YT_CH > a {width:300px;height:67px;padding:11px 10px 12px;font-size:12px;text-align:center;vertical-align:middle;white-space:nowrap;margin:0;display:block;color:#fff;font-weight:bold;} li.YT_CH > a > img{width:300px;height:67px;border:0;}


#cad {width:209px;height:674px;padding:5px 10px;background:#000;margin:0;text-align:center;}
#nvg,#nvg2{width:100%;height:300px;display:block;} #nvg3 {width:100%;height:200px;display:block;}
p.t{width:102px;height:92px;margin:4px;font-size:12px;line-height:14px;text-align:center;float:left;}
p.t > a {width:98px;height:42px;padding:48px 2px 2px;line-height:14px;text-align:center;display:block;color:#960;}
p#ti,p#ti2,p#ti3,p#ti4{width:100%;height:auto;margin:4px 0;font-size:12px;font-weight:bold;line-height:16px;text-align:left;clear:both;}
p#te,p#te2,p#te3 {display:none;}
p.tic{width:100%;height:auto;margin:4px 0;text-align:center;clear:both;}
h2,h3,h4,p#t,p.t{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;overflow:hidden;}

.px1,.px2,.px3,.px4,.px5,.px6,.px7,.px8,.px9,.px10,.px11,.px12,.px13,.px14,.px15,.px16,.px17,.px18,.px19,.px20,
.pxm21,.pxm22,.pxm23,.pxm24,.pxm25,.pxm26,.pxm27,.pxm28,.pxm29,.pxm210,.pxm211{background:#fc6 url(image/top_bgtb.png) no-repeat;}
.pxm1,.pxm2,.pxm3,.pxm4,.pxm5,.pxm6,.pxm7,.pxm8,.pxm9,.pxm10,.pxm11,.pxm12,.pxm13,.pxm14,.pxm15,.pxm16,.pxm17{background:#ffe495 url(image/top_bgtb.png) no-repeat;color:#850 !important;}
.px1{background-position:-5px -24px;}.px2{background-position:-92px -24px;}.px3{background-position:-180px -24px;}.px4{background-position:-269px -24px;}.px5{background-position:-360px -24px;}.px6{background-position:-453px -24px;}.px7{background-position:-538px -24px;}.px8{background-position:-629px -24px;}.px9{background-position:-2px -114px;}.px10{background-position:-90px -114px;}.px11{background-position:-177px -114px;}.px12{background-position:-265px -114px;}.px13{background-position:-357px -114px;}.px14{background-position:-446px -114px;}.px15{background-position:-535px -116px;}.px16{background-position:-626px -116px;}.px17{background-position:left -208px;}.px18{background-position:-87px -208px;}.px19{background-position:-176px -208px;}.px20{background-position:-264px -208px;}
.pxm1{background-position:-2px -300px;}.pxm2{background-position:-88px -300px;}.pxm3{background-position:-180px -300px;}.pxm4{background-position:-265px -300px;}.pxm5{background-position:-358px -300px;}.pxm6{background-position:-448px -300px;}.pxm7{background-position:-538px -300px;}.pxm8{background-position:-626px -300px;}.pxm9{background-position:-714px -300px;}.pxm10{background-position:-801px -300px;}.pxm11{background-position:-894px -300px;}.pxm12{background-position:-985px -300px;}.pxm13{background-position:-4px -394px;}.pxm14{background-position:-92px -394px;}.pxm15{background-position:-180px -394px;}.pxm16{background-position:-266px -394px;}.pxm17{background-position:-353px -394px;}
.pxm21{background-position:-1px -484px;}.pxm22{background-position:-89px -484px;}.pxm23{background-position:-177px -484px;}.pxm24{background-position:-268px -484px;}.pxm25{background-position:-353px -484px;}.pxm26{background-position:-447px -484px;}.pxm27{background-position:-533px -484px;}.pxm28{background-position:-627px -484px;}.pxm29{background-position:-719px -484px;}.pxm210{background-position:-804px -484px;}.pxm211{background-position:-897px -484px;}
#nvg > p.t > a:hover,#nvg3 > p.t > a:hover{background-color:#ea5;color:#fff !important;} #nvg2 > p.t > a:hover{background-color:#c68c43;color:#fff !important;}

/* ---- トップページ - 中央下部 ---- */
.main_bt{width:600px;height:auto;text-align:center;background-color:#fff;margin:10px auto 2px;padding:0;display:block;}
.main_bt > p.b1{width:100%;height:auto;text-align:center;font-size:12px;line-height:16px;background-color:#fff;color:red;margin:0 0 5px;display:block;font-weight:bold;}
.main_bt > p.b2{width:100%;height:auto;text-align:left;font-size:12px;line-height:16px;background-color:#fff;margin:0 0 5px;display:block;font-weight:bold;}

/* ---- トップページ下部エリア ---- */
.navi_top{width:764px;text-align:center;margin:5px auto;font-size:12px;font-weight:bold;line-height:120%;display:block;clear:left;}

/* ---- スペシャルリンク ---- */
#b_nav{width:620px;height:26px;text-align:center;color:#000;margin:10px auto;font-weight:bold;font-size:10px;clear:left;display:block;}
#md,#md2,#md3{width:32%;margin:2px 1px 20px;height:20px;background:#ffe495 url("/image/web_link.gif") 5px center no-repeat;border:#C93 solid 3px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;float:left;}
#md a,#md2 a,#md3 a{width:100%;height:20px;text-align:center;font-size:10px;line-height:20px;font-weight:bold;color:#960;display:block;}#md:hover,#md2:hover,#md3:hover{background-color:#FC6;} #md br,#md2 br,#md3 br{display:none}
#sozai{width:300px;height:33px;text-align:center;margin:10px auto;display:block;clear:both;}

/* ---- ページTOPスクロール ---- */
#sptop { position:fixed;bottom:60px;right:10px;width:48px;height:48px;z-index:9999;display:none;} #sptop > a > img{width:48px;height:48px;}

/* ---- 素材の森 ---- */
#sozai_mori { position:fixed;top:0;right:0px;z-index:9998;display:block;width:130px;height:24px;}

/* ---- YouTube 動画紹介 ---- */
#yt_video{width:680px;height:auto;display:block;margin:10px auto;text-align:center;border:dotted 2px #F4AB0A;border-radius:10px;}
.YTrss {width:650px !important;min-height:142px;overflow:hidden;margin:10px auto;padding:2px 0;display:block;clear:both;}
.YTrss > li.mov {width:130px;min-height:142px;display:block;padding:0;margin:0;float:left;}
.YTrss > li.mov > a {width:130px;min-height:130px;text-align:center;font-size:10px;display:block;padding:0;margin:0;overflow:hidden;text-overflow:clip;}
.YTrss > li.mov > .date {width:130px;height:12px;line-height:12px;text-align:center;font-size:10px;display:block;padding:0;margin:0;overflow:hidden;}
.YTrss > li.mov > img{width:120px;height:68px;object-fit:cover;}
.YTtitle {width:650px;height:24px;line-height:24px;text-align:left;display:block;font-size:16px;font-weight:bold;text-indent:24px;background:url(/img/YT_movie.gif) no-repeat ;padding:0;margin:9px auto 0;}
.YTtitle2 {width:650px;height:16px;line-height:16px;text-align:right;display:block;font-size:12px;font-weight:bold;padding:0;margin:1px auto 0;}
li.YTend {width:620px;height:24px !important;line-height:24px;display:block;font-size:12px;font-weight:bold;text-align:right;padding:0 15px;margin:5px 0 0;clear:both;}

/* ---- ココナラ ---- */
.coconara{width:768px;height:90px;display:block;margin:15px auto;background:url(/image/ad_coconara_bg.png);text-align:center;border:solid 1px #000;clear:both;}

/* ---- フッター ---- */
footer{width:100%;min-height:300px;background:#dfdfdf url(image/footer.png) no-repeat right top;text-align:center;margin:5px auto 0 !important;padding:120px 0 20px;display:block;clear:left;}
#ft_t{width:640px;margin:10px auto;text-align:center;font-weight:bold;font-size:12px;text-shadow:0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;} #ft_t > a{color:#00B68E;}
#ft_nv{width:640px;margin:10px auto;text-align:left;display:block;}
#ft_nv p.ste,#ft_nv p.ote{line-height:16px;text-align:left;margin:0 0 10px;font-weight:bold;font-size:12px;padding-left:14px;background:url(image/ic_category.gif) no-repeat 0px 1px;float:left;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#amz_footer{width:100%;margin:10px auto;text-align:center;font-weight:bold;font-size:12px;line-height:14px;display:block;clear:both;}
.amz_flink{color:#F1830E !important;text-shadow:0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;}
#ft_nv p.ste a,#ft_nv p.ote a,#amz_footer a{color:#666;}
#ft_nv p.ste{width:146px;}#ft_nv p.ote{width:292px;}
#bi_banner{width:100%;height:40px;margin:10px auto;text-align:center;display:block;} #bi_banner img{margin:0 5px;}

#ftr_sns{width:331px;height:90px;text-align:center;margin:15px auto;clear:left;}
#qr{width:109px;height:90px;display:block;background:url(image/QRcode.png) no-repeat;text-align:right;overflow:hidden;margin:0 5px;float:left;}
#qr > img{padding:3px 5px;}
#qr_mb{display:none;}
#tw_ac,#fb_ac{width:96px;height:86px;display:block;margin:0 5px;float:left;}

#wp_link,.wp_link{width:620px;height:50px;text-align:center;margin:5px auto;clear:left;}  #wp_link > img,.wp_link > img{margin:0 5px;}
#copyright{width:620px;line-height:14px;text-align:center;color:#000;margin:10px auto;font-weight:bold;font-size:10px;clear:left;}