@charset "UTF-8";
/* -----------------------------------------------------------

    PCG Basic Styles
      00. SCSS presets
    
    [Base]
      01. Default Style Reset
      02. Basic Style
    [Self Clearing] 
    
    [Layout]
      01. Structure
      02. Common Element
    
    [Modules]
      01. Utility
      02. Grid Layout
      03. Image Layout
      04. Headings
      05. Paragraphs / Inline Contents
      06. Lists
      07. Navigation
      08. Box
      09. Tables
	  10. Category Switcher
    

----------------------------------------------------------- */
/* -----------------------------------------------------------
    00. SCSS presets
----------------------------------------------------------- */
.navGlobal-sprite,
#nav-global a,
#nav-global em,
#nav-global .about a:hover,
#nav-global .about a:focus,
#nav-global .about.current a,
#nav-global .products a:hover,
#nav-global .products a:focus,
#nav-global .products.current a,
#nav-global .levelup a:hover,
#nav-global .levelup a:focus,
#nav-global .levelup.current a,
#nav-global .rules a:hover,
#nav-global .rules a:focus,
#nav-global .rules.current a,
#nav-global .event a:hover,
#nav-global .event a:focus,
#nav-global .event.current a,
#nav-global .collection a:hover,
#nav-global .collection a:focus,
#nav-global .collection.current a{
background:url('/shared/images/navGlobal.png') no-repeat;
}

.navAside-sprite,
#nav-local:before,
#str-sub .nav-utility .nav-utility-inner:before,
#nav-local:after,
#str-sub .nav-utility .nav-utility-inner:after,
body.about #nav-local:before,
body.about #str-sub .nav-utility .nav-utility-inner:before,
body.about #nav-local:after,
body.about #str-sub .nav-utility .nav-utility-inner:after,
body.products #nav-local:before,
body.products #str-sub .nav-utility .nav-utility-inner:before,
body.products #nav-local:after,
body.products #str-sub .nav-utility .nav-utility-inner:after,
body.levelup #nav-local:before,
body.levelup #str-sub .nav-utility .nav-utility-inner:before,
body.levelup #nav-local:after,
body.levelup #str-sub .nav-utility .nav-utility-inner:after,
body.rules #nav-local:before,
body.rules #str-sub .nav-utility .nav-utility-inner:before,
body.rules #nav-local:after,
body.rules #str-sub .nav-utility .nav-utility-inner:after,
body.event #nav-local:before,
body.event #str-sub .nav-utility .nav-utility-inner:before,
body.event #nav-local:after,
body.event #str-sub .nav-utility .nav-utility-inner:after,
body.collection #nav-local:before,
body.collection #str-sub .nav-utility .nav-utility-inner:before,
body.collection #nav-local:after,
body.collection #str-sub .nav-utility .nav-utility-inner:after,
body.beginner #nav-local:before,
body.beginner #str-sub .nav-utility .nav-utility-inner:before,
body.beginner #nav-local:after,
body.beginner #str-sub .nav-utility .nav-utility-inner:after,
#nav-local .list-01 li:after{
background:url('/shared/images/navAside.png') no-repeat;
}

.icons-sprite,
#nav-local .list-01 li a:before,
#nav-local .list-01 li a:hover:before,
#nav-local .list-01 .parent > a:before,
body.about #nav-local .list-01 li a:hover:before,
body.about #nav-local .list-01 > .current > a:before,
body.about #nav-local .list-01 .parent > a:before,
body.products #nav-local .list-01 > li > a:hover:before,
body.products #nav-local .list-01 > .current > a:before,
body.products #nav-local .list-01 .parent > a:before,
body.levelup #nav-local .list-01 > li > a:hover:before,
body.levelup #nav-local .list-01 > .current > a:before,
body.levelup #nav-local .list-01 .parent > a:before,
body.rules #nav-local .list-01 > li > a:hover:before,
body.rules #nav-local .list-01 > .current > a:before,
body.rules #nav-local .list-01 .parent > a:before,
body.event #nav-local .list-01 > li > a:hover:before,
body.event #nav-local .list-01 > .current > a:before,
body.event #nav-local .list-01 .parent > a:before,
body.collection #nav-local .list-01 > li > a:hover:before,
body.collection #nav-local .list-01 > .current > a:before,
body.collection #nav-local .list-01 .parent > a:before,
body.beginner #nav-local .list-01 > li > a:hover:before,
body.beginner #nav-local .list-01 > .current > a:before,
body.beginner #nav-local .list-01 .parent > a:before,
#nav-local .list-01 ul li a:before,
body.about #nav-local .list-01 ul li a:before,
body.products #nav-local .list-01 ul li a:before,
body.levelup #nav-local .list-01 ul li a:before,
body.rules #nav-local .list-01 ul li a:before,
body.event #nav-local .list-01 ul li a:before,
body.collection #nav-local .list-01 ul li a:before,
body.beginner #nav-local .list-01 ul li a:before,
#str-sub #nav-local .list-01 ul .current > a:before,
#str-sub #nav-local .list-01 ul li a:hover:before,
#str-sub .nav-utility .nav-utility-inner ul li a:before,
body.about #str-sub .nav-utility .nav-utility-inner ul li a:before,
body.products #str-sub .nav-utility .nav-utility-inner ul li a:before,
body.levelup #str-sub .nav-utility .nav-utility-inner ul li a:before,
body.rules #str-sub .nav-utility .nav-utility-inner ul li a:before,
body.event #str-sub .nav-utility .nav-utility-inner ul li a:before,
body.collection #str-sub .nav-utility .nav-utility-inner ul li a:before,
body.beginner #str-sub .nav-utility .nav-utility-inner ul li a:before,
p.nav-page-top-03 a:before,
ul.list-link-01 li:before,
ul.list-link-03 li:before,
ul.list-link-02 li:before,
ul.nav-page-05 li:before,
#str-contents ul.nav-page-top li:before,
#str-contents p.nav-page-top:before,
div.lyt-column.lyt-goods ul li:before,
ul.list-shop-01 li a:before,
ul.list-result-01 ul li:before,
#str-main ul.nameList li:before,
.lyt-sitemap .hdg-container:before,
.about .hdg-container:before,
.products .hdg-container:before,
.rules .hdg-container:before,
.levelup .hdg-container:before,
.event .hdg-container:before,
.collection .hdg-container:before,
.beginner .hdg-container:before,
.change-condition:before,
.change-condition.open:before{
background:url('/shared/images/icons.png') no-repeat;
}

.hdg-sprite,
.hdg-l1-01:after,
.hdg-l1-02 span:after,
body.about .hdg-l1-01:after,
body.about .hdg-l1-02 span:after,
body.products .hdg-l1-01:after,
body.products .hdg-l1-02 span:after,
body.levelup .hdg-l1-01:after,
body.levelup .hdg-l1-02 span:after,
body.rules .hdg-l1-01:after,
body.rules .hdg-l1-02 span:after,
body.event .hdg-l1-01:after,
body.event .hdg-l1-02 span:after,
body.collection .hdg-l1-01:after,
body.collection .hdg-l1-02 span:after,
body.beginner .hdg-l1-01:after,
body.beginner .hdg-l1-02 span:after,
body.popup .hdg-l1-02 span:after,
body.levelup.popup.type2 .hdg-l1-01:after,
body.rules.popup .hdg-l1-02 span:after,
body.levelup.popup .hdg-l1-02 span:after,
.hdg-l2-01:before,
body.about .hdg-l2-01:before,
body.products .hdg-l2-01:before,
body.levelup .hdg-l2-01:before,
body.rules .hdg-l2-01:before,
body.event .hdg-l2-01:before,
body.collection .hdg-l2-01:before,
body.beginner .hdg-l2-01:before,
.hdg-l3-01:before,
.hdg-l3-02:before,
.hdg-series:before,
body.about .hdg-l3-01:before,
body.about .hdg-l3-02:before,
body.products .hdg-l3-01:before,
body.products .hdg-l3-02:before,
body.levelup .hdg-l3-01:before,
body.levelup .hdg-l3-02:before,
body.rules .hdg-l3-01:before,
body.rules .hdg-l3-02:before,
body.event .hdg-l3-01:before,
body.event .hdg-l3-02:before,
body.collection .hdg-l3-01:before,
body.collection .hdg-l3-02:before,
body.beginner .hdg-l3-01:before,
body.beginner .hdg-l3-02:before,
.hdg-l4-01:before,
body.about .hdg-l4-01:before,
body.products .hdg-l4-01:before,
body.levelup .hdg-l4-01:before,
body.rules .hdg-l4-01:before,
body.event .hdg-l4-01:before,
body.collection .hdg-l4-01:before,
body.beginner .hdg-l4-01:before,
dl.list-productdata dt:before,
.tbl-form-01 th span:before,
#modal-select-mark h3:before,
.tbl-area-01 th:before{
background:url('/shared/images/hdg.png') no-repeat;
}

/*
@mixin arrow1 {
@include icoAbs;
right:10px;
margin-top: -8px;
@include icons-sprite(arrow1);
}
*/
/* ===========================================================

   [Base] 

=========================================================== */
/* -----------------------------------------------------------
    01. Default Style Reset
----------------------------------------------------------- */
/* ===========================================================

   [Base] 

=========================================================== */
/* -----------------------------------------------------------
    01. Default Style Reset
----------------------------------------------------------- */
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
img,
em,
strong,
table,
caption,
thead,
tbody,
tr,
th,
td,
form,
input,
textarea,
label{
margin:0;
padding:0;
}

h1,
h2,
h3,
h4,
h5{
font-size:100%;
font-weight:bold;
}

img{
border:none;
vertical-align:bottom;
-webkit-touch-callout:none;
}

em,
strong{
font-style:normal;
font-weight:normal;
text-align:left;
}

table{
border:none;
border-spacing:0;
font-size:100%;
}

th,
td{
border:none;
border-spacing:0;
vertical-align:top;
}

caption,
th{
font-weight:normal;
text-align:left;
}

ul,
ol,
dl{
list-style:none;
}

input,
select,
textarea{
vertical-align:middle;
}

hr{
display:none;
}

/* -----------------------------------------------------------
    02. Basic Style
----------------------------------------------------------- */
html{
font-size:100.01%;
overflow-y:scroll;
}

body{
color:#555555;
font-size:0.875em;
}

body,
input,
select,
textarea{
font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

a:link{
color:#0066cc;
text-decoration:none;
}

a:visited{
color:#660066;
text-decoration:none;
}

a:hover,
a:active,
a:focus{
color:#0099cc;
text-decoration:underline;
}

p,
ul li,
ol li,
dl dt,
dl dd,
caption,
th,
td,
input,
option,
textarea{
line-height:1.71;
}

p,
ul,
ol,
dl,
table{
margin-bottom:1.42em;
}

li p,
li ul,
li ol{
margin-bottom:0;
}

strong{
font-weight:bold;
}

em{
font-weight:bold;
}

small{
font-size:0.83em;
}

#str-main canvas{
display:block;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
#str-contents:after,
.lyt-image:after,
.lyt-column:after,
ul.list-link-02:after,
ul.nav-page-01:after,
ul.nav-page-03:after,
ul.nav-page-04:after,
ul.nav-page-07:after,
ul.nav-page-08:after,
ul.nav-page-09:after,
ul.nav-page-top:after,
.group:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#str-contents,
.lyt-image,
.lyt-column,
ul.list-link-02,
ul.nav-page-01,
ul.nav-page-03,
ul.nav-page-04,
ul.nav-page-07,
ul.nav-page-08,
ul.nav-page-09,
ul.nav-page-top,
.group{
zoom:1;
}

/* ===========================================================

   [Layout] 

=========================================================== */
/* ===========================================================

   [Layout] 

=========================================================== */
/* -----------------------------------------------------------
    01. Structure
----------------------------------------------------------- */
body{
background:#000;
}

body.beginner{
background:#fff;
}

#str-container{
min-width:1116px;
background:url(/shared/images/bg_container.jpg) no-repeat center top fixed;
}

.about #str-container{
background:url(/shared/images/bg_container_about.jpg) no-repeat center top fixed;
}

.products #str-container{
background:url(/shared/images/bg_container_products.jpg) no-repeat center top fixed;
}

.levelup #str-container{
background:url(/shared/images/bg_container_levelup.jpg) no-repeat center top fixed;
}

.rules #str-container{
background:url(/shared/images/bg_container_rules.jpg) no-repeat center top fixed;
}

.event #str-container{
background:url(/shared/images/bg_container_event.jpg) no-repeat center top fixed;
}

.collection #str-container{
background:url(/shared/images/bg_container_collection.jpg) no-repeat center top fixed;
}

.beginner #str-container{
background:url(/shared/images/bg_container_beginner.jpg) no-repeat center top fixed;
}

body.popup{
background:#999;
}

body.popup #str-container{
width:750px;
min-width:inherit;
background:none;
}

body.popup #str-contents{
width:733px;
margin:10px auto;
padding:0;
padding-bottom:10px;
background:none;
}

#str-header,
#str-contents,
#str-rightsinfo{
margin:0 auto;
}

#str-header{
position:relative;
width:1114px;
height:97px;
background:url(/shared/images/bg_header.png) no-repeat left top;
}

#str-contents{
width:1100px;
padding:8px 50px 15px 65px;
background:url(/shared/images/bg_contents.png) repeat-y center top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#str-main{
float:right;
width:758px;
}

#str-sub{
float:left;
width:210px;
}

#str-footer{
padding-bottom:15px;
background:white url(/shared/images/bg_footer.png) repeat;
}

#nav-contentsmap{
margin-bottom:12px;
padding:17px 0 18px;
background:black url(/shared/images/bg_nav-contentsmap.png) no-repeat right 50%;
}

#str-rightsinfo{
width:880px;
}

/* -----------------------------------------------------------
    02. Common Element
----------------------------------------------------------- */
#str-header .logo{
position:absolute;
top:7px;
left:0px;
}

/* ========== Global Navigation ========== */
#nav-global{
position:absolute;
top:5px;
left:188px;
}
#nav-global li{
position:absolute;
top:0;
left:0;
}
#nav-global a,
#nav-global em{
display:block;
width:165px;
height:70px;
text-align:center;
background-position:0 -432px;
}
#nav-global img{
margin-top:22px;
}
#nav-global .about a:hover,
#nav-global .about a:focus,
#nav-global .about.current a{
background-position:0 -216px;
}
#nav-global .products{
left:150px;
}
#nav-global .products a:hover,
#nav-global .products a:focus,
#nav-global .products.current a{
background-position:0 -72px;
}
#nav-global .levelup{
left:300px;
}
#nav-global .levelup a:hover,
#nav-global .levelup a:focus,
#nav-global .levelup.current a{
background-position:0 -360px;
}
#nav-global .rules{
left:450px;
}
#nav-global .rules a:hover,
#nav-global .rules a:focus,
#nav-global .rules.current a{
background-position:0 -144px;
}
#nav-global .event{
left:600px;
}
#nav-global .event a:hover,
#nav-global .event a:focus,
#nav-global .event.current a{
background-position:0 -288px;
}
#nav-global .collection{
left:750px;
}
#nav-global .collection a:hover,
#nav-global .collection a:focus,
#nav-global .collection.current a{
background-position:0 0;
}

/* ========== Breadcrumbsn ========== */
.breadcrumbs{
line-height:1.5;
font-size:0.78em;
}

.breadcrumbs img{
padding:0 5px 4px 5px;
vertical-align:middle;
}

.breadcrumbs a{
font-weight:bold;
}

.breadcrumbs em{
font-weight:normal;
}

#str-contents .breadcrumbs{
margin-bottom:30px;
}

.breadcrumbs a:link,
.breadcrumbs a:visited{
color:#666;
}

.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:focus{
color:#0099cc;
}

/* ========== Local Navigation ========== */
#nav-local{
margin-bottom:20px;
background:#5a5a5a;
box-shadow:0 0 20px #333;
}

#str-sub .nav-utility .nav-utility-inner{
margin-bottom:5px;
background:#898989;
box-shadow:0 0 20px #666;
}

#nav-local:before,
#str-sub .nav-utility .nav-utility-inner:before{
content:"";
display:block;
background-position:0 -28px;
height:15px;
width:210px;
}

#nav-local:after,
#str-sub .nav-utility .nav-utility-inner:after{
content:"";
display:block;
background-position:0 -147px;
height:15px;
width:210px;
}

body.about #nav-local:before,
body.about #str-sub .nav-utility .nav-utility-inner:before{
background-position:0 -215px;
height:15px;
width:210px;
}

body.about #nav-local:after,
body.about #str-sub .nav-utility .nav-utility-inner:after{
background-position:0 -62px;
height:15px;
width:210px;
}

body.products #nav-local:before,
body.products #str-sub .nav-utility .nav-utility-inner:before{
background-position:0 -266px;
height:15px;
width:210px;
}

body.products #nav-local:after,
body.products #str-sub .nav-utility .nav-utility-inner:after{
background-position:0 -164px;
height:15px;
width:210px;
}

body.levelup #nav-local:before,
body.levelup #str-sub .nav-utility .nav-utility-inner:before{
background-position:0 -11px;
height:15px;
width:210px;
}

body.levelup #nav-local:after,
body.levelup #str-sub .nav-utility .nav-utility-inner:after{
background-position:0 -130px;
height:15px;
width:210px;
}

body.rules #nav-local:before,
body.rules #str-sub .nav-utility .nav-utility-inner:before{
background-position:0 -45px;
height:15px;
width:210px;
}

body.rules #nav-local:after,
body.rules #str-sub .nav-utility .nav-utility-inner:after{
background-position:0 -181px;
height:15px;
width:210px;
}

body.event #nav-local:before,
body.event #str-sub .nav-utility .nav-utility-inner:before{
background-position:0 -198px;
height:15px;
width:210px;
}

body.event #nav-local:after,
body.event #str-sub .nav-utility .nav-utility-inner:after{
background-position:0 -113px;
height:15px;
width:210px;
}

body.collection #nav-local:before,
body.collection #str-sub .nav-utility .nav-utility-inner:before{
background-position:0 -232px;
height:15px;
width:210px;
}

body.collection #nav-local:after,
body.collection #str-sub .nav-utility .nav-utility-inner:after{
background-position:0 -96px;
height:15px;
width:210px;
}

body.beginner #nav-local:before,
body.beginner #str-sub .nav-utility .nav-utility-inner:before{
background-position:0 -249px;
height:15px;
width:210px;
}

body.beginner #nav-local:after,
body.beginner #str-sub .nav-utility .nav-utility-inner:after{
background-position:0 -79px;
height:15px;
width:210px;
}

#nav-local-inner{
margin:0 5px;
}

#nav-local h2,
#str-sub .nav-utility h2{
font-size:112.5%;
font-weight:normal;
}

#nav-local h2{
background:url(/shared/images/bg_localnav_hdg.png) no-repeat 0 0;
}

#str-sub .nav-utility h2{
background:url(/shared/images/bg_utility_hdg.png) no-repeat 0 0;
}

#nav-local h2 a,
#str-sub .nav-utility h2{
display:block;
color:#fff;
padding:20px;
}

#nav-local h2 a:hover{
text-decoration:none;
}

#nav-local .list-01{
margin-bottom:0;
font-weight:bold;
font-size:0.92em;
}

#nav-local .list-01 li{
line-height:1.3;
zoom:1;
}

#nav-local .list-01 li:after{
content:"";
display:block;
background-position:0 0;
height:9px;
width:200px;
}

#nav-local .list-01 li a{
display:block;
position:relative;
padding:12px 9px 12px 40px;
background:#cccccc url(/shared/images/bg_localnav_list_01.png) repeat-y 0 0;
color:#333;
font-weight:normal;
}

#nav-local .list-01 li a:hover{
text-decoration:none;
}

#nav-local .list-01 .current.parent > a{
background:#cccccc url(/shared/images/bg_localnav_list_01.png) repeat-y 0 0;
color:#333;
}

#nav-local .list-01 li a:hover,
#nav-local .list-01 .current > a{
background:#5349e3 url(/shared/images/bg_localnav_list_other.png) repeat-x 0 0;
color:#fff;
}

body.about #nav-local .list-01 li a:hover,
body.about #nav-local .list-01 .current > a{
background:#ffa800 url(/shared/images/bg_localnav_list_about.png) repeat-x 0 0;
}

body.products #nav-local .list-01 li a:hover,
body.products #nav-local .list-01 .current > a{
background:#49c5ff url(/shared/images/bg_localnav_list_products.png) repeat-x 0 0;
}

body.levelup #nav-local .list-01 li a:hover,
body.levelup #nav-local .list-01 .current > a{
background:#ffb300 url(/shared/images/bg_localnav_list_levelup.png) repeat-x 0 0;
}

body.rules #nav-local .list-01 li a:hover,
body.rules #nav-local .list-01 .current > a{
background:#6ccd0d url(/shared/images/bg_localnav_list_rules.png) repeat-x 0 0;
}

body.event #nav-local .list-01 li a:hover,
body.event #nav-local .list-01 .current > a{
background:#ff2000 url(/shared/images/bg_localnav_list_event.png) repeat-x 0 0;
}

body.collection #nav-local .list-01 li a:hover,
body.collection #nav-local .list-01 .current > a{
background:#cd00ff url(/shared/images/bg_localnav_list_collection.png) repeat-x 0 0;
}

body.beginner #nav-local .list-01 li a:hover,
body.beginner #nav-local .list-01 .current > a{
background:#00d619 url(/shared/images/bg_localnav_list_beginner.png) repeat-x 0 0;
}

#nav-local .list-01 li a:before{
content:"";
display:block;
position:absolute;
top:50%;
background-position:0 -386px;
height:20px;
width:20px;
left:10px;
margin-top:-10px;
z-index:1;
}

#nav-local .list-01 li a:hover:before{
background-position:0 -342px;
height:20px;
width:20px;
}

#nav-local .list-01 .parent > a:before{
background-position:0 -254px;
height:20px;
width:20px;
}

body.about #nav-local .list-01 li a:hover:before,
body.about #nav-local .list-01 > .current > a:before{
background-position:0 -579px;
height:20px;
width:20px;
}

body.about #nav-local .list-01 .parent > a:before{
background-position:0 -430px;
height:20px;
width:20px;
}

body.products #nav-local .list-01 > li > a:hover:before,
body.products #nav-local .list-01 > .current > a:before{
background-position:0 -496px;
height:20px;
width:20px;
}

body.products #nav-local .list-01 .parent > a:before{
background-position:0 -408px;
height:20px;
width:20px;
}

body.levelup #nav-local .list-01 > li > a:hover:before,
body.levelup #nav-local .list-01 > .current > a:before{
background-position:0 -518px;
height:20px;
width:20px;
}

body.levelup #nav-local .list-01 .parent > a:before{
background-position:0 -452px;
height:20px;
width:20px;
}

body.rules #nav-local .list-01 > li > a:hover:before,
body.rules #nav-local .list-01 > .current > a:before{
background-position:0 -540px;
height:20px;
width:20px;
}

body.rules #nav-local .list-01 .parent > a:before{
background-position:0 -298px;
height:20px;
width:20px;
}

body.event #nav-local .list-01 > li > a:hover:before,
body.event #nav-local .list-01 > .current > a:before{
background-position:0 -364px;
height:20px;
width:20px;
}

body.event #nav-local .list-01 .parent > a:before{
background-position:0 -232px;
height:20px;
width:20px;
}

body.collection #nav-local .list-01 > li > a:hover:before,
body.collection #nav-local .list-01 > .current > a:before{
background-position:0 -618px;
height:20px;
width:20px;
}

body.collection #nav-local .list-01 .parent > a:before{
background-position:0 -474px;
height:20px;
width:20px;
}

body.beginner #nav-local .list-01 > li > a:hover:before,
body.beginner #nav-local .list-01 > .current > a:before{
background-position:0 -320px;
height:20px;
width:20px;
}

body.beginner #nav-local .list-01 .parent > a:before{
background-position:0 -276px;
height:20px;
width:20px;
}

#nav-local .list-01 ul li{
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
}

#nav-local .list-01 ul li a{
display:block;
background:#cccccc url(/shared/images/bg_localnav_list_02.png) repeat-y 0 0;
}

#nav-local .list-01 ul li:after{
display:none;
}

#nav-local .list-01 ul li a:before{
content:"";
display:block;
position:absolute;
top:50%;
background-position:0 -894px;
height:7px;
width:6px;
left:16px;
margin-top:-3px;
}

body.about #nav-local .list-01 ul li a:before{
background-position:0 -849px;
height:7px;
width:6px;
}

body.products #nav-local .list-01 ul li a:before{
background-position:0 -903px;
height:7px;
width:6px;
}

body.levelup #nav-local .list-01 ul li a:before{
background-position:0 -885px;
height:7px;
width:6px;
}

body.rules #nav-local .list-01 ul li a:before{
background-position:0 -912px;
height:7px;
width:6px;
}

body.event #nav-local .list-01 ul li a:before{
background-position:0 -876px;
height:7px;
width:6px;
}

body.collection #nav-local .list-01 ul li a:before{
background-position:0 -867px;
height:7px;
width:6px;
}

body.beginner #nav-local .list-01 ul li a:before{
background-position:0 -858px;
height:7px;
width:6px;
}

#str-sub #nav-local .list-01 ul .current > a:before,
#str-sub #nav-local .list-01 ul li a:hover:before{
background-position:0 -832px;
height:15px;
width:13px;
left:13px;
margin-top:-7px;
}

#nav-local .nav-on > li > ul{
display:none;
}

#nav-local .nav-on > .parent > ul,
#nav-local .nav-on > .current > ul{
display:block;
}

/* ========== Utility Navigation ========== */
#str-sub .nav-utility{
margin-bottom:20px;
}

#str-sub .nav-utility .nav-utility-inner ul{
margin:0 5px;
padding:4px 0;
background:#cccccc url(/shared/images/bg_localnav_list_02.png) repeat-y 0 0;
}

#str-sub .nav-utility .nav-utility-inner ul li a{
position:relative;
display:block;
padding:4px 4px 4px 30px;
}

#str-sub .nav-utility .nav-utility-inner ul li a:before{
content:"";
display:block;
position:absolute;
background-position:0 -704px;
height:14px;
width:14px;
top:10px;
left:10px;
margin-top:-2px;
}

body.about #str-sub .nav-utility .nav-utility-inner ul li a:before{
background-position:0 -768px;
height:14px;
width:14px;
}

body.products #str-sub .nav-utility .nav-utility-inner ul li a:before{
background-position:0 -736px;
height:14px;
width:14px;
}

body.levelup #str-sub .nav-utility .nav-utility-inner ul li a:before{
background-position:0 -816px;
height:14px;
width:14px;
}

body.rules #str-sub .nav-utility .nav-utility-inner ul li a:before{
background-position:0 -672px;
height:14px;
width:14px;
}

body.event #str-sub .nav-utility .nav-utility-inner ul li a:before{
background-position:0 -800px;
height:14px;
width:14px;
}

body.collection #str-sub .nav-utility .nav-utility-inner ul li a:before{
background-position:0 -752px;
height:14px;
width:14px;
}

body.beginner #str-sub .nav-utility .nav-utility-inner ul li a:before{
background-position:0 -720px;
height:14px;
width:14px;
}

#str-sub .nav-utility .nav-utility-inner ul li .date{
display:block;
margin-top:-6px;
padding:0 4px 0 30px;
font-size:0.85em;
}

#str-sub .nav-utility ul.list-link-02 li{
background:none;
}

#str-sub .nav-utility ul.list-link-02 li a{
display:inline-block;
}

/* ========== Banner Navigation ========== */
#str-sub .nav-banner li{
margin-bottom:10px;
}

/* ========== Page Top Navigation ========== */
p.nav-page-top{
position:relative;
margin:0 auto 30px auto;
width:1100px;
text-align:right;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#str-contents + .nav-page-top:before{
content:"";
display:block;
width:1100px;
height:40px;
visibility:visible;
background:url(/shared/images/bg_contents_aft.png) no-repeat;
}

p.nav-page-top a{
position:absolute;
top:-1px;
right:60px;
z-index:2;
}

p.nav-page-top-02{
margin:0 0 15px 0;
font-size:0;
line-height:0;
text-align:right;
}

p.nav-page-top-02 a{
margin-right:5px;
}

p.nav-page-top-03{
margin:0 0 20px 0;
text-align:right;
}

p.nav-page-top-03 a{
position:relative;
padding-left:18px;
}

p.nav-page-top-03 a:before{
content:"";
display:block;
position:absolute;
background-position:0 -640px;
height:14px;
width:14px;
top:0.2em;
left:0;
}

/* ========== Contents Map / Footer ========== */
.box-contentsmap{
margin:0 auto;
width:960px;
padding-top:4px;
color:#666;
}

.box-contentsmap a:link,
.box-contentsmap a:visited{
color:#fff;
}

.box-contentsmap a:hover,
.box-contentsmap a:active,
.box-contentsmap a:focus{
color:#0099cc;
}

.box-contentsmap-inner{
padding-bottom:11px;
background-position:right bottom;
zoom:1;
}

.box-contentsmap .lyt-column.quarters{
background:url(/shared/images/bg_contentsmap_columns.png) repeat-y -28px 0;
}

.box-contentsmap .lyt-column.quarters .unit{
float:left;
margin-right:1px;
width:200px;
}

.box-contentsmap .lyt-column.quarters .unit.last-unit{
margin-right:0;
width:210px;
}

.box-contentsmap ul{
margin:0 10px 0 30px;
}

.box-contentsmap ul li{
margin-bottom:0.77em;
padding-left:18px;
background:url(/shared/images/blt_arrow_01.png) no-repeat left 0.3em;
line-height:1.3;
font-size:0.92em;
}

.box-contentsmap ul li.beginner{
margin-bottom:1em;
background:url(/shared/images/blt_beginner.png) no-repeat left 0.2em;
}

.box-contentsmap ul li ul{
margin:0.28em 0 0.84em;
}

.box-contentsmap ul li li{
margin:0 0 0.21em -18px;
background:url(/shared/images/blt_arrow_02.png) no-repeat left 0.3em;
font-weight:normal;
font-size:1em;
}

.box-contentsmap ul li li.last-child{
margin-bottom:0;
}

#str-rightsinfo p{
margin-bottom:0;
line-height:1.4;
color:#777;
font-size:0.78em;
}

#str-rightsinfo .copyright{
margin-bottom:10px;
}

/* ===========================================================

   [Modules] 

=========================================================== */
/* ===========================================================

   [Modules] 

=========================================================== */
/* -----------------------------------------------------------
    01. Utility
----------------------------------------------------------- */
.align-L{
text-align:left !important;
}

.align-C{
text-align:center !important;
}

.align-R{
text-align:right !important;
}

.align-T{
vertical-align:top !important;
}

.align-M{
vertical-align:middle !important;
}

.align-B{
vertical-align:bottom !important;
}

.mod-mb-non{
margin-bottom:0 !important;
}

.mod-mb-min{
margin-bottom:0.71em !important;
}

.mod-mb-5{
margin-bottom:5px !important;
}

.mod-mb-10{
margin-bottom:10px !important;
}

.mod-mb-2x{
margin-bottom:3em !important;
}

.mod-mb-20{
margin-bottom:20px !important;
}

.mod-mb-30{
margin-bottom:30px !important;
}

.mod-mb-50{
margin-bottom:50px !important;
}

.mod-mb-100{
margin-bottom:100px !important;
}

.mod-mt-non{
margin-top:0 !important;
}

.mod-mt-min{
margin-top:0.71em !important;
}

.mod-mt-5{
margin-top:5px !important;
}

.mod-mt-10{
margin-top:10px !important;
}

.mod-mt-20{
margin-top:20px !important;
}

.mod-mt-2x{
margin-top:3em !important;
}

.mod-mt-30{
margin-top:30px !important;
}

.mod-mt-50{
margin-top:50px !important;
}

.mod-mt-100{
margin-top:100px !important;
}

.mod-mr-non{
margin-right:0 !important;
}

.mod-mr-8{
margin-right:8px !important;
}

.mod-mr-20{
margin-right:20px !important;
}

.mod-ml-15{
margin-left:15px !important;
}

.mod-ml-20{
margin-left:20px !important;
}

.mod-pt-non{
padding-top:0 !important;
}

.mod-pt-min{
padding-top:0.71em !important;
}

.mod-pt-5{
padding-top:5px !important;
}

.mod-pt-10{
padding-top:10px !important;
}

.mod-pt-2x{
padding-top:3em !important;
}

.mod-pt-30{
padding-top:30px !important;
}

.mod-pt-50{
padding-top:50px !important;
}

.mod-pt-100{
padding-top:100px !important;
}

.mod-pb-100{
padding-bottom:100px !important;
}

.mod-pb-non{
padding-bottom:0 !important;
}

.mod-pr-30{
padding-right:30px;
padding-left:10px;
}

.mod-pl-30{
padding-left:30px;
padding-right:10px;
}

.mod-block-C{
margin-left:auto;
margin-right:auto;
}

.mod-size-min{
font-size:0.82em;
}

.mod-size-normal{
font-size:0.88em;
}

.mod-small{
font-size:0.85em;
}

.col-w-10{
width:10%;
}

.col-w-12{
width:12%;
}

.col-w-14{
width:14%;
}

.col-w-20{
width:20%;
}

.col-w-30{
width:30%;
}

.col-w-35{
width:35%;
}

.col-w-45{
width:45%;
}

.col-w-50{
width:50%;
}

.col-w-65{
width:65%;
}

.col-w-70{
width:70%;
}

.col-w-80{
width:80%;
}

/* -----------------------------------------------------------
    02. Grid Layout
----------------------------------------------------------- */
div.grid{
position:relative;
margin-right:-15px;
overflow:hidden;
}

div.grid .unit{
float:left;
display:inline;
overflow:hidden;
}

div.grid .size1of2{
margin-right:15px;
width:337px;
}

div.grid .size1of3{
margin-right:5px;
width:229px;
}

div.grid .size1of4{
margin-right:14px;
width:162px;
}

div.grid .size1of5{
margin-right:14px;
width:127px;
}

div.grid .size2of4{
margin-right:14px;
width:338px;
}

/* -----------------------------------------------------------
    03. Image Layout
----------------------------------------------------------- */
div.image-parallel-L-01,
div.image-parallel-R-01{
_margin-bottom:1.42em;
/* for IE6/7 */
}

div.image-parallel-L-01 .image-unit{
float:left;
margin:0 25px 1.42em 0;
}

div.image-parallel-R-01 .image-unit{
float:right;
margin:0 0 1.42em 25px;
}

div.image-parallel-L-01 .text-unit,
div.image-parallel-R-01 .text-unit{
overflow:hidden;
zoom:1;
}

div.image-L-01 .image-unit{
float:left;
margin:0 25px 1.42em 0;
}

div.image-R-01 .image-unit{
float:right;
margin:0 0 1.42em 25px;
}

/* -----------------------------------------------------------
    04. Headings
----------------------------------------------------------- */
.hdg-l1-01{
position:relative;
margin-bottom:1.4em;
height:64px;
background:url(/shared/images/bg_hdg-l1-01.png) no-repeat;
}

.hdg-l1-01 img{
margin:12px 0 0 20px;
}

.hdg-l1-01.large{
height:94px;
background-image:url(/shared/images/bg_hdg-l1-01-l.png);
}

.hdg-l1-01.large img{
margin-top:10px;
}

.hdg-l1-01:after,
.hdg-l1-02 span:after{
content:"";
display:block;
position:absolute;
vertical-align:middle;
background-position:0 -552px;
height:90px;
width:83px;
right:14px;
top:-38px;
z-index:2;
}

body.about .hdg-l1-01:after,
body.about .hdg-l1-02 span:after{
background-position:0 -276px;
height:90px;
width:83px;
}

body.products .hdg-l1-01:after,
body.products .hdg-l1-02 span:after{
background-position:0 0;
height:90px;
width:83px;
}

body.levelup .hdg-l1-01:after,
body.levelup .hdg-l1-02 span:after{
background-position:0 -644px;
height:90px;
width:83px;
}

body.rules .hdg-l1-01:after,
body.rules .hdg-l1-02 span:after{
background-position:0 -92px;
height:90px;
width:83px;
}

body.event .hdg-l1-01:after,
body.event .hdg-l1-02 span:after{
background-position:0 -460px;
height:90px;
width:83px;
}

body.collection .hdg-l1-01:after,
body.collection .hdg-l1-02 span:after{
background-position:0 -184px;
height:90px;
width:83px;
}

body.beginner .hdg-l1-01:after,
body.beginner .hdg-l1-02 span:after{
background-position:0 -368px;
height:90px;
width:83px;
}

.hdg-l1-02{
position:relative;
margin-bottom:20px;
line-height:1.2;
font-size:1.85em;
color:#fff;
font-weight:normal;
}

body.popup .hdg-l1-02{
background:url(/shared/images/bg_hdg-l1-02_s.png) repeat-y;
}

.hdg-l1-02:before,
.hdg-l1-02:after{
content:"";
display:block;
}

.hdg-l1-02:before,
body.popup .hdg-l1-02.large:before{
height:13px;
background:url(/shared/images/bg_hdg-l1-02_bef.png) no-repeat 0 0;
}

body.popup .hdg-l1-02:before{
height:14px;
background:url(/shared/images/bg_hdg-l1-02_s_bef.png) no-repeat 0 0;
}

.hdg-l1-02:after,
body.popup .hdg-l1-02.large:after{
height:14px;
background:url(/shared/images/bg_hdg-l1-02_aft.png) no-repeat 0 100%;
}

body.popup .hdg-l1-02:after{
height:13px;
background:url(/shared/images/bg_hdg-l1-02_s_aft.png) no-repeat 0 100%;
}

.hdg-l1-02 span,
body.popup .hdg-l1-02.large span{
display:block;
margin-left:0;
padding:3px 90px 3px 15px;
background:url(/shared/images/bg_hdg-l1-02.png) repeat-y;
}

body.popup .hdg-l1-02 span{
margin-left:15px;
padding-left:0;
background:none;
}

body.popup .hdg-l1-02 span:after,
body.levelup.popup.type2 .hdg-l1-01:after{
content:"";
display:block;
position:absolute;
background-position:0 -736px;
height:57px;
width:53px;
right:14px;
top:4px;
z-index:2;
}

body.rules.popup .hdg-l1-02 span:after{
background-position:0 -795px;
height:57px;
width:53px;
}

body.levelup.popup .hdg-l1-02 span:after,
body.levelup.popup.type2 .hdg-l1-01:after{
background-position:0 -854px;
height:57px;
width:53px;
}

.hdg-l2-01{
position:relative;
margin-bottom:1em;
padding:10px;
background:#222;
border-radius:4px;
color:#fff;
font-size:125%;
font-weight:normal;
line-height:1.37;
}

.hdg-l2-01:before{
content:"";
display:block;
position:absolute;
top:8px;
left:12px;
background-position:0 -1123px;
height:28px;
width:28px;
}

body.about .hdg-l2-01:before{
background-position:0 -1093px;
height:28px;
width:28px;
}

body.products .hdg-l2-01:before{
background-position:0 -1063px;
height:28px;
width:28px;
}

body.levelup .hdg-l2-01:before{
background-position:0 -943px;
height:28px;
width:28px;
}

body.rules .hdg-l2-01:before{
background-position:0 -1003px;
height:28px;
width:28px;
}

body.event .hdg-l2-01:before{
background-position:0 -973px;
height:28px;
width:28px;
}

body.collection .hdg-l2-01:before{
background-position:0 -913px;
height:28px;
width:28px;
}

body.beginner .hdg-l2-01:before{
background-position:0 -1033px;
height:28px;
width:28px;
}

.hdg-l2-01 span{
display:block;
margin:0 0 0 40px;
}

.hdg-l2-01.type-01{
padding-top:1.25em;
padding-bottom:1.25em;
}

body .hdg-l2-01.type-01:before{
top:1.1em;
}

.hdg-l3-01,
.hdg-l3-02,
.hdg-series{
position:relative;
margin-bottom:0.5em;
padding:10px;
border-bottom:1px dotted #ccc;
color:#333;
font-size:112.5%;
font-weight:normal;
line-height:1.37;
}

.hdg-l3-01:before,
.hdg-l3-02:before,
.hdg-series:before{
content:"";
display:block;
position:absolute;
top:4px;
left:0;
background-position:0 -1377px;
height:30px;
width:13px;
}

body.about .hdg-l3-01:before,
body.about .hdg-l3-02:before{
background-position:0 -1281px;
height:30px;
width:13px;
}

body.products .hdg-l3-01:before,
body.products .hdg-l3-02:before,
.hdg-series:before{
background-position:0 -1153px;
height:30px;
width:13px;
}

body.levelup .hdg-l3-01:before,
body.levelup .hdg-l3-02:before{
background-position:0 -1249px;
height:30px;
width:13px;
}

body.rules .hdg-l3-01:before,
body.rules .hdg-l3-02:before{
background-position:0 -1185px;
height:30px;
width:13px;
}

body.event .hdg-l3-01:before,
body.event .hdg-l3-02:before{
background-position:0 -1345px;
height:30px;
width:13px;
}

body.collection .hdg-l3-01:before,
body.collection .hdg-l3-02:before{
background-position:0 -1313px;
height:30px;
width:13px;
}

body.beginner .hdg-l3-01:before,
body.beginner .hdg-l3-02:before{
background-position:0 -1217px;
height:30px;
width:13px;
}

.hdg-l3-01 span,
.hdg-l3-02 span,
.hdg-series span{
display:block;
padding:0 0 0 10px;
}

.hdg-l3-01 .icon-01,
.hdg-l3-01 .icon-02{
position:absolute;
top:4px;
right:10px;
}

.hdg-l3-01 .icon-02{
right:100px;
}

.hdg-l3-inteview{
margin-bottom:18px;
background:url(/shared/images/bg_hdg_h3_interview.png) no-repeat left top;
background-position:0 0.5em;
color:#3a33c6;
font-weight:normal;
}

.hdg-l3-inteview span{
display:block;
padding-left:40px;
}

.hdg-l3-03{
padding:11px 0 11px 15px;
margin:0 -13px 0.62em;
background:#eee;
line-height:1.37;
font-size:1.14em;
}

.hdg-l4-01{
position:relative;
padding:0 0 0 25px;
margin-bottom:7px;
}

.hdg-l4-01:before{
content:"";
display:block;
position:absolute;
top:4px;
left:0;
background-position:0 -1634px;
height:13px;
width:13px;
}

body.about .hdg-l4-01:before{
background-position:0 -1529px;
height:13px;
width:13px;
}

body.products .hdg-l4-01:before{
background-position:0 -1499px;
height:13px;
width:13px;
}

body.levelup .hdg-l4-01:before{
background-position:0 -1544px;
height:13px;
width:13px;
}

body.rules .hdg-l4-01:before{
background-position:0 -1469px;
height:13px;
width:13px;
}

body.event .hdg-l4-01:before{
background-position:0 -1409px;
height:13px;
width:13px;
}

body.collection .hdg-l4-01:before{
background-position:0 -1484px;
height:13px;
width:13px;
}

body.beginner .hdg-l4-01:before{
background-position:0 -1439px;
height:13px;
width:13px;
}

.tabContainer .hdg-l4-01{
padding:5px 0 5px 35px;
background:#dcedff;
}

.tabContainer .hdg-l4-01:before{
top:9px;
left:10px;
font-weight:normal;
}

/* -----------------------------------------------------------
    05. Paragraphs / Inline Contents
----------------------------------------------------------- */
.doc-em-01{
color:#ed1c00;
font-weight:normal;
}

.doc-em-01 strong{
font-weight:normal;
}

p.doc-plugin-01{
padding-top:25px;
border-top:1px solid #cccccc;
text-align:center;
font-size:0.85em;
font-size:0.85em;
}

p.doc-plugin-01 img{
margin-right:8px;
vertical-align:middle;
}

.doc-copyright-01{
font-size:0.78em;
line-height:1.3;
}

span.link-external{
margin-left:5px;
padding:3px 5px;
background-color:#307dca;
color:#ffffff;
font-size:0.78em;
}

*.text-link-01{
padding-left:17px;
background:url(/shared/images/blt_arrow_03.png) no-repeat 3px 0.375em;
zoom:1;
}

*.text-link-01 li .icon{
margin:0 5px;
vertical-align:middle;
}

img.icon{
vertical-align:middle;
}

span.text-label-01{
padding:3px 2px 1px;
background-color:#d81b1b;
color:#ffffff;
}

p.close-window{
text-align:center;
}

p.doc-update{
margin-bottom:2em;
font-size:0.85em;
text-align:right;
}

/* -----------------------------------------------------------
    06. Lists
----------------------------------------------------------- */
ul.list-bullet-01 li{
padding-left:20px;
background:url(/shared/images/blt_list_01.png) no-repeat 7px 0.55em;
}

ul.list-bullet-02 li{
padding-left:20px;
background:url(/shared/images/blt_list_02.png) no-repeat 7px 0.55em;
color:#ed1c00;
}

ul.list-notice-01 li{
position:relative;
padding-left:1.2em;
zoom:1;
}

ul.list-notice-01 li span{
position:absolute;
top:0;
left:0;
}

.image-unit ul.list-notice-01{
line-height:1.33;
font-size:0.85em;
}

ul.list-link-01 li{
position:relative;
margin-bottom:4px;
padding-left:20px;
zoom:1;
}

ul.list-link-01 li .icon{
margin:0 5px;
vertical-align:middle;
}

ul.list-link-01 li .supplement{
font-size:0.85em;
}

ul.list-link-02 li{
position:relative;
clear:right;
float:right;
padding-right:18px;
zoom:1;
}

ul.list-link-03{
word-spacing:-0.4em;
}

ul.list-link-03 li{
position:relative;
display:inline-block;
_display:inline;
margin-right:30px;
padding-left:20px;
word-spacing:0;
zoom:1;
}

ul.list-link-01 li:before,
ul.list-link-03 li:before{
content:"";
display:block;
position:absolute;
background-position:0 -688px;
height:14px;
width:14px;
top:0.25em;
left:0;
}

ul.list-link-02 li:before{
content:"";
display:block;
position:absolute;
background-position:0 -688px;
height:14px;
width:14px;
top:0.25em;
right:0;
}

ul.list-link-04{
text-align:center;
}

ul.list-link-04 li{
display:inline;
margin:0 9px 10px;
}

ul.list-link-05{
text-align:center;
}

ul.list-link-05 li{
display:inline;
}

ul.list-link-06 li img{
margin-right:2px;
vertical-align:middle;
}

.list-ordered-01{
list-style:decimal outside;
}

.list-ordered-01 li{
margin-left:28px;
}

.list-ordered-01 li ul li{
margin-left:0;
}

modal-select-mark
ul.list-important-01{
padding:.67em 1em;
border:1px solid #eb0b0b;
background:white;
color:#454545;
}

ul.list-important-01 li{
padding:0 0 0 26px;
background:url(/shared/images/icon_important.png) no-repeat 0 0.25em;
list-style:none;
}

ul.list-form-01 li{
display:inline-block;
margin-right:10px;
}

ul.list-form-01 li input{
margin-right:5px;
}

.list-btn-02{
text-align:center;
}

.list-btn-02 li{
display:inline-block;
}

.list-date-02 dd{
margin-bottom:10px;
}

/* -----------------------------------------------------------
    07. Navigation
----------------------------------------------------------- */
ul.nav-page-01{
min-height:2em;
text-align:center;
}

ul.nav-page-01 li,
ul.nav-page-01 ul,
ul.nav-page-01 ul li{
display:inline;
}

ul.nav-page-01 li{
line-height:1.33;
font-weight:bold;
font-size:0.85em;
}

ul.nav-page-01 li a,
ul.nav-page-01 li span,
ul.nav-page-01 li em{
display:inline-block;
_display:inline;
margin:4px;
zoom:1;
}

ul.nav-page-01 li a{
border:1px solid #d6d6d6;
}

ul.nav-page-01 li.selected span{
padding:21px 0;
}

ul.nav-page-01 li.prev a,
ul.nav-page-01 li.prev span{
padding:8px 8px 8px 16px;
background-image:url(/shared/images/bg_nav-page-01_l.png);
background-repeat:no-repeat;
zoom:1;
}

ul.nav-page-01 li.prev span{
background-position:left 11px;
font-weight:normal;
}

ul.nav-page-01 li.prev a:link,
ul.nav-page-01 li.prev a:visited{
background-position:left -38px;
}

ul.nav-page-01 li.prev a:hover,
ul.nav-page-01 li.prev a:active,
ul.nav-page-01 li.prev a:focus{
background-position:left -87px;
}

ul.nav-page-01 li.next a,
ul.nav-page-01 li.next span{
padding:8px 16px 8px 8px;
background-image:url(/shared/images/bg_nav-page-01_r.png);
background-repeat:no-repeat;
zoom:1;
}

ul.nav-page-01 li.next span{
background-position:right 11px;
font-weight:normal;
}

ul.nav-page-01 li.next a:link,
ul.nav-page-01 li.next a:visited{
background-position:right -38px;
}

ul.nav-page-01 li.next a:hover,
ul.nav-page-01 li.next a:active,
ul.nav-page-01 li.next a:focus{
background-position:right -87px;
}

ul.nav-page-01 ul li{
font-size:1em;
}

ul.nav-page-01 ul li a,
ul.nav-page-01 ul li em{
padding:8px;
zoom:1;
}

ul.nav-page-02{
text-align:center;
}

ul.nav-page-02 li{
display:inline;
}

ul.nav-page-03 li{
float:right;
}

ul.nav-page-04{
padding-top:5px;
border-top:1px solid #cccccc;
}

ul.nav-page-04 li{
float:right;
padding-right:17px;
background:url(/shared/images/blt_arrow_03.png) no-repeat right 0.5em;
font-size:0.91em;
}

ul.nav-page-05{
word-spacing:-0.4em;
}

ul.nav-page-05 li{
position:relative;
display:inline-block;
margin-right:20px;
padding-left:18px;
word-spacing:0;
zoom:1;
}

ul.nav-page-05 li.last-child{
margin-right:0;
}

ul.nav-page-05 li:before{
content:"";
display:block;
position:absolute;
background-position:0 -656px;
height:14px;
width:14px;
top:0.25em;
left:0;
}

ul.nav-page-06{
text-align:center;
}

ul.nav-page-06 li{
display:inline;
padding-left:15px;
background:url(/shared/images/blt_arrow_03.png) no-repeat left 0.2em;
}

ul.nav-page-07{
/*width:680px;*/
margin:0 auto;
}

ul.nav-page-07 li{
float:left;
}

ul.nav-page-07 li.last-child{
float:right;
}

ul.nav-page-08{
width:662px;
margin:0 auto;
}

ul.nav-page-08 li{
float:left;
}

ul.nav-page-08 li.last-child{
float:right;
}

ul.nav-page-09{
margin-bottom:2px;
font-size:0.95em;
}

ul.nav-page-09 li{
display:inline-block;
_display:inline;
float:left;
margin-right:35px;
margin-bottom:3px;
zoom:1;
}

ul.nav-page-09 li a{
padding-left:15px;
background:url(/shared/images/blt_arrow_03.png) no-repeat 0 center;
}

ul.nav-page-09 li span{
padding:3px 4px;
}

ul.nav-page-09 li span.current{
padding:3px 4px;
background:#f1f1f1;
}

ul.nav-page-09 li span em{
padding-left:15px;
background:url(/shared/images/blt_arrow_03.png) no-repeat 0 center;
}

#sstr-contents ul.nav-page-top,
#str-contents p.nav-page-top{
margin-bottom:1em;
_margin-bottom:0;
}

#str-contents ul.nav-page-top li{
position:relative;
float:right;
padding-left:18px;
background:none;
line-height:1.33;
font-size:0.83em;
}

#str-contents ul.nav-page-top li:before,
#str-contents p.nav-page-top:before{
content:"";
display:block;
position:absolute;
background-position:0 -640px;
height:14px;
width:14px;
top:0.15em;
left:0;
}

/* -----------------------------------------------------------
    08. Box
----------------------------------------------------------- */
.box-frame-01{
position:relative;
margin-bottom:30px;
padding:14px;
background:url(/shared/images/bg_box-frame-01.png) repeat-y;
}

.box-frame-01:before,
.box-frame-01:after{
content:"";
display:block;
position:absolute;
width:758px;
height:9px;
left:0;
}

.box-frame-01:before{
background:url(/shared/images/bg_box-frame-01_bef.png) no-repeat;
top:0;
}

.box-frame-01:after{
background:url(/shared/images/bg_box-frame-01_aft.png) no-repeat;
bottom:0;
}

.box-section-01{
margin-bottom:30px;
background:url(/shared/images/bg_box-section-01.png) repeat-y;
}

.box-section-01:before,
.box-section-01:after{
content:"";
display:block;
height:20px;
}

.box-section-01:before{
background:url(/shared/images/bg_box-section-01_bef.png) no-repeat;
}

.box-section-01:after{
background:url(/shared/images/bg_box-section-01_aft.png) no-repeat;
}

.box-section-01 > .inner{
padding:20px 20px 0 20px;
}

.box-section-01 > .inner:first-child{
padding-top:0;
}

.box-section-01 > .inner.separate{
padding-bottom:20px;
background:url(/shared/images/bg_box-section-01-inner.png) no-repeat 0 100%;
}

div.box-bordered-01,
div.box-information{
margin-bottom:1em;
padding-bottom:6px;
background:url(/shared/images/bg_box-bordered-01.png) no-repeat left bottom;
}

div.box-bordered-01 .inner,
div.box-information .inner{
width:644px;
padding:10px 23px 4px;
background:url(/shared/images/bg_box-bordered-01.png) no-repeat left top;
}

div.box-bordered-01.inquiry .hdg,
div.box-information .hdg{
margin:0 -13px 0.62em;
padding:0 0 0 0;
background:#eee;
line-height:1.37;
font-size:1.14em;
}

div.box-bordered-01.inquiry .hdg span,
div.box-information .hdg span{
padding:11px 0 11px 42px;
display:block;
background:url(/shared/images/icon_mail.png) no-repeat 9px center;
}

div.box-bordered-01.inquiry .lyt-column .text-unit,
div.box-information .lyt-column .text-unit{
float:left;
width:361px;
}

div.box-bordered-01.inquiry .lyt-column .image-unit,
div.box-information .lyt-column .image-unit{
float:right;
width:282px;
}

div.box-bordered-01.inquiry ul.btn li,
div.box-information ul.btn li{
text-align:center;
}

div.box-bordered-02{
padding:8px 15px;
border:2px solid #ffc0b8;
background-color:#fffafa;
}

div.box-bordered-02-02{
padding:10px 15px;
border:3px solid #D00;
background-color:#fffafa;
color:black;
}

div.box-bordered-02-02 .box-bordered-02-02-head{
margin:0;
color:#D00;
line-height:normal;
font-size:1.2em;
font-weight:bold;
}

div.box-bordered-02-02 *{
line-height:1.5em;
}

div.box-bordered-03{
margin-bottom:1em;
padding:8px 15px;
border:2px solid #e8eefe;
background-color:#f7f9ff;
}

div.box-bordered-04,
div.box-bordered-04 > .inner{
background-image:url(/shared/images/bg_box-bordered-04.png);
background-repeat:no-repeat;
}

div.box-bordered-04{
margin-bottom:1em;
padding-bottom:5px;
background-position:left bottom;
width:690px;
margin-left:auto;
margin-right:auto;
}

div.box-bordered-04 > .inner{
padding:23px 23px 18px;
background-position:left top;
width:644px;
}

div.box-bordered-04 > .inner.menu{
padding:12px 18px 3px;
background-position:left top;
width:654px;
}

div.box-bordered-04 div.box-bordered-03{
margin-bottom:0;
}

div.box-bordered-04 .box-related-word{
width:640px;
}

div.box-bordered-04 div.box-related-word .lyt-column .content{
width:495px;
}

div.box-bordered-05{
margin-bottom:1em;
padding:10px 15px;
border:2px solid #fce297;
background-color:#fefbec;
}

div.box-bordered-06{
margin-bottom:1em;
padding:10px 15px;
border:2px solid #0d8ed1;
background-color:#f9f9f9;
}

div.box-bordered-07{
margin-bottom:1em;
padding-bottom:6px;
background:url(/shared/images/bg_box-bordered-07.png) no-repeat left bottom;
}

div.box-bordered-07 .inner{
width:644px;
padding:10px 23px 4px;
background:url(/shared/images/bg_box-bordered-07.png) no-repeat left top;
}

div.box-bordered-08{
margin-bottom:1em;
padding:10px 20px 5px;
background-color:#ffe6e6;
border:2px solid #e90000;
}

div.box-bordered-09{
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px solid #ccc;
}

div.box-bordered-10{
margin-bottom:1em;
padding:8px 15px;
background: #fff;
border: 2px solid #e90000;
}

div.box-guide-pcgn{
padding-top:40px;
border-top:1px solid #ccc;
}

div.box-guide-pcgn .inner{
padding:5px 0 17px 38px;
background:url(/shared/images/bg_guide-pcgn.png) no-repeat left top;
line-height:1;
height:77px;
}

div.box-guide-pcgn p.content{
margin-bottom:14px;
line-height:1;
font-size:5px;
zoom:normal;
}

div.box-guide-pcgn p.content span{
display:block;
}

div.box-guide-pcgn p.content span.logo{
float:left;
margin-right:76px;
padding-top:17px;
}

div.box-guide-pcgn p.content span.outline{
display:block;
padding:20px 0 0 236px;
}

div.box-guide-pcgn ul.link{
margin-bottom:0;
padding:0 29px 0 236px;
text-align:center;
}

div.box-guide-pcgn ul.link li{
display:inline;
line-height:1;
}

div.box-information-02{
margin-bottom:2em;
padding-bottom:6px;
background:url(/shared/images/bg_box-bordered-01.png) no-repeat left bottom;
width:690px;
}

div.box-information-02 .inner{
padding:9px 9px 3px;
background:url(/shared/images/bg_box-bordered-01.png) no-repeat left top;
}

div.box-information-02 .lyt-column{
background:url(/shared/images/bg_important_information.png) repeat-y left top;
}

div.box-information-02 .lyt-column div{
display:inline-block;
_display:inline;
vertical-align:middle;
zoom:1;
}

div.box-information-02 .lyt-column .hdg{
margin-right:15px;
width:115px;
background-color:#ff0000;
color:#ffffff;
text-align:center;
}

div.box-information-02 .lyt-column .content{
width:542px;
}

div.box-information-02 .lyt-column .content ul.list-link-01{
margin-bottom:0;
}

div.box-information-03{
margin-bottom:2em;
padding-bottom:6px;
background:url(/shared/images/bg_box-information-03.png) no-repeat left bottom;
width:690px;
}

div.box-information-03 .inner{
padding:11px 12px 5px;
background:url(/shared/images/bg_box-information-03.png) no-repeat left top;
}

div.box-information-03 .lyt-column{
background:url(/shared/images/bg_box-information-03_hdg.png) repeat-y left top;
}

div.box-information-03 .lyt-column div{
display:inline-block;
_display:inline;
vertical-align:middle;
zoom:1;
}

div.box-information-03 .lyt-column .hdg{
margin-right:15px;
width:76px;
background-color:#bbbbbb;
color:#ffffff;
text-align:center;
}

div.box-information-03 .lyt-column .hdg h2,
div.box-information-03 .lyt-column .hdg h3{
font-weight:normal;
}

div.box-information-03 .lyt-column .content{
width:575px;
}

div.box-information-03 .lyt-column .content ul.list-link-01{
margin-bottom:0;
}

div.box-information-03 .lyt-column .content ul.list-link-01 li:before{
top:0.3em;
}

div.tab-box-deck{
position:relative;
padding:0 0 5px 0;
margin:120px 0 30px 0;
width:690px;
background:url(/products/bw/images/bg_tab_box_deck.png) no-repeat bottom;
z-index:1000;
}

div.tab-box-deck .inner{
padding:20px 0 0 0;
background:url(/products/bw/images/bg_tab_box_deck.png) no-repeat top;
}

div.tab-box-deck .inner h3.hdg-l3-male{
position:absolute;
top:-103px;
left:74px;
z-index:1001;
}

div.tab-box-deck .inner h3.hdg-l3-female{
position:absolute;
top:-103px;
left:425px;
z-index:1001;
}

div.tab-box-deck .inner h3.hdg-l3-male-and-plus{
position:absolute;
top:-103px;
left:24px;
z-index:1001;
}

div.tab-box-deck .inner ul.nav{
position:absolute;
top:-111px;
margin:0 0 0 0;
padding:0 0 0 4px;
}

div.tab-box-deck .inner ul.nav.male{
width:343px;
height:113px;
background:url(/products/bw/images/bg_tab_box_male.png) no-repeat;
}

div.tab-box-deck.xyhs .inner ul.nav.male{
background:url(/products/xy/images/bg_tab_box_male.png) no-repeat;
}

div.tab-box-deck .inner ul.nav.female{
width:343px;
height:113px;
background:url(/products/bw/images/bg_tab_box_female.png) no-repeat;
left:347px;
}

div.tab-box-deck.xyhs .inner ul.nav.female{
background:url(/products/xy/images/bg_tab_box_female.png) no-repeat;
}

div.tab-box-deck .inner ul.nav li{
float:left;
margin:64px 1px 0 0;
}

div.tab-box-deck .inner ul.nav li.last-child{
margin-right:0;
}

div.tab-box-deck .inner .content{
padding:0 0 0 23px;
}

div.tab-box-deck .inner .content table{
width:640px;
margin:0 auto;
border-spacing:0;
border-collapse:collapse;
}

div.tab-box-deck .inner .content table tr td{
width:140px;
padding:5px 20px 15px 0;
vertical-align:top;
text-align:center !important;
}

div.tab-box-deck .inner .content table tr td.add-icon{
position:relative;
}

div.tab-box-deck .inner .content table tr td.equal{
padding-top:18px;
}

div.tab-box-deck .inner .content table tr td.equal a{
padding-top:18px;
}

div.tab-box-deck .inner .content table tr td.add-icon div{
position:relative;
}

div.tab-box-deck .inner .content table tr td.add-icon img.icon{
position:absolute;
margin-left:14px;
display:block;
text-align:left;
}

div.tab-box-deck .inner .content table tr td.add-icon div img.icon{
margin-top:-20px;
margin-left:14px;
display:block;
text-align:left;
position:absolute;
top:0;
}

div.tab-box-deck .inner .content table tr td a{
display:block;
}

div.tab-box-deck .inner .content table tr td span{
display:block;
width:91px;
margin:0 auto;
padding-left:0;
text-align:center !important;
background:none;
line-height:1.5;
font-size:0.89em;
zoom:1;
}

div.tab-box-deck .inner .content table tr td a img{
margin-top:4px;
}

div.tab-box-deck .inner .content p{
text-align:right;
padding-right:15px;
margin-bottom:10px;
}

.box-search-01{
margin-bottom:10px;
padding:6px;
border:2px solid #494949;
background:url(/shared/images/bg_box-search-01.png) no-repeat 0 0;
}

.box-search-01 .search-keyword{
margin-bottom:0;
}

.box-search-01 .form-txt{
width:560px;
border:1px solid #fff;
}

.tabContainer .box-search-01 .form-txt{
width:540px;
border:1px solid #fff;
}

.box-event-01 .box-search-01 .form-txt{
width:500px;
}

.box-search-01 .btn-submit{
width:100px;
padding:4px 10px;
border:none;
background:#cf1d1d;
color:#fff;
}

body.rules .box-search-01 .btn-submit{
background:#6ccd0d;
}

body.levelup .box-search-01 .btn-submit{
background:#ffb300;
color:#000;
}

body.event .box-search-01 .btn-submit{
background:#e12000;
}

/* -----------------------------------------------------------
    09. Tables
----------------------------------------------------------- */
table.tbl-news-01{
line-height:1.46;
width:100%;
}

table.tbl-news-01 th,
table.tbl-news-01 td{
padding:8px;
background:url(/shared/images/bg_dot_ccc.png) repeat-x left bottom;
}

table.tbl-news-01 th{
font-weight:normal;
}

table.tbl-data-01{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#cccccc;
width:100%;
background-color:#ffffff;
}

table.tbl-data-01 th,
table.tbl-data-01 td{
padding:9px 6px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#cccccc;
}

table.tbl-data-01 thead th{
background-color:#e7e7e7;
font-weight:bold;
text-align:center;
}

table.tbl-data-02{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#cccccc;
width:100%;
background-color:#ffffff;
}

table.tbl-data-02 th,
table.tbl-data-02 td{
padding:9px 6px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#cccccc;
word-break: break-all;
}

table.tbl-data-02 thead th,
table.tbl-data-02 tbody th{
background-color:#e7e7e7;
font-weight:bold;
text-align:center;
}

table.tbl-data-03{
border-collapse:collapse;
}

table.tbl-data-03 thead th{
padding:4px;
background:#37bef0;
color:#fff;
text-align:center;
}

table.tbl-data-03 th,
table.tbl-data-03 td{
border:1px solid #ccc;
padding:10px;
}

table.tbl-data-04{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#cccccc;
width:100%;
background-color:#ffffff;
font-size:93.8%;
}

table.tbl-data-04 th,
table.tbl-data-04 td{
padding:3px 6px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#cccccc;
}

table.tbl-data-04 thead th{
background-color:#e7e7e7;
font-weight:bold;
text-align:center;
}

table td span.teaching,
table td span.beginner,
table td span.challenge{
display:inline-block;
width:110px;
margin-right:4px;
text-align:center;
color:#fff;
font-weight:bold;
}

table td span.teaching{
background:#299d00;
}

div table td span.beginner{
background:#ff8a00;
}

div table td span.challenge{
background:#f00000;
}

/* -----------------------------------------------------------

     PCG Top Styles

----------------------------------------------------------- */
/* ===========================================================

   [Layout]

=========================================================== */
body.top{
padding-top:0;
}
body.top #str-container{
min-width:1158px;
}
body.top #str-contents{
padding-right:75px;
padding-left:75px;
}
body.top #search-area{
margin:0 auto;
width:1158px;
height:176px;
background:url(/images/bg_search_area.png) no-repeat;
}
body.top #search-list{
padding:46px 0 0 134px;
}
body.top #search-list > li{
position:relative;
float:left;
margin-left:33px;
width:429px;
}
body.top #search-list > li:first-child{
margin-left:0;
}
body.top .search-keyword{
position:relative;
vertical-align:middle;
}
body.top input[type='text']{
margin:0 0 0 2px;
padding:0 100px 0 10px;
width:314px;
height:43px;
border:0;
background:url(/images/bg_search_textarea.png) no-repeat;
line-height:43px;
}
body.top input::-webkit-input-placeholder{
padding:5px 0 0;
}
body.top .search-btn-card,
body.top .search-btn-qa{
position:absolute;
top:8px;
right:11px;
width:83px;
height:28px;
border:0;
color:#fff;
font-weight:bold;
cursor:pointer;
}
body.top .search-btn-card{
background:#ffb300;
}
body.top .search-btn-qa{
background:#6ccd0d;
}
body.top .search-link{
position:absolute;
top:0;
right:2px;
}

/*main-visual
------------------------------------------------------------------------------- */
.main-visual02{
position:relative;
overflow:hidden;
margin:0 auto;
width:1070px;
height:571px;
background:url(/images/canvas_bg.jpg) no-repeat top center;
text-align:center;
}

canvas{
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}

#mycanvas02{
position:absolute;
top:363px;
left:0px;
}

#loading #card{
position:absolute;
top:50%;
left:50%;
margin-top:-105px;
margin-left:-76px;
width:119px;
height:152px;
background:url(/images/card.png);
}
#loading p{
position:absolute;
top:50%;
left:50%;
margin-top:45px;
margin-left:-77px;
}

.load-hidden{
visibility:hidden;
}

#card-list-01{
margin:20px 0 0;
padding:0;
list-style:none;
display:inline-block;
opacity:0;
filter:alpha(opacity=0);
}
#card-list-01 li{
float:left;
margin-right:20px;
background-color:#fff;
line-height:0;
}
#card-list-01 li.last{
margin-right:0;
}
#card-list-01 li.last02{
margin-right:0;
}
#card-list-01 a{
display:block;
box-shadow:10px 10px 10px #000000;
}

.card-hidden{
visibility:hidden;
}

#card-list-02{
position:relative;
margin:27px auto 0;
padding:0;
width:1070px;
height:210px;
list-style:none;
visibility:hidden;
}
#card-list-02 li{
position:absolute;
width:128px;
height:176px;
box-shadow:0px 0px 6px #000000;
border-radius:9px;
}
#card-list-02 li.info-card-01{
background:url(/images/card_bg_01.png) no-repeat top left;
}
#card-list-02 li.info-card-02{
background:url(/images/card_bg_02.png) no-repeat top left;
}
#card-list-02 li.info-card-03{
background:url(/images/card_bg_03.png) no-repeat top left;
}
#card-list-02 li.info-card-04{
background:url(/images/card_bg_04.png) no-repeat top left;
}
#card-list-02 li.info-card-05{
background:url(/images/card_bg_05.png) no-repeat top left;
}
#card-list-02 li.info-card-06{
background:url(/images/card_bg_06.png) no-repeat top left;
}
#card-list-02 li.info-card-07{
background:url(/images/card_bg_07.png) no-repeat top left;
}
#card-list-02 li.info-card-08{
background:url(/images/card_bg_08.png) no-repeat top left;
}
#card-list-02 li.info-card-09{
background:url(/images/card_bg_09.png) no-repeat top left;
}
#card-list-02 li.card-num-01{
top:12px;
left:60px;
}
#card-list-02 li.card-num-02{
top:12px;
left:197px;
}
#card-list-02 li.card-num-03{
top:12px;
left:334px;
}
#card-list-02 li.card-num-04{
top:12px;
left:471px;
}
#card-list-02 li.card-num-05{
top:12px;
left:608px;
}
#card-list-02 li.card-num-06{
top:12px;
left:745px;
}
#card-list-02 li.card-num-07{
top:12px;
left:882px;
}
#card-list-02 a{
display:block;
box-sizing:border-box;
padding:11px 11px 9px;
color:#444;
text-decoration:none;
font-weight:bold;
}
#card-list-02 a.prev-card{
padding:13px 11px;
}
#card-list-02 a.prev-card .inner{
position:relative;
}
#card-list-02 a.prev-card .inner .bg-black{
position:absolute;
bottom:0;
display:block;
width:106px;
height:22px;
background-color:#000;
color:#fff;
opacity:0.7;
filter:alpha(opacity=70);
}
#card-list-02 a.prev-card .inner span{
position:absolute;
bottom:0;
display:block;
width:106px;
color:#fff;
text-align:center;
font-size:93.75%;
}
#card-list-02 img{
display:block;
margin-bottom:10px;
}
#card-list-02 p{
width:106px;
margin:0;
padding:0;
text-align:center;
font-size:93.75%;
line-height:1.5em;
}
/*---------------------banner7--------------------------------*/

/*.canvas{
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}*/

#mycanvas02{
position:absolute;
top:363px;
left:0px;
}
#card-list-03{
position:relative;
margin:0 auto 0;
padding:0;
width:1070px;
height:210px;
list-style:none;
}
#card-list-03 li{
position:absolute;
width:128px;
height:176px;
box-shadow:0px 0px 6px #000000;
border-radius:9px;
background-color: #fff;
}
#card-list-03 li.card-num-01{
top:12px;
left:60px;
}
#card-list-03 li.card-num-02{
top:12px;
left:197px;
}
#card-list-03 li.card-num-03{
top:12px;
left:334px;
}
#card-list-03 li.card-num-04{
top:12px;
left:471px;
}
#card-list-03 li.card-num-05{
top:12px;
left:608px;
}
#card-list-03 li.card-num-06{
top:12px;
left:745px;
}
#card-list-03 li.card-num-07{
top:12px;
left:882px;
}

/*------------banner7 text pattern----------*/

#card-list-03 li.info-card-01{
background:url(/images/card_bg_01.png) no-repeat top left;
}
#card-list-03 li.info-card-02{
background:url(/images/card_bg_02.png) no-repeat top left;
}
#card-list-03 li.info-card-03{
background:url(/images/card_bg_03.png) no-repeat top left;
}
#card-list-03 li.info-card-04{
background:url(/images/card_bg_04.png) no-repeat top left;
}
#card-list-03 li.info-card-05{
background:url(/images/card_bg_05.png) no-repeat top left;
}
#card-list-03 li.info-card-06{
background:url(/images/card_bg_06.png) no-repeat top left;
}
#card-list-03 li.info-card-07{
background:url(/images/card_bg_07.png) no-repeat top left;
}
#card-list-03 li.info-card-08{
background:url(/images/card_bg_08.png) no-repeat top left;
}
#card-list-03 li.info-card-09{
background:url(/images/card_bg_09.png) no-repeat top left;
}
#card-list-03 img{
display:block;
margin-bottom:10px;
}
#card-list-03 p{
width:106px;
margin:0;
padding:0;
text-align:center;
font-size:93.75%;
line-height:1.5em;
}
#card-list-03 .inner{
position:absolute;
bottom:12px;
}
#card-list-03 .bg-black{
background-color:#000;
width:106px;
color:#fff;
opacity:0.7;
filter:alpha(opacity=70);
padding:2px 0;
font-size:93.75%;
}
#card-list-03 a{
display:block;
box-sizing:border-box;
color:#444;
text-decoration:none;
font-weight:bold;
padding: 11px 11px 9px;
}
#card-list-03 a:hover{
opacity: 0.8;
}
/*-----------------------------------------------------*/






/* ===========================================================

   [Modules]

=========================================================== */
.box-emergency{
margin:20px 0;
padding:5px 17px 2px;
border:2px solid #e90000;
background:#fff;
}
.box-emergency > .box-hdg{
text-align:center;
font-size:112.5%;
}
.box-emergency p{
margin-bottom:0;
}
.box-emergency p + p{
margin-top:19px;
}
body.top .hdg-top-lyt{
position:relative;
}
body.top .hdg-top-lyt + .box-top{
margin-top:-6px;
}
body.top .hdg-top-01{
position:relative;
top:2px;
}
body.top .hdg-top-01 + .hdg-top-item{
position:absolute;
top:4px;
left:140px;
margin-bottom:0;
}
body.top .hdg-top-02{
display:inline-block;
}
body.top .hdg-top-02 + .hdg-top-item{
display:inline-block;
margin:0 0 3px 10px;
}
body.top .hdg-top-item.link-top-01:after{
padding-left:10px;
content:url(/images/icon_arrow.png);
}
body.top .box-top,
body.top .box-top > .inner,
body.top .box-top > .inner > .body{
background:url(/images/bg_box-top.png);
}
body.top .box-top{
margin-bottom:20px;
border-top:8px solid #000;
background-position:-1900px 0;
background-repeat:repeat-y;
}
body.top .box-top > .inner{
background-position:0 0;
background-repeat:no-repeat;
}
body.top .box-top > .inner > .body{
padding:6px 20px 10px;
background-position:-950px bottom;
background-repeat:no-repeat;
}
body.top .box-top-02,
body.top .box-top-02 > .inner,
body.top .box-top-02 > .inner > .body{
background:url(/images/bg_box-top-02.png);
}
body.top .box-top-02{
margin-bottom:20px;
background-position:-930px 0;
background-repeat:repeat-y;
}
body.top .box-top-02 > .inner{
background-position:0 0;
background-repeat:no-repeat;
}
body.top .box-top-02 > .inner > .body{
padding:15px 22px 10px;
background-position:-465px bottom;
background-repeat:no-repeat;
}
body.top .tbl-top-01{
margin-bottom:0;
width:100%;
border-collapse:collapse;
}
body.top .tbl-top-01 tr{
border-top:1px dotted #c5c5c5;
}
body.top .tbl-top-01 tr:first-child{
border-top:0;
}
body.top .tbl-top-01 th,
body.top .tbl-top-01 td{
padding:12px 0 14px;
}
body.top .tbl-top-01 th{
color:#333;
width:10em;
}
body.top .list-top-01{
margin-bottom:0;
}
body.top .list-top-01 > li{
padding:12px 0 0;
border-top:1px dotted #c5c5c5;
}
body.top .list-top-01 > li:first-child{
border-top:none;
}
body.top div.grid{
margin-right:-20px;
}
body.top div.grid .size1of2{
margin-right:20px;
width:465px;
}
body.top div.image-parallel-L-01 .text-unit p + p,
body.top div.image-parallel-R-01 .text-unit p + p{
margin-top:10px;
}

/* ===========================================================

   [Self Clearing]

=========================================================== */
.group:after,
#search-list:after,
#card-list-01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

.group,
#search-list,
#card-list-01{
zoom:1;
}

/* -----------------------------------------------------------

    PCG Products Styles
    
----------------------------------------------------------- */
/* ===========================================================

   [Modules] 

=========================================================== */
/* -----------------------------------------------------------
    01. Utility
----------------------------------------------------------- */
body.products img.icon{
position:relative;
bottom:3px;
}

/* -----------------------------------------------------------
    02. Layout, Box
----------------------------------------------------------- */
div.box-information.other-series{
margin-bottom:0;
}

div.box-information.other-series .hdg span{
padding:11px 0 11px 36px;
display:block;
background:url(/shared/images/icon_card.png) no-repeat 9px center;
}

div.box-information.other-series ul.list-link-01{
margin-bottom:0;
}

div.box-information.other-storage{
margin-bottom:0;
}

div.box-information.other-storage .hdg span{
padding:11px 0 11px 40px;
display:block;
background:url(/shared/images/icon_file.png) no-repeat 9px center;
}

div.box-information.other-storage ul.list-link-03{
margin-bottom:0;
}

div.box-information.buttle-support{
margin-bottom:0;
}

div.box-information.buttle-support .hdg span{
padding:11px 0 11px 40px;
display:block;
background:url(/shared/images/icon_buttlesupport.png) no-repeat 9px center;
}

div.box-information.buttle-support ul.list-link-03{
margin-bottom:0;
}

div.lyt-column.lyt-goods,
div.lyt-column.lyt-goods .inner{
background-image:url(/products/images/bg_lyt-goods.png);
background-repeat:no-repeat;
}

div.lyt-column.lyt-goods{
padding-top:4px;
background-position:left top;
}

div.lyt-column.lyt-goods .inner{
padding:0 0 0 4px;
background-position:left bottom;
}

div.lyt-column.lyt-goods .unit{
float:left;
padding:12px 22px 6px 0;
width:320px;
background:url(/products/images/bg_dot_d6.png) repeat-x left bottom;
}

div.lyt-column.lyt-goods .unit .text-unit{
float:right;
width:200px;
}

div.lyt-column.lyt-goods .unit .image-unit{
float:left;
width:115px;
}

div.lyt-column.lyt-goods h2{
margin-bottom:0.25em;
line-height:1.5;
font-size:1.14em;
}

div.lyt-column.lyt-goods h2 span.number{
padding:1px 5px;
background:#1fc6ef;
text-align:center;
color:#fff;
font-size:0.78em;
font-weight:normal;
}

div.lyt-column.lyt-goods p,
div.lyt-column.lyt-goods ul{
margin-bottom:0;
}

div.lyt-column.lyt-goods ul li{
position:relative;
float:right;
padding-left:18px;
}

div.lyt-column.lyt-goods ul li:before{
content:"";
display:block;
position:absolute;
background-position:0 -688px;
height:14px;
width:14px;
top:0.25em;
left:0;
}

.lyt-column.lyt-list-header .product{
float:left;
width:186px;
}

.lyt-column.lyt-list-header .mark{
float:right;
width:490px;
font-size:0.85em;
}

.lyt-column.lyt-list-header .product .image{
text-align:center;
}

div.box-markinfo{
position:relative;
width:490px;
height:155px;
background:url(/products/images/bg_box-markinfo.png) no-repeat left top;
}

div.box-markinfo dl{
padding:36px 0 0 10px;
width:186px;
}

div.box-markinfo dl dt,
div.box-markinfo dl dd{
line-height:1;
text-align:center;
}

div.box-markinfo dl dt{
margin-bottom:6px;
padding-bottom:18px;
background:url(/products/images/bg_arrow_01.png) no-repeat center bottom;
}

div.box-markinfo p.checkpoint{
position:absolute;
top:16px;
right:16px;
}

div.lyt-list-content{
margin:0 auto;
width:690px;
}

div.lyt-genre h3{
float:left;
width:320px;
font-size:1.16em;
}

div.lyt-genre p{
float:right;
width:200px;
}

/* -----------------------------------------------------------
    03. Headings
----------------------------------------------------------- */
.hdg-l1-01.with-seriesname span.series{
display:block;
}

.hdg-l1-01.with-seriesname > img{
margin-top:0px;
}

.hdg-l1-01.with-seriesname span.series img{
margin-top:6px;
}

ul.list-products-02 span.text-label-01{
font-size:0.77em;
margin-left:10px;
}

/* -----------------------------------------------------------
    04. Paragraphs / Inline Contents
----------------------------------------------------------- */
p.doc-about-kira{
margin-bottom:0.35em;
text-align:right;
}

/* -----------------------------------------------------------
    05. Lists
----------------------------------------------------------- */
ul.list-products-01{
position:relative;
margin:0 -14px 0 0;
_margin-bottom:1.57em;
}

ul.list-products-01 > li{
float:left;
position:relative;
width:162px;
margin:0 14px 1em 0;
padding:0 0 10px 0;
line-height:1.57;
background:url(/shared/images/bg_list-products-01.png) repeat-y 0 0;
}

ul.list-products-01 > li:before,
ul.list-products-01 > li:after{
content:"";
display:block;
}

ul.list-products-01 > li:before{
height:5px;
background:url(/shared/images/bg_list-products-01_bef.png) no-repeat 0 0;
}

ul.list-products-01 > li:after{
position:absolute;
left:0;
bottom:0;
width:162px;
height:10px;
background:url(/shared/images/bg_list-products-01_aft.png) no-repeat 0 0;
}

ul.list-products-01.with-ene li a,
ul.list-products-01 li a:first-child{
margin-top:144px;
display:block;
padding:0 10px;
font-weight:bold;
}

ul.list-products-01 li span.price{
display:block;
padding-left:10px;
font-size:0.85em;
}

ul.list-products-01 li .btn{
padding-left:10px;
}

ul.list-products-01 li img.photo{
position:absolute;
top:10px;
left:1px;
}

ul.list-products-01.with-ene li a{
margin-top:148px !important;
}

ul.list-products-01.with-ene li img.photo{
top:54px !important;
}

ul.list-products-01 li ul.list-notice-01{
margin-left:10px;
}

ul.list-products-01 li ul.list-notice-01 li{
padding-left:1.2em;
font-size:0.85em;
width:auto;
}

ul.list-products-02{
position:relative;
margin:0 -14px 0 0;
_margin-bottom:1.57em;
}

ul.list-products-02 > li{
float:left;
position:relative;
width:220px;
margin:0 14px 1em 0;
padding:0 0 10px 0;
line-height:1.57;
background:url(/shared/images/bg_list-products-02.png) repeat-y 0 0;
}

ul.list-products-02 > li:before,
ul.list-products-02 > li:after{
content:"";
display:block;
}

ul.list-products-02 > li:before{
height:5px;
background:url(/shared/images/bg_list-products-02_bef.png) no-repeat 0 0;
}

ul.list-products-02 > li:after{
position:absolute;
left:0;
bottom:0;
width:220px;
height:10px;
background:url(/shared/images/bg_list-products-02_aft.png) no-repeat 0 0;
}

ul.list-products-02 li a{
display:block;
padding-right:10px;
padding-left:10px;
font-weight:bold;
}

ul.list-products-02 li .btn{
display:inline-block;
}

ul.list-products-02.no-icon li a{
background:none;
padding:0 10px;
}

ul.list-products-02 li span.title{
font-weight:bold;
display:block;
padding:0 10px;
}

ul.list-products-02 li span.price,
ul.list-products-02 li span.date,
ul.list-products-02 li span.illust{
display:block;
font-size:0.85em;
padding:0 10px;
}

ul.list-products-02 li img.photo{
margin:0 auto 4px auto;
display:block;
}

.list-products-02.index li img.photo{
margin:0 0 4px -9px;
}

ul.list-products-02 li ul.list-notice-01{
margin-left:10px;
}

ul.list-products-02 li ul.list-notice-01 li{
padding-left:1.2em;
font-size:0.85em;
width:auto;
}

ul.list-shop-01{
position:relative;
margin:0 -22px 0 0;
}

ul.list-shop-01 li{
float:left;
position:relative;
margin:0 12px 15px 0;
width:128px;
line-height:1.57;
}

ul.list-shop-01 li a{
display:block;
margin-top:99px;
padding-left:19px;
}

ul.list-shop-01 li a:before{
content:"";
display:block;
position:absolute;
background-position:0 -688px;
height:14px;
width:14px;
top:102px;
left:0;
}

ul.list-shop-01 li img.photo{
position:absolute;
top:0;
left:0;
}

ul.list-shop-01 li ul.list-notice-01{
margin-left:19px;
}

ul.list-shop-01 li ul.list-notice-01 li{
padding-left:1.2em;
font-size:0.85em;
width:auto;
}

ul.list-shop-01.logo-non li a{
margin-top:0;
}

ul.list-shop-01.link-non li{
width:109px;
margin-top:0;
padding-left:19px;
background:url(/shared/images/blt_list_01.png) no-repeat 7px 0.55em;
}

ul.list-shop-01 li span{
display:block;
}

dl.list-productdata{
margin-bottom:1em;
padding:0 20px;
}

dl.list-productdata dt,
dl.list-productdata dd{
line-height:2;
}

dl.list-productdata dt{
position:relative;
clear:left;
float:left;
padding-left:18px;
width:137px;
zoom:1;
}

dl.list-productdata dt:before{
content:"";
display:block;
position:absolute;
top:8px;
left:0;
background-position:0 -1514px;
height:13px;
width:13px;
}

dl.list-productdata dd{
margin-left:160px;
zoom:1;
}

dl.list-productdata.package-details{
padding-top:1em;
border-top:1px solid #eee;
}

dl.list-productdata ul{
margin-bottom:0;
}

dl.list-productdata ul li{
margin-bottom:5px;
}

dl.list-productdata-02{
padding:4px 0;
margin:0 5px 10px;
text-align:center;
background:#f2f2f2;
}
dl.list-productdata-02 > dt{
font-weight:bold;
}
dl.list-productdata-02 > dd{
display:inline-block;
}
dl.list-productdata-02 > dd img{
vertical-align:middle;
}

/* -----------------------------------------------------------
    06. Tables
----------------------------------------------------------- */
table.cardlist{
margin-bottom:3em;
}

table.cardlist th,
table.cardlist td{
vertical-align:middle;
text-align:center;
}

table.cardlist tr:nth-child(even) th,
table.cardlist tr:nth-child(even) td{
background-color:#fafcfc;
}

table.cardlist tr.even th,
table.cardlist tr.even td{
background-color:#fafcfc;
}

table.cardlist tfoot th,
table.cardlist tfoot td{
border-top:1px solid #cccccc;
}

table.cardlist tfoot th{
text-align:right;
}

/* -----------------------------------------------------------
    07. Over Write
----------------------------------------------------------- */
div.tab-box-deck .inner .content table{
padding-top:5px;
}

div.tab-box-deck .inner .content table tr td.equal{
padding-top:18px;
}

div.tab-box-deck .inner .content table tr td.add-icon div{
position:relative;
}

div.tab-box-deck .inner .content table tr td.add-icon div img.icon{
margin-top:-20px;
margin-left:14px;
display:block;
text-align:left;
position:absolute;
top:0;
}

div.tab-box-deck .inner .content table tr td span{
display:block;
width:91px;
margin:0 auto;
padding-left:0;
text-align:center !important;
background:none;
line-height:1.5;
font-size:0.89em;
}

div.tab-box-deck .inner .content p{
margin-bottom:0;
}

div.tab-box-deck .inner .content p.notice{
font-size:0.85em;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
div.recommend-block:after,
div.recommend-block .battle ul:after,
div.lyt-column.lyt-goods .inner:after,
div.lyt-column.lyt-goods .unit:after,
div.lyt-column.lyt-goods ul:after,
div.lyt-column.lyt-list-header:after,
ul.list-products-01:after,
ul.list-products-02:after,
ul.list-shop-01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

div.recommend-block,
div.recommend-block .battle ul,
div.lyt-column.lyt-goods .inner,
div.lyt-column.lyt-goods .unit,
div.lyt-column.lyt-goods ul,
div.lyt-column.lyt-list-header,
ul.list-products-01,
ul.list-products-02,
ul.list-shop-01{
zoom:1;
}

/* -----------------------------------------------------------

     PCG Contact Styles

----------------------------------------------------------- */
/* -----------------------------------------------------------

     PCG Contact Styles

----------------------------------------------------------- */
/* ===========================================================

   [Modules] 

=========================================================== */
.web-form-select{
margin:10px 0 20px 0;
width:690px;
}

.web-form-select div{
float:left;
display:inline;
margin-right:15px;
padding-bottom:60px;
width:220px;
background:url(/contact/images/bg_web_form_select.png) no-repeat center bottom;
position:relative;
}

.web-form-select .last-child{
margin-right:0;
}

.web-form-select div p{
margin:0 0 0 0;
padding:10px 15px 15px 15px;
}

.web-form-select div p.btn{
margin:0 0 20px 0;
padding:0 0 10px 0;
text-align:center;
position:absolute;
left:14px;
bottom:-20px;
}

.list-notice-01.attention{
font-size:0.9em;
color:#ed1c00;
}

.tbl-form-01{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
width:100%;
background-color:#fff;
}

.tbl-form-01 th,
.tbl-form-01 td{
padding:10px 10px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
}

.tbl-form-01 th{
border-right:1px dotted #ccc;
background-color:#f7f9ff;
font-weight:bold;
text-align:left;
}

.tbl-form-01 th.single{
border-right:1px solid #ccc;
background-color:#f7f9ff;
font-weight:bold;
text-align:left;
position:relative;
}

.tbl-form-01 th span:before{
content:"";
display:inline-block;
vertical-align:middle;
margin-right:5px;
background-position:0 -1454px;
height:13px;
width:13px;
}

.tbl-form-01 th img{
margin:0 0 5px 4px;
}

.tbl-form-01 td.submit{
text-align:center;
}

.tbl-form-01 td label.multi{
padding-left:17px;
#padding-left:20px;
/*IE Bug Fix*/
margin-right:20px;
position:relative;
}

.tbl-form-01 td label.multi input{
position:absolute;
top:3px;
_bottom:28px;
left:0;
}

.tbl-form-01 td input.w-50{
width:50px;
}

.tbl-form-01 td input.w-130{
width:130px;
}

.tbl-form-01 td input.w-230{
width:230px;
}

.tbl-form-01 td input.w-420{
width:420px;
}

.tbl-form-01 td textarea{
width:420px;
line-height:1.2;
}

.tbl-form-01 td textarea.h-120{
height:120px;
}

.tbl-form-01 td textarea.h-105{
height:105px;
}

.error{
padding:10px 15px;
margin-bottom:20px;
width:654px;
border:2px solid #ed1c00;
background:#fffafa;
}

.error p{
padding:0 0 0 0;
margin:0 0 5px 0;
}

.error ul{
padding:0 0 0 0;
margin:0 0 0 0;
}

#modal-select-mark{
width:668px;
background:#ffffff;
}

.tbl-form-01 #modal-select-mark{
display:block;
position:static;
padding:0;
border:none;
}

#modal-select-mark h3{
position:relative;
padding:0 0 0px 18px;
background-position:0 0.32em;
font-size:0.95em;
}

#modal-select-mark h3:before{
content:"";
display:block;
position:absolute;
top:4px;
left:0;
background-position:0 -1634px;
height:13px;
width:13px;
}

#modal-select-mark .text-unit{
float:left;
margin:0 !important;
width:375px;
}

#modal-select-mark .text-unit .section{
margin:0 0 20px 0;
width:375px;
background:none;
}

#modal-select-mark .text-unit .section ul.list-cardmark{
position:relative;
margin:0 0 3px 0;
padding:5px 0 5px 8px;
width:375px;
}

#modal-select-mark .text-unit .section ul.list-cardmark li{
float:left;
padding:0 0 0 20px;
width:33px;
}

#modal-select-mark .text-unit .section ul.list-cardmark li.other{
width:60px;
}

#modal-select-mark .text-unit .section ul.list-cardmark.even{
background:#f5f5f5;
}

#modal-select-mark .text-unit .section ul.list-cardmark li input{
margin:0 2px 0 -20px;
}

#modal-select-mark .image-unit{
float:right;
padding-right:10px;
margin:0 !important;
width:253px;
}

#modal-select-mark .image-unit p{
margin-bottom:5px;
}

#modal-select-mark .image-unit ul.list-link-01{
padding-left:0;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
.web-form-select:after,
#modal-select-mark:after,
#modal-select-mark ul.list-cardmark:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

.web-form-select,
#modal-select-mark,
#modal-select-mark ul.list-cardmark{
zoom:1;
}

/* -----------------------------------------------------------

     PCG Q&A Styles

----------------------------------------------------------- */
/* -----------------------------------------------------------

    PCG Q&A Styles
    
----------------------------------------------------------- */
/* ===========================================================

   [Modules] 

=========================================================== */
/* -----------------------------------------------------------
    01. Headings
----------------------------------------------------------- */
div.hdg-l2-faq-container{
position:relative;
margin-bottom:0.5em;
font-size:1.14em;
}

div.hdg-l2-faq-container .hdg-l2-faq{
padding-top:7px;
}

div.hdg-l2-faq-container .hdg-l2-faq span{
display:block;
padding:1px 10px 7px 34px;
min-height:22px;
height:auto !important;
height:22px;
}

div.hdg-l2-faq-container .hdg-l2-faq span .icon{
vertical-align:middle;
}

div.hdg-l2-faq-container .hdg-l2-faq span .icon.question{
position:absolute;
top:5px;
left:9px;
}

div.hdg-l2-faq-container .hdg-l2-faq span img{
padding-bottom:3px;
vertical-align:middle;
}

/* -----------------------------------------------------------
    02. Paragraphs / Inline Contents
----------------------------------------------------------- */
p.result-lead{
margin-bottom:0.85em;
padding:0 7px;
border-bottom:1px solid #cccccc;
}

p.result-lead em{
margin-left:25px;
}

p.result-lead img{
vertical-align:top;
}

p.no-result{
margin:50px 0 100px;
text-align:center;
}

/* -----------------------------------------------------------
    03. Lists
----------------------------------------------------------- */
ul.result{
padding-bottom:1em;
border-bottom:1px solid #cccccc;
}

ul.result li{
margin-bottom:0;
padding:5px 10px 5px 26px;
background-position:8px 0.9em;
}

ul.result li.even{
background-color:#f5fdf5;
}

ul.result li:nth-child(even){
background-color:#f5fdf5;
}

ul.result li img{
padding-bottom:2px;
vertical-align:middle;
}

ul.list-result-01{
padding-bottom:1em;
border-bottom:1px solid #cccccc;
}

ul.list-result-01 li{
margin-bottom:0.36em;
padding:7px 10px 4px 7px;
}

ul.list-result-01 li.even{
background-color:#f5fdf5;
}

ul.list-result-01 li:nth-child(even){
background-color:#f5fdf5;
}

ul.list-result-01 dl{
margin-bottom:0.4em;
line-height:1.33;
font-size:0.85em;
zoom:1;
}

ul.list-result-01 dl dt{
float:left;
padding:0 1em;
background-color:#bbbbbb;
color:#ffffff;
}

ul.list-result-01 dl dd{
margin-left:7.5em;
}

ul.list-result-01 dl dd img{
padding-bottom:2px;
vertical-align:middle;
}

ul.list-result-01 ul li img{
padding-bottom:2px;
vertical-align:middle;
}

ul.list-result-01 ul li em.search-word,
ul.list-link-01 li em.search-word{
padding:1px 3px;
color:#0199cb;
display:inline;
background:#e4f2ff;
}

ul.list-result-01 ul{
clear:left;
margin-bottom:0;
}

ul.list-result-01 ul li{
position:relative;
padding:0 0 0 18px;
zoom:1;
}

ul.list-result-01 ul li:before{
content:"";
display:block;
position:absolute;
background-position:0 -688px;
height:14px;
width:14px;
top:0.3em;
left:0;
}

dl.urlinfo dt{
float:left;
line-height:1;
font-size:10px;
}

dl.urlinfo dd{
margin-left:114px;
padding:4px 8px;
border:1px solid #cdcdcd;
background-color:#f6f6f6;
line-height:1.16;
font-size:0.85em;
}

/* -----------------------------------------------------------
    04. Layout, Box
----------------------------------------------------------- */
div.lyt-answer{
position:relative;
padding:2px 0 0 34px;
min-height:40px;
height:auto !important;
height:40px;
}

div.lyt-answer h3{
position:absolute;
left:9px;
}

div.lyt-answer h4.hdg-link{
margin-bottom:0.5em;
font-weight:bold;
}

div.lyt-answer .image-unit{
float:right;
margin-left:24px;
width:287px;
padding-bottom:1px;
font-size:0.9em;
}

div.lyt-answer .list-link-01 li{
margin-bottom:0.5em;
line-height:1.28;
background-position:left 0.3em;
}

div.lyt-answer img{
vertical-align:middle;
}

div.box-related-card{
width:656px;
overflow:hidden;
}

div.box-related-card h4.hdg{
display:inline;
padding:3px 15px;
text-align:center;
background:#666;
color:#fff;
font-weight:normal;
font-size:0.85em;
line-height:1.7;
}

div.box-related-card ul{
width:674px;
overflow:hidden;
margin-top:10px;
}

div.box-related-card ul li{
display:inline;
float:left;
margin:0 18px 15px 0;
width:94px;
text-align:left;
overflow:hidden;
}

div.box-related-card p{
margin:0 0 0 0;
}

div.box-related-card p img{
padding-bottom:2px;
vertical-align:middle;
}

/*  box-series-01
----------------------------------------------- */
body.rules #str-main div.box-series-01{
margin-bottom:10px;
padding-bottom:7px;
background:url(/card-search/images/bg-box-series-01-02.png) no-repeat left bottom;
}

body.rules #str-main div.box-series-01-inner{
padding:11px 11px 0;
background:url(/card-search/images/bg-box-series-01-01.png) no-repeat left top;
}

body.rules #str-main div.box-series-01 *{
zoom:1;
}

body.rules #str-main div.box-series-01 dl{
margin-bottom:0;
}

body.rules #str-main div.box-series-01 dl dt{
margin-bottom:8px;
}

* html #str-main div.box-series-01 ul{
margin-bottom:5px;
}

body.rules #str-main div.box-series-01 ul li{
margin:0 10px 5px 0;
float:left;
width:314px;
font-size:0.85em;
}

body.rules #str-main div.box-series-01 ul label{
display:block;
}

body.rules #str-main div.box-series-01 ul label span{
padding:2px;
width:291px;
display:block;
float:right;
}

body.rules #str-main div.box-series-01 ul input{
margin-top:7px;
float:left;
}

* html #str-main div.box-series-01 ul input{
margin-top:2px;
margin-left:-4px;
}

*:first-child + html #str-main div.box-series-01 ul input{
margin-top:2px;
margin-left:-4px;
}

* html #str-main div.box-series-01 ul{
overflow:hidden;
width:648px;
}

#str-main .check-items label span.checked-item{
background-color:#def2fc;
}

#modal-select-mark{
display:none;
position:absolute;
top:-260px;
left:0;
z-index:10;
padding:20px 20px 10px 20px;
border:1px solid #aaaaaa;
width:669px;
background:#ffffff;
}

#modal-select-mark h4{
padding:0 0 5px 18px;
font-size:1.15em;
}

#modal-select-mark .text-unit{
float:left;
margin:0 !important;
width:375px;
}

#modal-select-mark .text-unit .section{
margin:0 0 20px 0;
width:375px;
background:none;
}

#modal-select-mark .text-unit .section ul.list-cardmark{
position:relative;
margin:0 0 3px 0;
padding:0 0 0 8px;
width:375px;
}

#modal-select-mark .text-unit .section ul.list-cardmark li{
float:left;
padding:0 0 0 20px;
width:33px;
}

#modal-select-mark .text-unit .section ul.list-cardmark li.other{
width:60px;
}

#modal-select-mark .text-unit .section ul.list-cardmark li img{
vertical-align:middle;
}

#modal-select-mark .text-unit .section ul.list-cardmark.even{
background:#f5f5f5;
}

#modal-select-mark .text-unit .section ul.list-cardmark li input{
margin:0 3px 0 -20px;
}

#modal-select-mark .image-unit{
float:right;
margin:0 !important;
width:270px;
}

#modal-select-mark .image-unit p{
margin-bottom:5px;
}

#modal-select-mark .image-unit ul.list-link-01{
padding-left:0;
}

#modal-select-mark p.close{
margin-bottom:0;
text-align:center;
clear:left;
}

/*  namesearch-tbl
----------------------------------------------- */
#str-main table.namesearch-tbl{
margin:0 0 0 2px;
}

#str-main table.namesearch-tbl td{
padding:0 5px 4px 6px;
}

#str-main table.namesearch-tbl td.disable{
opacity:0.5;
filter:alpha(opacity=50);
/* ie lt 8 */
}

#str-main div.namesearch-box{
margin:0 0 10px;
padding:8px;
border:1px solid #ccc;
}

#str-main div.namesearch-box-inner{
height:103px;
overflow:auto;
}

/*  nameList
----------------------------------------------- */
#str-main ul.nameList{
height:100%;
}

#str-main ul.nameList.default{
background:url(/card-search/images/bg-namesearch-box-default.png) no-repeat center center;
}

#str-main ul.nameList.default.trainers{
background:url(/card-search/images/bg-namesearch-box-trainers.png) no-repeat center center;
}

#str-main ul.nameList.default.energy{
background:url(/card-search/images/bg-namesearch-box-energy.png) no-repeat center center;
}

#str-main ul.nameList li{
position:relative;
float:left;
width:182px;
margin:0 10px 3px 0;
padding-left:18px;
}

#str-main ul.nameList li a{
display:block;
}

#str-main ul.nameList li:before{
content:"";
display:block;
position:absolute;
background-position:0 -688px;
height:14px;
width:14px;
top:0.25em;
left:0;
}

div.search-tgt{
width:660px;
clear:both;
padding-bottom:4px;
position:relative;
display:none;
}

div.search-tgt dl{
margin-bottom:5px;
}

div.search-tgt dl dt{
float:left;
font-weight:bold;
}

div.search-tgt dl dd{
float:left;
font-size:0.85em;
}

div.search-tgt.rule dl dt{
width:146px;
}

div.search-tgt.rule dl dd{
width:472px;
}

div.search-tgt.card dl dt{
width:186px;
}

div.search-tgt.card dl dd{
width:432px;
}

div.search-tgt dl dd input{
position:relative;
bottom:2px;
right:5px;
}

div.search-tgt dl dd ul{
padding:2px 0 0 1.3em;
margin-bottom:0;
}

div.search-tgt dl dd ul li.multi{
display:none;
}

div.page-back-info .unit{
float:left;
width:535px;
line-height:1.5;
font-size:0.85em;
}

div.page-back-info .unit.last-unit{
float:right;
width:136px;
}

div.box-related-word{
margin-bottom:2em;
padding-bottom:6px;
background:#f6f6f6;
border:1px solid #ccc;
width:654px;
}

div.box-related-word .inner{
padding:9px 12px 3px 12px;
}

div.box-related-word .lyt-column div{
display:inline-block;
vertical-align:middle;
zoom:1;
}

div.box-related-word .lyt-column .hdg{
padding:7px 0;
margin-right:15px;
width:100px;
height:auto;
background:#bbb;
color:#fff;
text-align:center;
}

div.box-related-word .lyt-column .hdg h4{
background:#bbb;
font-weight:normal;
}

div.box-related-word .lyt-column .content{
width:510px;
}

div.box-related-word .lyt-column .content ul.list-link-01{
margin:4px 0 0 0;
}

div.box-related-word .lyt-column .content ul.list-link-01 li{
display:inline-block;
margin-right:20px;
padding-left:16px;
zoom:1;
}

div.box-related-word p{
margin:0 0 0 0;
}

div.box-related-word p img{
padding-bottom:2px;
vertical-align:middle;
}

div.box-related-card{
width:656px;
overflow:hidden;
}

div.box-related-card h4.hdg{
display:inline;
padding:3px 15px;
text-align:center;
background:#666;
color:#fff;
font-weight:normal;
font-size:0.85em;
line-height:1.7;
}

div.box-related-card ul{
width:674px;
overflow:hidden;
margin-top:10px;
}

div.box-related-card ul li{
display:inline;
float:left;
margin:0 18px 15px 0;
width:94px;
text-align:left;
overflow:hidden;
}

div.box-related-card p{
margin:0 0 0 0;
}

div.box-related-card p img{
padding-bottom:2px;
vertical-align:middle;
}

div.box-evaluate,
div.box-evaluate .inner{
zoom:1;
}

div.box-evaluate{
margin-bottom:35px;
padding-bottom:6px;
}

div.box-evaluate .inner{
width:682px;
padding:6px 4px 0;
font-size:1.14em;
}

div.box-evaluate .hdg{
margin:0.85em 11px;
}

div.box-evaluate .hdg span{
/* Wrap with span = IE6/IE7 Bug Fix */
display:block;
padding:0.2em 0 0 31px;
min-height:27px;
height:auto !important;
height:27px;
background:url(/rules/faq/card/images/icon_note.png) no-repeat left top;
}

div.box-evaluate p{
margin-bottom:0.5em;
}

div.box-evaluate .list-notice-01{
margin-bottom:1em;
font-size:0.85em;
}

div.box-evaluate ul.btn-decision{
margin:0 0 1em 13px;
}

div.box-evaluate ul.btn-decision li{
display:inline;
margin-right:13px;
}

div.box-evaluate ul.btn-submit{
margin-bottom:1em;
text-align:center;
}

div.box-evaluate ul.btn-decision li{
display:inline;
}

div.box-evaluate form.opinion{
margin:0 13px;
}

div.box-evaluate form.opinion textarea{
width:100%;
font-size:12px;
}

div.box-evaluate p.thanks{
margin:5px 13px;
text-align:center;
}

/* -----------------------------------------------------------
    05. Navigation
----------------------------------------------------------- */
ul.nav-page-back{
margin-bottom:0.5em;
}

ul.nav-page-back li{
float:right;
}

ul.nav-page-back.mod-nav-space{
padding:1.5em 0 2.8em;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
#str-main .tabList:after,
#str-main ul.nav-cond-01:after,
#str-main ul.list-01:after,
#str-main div.list-02 ul:after,
#str-main div.lyt-product-01:after,
#str-main div.box-search-01 div.keyword-block ul li:after,
#str-main div.box-search-series-01 ul li label:after,
#str-main div.box-search-product-01 ul li label:after,
#str-main div.box-search-detail ul:after,
#str-main div.box-search-detail ul label:after,
#str-main ul.nav-keyword-01:after,
#str-main div.box-series-01 ul:after,
#str-main div.lyt-effect-01:after,
#str-main ul.nameList:after,
#str-main div.box-condition dl:after,
#str-main div.box-card-result-01 ul.imagelist:after,
div.search-tgt dl:after,
div.lyt-answer:after,
div.box-related-word:after,
div.box-related-word ul:after,
ul.nav-page-back:after,
ul#nav-faq-select:after,
#modal-select-mark:after,
#modal-select-mark ul.list-cardmark:after,
div.tab-box-cat-keyword .inner ul.nav:after,
div.tab-box-cat-keyword .inner .content:after,
div.tab-box-deck:after,
div.tab-box-deck .inner .content ul:after,
div.tab-box-cat-keyword .inner .content.keyword dl:after,
div.box-related-card ul:after,
#nav-local ul.list-01:after,
div.box-search-category .content#cat ul:after,
div.box-search-category .content#cat ul.current-cat li.current ul.popup-hidden:after,
div.box-search-category .content#cat ul.current-cat li.current ul.popup li ul:after,
div.box-search-01 form:after,
div.box-search-01 dl:after,
div.box-search-01 div.keyword-block dl:after,
div.box-search-01 div.keyword-block dl dd ul:after,
div.tab-box-deck .inner:after,
div.tab-box-deck .inner .content:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#str-main .tabList,
#str-main ul.nav-cond-01,
#str-main ul.list-01,
#str-main div.list-02 ul,
#str-main div.lyt-product-01,
#str-main div.box-search-01 div.keyword-block ul li,
#str-main div.box-search-series-01 ul li label,
#str-main div.box-search-product-01 ul li label,
#str-main div.box-search-detail ul,
#str-main div.box-search-detail ul li label,
#str-main div.box-card-search-01,
#str-main ul.list-notice-01.line,
#str-main ul.nav-keyword-01,
#str-main div.box-series-01 ul,
#str-main div.lyt-effect-01,
#str-main ul.nameList,
#str-main div.box-condition dl,
#str-main div.box-card-result-01 ul.imagelist,
div.search-tgt dl,
div.lyt-answer,
div.box-related-word,
div.box-related-word ul,
ul.nav-page-back,
ul#nav-faq-select,
#modal-select-mark,
#modal-select-mark ul.list-cardmark,
div.tab-box-cat-keyword .inner ul.nav,
div.tab-box-cat-keyword .inner .content,
div.tab-box-deck .inner .content ul,
div.tab-box-cat-keyword .inner .content.keyword dl,
div.box-related-card ul,
#nav-local ul.list-01 li.all-selected,
div.box-search-category .content#cat ul,
div.box-search-category .content#cat ul.current-cat li.current ul.popup-hidden,
div.box-search-category .content#cat ul.current-cat li.current ul.popup li ul,
div.box-search-01 form,
div.box-search-01 dl,
div.box-search-01 div.keyword-block dl,
div.box-search-01 div.keyword-block dl dd ul{
zoom:1;
}

/* -----------------------------------------------------------

    PCG Information Pages Styles
    
----------------------------------------------------------- */
/* -----------------------------------------------------------

    PCG Grossary Styles
    
    [Glossary] 
      02. Element

    [Self Clearing] 

----------------------------------------------------------- */
/* ===========================================================

   [Glossary] 

=========================================================== */
body.rules.popup{
background:#777;
padding-top:10px;
}

body.rules.popup #str-container{
width:550px;
min-width:0;
max-width:auto;
margin:0 auto;
background:#fff;
}

body.rules.popup #str-contents{
width:auto;
padding:18px 17px 0 17px;
background:none;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
#str-container #str-contents .inner ul.nav-glossary:after,
#str-container #str-contents .inner ul.list-link-01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#str-container #str-contents .inner ul.nav-glossary,
#str-container #str-contents .inner ul.list-link-01x{
zoom:1;
}

/* -----------------------------------------------------------

    PCG Information Pages Styles
    
----------------------------------------------------------- */
/* ===========================================================

   [Layout] 

=========================================================== */
body.series div.section,
body.policy div.section{
margin-bottom:2.8em;
}

/* ===========================================================

   [Element Settings] 

=========================================================== */
body.series ul.nav-page-05{
margin-bottom:0.35em;
}

body.series p.doc-update{
margin-bottom:0;
font-size:0.92em;
text-align:right;
}

.doc-exemption-01{
padding-top:25px;
border-top:1px solid #cccccc;
}

body.help table.tbl-data-02 tbody tr:nth-child(even) td{
background-color:#fafcfc;
}

body.help table.tbl-data-02 tbody tr.even td{
background-color:#fafcfc;
}

div.lyt-sitemap{
overflow:hidden;
margin-right:-38px;
_margin-bottom:2.5em;
}

div.link-information{
border-top:1px solid #cccccc;
margin-right:0;
padding-top:2em;
}

div.lyt-sitemap .unit{
_display:inline;
float:left;
margin:0 20px 2.5em 0;
width:355px;
}

div.link-information .unit{
margin-bottom:0;
}

div.lyt-sitemap .hdg-container,
div.lyt-sitemap .hdg-container h2{
background-repeat:no-repeat;
}

div.lyt-sitemap .hdg-container{
position:relative;
margin-bottom:0.75em;
padding-top:8px;
}

div.lyt-sitemap .hdg-container h2{
padding:0 0 8px 0;
font-weight:normal;
}

div.lyt-sitemap .hdg-container a{
display:block;
padding:8px 11px 8px 40px;
font-size:1.14em;
background:#222;
border-radius:4px;
color:#fff;
}

.lyt-sitemap .hdg-container:before{
content:"";
display:block;
position:absolute;
top:14px;
left:6px;
background-position:0 -29px;
height:27px;
width:27px;
}

.about .hdg-container:before{
background-position:0 -145px;
height:27px;
width:27px;
}

.products .hdg-container:before{
background-position:0 -116px;
height:27px;
width:27px;
}

.rules .hdg-container:before{
background-position:0 -58px;
height:27px;
width:27px;
}

.levelup .hdg-container:before{
background-position:0 -174px;
height:27px;
width:27px;
}

.event .hdg-container:before{
background-position:0 -87px;
height:27px;
width:27px;
}

.collection .hdg-container:before{
background-position:0 -203px;
height:27px;
width:27px;
}

.beginner .hdg-container:before{
background-position:0 0;
height:27px;
width:27px;
}

div.lyt-sitemap .hdg-container a:hover,
div.lyt-sitemap .hdg-container a:active,
div.lyt-sitemap .hdg-container a:focus{
color:#0099cc;
text-decoration:underline;
}

div.lyt-sitemap ul{
margin-bottom:0;
padding:0 10px;
}

div.lyt-sitemap.link-information ul li{
margin-bottom:1em;
}

ul.list-banner-01 li{
margin-bottom:15px;
_margin-bottom:12px;
padding-bottom:16px;
background:url(/shared/images/bg_dot_ccc.png) repeat-x left bottom;
}

ul.list-banner-01 li a.image{
display:block;
display:inline;
float:left;
width:99px;
margin-right:41px;
}

ul.list-banner-01 li a.text{
display:block;
float:left;
padding:0.3em 0 0 16px;
width:570px;
background:url(/shared/images/blt_arrow_03.png) no-repeat left 0.8em;
}

ul.list-banner-01 li a:hover span,
ul.list-banner-01 li a:active span,
ul.list-banner-01 li a:focus span{
text-decoration:underline;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
ul.list-banner-01 li:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

ul.list-banner-01 li{
zoom:1;
}

/* -----------------------------------------------------------

     PCG How to Styles

----------------------------------------------------------- */
/* ===========================================================

   [Modules] 

=========================================================== */
.hdg-l2-01 em{
margin:0 0 0 7px;
padding:2px 5px;
text-align:center;
font-weight:bold;
font-size:0.73em;
color:#fff;
position:relative;
bottom:2px;
}

.hdg-l2-01 em.rule-new{
background:#fc2a45;
}

.hdg-l2-01 em.rule-change{
background:#0d80ff;
}

.hdg-l3-number{
margin-bottom:0.5em;
border-bottom:1px solid #cccccc;
font-size:1.14em;
position:relative;
margin-right:30px;
}

.hdg-l3-number span{
display:block;
position:absolute;
left:31px;
top:1px;
#top:3px;
}

.hdg-l3-number img{
margin:0 0 6px 5px;
}

.change-condition{
position:relative;
padding-left:20px;
}

.change-condition:before{
content:"";
display:block;
position:absolute;
background-position:0 -562px;
height:15px;
width:16px;
top:0.25em;
left:0;
}

.change-condition.open:before{
background-position:0 -601px;
height:15px;
width:16px;
}

div.nav-category{
margin-bottom:20px;
}

div.nav-category ul.nav{
width:730px;
height:44px;
float:left;
background:url(/howto/play/images/bg_nav_category_default.png) no-repeat left top;
position:relative;
}

div.nav-category ul.nav li{
position:absolute;
top:0;
float:left;
}

div.nav-category ul.nav li:hover{
z-index:10;
}

div.nav-category ul.nav li.nav-01{
left:0;
}

div.nav-category ul.nav li.nav-02{
left:246px;
}

div.nav-category ul.nav li.nav-03{
right:0;
}

div.nav-category ul.btn{
padding:0 0 9px 10px;
text-align:center;
}

div.nav-category ul.btn li{
display:inline-block;
margin-right:10px;
}

.btn-play-01{
margin-bottom:11px;
}

.btn-field-01{
position:relative;
width:692px;
height:76px;
background:url(/rules/play/images/bg_index_01.png) no-repeat left top;
margin-bottom:11px;
}

.btn-field-02{
position:relative;
width:692px;
height:257px;
background:url(/rules/play/images/bg_index_02.png) no-repeat left top;
margin-bottom:11px;
}

.btn-field-03{
position:relative;
width:692px;
height:221px;
background:url(/rules/play/images/bg_index_03.png) no-repeat left top;
margin-bottom:11px;
}

.btn-list-01{
position:absolute;
margin:0;
padding:0;
top:20px;
left:19px;
}
.btn-list-01 > li{
float:left;
margin-right:15px;
}
.btn-list-01 > li:last-child{
margin-right:0;
}

.btn-list-02{
width:655px;
position:absolute;
margin:0;
padding:0;
top:47px;
left:28px;
}
.btn-list-02 li{
float:left;
margin-right:16px;
margin-bottom:5px;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
div.nav-category ul.nav:after,
div.nav-category ul.btn:after,
div.popup-block ul:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

div.nav-category ul.nav,
div.nav-category ul.btn,
div.popup-block ul{
zoom:1;
}

/* -----------------------------------------------------------

     PCG Beginner Styles

----------------------------------------------------------- */
/* ===========================================================

   [Modules] 

=========================================================== */
div.nav-item{
width:690px;
margin:18px 0 30px 0;
}

div.nav-item .item{
float:left;
width:220px;
margin:0 13px 15px 0;
display:inline;
font-size:0;
}

div.nav-item .last-child{
margin-right:0;
}

div.nav-item .item p{
margin-bottom:0;
font-size:0;
}

.hdg-l1-question{
margin-bottom:1em;
height:64px;
background:url(/shared/images/bg_hdg-l1-01.png) no-repeat;
}

.hdg-l1-question img{
margin:12px 0 0 20px;
}

.hdg-txt-answer{
margin-bottom:2.1em;
height:64px;
background:url(/shared/images/bg_hdg-txt-answer.png) no-repeat;
}

.hdg-txt-answer img{
margin:12px 0 0 20px;
}

.hdg-txt-answer.on-ruby img{
margin-top:8px;
}

.hdg-l1-beginner{
margin-bottom:15px;
}

#flow-area{
padding:7px 10px;
margin-bottom:20px;
width:670px;
height:409px;
background:url(/beginner/images/bg_flow_area.png) no-repeat;
}

#flow-area ul{
float:left;
}

#flow-area ul li{
margin-bottom:5px;
}

#flow-area div{
float:right;
margin:18px 6px 0 0;
width:485px;
}

#flow-area div.irregular{
margin:7px 6px 0 0;
}

#flow-area div h3{
margin-bottom:20px;
}

#flow-area div p{
margin-bottom:16px;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
div.nav-item:after,
#flow-area:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

div.nav-item,
#flow-area{
zoom:1;
}

/* -----------------------------------------------------------

     PCG Collection Styles

----------------------------------------------------------- */
/* -----------------------------------------------------------

    PCG Grossary Styles
    
    [Glossary] 
      02. Element

    [Self Clearing] 

----------------------------------------------------------- */
/* ===========================================================

   [Glossary] 

=========================================================== */
body.collection.popup{
background:#777;
padding-top:10px;
}

body.collection.popup #str-container{
width:auto;
min-width:0;
max-width:auto;
margin:0 auto;
background:#fff;
}

body.collection.popup #str-contents{
width:auto;
padding:18px 17px 0 17px;
background:none;
}

ul.list-btn-01{
position:relative;
margin:0 -14px 0 0;
_margin-bottom:1.57em;
}

ul.list-btn-01 li{
float:left;
width:230px;
margin:0 0 4px 0;
line-height:1.57;
}

ul.list-btn-01 li a{
display:block;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
.list-btn-01:after,
#str-container #str-contents .inner ul.nav-glossary:after,
#str-container #str-contents .inner ul.list-link-01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

.list-btn-01,
#str-container #str-contents .inner ul.nav-glossary,
#str-container #str-contents .inner ul.list-link-01x{
zoom:1;
}

/* -----------------------------------------------------------

     PCG Levelup Styles

----------------------------------------------------------- */
/* ===========================================================

   [Layout] 

=========================================================== */
body.levelup.popup{
background:#777;
}

body.levelup.popup #str-container{
width:auto;
min-width:0;
max-width:auto;
margin:0 auto;
background:#fff;
}

body.levelup.popup #str-contents{
width:auto;
padding:18px 17px 0 17px;
background:none;
}

body.levelup.popup.type2 #str-container{
width:764px;
}

/* ===========================================================

   [Modules] 

=========================================================== */
div.nav-item{
width:690px;
margin:18px 0 30px 0;
}

div.nav-item .item{
float:left;
width:220px;
margin:0 13px 15px 0;
display:inline;
font-size:0;
}

div.nav-item .last-child{
margin-right:0;
}

div.nav-item .item p{
margin-bottom:0;
font-size:0;
}

#flow-area{
padding:7px 10px;
margin-bottom:20px;
width:670px;
height:409px;
background:url(/beginner/images/bg_flow_area.png) no-repeat;
}

#flow-area ul{
float:left;
}

#flow-area ul li{
margin-bottom:5px;
}

#flow-area div{
float:right;
margin:18px 6px 0 0;
width:485px;
}

#flow-area div.irregular{
margin:7px 6px 0 0;
}

#flow-area div h3{
margin-bottom:20px;
}

#flow-area div p{
margin-bottom:16px;
}

body.levelup .lyt-column.image-parallel-L-01.index-01 .text-unit p{
width:230px;
float:left;
}

body.levelup .lyt-column.image-parallel-L-01.index-01 .text-unit .btn{
width:185px;
float:right;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
body.levelup .lyt-column.image-parallel-L-01.index-01 .text-unit:after,
div.nav-item:after,
#flow-area:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

body.levelup .lyt-column.image-parallel-L-01.index-01 .text-unit,
div.nav-item,
#flow-area{
zoom:1;
}

/* -----------------------------------------------------------

     Card Search Styles

----------------------------------------------------------- */
/* ===========================================================

   [Modules] 

=========================================================== */
/*  tab
----------------------------------------------- */
/* non active tab panel */
#str-main .tabContainer .tabPanel{
display:none;
outline:none;
}

/* active tab panel */
#str-main .tabContainer .tabPanel.active{
display:block;
}

/* hide tab title */
#str-main .tabContainer .tabPanel .tabTitle{
position:absolute;
left:-999em;
top:-999em;
}

/*
 * JavaScript OFF
 */
/* Static tab panel */
#str-main .tabContainer .static .tabPanel{
display:block;
}

/* Static tab title */
#str-main .tabContainer .static .tabPanel .tabTitle{
position:static;
top:auto;
left:auto;
}

#str-main .tabList{
margin-bottom:0;
}

body.rules #str-main .tabList{
border-bottom:7px solid #239800;
}

body.rules #str-main .tabContainer .tabs{
padding-top:10px;
border:2px solid #239800;
border-top:none;
}

body.levelup #str-main .tabList{
border-bottom:7px solid #ff8500;
}

body.levelup #str-main .tabContainer .tabs{
padding-top:10px;
border:2px solid #ff8500;
border-top:none;
}

body #str-main .tabList.no-tab{
border:none;
}

#str-main .tabList li{
margin-right:15px;
float:left;
}

body.levelup #str-main .tabList li{
margin-right:16px;
}

#str-main .tabList li a{
cursor:default;
}

#str-main .innerTab .tabList{
padding:10px 8px 9px;
}

#str-main div.lyt-section .innerTab .tabList{
padding:0 0 4px;
background:none;
}

#str-main .innerTab .tabList li{
margin-right:5px;
padding-bottom:15px;
float:left;
}

#str-main div.box-card-search-01-inner{
padding:10px;
}

/*  list-xx
----------------------------------------------- */
#str-main div.list-01{
margin:0 8px 30px;
width:654px;
overflow:hidden;
}

#str-main div.list-01 ul{
width:660px;
}

#str-main div.list-01 ul li{
margin-right:6px;
float:left;
}

#str-main div.list-02{
margin:0 8px 30px;
width:654px;
overflow:hidden;
}

#str-main div.list-02 ul{
width:665px;
}

#str-main div.list-02 li{
margin:0 11px 8px 0;
float:left;
}

#str-main ul.list-03{
margin:0 8px 30px;
text-align:center;
}

#str-main ul.list-03 li{
margin:0 10px;
display:inline;
}

/*  lyt-product-01
----------------------------------------------- */
#str-main div.lyt-product-01{
margin:0 8px 10px;
}

/*  box-search-series-01
----------------------------------------------- */
#str-main div.box-search-series-01{
padding-bottom:7px;
float:left;
width:335px;
}

#str-main div.box-search-product-01{
padding-bottom:7px;
float:right;
width:335px;
}

#str-main .box-card-search-01-inner div.box-search-series-01,
#str-main .box-card-search-01-inner div.box-search-product-01{
width:325px;
}

#str-main div.box-search-series-01-inner,
#str-main div.box-search-product-01-inner{
padding:11px 11px 0;
}

#str-main .box-card-search-01-inner div.box-search-series-01-inner{
padding-left:0;
}

#str-main .box-card-search-01-inner div.box-search-product-01-inner{
padding-right:0;
}

#str-main div.box-search-series-01 *,
#str-main div.box-search-product-01 *{
zoom:1;
}

#str-main div.box-search-series-01 dl,
#str-main div.box-search-product-01 dl{
margin-bottom:8px;
padding-bottom:14px;
}

#str-main div.box-search-series-01 dl dt,
#str-main div.box-search-product-01 dl dt{
margin-bottom:8px;
}

#str-main div.box-search-series-01 dl dd,
#str-main div.box-search-product-01 dl dd{
height:180px;
overflow:auto;
}

#str-main div.box-search-series-01 ul li,
#str-main div.box-search-product-01 ul li{
margin-bottom:5px;
font-size:0.85em;
}

#str-main div.box-search-series-01 ul label,
#str-main div.box-search-product-01 ul label{
padding-right:5px;
display:block;
}

#str-main div.box-search-series-01 ul label span,
#str-main div.box-search-product-01 ul label span{
padding:2px;
width:262px;
display:block;
float:right;
}

#str-main div.box-search-series-01 ul input,
#str-main div.box-search-product-01 ul input{
margin-top:7px;
float:left;
}

* html #str-main div.box-search-series-01 ul input,
* html #str-main div.box-search-product-01 ul input{
margin-top:2px;
margin-left:-4px;
}

*:first-child + html #str-main div.box-search-series-01 ul input,
*:first-child + html #str-main div.box-search-product-01 ul input{
margin-top:2px;
margin-left:-4px;
}

#str-main ul.nav-product-01{
margin-bottom:5px;
}

#str-main ul.nav-product-01 li{
margin-right:6px;
padding-bottom:12px;
float:left;
}

#str-main select.selectSeries,
#str-main select.selectProducts{
margin-bottom:8px;
padding:7px;
width:670px;
color:#666666;
font-size:1em;
}

#str-main select.selectPoint{
margin-bottom:8px;
padding:3px 4px 3px;
font-size:0.85em;
color:#666666;
border:1px solid #9e9e9e;
background:#fafafa;
}

#str-main fieldset{
margin:0;
padding:0;
border:none;
}

/*  list-date-01
----------------------------------------------- */
#str-main dl.list-date-01{
margin-bottom:10px;
text-align:right;
}

#str-main dl.list-date-01 dt{
display:inline;
}

#str-main dl.list-date-01 dd{
margin-right:9px;
padding-right:9px;
border-right:1px solid #8a8a8a;
display:inline;
}

#str-main dl.list-date-01 dd.last-child{
margin-right:0;
padding-right:0;
border-right:none;
}

/*  box-series-01
----------------------------------------------- */
#str-main div.box-series-01{
margin-bottom:10px;
padding-bottom:7px;
border:1px solid #ccc;
}

#str-main div.box-series-01-inner{
padding:11px 11px 0;
}

#str-main div.box-series-01 *{
zoom:1;
}

#str-main div.box-series-01 dl{
margin-bottom:0;
}

#str-main div.box-series-01 dl dt{
margin-bottom:8px;
}

* html #str-main div.box-series-01 ul{
margin-bottom:5px;
}

#str-main div.box-series-01 ul li{
margin:0 10px 5px 0;
float:left;
width:314px;
font-size:0.85em;
}

#str-main div.box-series-01 ul label{
display:block;
}

#str-main div.box-series-01 ul label span{
padding:2px;
width:291px;
display:block;
float:right;
}

#str-main div.box-series-01 ul input{
margin-top:7px;
float:left;
}

* html #str-main div.box-series-01 ul input{
margin-top:2px;
margin-left:-4px;
}

*:first-child + html #str-main div.box-series-01 ul input{
margin-top:2px;
margin-left:-4px;
}

* html #str-main div.box-series-01 ul{
overflow:hidden;
width:648px;
}

/* -----------------------------------------------------------
    04. Layout, Box
----------------------------------------------------------- */
/*  lyt-effect-01
----------------------------------------------- */
#str-main div.lyt-effect-01{
background:url(/card-search/images/line_dot_04.png) repeat-y center top;
}

#str-main div.lyt-effect-01 div.section{
float:left;
width:332px;
background:url(/card-search/images/line_dot_04.png) repeat-x left bottom;
}

#str-main div.lyt-effect-01 div.section.col1{
float:none;
width:auto;
clear:both;
overflow:hidden;
background:#fff none;
}

#str-main div.lyt-effect-01 div.section dl{
margin-bottom:0;
padding:10px 10px 0 0;
}

#str-main div.lyt-effect-01 div.section.col1 dl{
margin-bottom:0;
padding:10px 0 0 0;
}

#str-main div.lyt-effect-01 div.section.even dl{
padding:10px 0 0 10px;
}

#str-main div.lyt-effect-01 div.section dl dt{
font-weight:bold;
font-size:0.85em;
}

#str-main div.lyt-effect-01 div.section ul{
margin-bottom:5px;
overflow:hidden;
}

#str-main div.lyt-effect-01 div.section.col1 ul{
margin-bottom:0;
}

#str-main div.lyt-effect-01 div.section ul li{
float:none;
clear:both;
white-space:normal;
}

#str-main div.lyt-effect-01 div.section ul li.half{
float:left;
clear:none;
}

#str-main div.lyt-effect-01 div.section ul li label{
padding-right:0;
white-space:normal;
}

#str-main div.lyt-effect-01 div.section ul li.half label{
padding-right:6px;
white-space:nowrap;
}

#str-main div.lyt-effect-01 div.section li label span{
width:268px;
}

#str-main div.lyt-effect-01 div.section li.half label span{
width:auto;
}

#str-main div.lyt-effect-01 div.section.col1 li label span{
width:598px;
}

#str-main div.lyt-effect-01 div.section.col1 li label span span.explanation{
padding:0;
width:auto;
float:none;
}

/*  box-search-keyword
----------------------------------------------- */
#str-main .box-search-keyword{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #ccc;
}

#str-main div.box-search-detail ul{
margin-bottom:13px;
}

#str-main div.box-search-detail ul li{
margin-bottom:5px;
float:left;
font-size:0.85em;
}

#str-main div.box-search-detail ul li label{
padding-right:6px;
display:block;
*display:inline;
white-space:nowrap;
}

#str-main div.box-search-detail ul li label span{
padding:2px;
display:block;
float:right;
}

#str-main div.box-search-detail ul li label span{
padding:2px 5px;
float:left;
}

#str-main div.box-search-detail ul li input{
margin-top:7px;
margin-right:5px;
float:left;
}

/*  box-condition
----------------------------------------------- */
#str-main div.box-condition{
margin-bottom:5px;
background:url(/card-search/images/bg_box_condition_02.png) repeat-y left top;
zoom:1;
}

#str-main div.box-condition-inner{
background:url(/card-search/images/bg_box_condition_01.png) no-repeat left top;
}

#str-main div.box-condition dl{
margin-bottom:0;
background:url(/card-search/images/bg_box_condition_03.png) no-repeat left bottom;
}

#str-main div.box-condition dl dt{
padding:10px 0 12px 13px;
width:136px;
float:left;
font-size:12px;
line-height:1;
}

#str-main div.box-condition dl dd{
width:505px;
float:left;
}

#str-main div.box-condition dl dd ul{
padding:5px 5px 5px 10px;
}

#str-main div.box-condition dl dd ul li{
margin-right:10px;
display:inline-block;
*display:inline;
zoom:1;
}

/*  box-card-result-01
----------------------------------------------- */
#str-main div.box-card-result-01{
margin-bottom:5px;
background:url(/card-search/images/bg_box_card_result_01_02.png) repeat-y left top;
zoom:1;
}

#str-main div.box-card-result-01-inner{
background:url(/card-search/images/bg_box_card_result_01_01.png) no-repeat left top;
}

#str-main div.box-card-result-01-inner2{
padding:8px 0 10px 30px;
background:url(/card-search/images/bg_box_card_result_01_03.png) no-repeat left bottom;
}

#str-main div.box-card-result-01 ul.imagelist li{
margin-right:1px;
width:124px;
float:left;
}

#str-main div.box-card-result-01 ul.imagelist li a{
padding:0 5px;
display:block;
width:114px;
min-height:192px;
height:auto !important;
height:192px;
background:url(/card-search/images/bg_img_result.png) no-repeat left top;
font-size:12px;
line-height:1;
color:#fff;
text-align:center;
}

#str-main div.box-card-result-01 ul.imagelist li .bg-card-beside{
background:url(/card-search/images/bg_img_bs_result.png) no-repeat left top;
}

#str-main div.box-card-result-01 ul.imagelist li a:hover,
#str-main div.box-card-result-01 ul.imagelist li a:active,
#str-main div.box-card-result-01 ul.imagelist li a:focus{
background:url(/card-search/images/bg_img_result_o.png) no-repeat left top;
text-decoration:none;
}

#str-main div.box-card-result-01 ul.imagelist li .bg-card-beside:hover,
#str-main div.box-card-result-01 ul.imagelist li .bg-card-beside:active,
#str-main div.box-card-result-01 ul.imagelist li .bg-card-beside:focus{
background:url(/card-search/images/bg_img_bs_result_o.png) no-repeat left top;
text-decoration:none;
}

#str-main div.box-card-result-01 ul.imagelist li a img{
margin:17px 0 7px;
}

#str-main div.box-card-result-01 ul.imagelist li a .icon{
margin:0 4px 0 0;
}

/*  box-card-result-01 type-02
----------------------------------------------- */
#str-main div.box-card-result-01.type-02{
background:#fff;
border:1px solid #ccc;
}

#str-main div.box-card-result-01.type-02 ul.imagelist{
margin-top:10px;
margin-left:10px;
}

#str-main div.box-card-result-01.type-02 ul.imagelist li{
width:166px;
padding-bottom:10px;
}

#str-main div.box-card-result-01.type-02 ul.imagelist li a{
width:150px;
height:auto;
min-height:inherit;
background-position:center top;
font-size:14px;
line-height:1.2;
background:none;
color:#09c;
}

#str-main div.box-card-result-01.type-02 ul.imagelist li a:hover,
#str-main div.box-card-result-01.type-02 ul.imagelist li a .caption:hover{
text-decoration:underline;
}

#str-main div.box-card-result-01.type-02 ul.imagelist li a img{
margin-top:10px;
}

#str-main div.box-card-result-01.type-02 ul.imagelist li .icon{
margin-top:0;
}

#str-main div.box-card-result-01.type-02 ul.imagelist li .caption{
display:inline-block;
font-size:12px;
line-height:1.2;
color:#333;
text-align:left;
}

/*  nav-pager-01
----------------------------------------------- */
#str-main ul.nav-pager-01{
text-align:right;
}

#str-main ul.nav-pager-01 li{
margin-left:10px;
display:inline;
}

#str-main ul.nav-pager-01 li a.current{
color:#3e3e3e;
font-weight:bold;
}

/*  tbl-result-01
----------------------------------------------- */
#str-main div.box-card-result{
margin-bottom:5px;
padding-top:7px;
}

#str-main table.tbl-result-01{
margin:0;
width:688px;
border-collapse:collapse;
}

#str-main table.tbl-result-01 th,
#str-main table.tbl-result-01 td{
text-align:center;
vertical-align:middle;
}

/*   thead   */
#str-main table.tbl-result-01 thead th{
padding:5px 0;
border:1px solid #666;
background:#999;
color:#fff;
font-weight:bold;
}

#str-main table.tbl-result-01 thead th.type{
width:104px;
}

#str-main table.tbl-result-01 thead th.num{
width:103px;
}

#str-main table.tbl-result-01 thead th.cardName{
width:189px;
}

#str-main table.tbl-result-01 thead th.category{
width:99px;
}

#str-main table.tbl-result-01 thead th.level{
width:88px;
}

#str-main table.tbl-result-01 thead th.hp{
width:71px;
}

#str-main table.tbl-result-01 thead th img{
margin-right:5px;
vertical-align:middle;
}

/*   tbody   */
#str-main table.tbl-result-01 tbody{
border-left:1px solid #ccc;
}

#str-main table.tbl-result-01 tbody td{
padding:5px 0;
background:#f7f7f7 url(/card-search/images/bg_tbl_result_01_04.png) no-repeat right bottom;
zoom:1;
}

#str-main table.tbl-result-01.type1 tbody td{
padding:5px;
}

#str-main table.tbl-result-01 tbody tr.last-child td{
background-image:url(/card-search/images/bg_tbl_result_01_05.png);
background-position:right bottom;
background-repeat:no-repeat;
}

#str-main table.tbl-result-01 tbody tr:nth-child(2n) th,
#str-main table.tbl-result-01 tbody tr:nth-child(2n) td{
background-color:#fff;
}

#str-main table.tbl-result-01 tbody tr.even th,
#str-main table.tbl-result-01 tbody tr.even td{
background-color:#fff;
}

#str-main table.tbl-result-01 tbody tr.last-child td.first-child{
border-left:0 none;
}

#str-main table.tbl-result-01 tbody tr.last-child td.sum{
background:none;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
font-weight:bold;
}

#str-main img.icon-type{
margin:0 2px 0 1px;
position:relative;
top:-2px;
vertical-align:middle;
}

/* ===========================================================

   [popup] 

=========================================================== */
body.card-search.popup{
background:#999;
}

body.card-search.popup #str-container{
min-width:733px;
background:transparent;
}

body.card-search.popup #str-contents{
padding:0;
padding-bottom:10px;
width:733px;
background-repeat:no-repeat;
background-position:left bottom;
}

body.card-search.popup .kusa #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_kusa.png);
}

body.card-search.popup .honoo #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_honoo.png);
}

body.card-search.popup .mizu #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_mizu.png);
}

body.card-search.popup .kaminari #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_kaminari.png);
}

body.card-search.popup .chou #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_chou.png);
}

body.card-search.popup .tou #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_tou.png);
}

body.card-search.popup .aku #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_aku.png);
}

body.card-search.popup .hagane #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_hagane.png);
}

body.card-search.popup .fairy #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_fairy.png);
}

body.card-search.popup .dragon #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_dragon.png);
}

body.card-search.popup .mushoku #str-contents{
background-image:url(/card-search/images/bg_str_contents_01_mushoku.png);
}

body.card-search.popup #str-contents-inner{
background-repeat:no-repeat;
background-position:left top;
}

body.card-search.popup .kusa #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_kusa.png);
}

body.card-search.popup .honoo #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_honoo.png);
}

body.card-search.popup .mizu #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_mizu.png);
}

body.card-search.popup .kaminari #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_kaminari.png);
}

body.card-search.popup .chou #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_chou.png);
}

body.card-search.popup .tou #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_tou.png);
}

body.card-search.popup .aku #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_aku.png);
}

body.card-search.popup .hagane #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_hagane.png);
}

body.card-search.popup .fairy #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_fairy.png);
}

body.card-search.popup .dragon #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_dragon.png);
}

body.card-search.popup .mushoku #str-contents-inner{
background-image:url(/card-search/images/bg_str_contents_02_mushoku.png);
}

body.card-search.popup div#str-main{
padding:15px 13px 40px;
width:515px;
}

body.card-search.popup div#str-sub{
padding:10px 11px;
width:170px;
}

body.card-search.popup p{
margin-bottom:14px;
}

/*-------------------------------------------------------------*/
body.card-search.popup h3.hdg-l3-01{
padding-right:3em;
}

body.card-search.popup h3.hdg-l3-01 span.point{
padding:0;
position:absolute;
top:0;
right:0;
background:none;
}

body.card-search.popup div.box-basic-data{
margin-bottom:30px;
padding-bottom:4px;
background-image:url(/card-search/images/bg_box_basic_data_01.png);
background-repeat:no-repeat;
}

body.card-search.popup .kusa div.box-basic-data{
background-color:#e4f2e9;
background-position:0 100%;
}

body.card-search.popup .honoo div.box-basic-data{
background-color:#fce8e8;
background-position:-515px 100%;
}

body.card-search.popup .mizu div.box-basic-data{
background-color:#e1f1fa;
background-position:-1030px 100%;
}

body.card-search.popup .kaminari div.box-basic-data{
background-color:#fff8d1;
background-position:-1545px 100%;
}

body.card-search.popup .chou div.box-basic-data{
background-color:#e9e4f2;
background-position:-2060px 100%;
}

body.card-search.popup .tou div.box-basic-data{
background-color:#f7e5da;
background-position:-2575px 100%;
}

body.card-search.popup .aku div.box-basic-data{
background-color:#8fa6a8;
background-position:-3090px 100%;
}

body.card-search.popup .hagane div.box-basic-data{
background-color:#aba8a4;
background-position:-3605px 100%;
}

body.card-search.popup .fairy div.box-basic-data{
background-color:#ffdbee;
background-position:-5150px 100%;
}

body.card-search.popup .dragon div.box-basic-data{
background-color:#e6e1d3;
background-position:-4120px 100%;
}

body.card-search.popup .mushoku div.box-basic-data{
background-color:#e3e3e3;
background-position:-4635px 100%;
}

body.card-search.popup div.box-basic-data-inner{
padding:5px 10px 1px;
background-image:url(/card-search/images/bg_box_basic_data_02.png);
background-repeat:no-repeat;
*zoom:1;
}

body.card-search.popup .kusa div.box-basic-data-inner{
background-position:0 0;
}

body.card-search.popup .honoo div.box-basic-data-inner{
background-position:-515px 0;
}

body.card-search.popup .mizu div.box-basic-data-inner{
background-position:-1030px 0;
}

body.card-search.popup .kaminari div.box-basic-data-inner{
background-position:-1545px 0;
}

body.card-search.popup .chou div.box-basic-data-inner{
background-position:-2060px 0;
}

body.card-search.popup .tou div.box-basic-data-inner{
background-position:-2575px 0;
}

body.card-search.popup .aku div.box-basic-data-inner{
background-position:-3090px 0;
}

body.card-search.popup .hagane div.box-basic-data-inner{
background-position:-3605px 0;
}

body.card-search.popup .fairy div.box-basic-data-inner{
background-position:-5150px 0;
}

body.card-search.popup .dragon div.box-basic-data-inner{
background-position:-4120px 0;
}

body.card-search.popup .mushoku div.box-basic-data-inner{
background-position:-4635px 0;
}

body.card-search.popup div.box-basic-data img{
position:relative;
top:-2px;
vertical-align:middle;
}

body.card-search.popup div.box-basic-data img[alt="プラズマ団"]{
top:0;
}

body.card-search.popup dl.basic-data{
margin-bottom:0;
display:inline;
}

body.card-search.popup dl.basic-data dt{
display:inline;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
line-height:1;
}

body.card-search.popup dl.basic-data dd{
margin-right:9px;
padding-right:11px;
display:inline;
background-repeat:repeat-y;
background-position:right 4px;
background-image:url(/card-search/images/line_01.png);
line-height:1;
font-size:1.5em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

body.card-search.popup .kusa dl.basic-data dd{
background-image:url(/card-search/images/line_01_kusa.png);
}

body.card-search.popup .honoo dl.basic-data dd{
background-image:url(/card-search/images/line_01_honoo.png);
}

body.card-search.popup .mizu dl.basic-data dd{
background-image:url(/card-search/images/line_01_mizu.png);
}

body.card-search.popup .kaminari dl.basic-data dd{
background-image:url(/card-search/images/line_01_kaminari.png);
}

body.card-search.popup .chou dl.basic-data dd{
background-image:url(/card-search/images/line_01_chou.png);
}

body.card-search.popup .tou dl.basic-data dd{
background-image:url(/card-search/images/line_01_tou.png);
}

body.card-search.popup .aku dl.basic-data dd{
background-image:url(/card-search/images/line_01_aku.png);
}

body.card-search.popup .hagane dl.basic-data dd{
background-image:url(/card-search/images/line_01_hagane.png);
}

body.card-search.popup .fairy dl.basic-data dd{
background-image:url(/card-search/images/line_01_fairy.png);
}

body.card-search.popup .dragon dl.basic-data dd{
background-image:url(/card-search/images/line_01_dragon.png);
}

body.card-search.popup .mushoku dl.basic-data dd{
background-image:url(/card-search/images/line_01_mushoku.png);
}

body.card-search.popup dl.type-01{
margin-bottom:0;
display:inline;
}

body.card-search.popup dl.type-01 dt{
margin-right:5px;
display:inline;
font-weight:bold;
line-height:1;
}

body.card-search.popup dl.type-01 dd{
display:inline;
line-height:1;
}

body.card-search.popup dl.type-01 dd span{
letter-spacing:1px;
}

body.card-search.popup table.status{
margin-bottom:10px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#d4d4d4;
background-color:#ffffff;
}

body.card-search.popup table.status th,
body.card-search.popup table.status td{
padding:0 6px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#d4d4d4;
vertical-align:middle;
}

body.card-search.popup table.status th{
background-color:#d4d4d4;
font-weight:bold;
text-align:center;
}

body.card-search.popup dl.list-series-01{
margin-bottom:30px;
}

body.card-search.popup dl.list-series-01 dt{
float:left;
font-size:12px;
line-height:1;
margin-top:5px;
}

body.card-search.popup dl.list-series-01 dd{
float:right;
width:422px;
}

body.card-search.popup dl.list-series-01 dd ul{
margin-bottom:0;
}

body.card-search.popup dl.list-series-01 dd ul li{
position:relative;
}

body.card-search.popup dl.list-series-01 dd ul li a{
padding-left:28px;
display:inline-block;
zoom:1;
}

body.card-search.popup dl.list-series-01 dd ul li a img{
position:absolute;
top:2px;
left:0;
}

body.card-search.popup dl.list-series-01 dd ul li a img.icon{
position:static !important;
}

body.card-search.popup ul.list-notice-01{
margin-bottom:30px;
font-size:0.85em;
}

body.card-search.popup ul.list-notice-01.footer{
margin-bottom:0;
padding-top:1em;
border-top:2px solid #d4d4d4;
}

body.card-search.popup table.evolution{
margin-bottom:30px;
width:100%;
}

body.card-search.popup table.evolution th,
body.card-search.popup table.evolution td{
padding:0 3px;
text-align:center;
vertical-align:middle;
}

body.card-search.popup table.evolution a{
display:inline-block;
*display:inline;
*zoom:1;
text-decoration:underline;
}

body.card-search.popup table.evolution a strong{
display:inline-block;
*display:inline;
border:1px solid #b0b0b0;
padding:0 3px;
background:#fffbd3;
text-decoration:underline;
*cursor:pointer;
*zoom:1;
}

body.card-search.popup table.evolution a:link,
body.card-search.popup table.evolution a:visited,
body.card-search.popup table.evolution a:hover,
body.card-search.popup table.evolution a:active,
body.card-search.popup table.evolution a:focus{
color:#474747;
}

body.card-search.popup div.separate-01{
margin-bottom:10px;
height:1px;
background:url(/card-search/images/line_dot_04.png) repeat-x left bottom;
}

/*-------------------------------------------------------------*/
body.card-search.popup p.image-card{
margin-bottom:8px;
padding:4px;
background:url(/card-search/images/bg_image_card.png) no-repeat left top;
}

body.card-search.popup p.image-card-beside{
margin-bottom:8px;
padding:4px;
background:url(/card-search/images/bg_image_bs_card.png) no-repeat left top;
}

body.card-search.popup p.btn-zoom{
margin-bottom:8px;
}

body.card-search.popup p.btn-all{
margin-bottom:1.42em;
}

body.card-search.popup div.box-util-01{
margin-bottom:7px;
padding-bottom:3px;
background:white url(/card-search/images/bg_box_util_01_02.png) no-repeat left bottom;
}

body.card-search.popup div.box-util-01-inner{
padding:3px 0 0;
background:url(/card-search/images/bg_box_util_01_01.png) no-repeat left top;
}

body.card-search.popup p.collect-no{
margin-bottom:0;
text-align:center;
vertical-align:middle;
line-height:1;
letter-spacing:1px;
}

body.card-search.popup p.collect-no *{
vertical-align:middle;
line-height:1;
}

body.card-search.popup p.collect-no em{
font-size:1.14em;
font-family:Arial, Helvetica, sans-serif;
}

body.card-search.popup table.spec{
margin:0 auto 7px;
}

body.card-search.popup table.spec th{
padding:0 5px 5px 0;
line-height:1.5;
}

body.card-search.popup table.spec td{
padding:0 0 5px 0;
line-height:1.5;
}

body.card-search.popup div.box-util-01{
margin-bottom:7px;
padding-bottom:3px;
background-color:#fff;
background-repeat:no-repeat;
background-image:url(/card-search/images/bg_box_util_01_02.png);
}

body.card-search.popup .kusa div.box-util-01{
background-position:0 100%;
}

body.card-search.popup .honoo div.box-util-01{
background-position:-170px 100%;
}

body.card-search.popup .mizu div.box-util-01{
background-position:-340px 100%;
}

body.card-search.popup .kaminari div.box-util-01{
background-position:-510px 100%;
}

body.card-search.popup .chou div.box-util-01{
background-position:-680px 100%;
}

body.card-search.popup .tou div.box-util-01{
background-position:-850px 100%;
}

body.card-search.popup .aku div.box-util-01{
background-position:-1020px 100%;
}

body.card-search.popup .hagane div.box-util-01{
background-position:-1190px 100%;
}

body.card-search.popup .dragon div.box-util-01{
background-position:-1360px 100%;
}

body.card-search.popup .mushoku div.box-util-01{
background-position:-1530px 100%;
}

body.card-search.popup body.card-search.popup div.box-util-01-inner{
padding:3px 0 0;
background-repeat:no-repeat;
background-image:url(/card-search/images/bg_box_util_01_01.png);
}

body.card-search.popup .kusa div.box-util-01-inner{
background-position:0 0;
}

body.card-search.popup .honoo div.box-util-01-inner{
background-position:-170px 0;
}

body.card-search.popup .mizu div.box-util-01-inner{
background-position:-340px 0;
}

body.card-search.popup .kaminari div.box-util-01-inner{
background-position:-510px 0;
}

body.card-search.popup .chou div.box-util-01-inner{
background-position:-680px 0;
}

body.card-search.popup .tou div.box-util-01-inner{
background-position:-850px 0;
}

body.card-search.popup .aku div.box-util-01-inner{
background-position:-1020px 0;
}

body.card-search.popup .hagane div.box-util-01-inner{
background-position:-1190px 0;
}

body.card-search.popup .dragon div.box-util-01-inner{
background-position:-1360px 0;
}

body.card-search.popup .mushoku div.box-util-01-inner{
background-position:-1530px 0;
}

body.card-search.popup dl.box-spec-01 dt{
line-height:1;
}

body.card-search.popup dl.box-spec-01 dd{
padding:8px 0;
background-color:#fff;
background-repeat:no-repeat;
}

body.card-search.popup .kusa dl.box-spec-01 dd{
background-position:0 100%;
}

body.card-search.popup .honoo dl.box-spec-01 dd{
background-position:-170px 100%;
}

body.card-search.popup .mizu dl.box-spec-01 dd{
background-position:-340px 100%;
}

body.card-search.popup .kaminari dl.box-spec-01 dd{
background-position:-510px 100%;
}

body.card-search.popup .chou dl.box-spec-01 dd{
background-position:-680px 100%;
}

body.card-search.popup .tou dl.box-spec-01 dd{
background-position:-850px 100%;
}

body.card-search.popup .aku dl.box-spec-01 dd{
background-position:-1020px 100%;
}

body.card-search.popup .hagane dl.box-spec-01 dd{
background-position:-1190px 100%;
}

body.card-search.popup .dragon dl.box-spec-01 dd{
background-position:-1360px 100%;
}

body.card-search.popup .mushoku dl.box-spec-01 dd{
background-position:-1530px 100%;
}

body.card-search.popup dl.box-spec-01 dd p.numbering{
margin-bottom:5px;
padding:0 8px;
font-weight:bold;
line-height:1.5;
}

body.card-search.popup dl.box-spec-01 dd p.numbering span.no{
font-size:1.07em;
font-family:Arial, Helvetica, sans-serif;
}

body.card-search.popup dl.box-spec-01 dd p.numbering span.name{
letter-spacing:0.25px;
}

body.card-search.popup dl.box-spec-01 dd p.spec{
margin-bottom:10px;
padding:0 8px;
letter-spacing:0.25px;
}

body.card-search.popup dl.box-spec-01 dd p.description{
margin-bottom:0;
padding:12px 8px 0;
background:url(/card-search/images/line_02.png) repeat-x left top;
font-size:0.85em;
line-height:1.5;
letter-spacing:1px;
color:#666;
}

body.card-search.popup div.box-util-01 p.option{
margin-bottom:0;
text-align:center;
font-size:0.85em;
vertical-align:middle;
letter-spacing:1px;
}

body.card-search.popup div.box-util-01 p.option *{
vertical-align:middle;
}

/*-------------------------------------------------------------*/
body.card-search.popup #str-footer{
padding-top:18px;
}

body.card-search.popup #str-rightsinfo{
width:676px;
}

body.card-search.popup p.close-window{
margin-top:0;
position:relative;
top:-35px;
}

/*-------------------------------------------------------------*/
body.card-search.popup #str-contents-inner:after,
body.card-search.popup dl.list-series-01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

body.card-search.popup #str-contents-inner,
body.card-search.popup dl.list-series-01{
zoom:1;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
#str-main .tabList:after,
#str-main ul.nav-cond-01:after,
#str-main ul.list-01:after,
#str-main div.list-02 ul:after,
#str-main div.lyt-product-01:after,
#str-main div.box-search-01 div.keyword-block ul li:after,
#str-main div.box-search-series-01 ul li label:after,
#str-main div.box-search-product-01 ul li label:after,
#str-main div.box-search-detail ul:after,
#str-main div.box-search-detail ul label:after,
#str-main ul.nav-keyword-01:after,
#str-main div.box-series-01 ul:after,
#str-main div.lyt-effect-01:after,
#str-main ul.nameList:after,
#str-main div.box-condition dl:after,
#str-main div.box-card-result-01 ul.imagelist:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#str-main .tabList,
#str-main ul.nav-cond-01,
#str-main ul.list-01,
#str-main div.list-02 ul,
#str-main div.lyt-product-01,
#str-main div.box-search-01 div.keyword-block ul li,
#str-main div.box-search-series-01 ul li label,
#str-main div.box-search-product-01 ul li label,
#str-main div.box-search-detail ul,
#str-main div.box-search-detail ul li label,
#str-main div.box-card-search-01,
#str-main ul.list-notice-01.line,
#str-main ul.nav-keyword-01,
#str-main div.box-series-01 ul,
#str-main div.lyt-effect-01,
#str-main ul.nameList,
#str-main div.box-condition dl,
#str-main div.box-card-result-01 ul.imagelist{
zoom:1;
}

/* -----------------------------------------------------------

     Event Styles

----------------------------------------------------------- */
/* ===========================================================

   [Modules] 

=========================================================== */
/*  top
----------------------------------------------- */
.list-anchor-btn{
width:100%;
margin:0 0 20px 0;
text-align:center;
font-size:0;
line-height:0;
}

.list-anchor-btn li{
float:left;
}

.tbl-area-01{
width:100%;
border:1px solid #ccc;
background:#f7f9ff;
}

.tbl-area-01 th,
.tbl-area-01 td{
padding:10px;
}

.tbl-area-01 th{
width:20%;
padding-top:20px;
border-right:1px dotted #999;
font-weight:bold;
}

.tbl-area-01 th:before{
content:"";
display:inline-block;
vertical-align:middle;
margin-top:-1px;
margin-right:5px;
background-position:0 -1589px;
height:13px;
width:13px;
}

.tbl-area-01 td{
width:80%;
}

.tbl-area-01 td ul{
margin-bottom:0;
}

.tbl-area-01 td ul li{
float:left;
margin:4px 3px;
}

.tbl-area-01 td ul li a{
display:block;
}

/*  event schedule
----------------------------------------------- */
.box-event-01 .inner{
margin-bottom:20px;
padding:10px 20px;
border:2px solid #e12000;
border-top:none;
}

.box-event-01 > .hdg{
padding:4px 20px;
font-size:112.5%;
background:#e12000;
border-radius:4px 4px 0 0;
color:#fff;
font-weight:normal;
}

.box-condition-01{
padding:10px 0;
border-top:1px dotted #999;
}

.box-event-01 .box-condition-01:first-child{
border-top:none;
}

.box-condition-01 > .hdg,
.box-condition-01 > p{
padding:2px 10px;
margin-bottom:10px;
}

.box-condition-01 > .hdg{
float:left;
width:100px;
padding:2px 10px;
background:#ffd9d5;
text-align:center;
font-weight:bold;
}

.box-condition-01 > p{
position:relative;
float:right;
width:360px;
margin-bottom:0;
padding-right:150px;
}

.box-condition-01 > p .btn{
position:absolute;
top:0;
right:0;
}

.box-condition-02{
clear:both;
padding:10px;
background:#f3f3f3;
}

.box-condition-02 p{
margin-bottom:0.8em;
}

.list-event-01 > li{
margin-bottom:10px;
font-weight:bold;
}

.list-event-01 > li label{
font-size:1.1em;
}

.list-event-01 > li > ul{
margin-left:10px;
}

.list-event-01 > li > ul li{
margin-bottom:0;
font-weight:normal;
}

.list-event-01 li input{
margin-right:4px;
}

.list-area-01 dt{
float:left;
width:69px;
margin-right:1px;
padding:6px 0 0 0;
border-bottom:1px dotted #999;
font-weight:bold;
}

.list-area-01 dd{
width:555px;
padding:6px 0 0 0;
float:left;
border-bottom:1px dotted #999;
font-size:0.83em;
}

.list-area-01 dt.last-child,
.list-area-01 dd.last-child{
border-bottom:none;
}

.list-area-01 dd ul{
margin-bottom:0;
}

.list-area-01 dd ul li{
width:54px;
margin-bottom:7px;
padding-left:21px;
display:inline-block;
word-spacing:0;
zoom:1;
position:relative;
}

.list-area-01 dd ul li.single{
width:80px;
}

.list-area-01 dd ul li input{
margin-right:2px;
vertical-align:middle;
}

/*  shop detail
----------------------------------------------- */
.list-shop-02{
float:left;
}

.list-shop-02 dt{
width:125px;
margin-right:1px;
padding:8px 10px;
float:left;
border-bottom:1px dotted #999;
font-weight:bold;
color:#666;
}

.list-shop-02 dd{
width:300px;
padding:8px 10px;
float:left;
border-bottom:1px dotted #999;
}

.list-shop-02 dt.last-child,
.list-shop-02 dd.last-child{
border:none;
}

.list-shop-02 dt span{
display:block;
padding:0 0 0 20px;
}

.list-shop-02 dt span.post{
background:url(/event/event_schedule/images/icon_post.gif) no-repeat left top;
background-position:0 0.1em;
}

.list-shop-02 dt span.tel{
background:url(/event/event_schedule/images/icon_tel.gif) no-repeat left top;
background-position:0 0.1em;
}

.list-shop-02 dt span.accsess{
background:url(/event/event_schedule/images/icon_accsess.gif) no-repeat left top;
background-position:0 0.1em;
}

.list-shop-02 dt span.time{
background:url(/event/event_schedule/images/icon_time.gif) no-repeat left top;
background-position:0 0.1em;
}

.list-shop-02 dt span.url{
background:url(/event/event_schedule/images/icon_url.gif) no-repeat left top;
background-position:0 0.1em;
}

.list-shop-02 dd a.external{
padding-right:18px;
background:url(/event/event_schedule/images/icon_external.gif) no-repeat right top;
background-position:100% 0.15em;
}

.google-map{
text-align:center;
}

/*  system templates
----------------------------------------------- */
.cancel,
.abort{
color:#f00;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
.list-anchor-btn:after,
.box-condition-01:after,
.list-area-01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

.list-anchor-btn,
.box-condition-01,
.list-area-01{
zoom:1;
}

/* -----------------------------------------------------------

     CMS Styles [event/report] [levelup/capture]

----------------------------------------------------------- */
/* -----------------------------------------------------------

    CMS  Styles
    [event/report]     
    [levelup/capture] 

----------------------------------------------------------- */
/* ===========================================================

   [common] 

=========================================================== */
.box-article-01{
margin-top:20px;
border:3px solid #333;
}

.box-section-01 .box-article-01:first-child{
margin-top:0;
}

.box-article-01 .box-hdg{
padding:15px;
}

body.event .box-article-01 .box-hdg{
background:#ffe4df url(/shared/images/bg_box-hdg-event.png) 95% 50% no-repeat;
}

body.levelup .box-article-01 .box-hdg{
background:#fff6e2 url(/shared/images/bg_box-hdg-levelup.png) 95% 50% no-repeat;
}

.box-article-01 .box-hdg .hdg{
font-size:1.5em;
font-weight:normal;
}

.box-article-01 .box-hdg .list-meta{
margin-bottom:0;
}

.box-article-01 .box-hdg .list-meta .meta-tag{
float:left;
}

.box-article-01 .box-hdg .list-meta .meta-date{
float:right;
}

.box-article-01 > .inner{
padding:15px;
}

.box-article-01 > .inner .image-unit.no-thumb img{
border:1px solid #ccc;
}

.nav-pager-02{
text-align:center;
margin-top:1em;
}

.nav-pager-02 li{
display:inline-block;
}

.nav-pager-02 span,
.nav-pager-02 a{
padding:2px 6px;
}

.nav-pager-02 span{
color:#333;
}

.nav-pager-02 a{
border:1px solid #999;
}

/* ===========================================================

   [Self Clearing] 

=========================================================== */
#str-container #str-contents .inner ul.nav-glossary:after,
#str-container #str-contents .inner ul.list-link-01:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#str-container #str-contents .inner ul.nav-glossary,
#str-container #str-contents .inner ul.list-link-01x{
zoom:1;
}