@import "css/tables.css";
@import "css/commonstyles.css";
@charset "UTF-8";
/*reset*/
html,body,div,h1,h2,h3,h4,h5,h6,address,p,hr,pre,blockquote,ol,ul,li,dl,dt,dd,a,em,strong,small,cite,q,dfn,abbr,code,var,samp,kbd,sub,sup,i,b,span,ins,del,img,iframe,caption,colgroup,col,form,fieldset,legend,label,input,button,select,option,textarea,article,aside,figcaption,figure,footer,mark,nav,section,time{background-color:transparent;border:0;font-family:inherit;font-style:normal;margin:0;outline:0;padding:0;vertical-align:baseline;}article,aside,figcaption,figure,footer,nav,section,hr{display:block;}html{height:100%;}body{font-size:13px;line-height:1;text-align:center;width:100%;}ol,ul{list-style:none;}a img,ins{text-decoration:none;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}button,input,label{cursor:pointer;overflow:visible;width:auto;}button,input,select,textarea{line-height:1;text-transform:none;vertical-align:middle;}textarea{overflow:auto;}pre{white-space:pre-wrap;}hr{height:0;overflow:hidden;}a:focus,input:focus,select:focus,textarea:focus{outline:thin dotted;}a:hover{position: relative;left: 1px;top: 1px;}a:active{outline:0;}
/*default*/
strong,b,.b{font-weight:bold;}dfn,em,i,.i{font-style:italic;letter-spacing:.1em;}.u{text-decoration:underline;}del,.s{text-decoration:line-through;}.big{font-size:18px;}small,.small,sup,.sup,sub,.sub,.rp,.rt{font-size:12px;}.center{text-align:center;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}.tt,code,kbd,pre,samp,var,input[type="text"],textarea{font-family:'Courier New',Courier,monospace;}h1,h2,h3,h4,h5,h6,hr,.clear,.FloatEnd{clear:both;}caption,textarea{text-align:left;vertical-align:top;}img,a img{max-width:100%;height:auto;vertical-align:middle;}abbr{text-transform:uppercase;letter-spacing:.1em;}hr,sup,.sup,sub,.sub,.ruby{position:relative;line-height:0;}sup,.sup{top:-.5em;}sub,.sub{bottom:-.25em;}ruby,.ruby,rp,.rp{margin:0 .2em;}.ruby .rt{position:absolute;left:0;top:-.5em;white-space:nowrap;}button[disabled],input[disabled]{cursor:default;}
/*css3*/
html{overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}img{-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}hr,input,select,textarea,button{-moz-box-sizing:content-box;box-sizing:content-box;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
/*custom*/
hr{border-top:1px solid #d2b056;margin:1em 0;}
button,input,select,textarea{border:1px solid #999;}
input[type="text"]{height:1.5em;line-height:1.5em;}textarea{line-height:1.2;}
input[type="checkbox"],input[type="radio"]{border:0;height:1em;margin:0 .25em .2em .25em;width:1em;}
button,input[type="button"],input[type="reset"],input[type="submit"]{background:#8d1231;color:#fff;padding:.625em 1.618em;}
input[type="text"]:focus,select:focus,textarea:focus{background:#faf9f5;}mark,.mark{background:#f4f2e8;}
a,body{color:#606060;}a:hover{color:#f781f3;}#footer h3,#footer h3 a{color:#7d7d7d;}
table.border0,table.border0 tr,table.border0 td{border: 0;}
/*layout*/
body{background:url("img/body.png") center top repeat-x;-webkit-text-size-adjust: 100%;}
body#index{background-image:url("img/body_top.png");}
#top-index{background:url("img/gnavi_bg.png") center top no-repeat;width:100%;}
#index #top-index{background-image:url("img/index_contents.png")}
.wrap{margin:0 auto;position:relative;text-align:left;width:910px;z-index:1;line-height:1.6;overflow:overflow;}
#top-index>.wrap{padding:97px 0 0 0;}
body#index #top-index>.wrap{padding:94px 0 0 0;}
#header{background:url("img/title.png") 0 0 no-repeat;overflow: hidden;}
#header,#main{float:right;width:660px;margin-left:20px;margin-right:10px;}
#side{overflow:hidden;margin-left:10px;}
#main,#side{padding-bottom:15px;}
#gnav,#footer{clear:both;width:100%;}
#footer,#footer>div{background:url("img/footer.png") repeat-x;}
/*set*/
.txt-img img{margin:0 8px 8px 8px;}
#side img,.list img{margin:0;}
#gnav{position:absolute;left:0;top:0;z-index:2;}
#side,#footer h3{font-size:12px;font-weight:normal;}
#side ul li,#gnav ul li,#breadcrumbs ul li,.list li{display:inline;line-height:1;vertical-align:bottom;}
#side ul li a{line-height:1.6;}#breadcrumbs ul li{line-height:1.2;}
#side ul li a,#footer #info a,h3 a,#breadcrumbs a{text-decoration:none;}
#side ul li,#side ul li a,#gnav ul li,.h3,.h4,.h5,.h6,.list li{display:block;}
article,.article,section,.section{clear:both;overflow:auto;}
article,.article,section,.section,dl,ul{margin:0 0 1em 0;}#side ul,#side dl{margin:0;}
.db_i,h3.nt,.more a,a.btn,#up a,a#menu{background:transparent;border:0;display:block;margin:0;text-decoration:none;text-indent:100%;overflow:hidden;padding:0;width:100%;white-space:nowrap;}
list ul,ul.list{overflow:auto;}.list li{padding:0 0 8px 0;}#main .list li{float:left;}
#main .article,#main .section,#side .section{clear:both;margin:0 0 10px 0;}
#footer>.nav ul li,#sitemap #main .nav ul li.l1,.link a,a.link,.news>dl>dd>p>span{background:url("img/arrow.png") 0 5px no-repeat;padding-left:15px;}
#sitemap #main>.nav ul{margin:0 0 15px;}#sitemap #main>.nav ul li.l1{background-position:0 5px;}
.pdf a,a.pdf{background:url("img/pdf.png") no-repeat;padding-left:16px;}
.window a,a.window{background:url("img/window.png") right .25em no-repeat;padding-right:16px;margin-right:.25em;}
.more{display:block;text-align:right;}
.more a{background:url("img/more.png");width:104px;height:20px;margin:0 0 0 auto;}
/*header*/
#header h1{background:url("img/hl_h1.png") center bottom no-repeat;color:#ca24a0;font-size:18px;border:1px solid #fdaff8;padding:45px 25px;margin-bottom:10px;}
/*side*/
#side #menu{background:#f9e6f8 url("img/menu_line_start.png") center top no-repeat;padding:20px 0 0 0;margin:0 0 20px 0;}
#side #menu>ul>li{padding:2px 0 3px;background:url("img/menu_line.png") center bottom repeat-x;}
#side #menu>ul>li:last-child{background: none;padding-bottom: 0;}
#side #menu>ul:first-child>li:first-child{padding:0 0 3px 0;}
#side #menu>ul>li>a{background:#fff url("img/menu.png") -700px bottom no-repeat;margin:0 4px;padding:0;color:#606060;border:1px solid #eedded;}
#side #menu>ul>li>a:hover{background-color:#faeefa;background-position:0 bottom;color:#000;border-color:#eee1c0;}
#side #menu>ul>li>a span{border:1px solid #fff;display:block;padding:14px 0 12px 10px;}
#side #menu div.last{background:url("img/menu_line_end.png") center bottom no-repeat;padding:0 0 20px 0;}
/*main*/
#main h2,#main h3,#main h4,#main h5{border-bottom:1px solid #fdaff8;color:#f781f3;font-size:16px;font-weight:bold;line-height:1.2;padding:8px 16px;margin:0 -10px 15px;}
#main h2,#main h3{background:#fff url("img/hl.png") left bottom no-repeat;border-bottom:0;}
#main h2 a,#main h3 a{color:#f781f3;}
#main h4{background:#faeefa;padding:8px 5px 5px 16px;}
#main h5{border:0;color:#f781f3;background:url("img/arrow.png") 0 center no-repeat;}
#main h6{font-size: 14px;color:#f781f3;font-weight: bold;}
#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#space1,#space2,#category{margin: 0 10px 20px;padding: 0;font-weight: normal;font-size: 13px;}
#main h2.title,#main h3.title,#main h4.title{margin: 0 0 15px;}
#category h4 a{text-decoration: none;color: #f781f3;}

/*gnav*/
#gnav{height:95px;overflow: hidden;}
#gnav ul{display:block;margin:0 auto;width:910px;padding:25px 0px 0px 0px;text-align:left;}
#gnav ul li{float:left;width:178px;background:url(img/gnav-li.png) center center no-repeat;}
#gnav ul li span{width:176px;display:table-cell;vertical-align:middle;height:59px;text-align:center;}
#gnav ul li span a{line-height:130%;color: #fff;text-decoration: none;}
#gnav ul li span a:hover{background-color:transparent;}
#gnav ul li:first-child{background:url(img/gnav-li-first.png) right no-repeat;}
#gnav ul li:last-child{background:url(img/gnav-li-last.png) left no-repeat;}
/*breadcrumbs*/
#breadcrumbs,#breadcrumbs a{color:#616161;}
#breadcrumbs{background:#fff url("img/pan.png") no-repeat;width:660px;padding:5px 0 0 0;margin-bottom: 10px;}
#breadcrumbs div{display:block;padding:6px 8px;border:1px solid #eaeaea;border-width:0 1px 1px 1px;margin:0;font-size:12px;line-height:1.2;}
/*footer*/
#footer>div,#footer>div p{padding:0 0 20px 0;}
#up a{background:url("img/up.png");width:53px;height:13px;}
#footer h3{padding:5px 0;font-size: 12px;}
/*index*/
#index #main .article{margin:0;}
#index #main h3~dl{margin-top:-1em;}
#main .whats{border-bottom:1px solid #ddd;}
#main .whats h4{background:url("img/hl_whatsnew.png") no-repeat;overflow:hidden;line-height:120px;height:40px;margin:0;padding:0;}
#main .whats ul{border-left:1px solid #ddd;border-right:1px solid #ddd;margin: 0;padding:0 0 20px;list-style: none;}
#main .whats li{background:url("img/arrow.png") 20px 15px no-repeat;padding:10px 20px 5px ;line-height:1.4;}
#main .whats li span{color:#f781f3;display:block;font-family:"ＭＳ ゴシック","MS Gothic","Osaka−等幅",Osaka-mono,monospace;padding:0 0 5px 17px;}
#main #index_top{padding: 0;margin:0 0 10px;overflow:hidden;width: 100%;}
#main dl.media{text-align:center;}
#main dl.media dt{display:block; overflow:hidden;line-height:300px;}
#main dl.media dd{padding:0 0 1em 0;}
#main dl.media dd p{text-align:left;}
#main dl.btn01 dt{background:url("img/topic1_txt.png") no-repeat;height:46px;}
#main dl.btn02 dt{background:url("img/topic2_txt.png") no-repeat;height:82px;}
#main dl.btn02 dd img,#index #main dl.btn02 dd img{margin:0 5px 30px 10px;}
#index #main .article ul li.btn04{float:left;width:335px;}
#index #main .article ul li.btn05{float:right;width:335px;}
#index #main .article ul li.btn04 a,#index #main .article ul li.btn05 a{display:block;overflow:hidden;margin:0 0 3px 0;height:135px;line-height:600px;background-image:url("img/topic4.png");background-repeat:no-repeat;}
#index #main .article ul li.btn04 a{background-position:left top;}
#index #main .article ul li.btn05 a{background-position:-335px top;}
/*common*/
#main .box_postit{border-top:1px dotted #fdaff8;border-right:1px dotted #fdaff8;margin:0 10px 10px;}
#main .box_postit a{text-decoration: none;}
#main .box_postit p{border-left:4px solid #fdaff8;border-bottom:1px dotted #fdaff8;padding:5px 15px;}
#main .box_postit span{display: block;font-weight: bold;padding-top: 5px;}

#main span.hr{display:block;width:100%;overflow:hidden;height:0;line-height:5em;border-top:1px solid #ccc;}
#main span.dotted{border-top:1px dotted #ccc;}#main span.dashed{border-top:1px dashed #ccc;}
#main .line,.line{border-bottom:2px ridge #666;}
#main .aside,.aside{border:1px dashed #ccc;border-width:1px 0;padding:10px;}
#main .btn_close span,.btn_close span{background:#333;border:1px solid #ccc;color:#fff;cursor:pointer;display:block;padding:.5em 0;text-decoration:none;width:8em;}
#main .pnav{clear:both;overflow:auto;}#main .pnav ul{float:right;}#main .pnav li{border:1px solid #ccc;display:block;float:left;font-weight:bold;margin:0 0 0 .5em;width:2.5em;text-align:center;}#main .pnav li span,#main .pnav li a{font-weight:normal;background:#eee;color:#666;display:block;text-decoration:none;}
#main .aside,.aside,#main .grid2it,#main .grid2tt,.grid2it,#main .grid2,.grid2,#main .grid3,.grid3,#main .grid4,.grid4,#main .grid5,.grid5{display:block;overflow:auto;}
#main .grid2it img,.grid2it img,#main .grid2tt>dt,.grid2tt>dt,#main .grid2tt>.dt,.grid2tt>.dt{margin:0 1em 1em 0;float:left;}
#main .grid2it>span,.grid2it>span,#main .grid2tt>dd,.grid2tt>dd,#main .grid2tt>.dd,.grid2tt>.dd{display:block;overflow:hidden;}
#main .grid2>li,.grid2>li,#main .grid2>div,.grid2>div,#main p.grid2>span,p.grid2>span,#main span.grid2>span,span.grid2>span{width:50%;float:left;display:block;}
#main .grid3>li,.grid3>li,#main .grid3>div,.grid3>div,#main p.grid3>span,p.grid3>span,#main span.grid3>span,span.grid3>span{width:33.33%;float:left;margin:0;display:block;}
#main .grid4>li,.grid4>li,#main .grid4>div,.grid4>div,#main p.grid4>span,p.grid4>span,#main span.grid4>span,span.grid4>span{width:25%;float:left;margin:0;display:block;}
#main .grid5>li,.grid5>li,#main .grid5>div,.grid5>div,#main p.grid5>span,p.grid5>span,#main span.grid5>span,span.grid5>span{width:20%;float:left;margin:0;display:block;}
#main .btn,.btn{display:block;text-align:center;}
#main .btn img,.btn img{display:inline;margin:0 auto;}
#main .fs-s,.fs-s{font-size:.88em;}#main .fs-l,.fs-l{font-size:1.12em;}
#main .fs-1,.fs-1{font-size:.82em;}#main .fs-2,.fs-2{font-size:.94em;}#main .fs-3,.fs-3{font-size:1.24em;}#main .fs-4,.fs-4{font-size:1.32em;}#main .fs-5,.fs-5{font-size:1.8em;}#main .fs-6,.fs-6{font-size:2.4em;}#main .fs-7,.fs-7{font-size:3.6em;}
#main .fw,.fw{font-weight:bold;}#main .fn,.fn{font-weight:normal;}#main .ls,.ls{letter-spacing:.1em;}#main .ls05,.ls05{letter-spacing:.5em;}#main .ls1em,.ls1em{letter-spacing:1em;}
#main .fl,.fl,#main .left,.left{float:left;}#main .fr,.fr,#main .right,.right{float:right;}
#main .center,.center{display:block;margin:0 auto;}
#main img.center,img.center,#main .btn_close,.btn_close,#main .btn_close span,.btn_close span{text-align:center;margin-left:auto;margin-right:auto;}
#main img.left,img.left{margin:0 1em 1em 0;float:left;}#main img.right,img.right,#main .grid2tt>dt.right,.grid2tt>dt.right,#main .grid2tt>.dt.right,.grid2tt>.dt.right{margin:0 0 1em 1em;float:right;}
#main .db,.db,#main .btl,.btl,#main .btc,.btc,#main .btr,.btr,span.t-l,span.t-c,span.t-r{display:block;}
#main img.v-m,img.v-m{vertical-align:middle;}#main img.v-tb,img.v-tb{vertical-align:text-bottom;}
#main .w100,.w100{width:100%;}#main .w90,.w90{width:90%;}#main .w85,.w85{width:85%;}#main .w80,.w80{width:80%;}#main .w75,.w75{width:75%;}#main .w70,.w70{width:70%;}#main .w60,.w60{width:60%;}
#main .w50,.w50{width:50%;}#main .w40,.w40{width:40%;}#main .w35,.w35{width:35%;}#main .w30,.w30{width:30%;}#main .w25,.w25{width:25%;}#main .w20,.w20{width:20%;}#main .w15,.w15{width:15%;}#main .w10,.w10{width:10%;}
#main .m-r1em,.m-r1em{margin:0 1em 0 0;}#main .m-b1em,.m-b1em{margin:0 0 1em 0;}#main .m-l1em,.m-l1em{margin:0 0 0 1em;}#main .m-half,.m-half{margin:0 0 .5em 0;}#main .m-lrhalf,.m-lrhalf{margin:0 .5em;}
#main .m-lr1em,.m-lr1em{margin:0 1em;}#main .m-b1ema,.m-b1ema{margin:0 auto 1em auto;}#main .m-0a,.m-0a{margin:0 auto;}
#main .no,.no,#main dl dt.no,dl dt.no{margin:0;}
#main .no-l,.no-l{margin-left:0;}#main .no-r,.no-r{margin-right:0;}
#main .no-lr,.no-lr{margin-left:0;margin-right:0;}#main .no-tb,.no-tb{margin-top:0;margin-bottom:0;}
#main .p-1em,.p-1em{padding:1em;}#main p-05em,.p-05em{padding:.5em;}
#main .p-lr1em,.p-lr1em{padding:0 1em;}#main .p-tb1em,.p-tb1em{padding:1em 0;}
#main .p-t1em,.p-t1em{padding:1em 0 0 0;}#main .p-r1em,.p-r1em{padding:0 1em 0 0;}#main .p-b1em,.p-b1em{padding:0 0 1em 0;}#main .p-l1em,.p-l1em{padding:0 0 0 1em;}
#main .p-half,.p-half{padding:0 0 .5em 0;}#main .p-thalf,.p-thalf{padding:.5em 0 0 0;}#main .p-tbhalf,.p-tbhalf{padding:.5em 0;}#main .ts,.ts{padding:0 .5em;}
#main .omit,.omit{display:block;overflow:hidden;width:.5em;height:1em;line-height:5em;float:left;margin:0 0 0 -.5em;position:absolute;left:0;top:-1em;background:transparent none;}


/*massage*/
#main dl.box_2{overflow:auto;margin:0 0 2.8em 0;}
#main dl.box_2 dt{display:inline;}
#main dl.box_2 dd{overflow:hidden;}
#main p.last{padding:0 0 2em 0;}
#main .box_pink{background:#fff7ee;padding:1em;}
#main dl.box_pink{background:#fff7ee;padding:12px 12px 12px 24px;}
#main dl.box_pink dt img{margin:0;}
#main dl.box_pink dd{padding:12px 0 0 0;}
#main dl.box_pink dd h5{margin:0 0 10px 0;}
#main dl.box_pink p{padding:0 12px 0 0;}
#main .box_flow{padding:0 0 1em 0;}
#main .box_linebd{overflow:auto;border-bottom:1px dashed #ddd;padding:18px 0 10px 8px;margin:0 0 2em 0;}
/*point*/
#main .pagelink li {margin-bottom:5px;}
#main .pagelink li a{background:url("img/arrow_bottom.png") left 0.2em no-repeat;display:block;padding:0 0 0 16px;text-decoration:none;line-height:1.4;}
#main a.btn_list_magazine{display:block;overflow:hidden;background:url("img/btn_list_magazine.png") left -22px no-repeat;height:22px;width:188px;line-height:100px;}
#main a.btn_list_magazine:hover{background-position:left top;}
#main a.btn_list_voice{display:block;overflow:hidden;background:url("img/btn_list_voice.png") left -22px no-repeat;height:22px;width:188px;line-height:100px;}
#main a.btn_list_voice:hover{background-position:left top;}
#container { width : 100% ; }
#sidenavi,#nav_area,#fontsize,#btn_contact,#pageup,#center .pan,#center .pagetop{ display : none ; }
#footer * { font-size :12px ; font-weight : normal ; text-decoration : none ;}

/*  */
#side #menu h4{display: block;text-align: center;font-weight: bold;background:#fff url("img/menu-h4.png") center bottom no-repeat;margin:2px 4px 0;padding:14px 0 12px;color:#f781f3;border:1px double #eedded;}
#side #menu h4:first-child{margin-top: 0;}
#side #menu ul li.l2,#side #menu ul li.l3{font-size:12px;border-bottom:1px solid #f9e6f8;background-image:none;padding:0;padding:3px 0px;background:#fff;margin:0 5px;}
#side #menu ul li.l2 a,#side #menu ul li.l3 a{padding:4px 0px 1px 16px;background:url("img/menu2.png") 6px 10px no-repeat;margin:0px 3px;border: 0;}
#side #menu ul li.l2 a:hover,#side #menu ul li.l3 a:hover{background-color:#faeefa;border: 0;color:#f781f3;}
#side #menu ul li.l2 a span,#side #menu ul li.l3 a span{border:0;display:block;padding:0;}
#side #menu ul li.l3 a {background-position: 15px 10px;padding-left: 25px;}

#side #menu .menubox{display:block;padding:5px;margin:2px 4px 0;color:#606060;border:1px solid #eedded;background-color: #fff;}
#side #menu ul#newEntry{margin:2px 0 0;}

#sitemap .nav a{text-decoration: none;}
#sitemap .nav ul{padding:0 10px;}
#sitemap .nav li{margin-bottom: 3px;list-style:none;}
#sitemap .nav li.l1{font-weight: bold;}
#sitemap .nav li.l2{padding-left: 20px;background: url("img/menu2.png") 6px 8px no-repeat;}
#sitemap .nav li.l3{padding-left: 30px;background: url("img/menu2.png") 15px 8px no-repeat;}
#sitemap .sbox1{float: left;}
#sitemap .sbox2{float: right;}
#sitemap .sbox1,#sitemap .sbox2{width: 46%; }

#main ul,#main ol{padding-left: 30px;overflow:visible;}
#main ul{list-style: square;}
#main ol{list-style: decimal;}

.user1,.user2,.user3,.user4,.user5,.user6{font-size: 12px;line-height: 130%;padding-top: 12px;padding-right: 12px;padding-bottom: 12px;padding-left: 100px;margin-top: 10px;margin-bottom: 10px;background-repeat: no-repeat;background-position: 12px 12px;background-color: #EFF4FA;border: 1px solid #C5D7ED;min-height: 70px;_height:70px;_zoom: 1;overflow: hidden;}
.user1{background-image: url(img/userm_1.png);}
.user2{background-image: url(img/userf_1.png);}
.user3{background-image: url(img/userm_2.png);}
.user4{background-image: url(img/userm_3.png);}
.user5{background-image: url(img/userf_2.png);}
.user6{background-image: url(img/userf_3.png);}

.point1,.point2,.point3,.point4,.point5 ,.point6 ,.point7 ,.point8 ,.point9 ,.point10,.rank1,.rank2,.rank3,.rank4,.rank5 {height: auto;}
.rank1,.rank2,.rank3,.rank4,.rank5 {padding-top: 25px;}

/* 記事スタイル */
#main .txt-border {background: url(img/dott.gif) 0 0;line-height: 22px;padding:5px 10px;}
#main .txt-border p {line-height: 22px;}
#main .txt-line  {border: 0;border: 2px solid #CCCCCC;}
#main .txt-yellowback {border: 0;background-color: #FFF9DF;border: 2px solid #CC0000;}
#main .txt-grayback {border: 0;border: 1px solid #D9D9D9;background-color: #F5F5F5;}
#main .txt-colorback {border: 0;border:solid 1px #FFB380;background-color: #FFF2DF;}
#main .txt-frame{border: 0;border:solid 2px #CCCCCC;}
#main .txt-colorframe{border: 0;border:solid 2px #CC0000;}
#main .txt-rndbox {margin: 15px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;behavior: url(http://xn--fswr23g.lolipop.jp/css/PIE.htc);border: 1px solid #B4B4B4;padding: 0 30px;}
#main .txt-rndbox .top,#main .txt-rndbox .body,#main .txt-rndbox .top_inner,#main .txt-rndbox .bottom{margin: 0;padding:0;}
#main .txt-decbox1,#main .txt-decbox2 {border: 0;margin: 0 ;padding: 0;}
.txt-decbox1 .top{min-height:50px;background: url(img/decbox1.gif) center top no-repeat;padding: 30px 50px 0;margin: 0;width: 560px;}
.txt-decbox1 .top .top_inner{padding: 0;margin: 0;}
.txt-decbox1 .body{padding: 30px 50px 0;background: url(img/dec1_body.gif) center top repeat-y;margin: 0;width: 560px;}
.txt-decbox1 .bottom{height:70px;background: url(img/decbox1.gif) center bottom no-repeat;margin: 0;width: 660px;}
.txt-decbox2 .top{min-height:40px;background: url(img/decbox2.gif) center top no-repeat;padding: 40px 50px 0;margin: 0;width: 560px;}
.txt-decbox2 .top .top_inner{padding: 0;margin: 0;}
.txt-decbox2 .body{padding: 30px 50px 0;background: url(img/dec2_body.gif) center top repeat-y;margin: 0;width: 560px;}
.txt-decbox2 .bottom{height:65px;background: url(img/decbox2.gif) center bottom no-repeat;margin: 0;width: 660px;}
#main .txt-grayback,#main .txt-colorback,#main .txt-line,#main .txt-frame,#main .txt-colorframe{margin: 15px auto 20px;padding: 30px;}
#main .top_inner h3,#main .top_inner h2{margin: 0 auto;padding: 0 10px;background: none;border: 0;text-align: center;color: #f781f3;line-height: 150%;font-size: 26px;}


/*ResponsiveCustom*/
#gnav a#menu{display: none;}
#side div.sp{display: none;}
.clear-tab,.clear-sp{width:0;height:0;line-height:0;padding:0;margin:0;}

@media only screen and (max-width:919px){/* 680px */
#top-index{background-image:url("img/680_gnavi_bg.png")}
#index #top-index{background-image:url("img/680_index_contents.png")}
.wrap{width: 680px;}
#header,#main,#side {float: none;margin: 0;width: 660px;}
#header,#main,#side {margin: 0 auto;padding: 0;}
#side div.pc{display: none;}
#side div.sp{display: block;}
#side div.sp ul,#side div.sp ul#newEntry{display: none;}
#side div.sp h4{color:#000;cursor:pointer;}
#side div.sp h4 span{display: block;background:url("img/menu-sp.png") no-repeat left center;width: 100%;}
#side div.sp h4.active span{background:url("img/menu-sp-on.png") no-repeat left center;width: 100%;}
#side #menu{margin-bottom: 5px;}
/*header*/
#header h1{background-image:url("img/680_hl_h1.png");padding:30px 25px;margin-bottom:5px;}
/*gnav*/
#gnav{height:95px;font-size:12px;}
#gnav ul{width:680px;}
#gnav ul li{width:132px;background-image:url(img/680_gnav-li.png);}
#gnav ul li a{width:130px;}
/*breadcrumbs*/
#breadcrumbs{margin-bottom: 5px;}
#breadcrumbs div{padding:3px 8px;font-size:11px;}

}

@media only screen and (max-width:679px){/* 480px */
body{background-image:url("img/480_body.png")}
body#index{background-image:url("img/480_body_top.png");}
#top-index{background-image:url("img/480_gnavi_bg.png")}
#index #top-index{background-image:url("img/480_index_contents.png")}
.wrap{width: 480px;}
#top-index>.wrap{padding-top:65px;}
body#index #top-index>.wrap{padding:63px 0 0 0;}
#header,#main,#side {width: 470px;}
#main h2,#main h3{background-image:url("img/480_hl.png")}
/*header*/
#header{background-image:url("img/480_title.png");}
#header h1{background-image:url("img/480_hl_h1.png");padding:30px 25px;margin-bottom:5px;}
/*gnav*/
#gnav a#menu{display: block;color:#fff;margin-top:30px;background:url("img/menu-sp-menu.png") no-repeat left center;cursor:pointer;}
#gnav{height:60px;font-size:11px;overflow:visible;}
#gnav ul{width:460px;padding-top:7px;display:none;}
#gnav ul li,#gnav ul li:first-child,#gnav ul li:last-child{background-image:none;display:block;width:460px;text-align:left;background-color:#bb2695;filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#gnav ul li span{width:auto;display:inline;vertical-align:baseline;height:auto;text-align:left;}
#gnav ul li span a{width:460px;padding:10px 30px;color:#fff;display:block;}
/*breadcrumbs*/
#breadcrumbs{margin-bottom: 5px;background-image:url("img/480_pan.png");width:470px;}
#breadcrumbs div{padding:3px 8px;font-size:11px;}

#main .whats h4{background-image:url("img/480_hl_whatsnew.png");}
#main .whats ul{padding-bottom:5px;}
#main .whats li{background-position: 20px 15px;padding:10px 20px 5px ;}
#main .whats li span{padding-bottom:10px;}
#text1 img,#text2 img,#text3 img,#text4 img,#text5 img,#text6 img,#text7 img,#text8 img,#text9 img,#text10 img,#space1 img,#space2 img{max-width:440px;}

/* 記事スタイル */
.txt-decbox1 .top{min-height:30px;background-image: url(img/480_decbox1.gif);padding: 30px 30px 0;width: 410px;}
.txt-decbox1 .body{padding: 30px 30px 0;background-image: url(img/480_dec1_body.gif);width: 410px;}
.txt-decbox1 .bottom{height:50px;background-image: url(img/480_decbox1.gif);width: 470px;}
.txt-decbox2 .top{min-height:30px;background-image: url(img/480_decbox2.gif);padding: 40px 30px 0;width: 410px;}
.txt-decbox2 .body{padding: 30px 30px 0;background-image: url(img/480_dec2_body.gif);width: 410px;}
.txt-decbox2 .bottom{height:50px;background-image: url(img/480_decbox2.gif);width: 470px;}
#main .txt-grayback,#main .txt-colorback,#main .txt-line,#main .txt-frame,#main .txt-colorframe{margin: 5px auto 10px;padding: 15px;}
#main .top_inner h3,#main .top_inner h2{font-size: 20px;}
#sitemap .nav ul{padding:0 5px;}
.clear-tab{clear:both;}
}

@media only screen and (max-width:479px){/* 320px */
#top-index{background-image:url("img/320_gnavi_bg.png")}
#index #top-index{background-image:url("img/320_index_contents.png")}
.wrap{width: 320px;}
#header,#main,#side {width: 310px;}
#main h2,#main h3{background-image:url("img/320_hl.png")}
/*header*/
#header{background-image:url("img/320_title.png");}
#header h1{background-image:url("img/320_hl_h1.png");padding:20px 25px;margin-bottom:5px;}
/*gnav*/
#gnav ul,#gnav ul li,#gnav ul li a{width:300px;}

/*breadcrumbs*/
#breadcrumbs{margin-bottom: 5px;background-image:url("img/320_pan.png");width:310px;}

#side div.sp h4 span{background-image:url("img/320_menu-sp.png");}
#side div.sp h4.active span{background-image:url("img/320_menu-sp-on.png");}

#main .whats h4{background-image:url("img/320_hl_whatsnew.png");}
#text1 img,#text2 img,#text3 img,#text4 img,#text5 img,#text6 img,#text7 img,#text8 img,#text9 img,#text10 img,#space1 img,#space2 img{max-width:280px;}

/* 記事スタイル */
#main .txt-rndbox {margin: 15px auto;padding: 0 10px;}
.txt-decbox1 .top{min-height:20px;background-image: url(img/320_decbox1.gif);padding: 20px 15px 0;width: 280px;}
.txt-decbox1 .body{padding: 10px 15px 0;background-image: url(img/320_dec1_body.gif);width: 280px;}
.txt-decbox1 .bottom{height:30px;background-image: url(img/320_decbox1.gif);width: 310px;}
.txt-decbox2 .top{min-height:20px;background-image: url(img/320_decbox2.gif);padding: 30px 15px 0;width: 280px;}
.txt-decbox2 .body{padding: 10px 20px 0;background-image: url(img/320_dec2_body.gif);width: 270px;}
.txt-decbox2 .bottom{height:30px;background-image: url(img/320_decbox2.gif);width: 310px;}
#main .txt-grayback,#main .txt-colorback,#main .txt-line,#main .txt-frame,#main .txt-colorframe{padding: 10px;}
#main .top_inner h3,#main .top_inner h2{font-size: 18px;}
#sitemap .sbox1,#sitemap .sbox2{float: none;width:300px}
.clear-sp{clear:both;}
}