@charset "Shift_JIS";

/* ----------------------------------------------------------------
    Modules | Heading
----------------------------------------------------------------- */

/* _____ hdg-1-01 _____ */

div.hdg-1-01{
margin:0 0 0.8em;
position:relative;
}

div.hdg-1-01 h1{
padding-bottom:4px;
background:url("/resources/plala/pc/images/shared/hdg-1-01_bg.gif") repeat-x 0 100%;
}

div.hdg-1-01 p.link{
position:absolute;
top:13px;
right:15px;
}

div.hdg-1-01 p.link a{
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
}

/* _____ hdg-1-01: withTab _____ */

div.hdg-1-01.withTab{
margin:0;
}

div.hdg-1-01.withTab h1{
padding:0;
background:none;
}

/* _____ hdg-1-01: withMainVisual _____ */

div.hdg-1-01.withMainVisual + p.main-visual{
margin:0;
}

/* _____ hdg-1-01: withLabel _____ */

div.hdg-1-01.withLabel{
position:relative;
}

div.hdg-1-01.withLabel ul.label{
position:absolute;
top:13px;
right:13px;
}

div.hdg-1-01.withLabel ul.label li{
float:left;
margin-left:4px;
font-size:10px;
line-height:1;
}

/* _____ hdg-1-02 _____ */

div.hdg-1-02{
margin:0 0 0.8em;
position:relative;
background:url("/resources/plala/pc/images/shared/hdg-1-02_bg.gif") no-repeat 0 0;
}

div.hdg-1-02 h1{
padding:7px 25px 9px;
background:url("/resources/plala/pc/images/shared/hdg-1-02_bg.gif") no-repeat -727px 100%;
font-size:162%;
line-height:1.3;
}

div.hdg-1-02 p.date{
float:right;
margin:7px 10px 5px 15px;
}

div.hdg-1-02 p.link{
float:right;
margin:7px 10px 5px 15px;
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
white-space:nowrap;
}

/* _____ hdg-1-02: page-M-wide _____ */

div.hdg-1-02.page-M-wide{ background:url("/resources/plala/pc/images/shared/hdg-1-02_page-M-wide_bg.gif") no-repeat 0 0; }
div.hdg-1-02.page-M-wide h1{ background:url("/resources/plala/pc/images/shared/hdg-1-02_page-M-wide_bg.gif") no-repeat -938px 100%; }

/* _____ hdg-1-02: popup _____ */

div.hdg-1-02.popup{ background:url("/resources/plala/pc/images/shared/hdg-1-02_popup_bg.gif") no-repeat 0 0; }
div.hdg-1-02.popup h1{ background:url("/resources/plala/pc/images/shared/hdg-1-02_popup_bg.gif") no-repeat -677px 100%; }

/* _____ hdg-campaign-1-01 _____ */

div.hdg-campaign-1-01{
margin:0 0 1.5em;
}

/* _____ hdg-2-01 _____ */

h2.hdg-2-01{
margin:0;
padding:0 10px 25px 12px;
background:url("/resources/plala/pc/images/shared/hdg-2-01_bg.gif") repeat-x 0 100%;
font-size:160%;
}

h2.hdg-2-01 span.dem{
font-size:60%;
font-weight:normal;
}

*+html h2.hdg-2-01 span.dem{
line-height:2.4;
zoom:1;
}

/* _____ hdg-2-01: with-link _____ */

div.hdg-2-01-wrap{
position:relative;
}

div.hdg-2-01-wrap p.link{ /* 見出しテキストと重なる場合は、div.hdg-2-01-wrap に背景画像をひく仕様に変更する */
position:absolute;
top:9px;
right:5px;
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
}

/* _____ hdg-2-01: with-icon _____ */

h2.hdg-2-01.withIcon{
line-height:1.4;
}

h2.hdg-2-01.withIcon img.hdg-icon{
float:left;
margin:0 10px 3px 0;
}

/* _____ hdg-2-02 _____ */

h2.hdg-2-02{
margin:0;
padding:0 10px 25px 12px;
background:url("/resources/plala/pc/images/shared/hdg-2-01_bg.gif") repeat-x 0 100%;
font-size:125%;
}

/* _____ hdg-3-01 _____ */

h3.hdg-3-01{
margin:0 0 0.8em;
padding-left:12px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
background:#f0f0f0 url("/resources/plala/pc/images/shared/hdg-3-01_bg.gif") no-repeat 0 0;
font-size:125%;
}

h3.hdg-3-01 span{
display:block;
padding:7px 12px 5px 0;
background:url("/resources/plala/pc/images/shared/hdg-3-01_bg.gif") no-repeat 100% 0;
}

h3.hdg-3-01 a{
display:block;
padding-right:17px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_08.png") no-repeat 100% 45%;
}

/* _____ hdg-3-01: with-link _____ */

div.hdg-3-01-wrap{
position:relative;
}

div.hdg-3-01-wrap p.link{ /* 見出しテキストと重なる場合は、div.hdg-3-01-wrap に背景画像をひく仕様に変更する */
position:absolute;
top:10px;
right:15px;
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
}

/* _____ hdg-3-02 _____ */

h3.hdg-3-02{
margin:0 0 0.8em;
padding-left:12px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
background:#f0f0f0 url("/resources/plala/pc/images/shared/hdg-3-01_bg.gif") no-repeat 0 0;
font-size:110%;
}

h3.hdg-3-02 span{
display:block;
padding:5px 12px 5px 0;
background:url("/resources/plala/pc/images/shared/hdg-3-01_bg.gif") no-repeat 100% 0;
}

/* _____ hdg-4-01 _____ */

h4.hdg-4-01{
margin:0 0 0.8em;
padding:0 0 9px 15px;
background:url("/resources/plala/pc/images/shared/hdg-4-01_bg.gif") no-repeat 0 100%;
font-size:110%;
}

h4.hdg-4-01 a{
display:block;
padding-left:22px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 2px 45%;
}

/* _____ hdg-5-01 _____ */

h5.hdg-5-01{
margin:0 0 0.2em;
font-size:110%;
}


/* ----------------------------------------------------------------
    Modules | Paragraph
----------------------------------------------------------------- */

p{
margin:0 0 1.7em;
}

/* _____ publisher _____ */

p.publisher{
margin-bottom:2.5em;
padding-bottom:12px;
border-bottom:1px solid #ccc;
text-align:right;
line-height:1.5;
}

/* _____ docstart _____ */

p.docstart{
text-align:center;
}

/* _____ pgh-lead-01 _____ */

p.pgh-lead-01{
font-size:110%;
}

/* _____ url _____ */

p.url{
display:block;
word-break:break-all;
}


/* ----------------------------------------------------------------
    Modules | Blockquote
----------------------------------------------------------------- */

/* _____ quote-01 _____ */

blockquote.quote-01{
margin:0 auto 1.7em;
padding:25px 25px 5px;
border:1px solid #ccc;
width:540px;
}

blockquote.quote-01 p{
margin-bottom:20px;
}


/* ----------------------------------------------------------------
    Modules | Emphasis
----------------------------------------------------------------- */

/* _____ em-01 _____ */

em.em-01{
font-weight:bold;
}

/* _____ em-02 _____ */

strong.em-02{
color:#f30;
}

/* _____ em-03 _____ */

strong.em-03{
color:#f30;
font-weight:bold;
}

/* _____ em-04 _____ */

em.em-04{
text-decoration:underline;
}

/* _____ em-05 _____ */

strong.em-05{
color:#f30;
font-size:140%;
font-weight:bold;
}

/* _____ em-06 _____ */

td.em-06{
background-color:#ececec;
}

/* _____ dem-01 _____ */

span.dem-01{
font-weight:normal;
}

/* _____ dem-02 _____ */

span.dem-02{
color:#eee;
}


/* ----------------------------------------------------------------
    Modules | Unordered List
----------------------------------------------------------------- */

li > p{
margin-top:0.6em;
}

/* _____ list-bullet-01 _____ */

ul.list-bullet-01{
margin:0 0 1.7em;
}

ul.list-bullet-01 li{
margin:0 0 3px;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_dot_02.png") no-repeat 3px 0.6em;
}

ul.list-bullet-01 li ul{
margin:7px 0;
}

ul.list-bullet-01 li li{
background:url("/resources/plala/pc/images/shared/bullet_dot_03.gif") no-repeat 3px 0.6em;
}

ul.list-bullet-01 li ul.list-link-01 li{
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 0.35em;
}

ul.list-bullet-01 li ul.list-link-02 li{
padding:0;
background:none;
}

ul.list-bullet-01 li ul.list-notice-01 li,
ul.list-bullet-01 li ul.list-notice-number-01 li{
background:none;
}

ul.list-bullet-01 li ul.list-number-01 li{
background:none;
}

/* _____ list-bullet-01: col2 _____ */

ul.list-bullet-01.col2 li{
float:left;
margin-right:10px;
width:45%;
}

ul.list-bullet-01.col2 li:nth-child(2n+1){
clear:left;
}

/* _____ list-bullet-01: col3 _____ */

ul.list-bullet-01.col3 li{
float:left;
margin-right:10px;
width:29%;
}

ul.list-bullet-01.col3 li:nth-child(3n+1){
clear:left;
}

/* _____ list-icon-01 _____ */

ul.list-icon-01{
margin:0 0 10px;
}

ul.list-icon-01 li{
position:relative;
margin:0 14px 9px 0;
padding:0 0 9px;
background:url("/resources/plala/pc/images/shared/line_dot_01.png") repeat-x 0 100%;
}

ul.list-icon-01 li img.icon{
float:left;
margin:0 10px 5px 0 !important;
}

ul.list-icon-01.col2 li{
float:left;
width:48%;
}

/* _____ list-label-01 _____ */

ul.list-label-01{
float:right;
margin:3px 0 5px 5px;
}

ul.list-label-01 li{
float:left;
margin-left:2px;
font-size:10px;
line-height:1;
}

/* _____ list-number-01 _____ */

ul.list-number-01{
margin:0 0 1.7em;
}

ul.list-number-01 li{
position:relative;
margin:0 0 5px;
padding-left:2.7em;
}

ul.list-number-01 li span.number{
position:absolute;
top:0;
left:0;
width:1.9em;
text-align:right;
}

ul.list-number-01 li ul{
margin:7px 0;
}

ul.list-number-01 li ul.list-bullet-01 li{
margin:0 0 3px;
padding-left:18px;
}

ul.list-number-01 li ul.list-notice-01 span,
ul.list-number-01 li ul.list-notice-number-01 span{
width:auto;
text-align:left;
}


/* ----------------------------------------------------------------
    Modules | Definition List
----------------------------------------------------------------- */

/* _____ list-def-01 _____ */

dl.list-def-01{
margin:0 0 1.7em;
}

dl.list-def-01 dt{
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_dot_02.png") no-repeat 3px 0.6em;
font-weight:bold;
}

dl.list-def-01 dt.link{
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 0.35em;
}

dl.list-def-01 dd{
margin:0 0 8px 18px;
}

dl.list-def-01 dd.link{
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 2px 0.35em;
}

dl.list-def-01 dd ul,
dl.list-def-01 dd ol{
margin:3px 0 13px;
}

/* _____ list-def-01: no-bullet _____ */

dl.list-def-01.no-bullet dt{
padding:0;
background:none;
}

dl.list-def-01.no-bullet dd{
margin-left:0;
}

/* _____ list-def-01: line _____ */

dl.list-def-01.line dt{
padding-top:8px;
background:url(/resources/plala/pc/images/shared/line_dot_01.png) repeat-x 0 0;
font-weight:normal;
}

dl.list-def-01.line dt:first-child{
padding-top:0;
background:none;
}


/* ----------------------------------------------------------------
    Modules | Link List
----------------------------------------------------------------- */

/* _____ list-link-01 _____ */

ul.list-link-01{
margin:0 0 1.7em;
}

ul.list-link-01.line{
padding-bottom:14px;
border-bottom:1px solid #ccc;
}

ul.list-link-01 li{
margin:0 0 3px;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 0.35em;
}

ul.list-link-01 li ul{
margin:7px 0;
}

ul.list-link-01 li li{
background:url("/resources/plala/pc/images/shared/bullet_arrow_02.gif") no-repeat 5px 0.6em;
}

/* _____ list-link-01: col2 _____ */

ul.list-link-01.col2 li{
float:left;
margin-right:10px;
width:45%;
}

ul.list-link-01.col2 li:nth-child(2n+1){
clear:left;
}

ul.list-link-01.col2 li li{
float:none;
width:auto;
}

/* _____ list-link-01: col3 _____ */

ul.list-link-01.col3 li{
float:left;
margin-right:10px;
width:29%;
}

ul.list-link-01.col3 li:nth-child(3n+1){
clear:left;
}

/* _____ list-link-02 _____ */

ul.list-link-02{
margin:0 0 1.7em;
}

ul.list-link-02 li{
margin:0 0 3px;
text-align:right;
}

ul.list-link-02 li a{
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
}

*+html ul.list-link-02 li a{ /* for IE7 */
zoom:1;
}

/* _____ list-link-02: linear _____ */

ul.list-link-02.linear{
text-align:right;
}

ul.list-link-02.linear li{
display:inline;
margin-left:15px;
}

/* _____ list-link-03 _____ */

ul.list-link-03{
margin:0 0 1.7em;
}

ul.list-link-03 li{
float:left;
margin:0 15px 3px 0;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
white-space:nowrap;
}


/* ----------------------------------------------------------------
    Modules | Anchor
----------------------------------------------------------------- */

/* _____ link-blank _____ */

a.link-blank{
margin-right:3px;
padding-right:15px;
background:url("/common/images/icon_blank.gif") no-repeat 100% 45%;
}

* html a.link-blank{ /* for IE6 */
background-position:100% 0.5em;
zoom:1;
}
*+html a.link-blank{ /* for IE7 */
background-position:100% 0.5em;
zoom:1;
}

/* _____ link-pdf _____ */

a.link-pdf{
margin-right:3px;
padding-right:15px;
background:url("/common/images/icon_pdf.gif") no-repeat 100% 45%;
}

* html a.link-pdf{ /* for IE6 */
background-position:100% 0.5em;
zoom:1;
}
*+html a.link-pdf{ /* for IE7 */
background-position:100% 0.5em;
zoom:1;
}


/* ----------------------------------------------------------------
    Modules | Column List
----------------------------------------------------------------- */

/* _____ list-col2 _____ */

ul.list-col2 li{
float:left;
margin-right:10px;
width:46%;
}

/* _____ list-col3 _____ */

ul.list-col3 li{
float:left;
margin-right:10px;
width:29%;
}


/* ----------------------------------------------------------------
    Modules | Page Navigation
----------------------------------------------------------------- */

/* _____ nav-page-01 _____ */

div.nav-page-01{
margin:0 0 5px;
border:1px solid #c5c5c5;
padding:5px 10px;
text-align:center;
}

div.nav-page-01 p,
div.nav-page-01 ul,
div.nav-page-01 li{
margin:0;
display:inline-block;
line-height:1.3;
}

*+html div.nav-page-01 p,
*+html div.nav-page-01 ul,
*+html div.nav-page-01 li{
display:inline;
zoom:1;
}

div.nav-page-01 p{
margin-right:5px;
padding-right:12px;
background:url("/resources/plala/pc/images/shared/nav-page-01_vline.gif") repeat-y 100% 0;
}

div.nav-page-01 ul{
margin-left:5px;
}

div.nav-page-01 li{
margin-left:5px;
padding-left:12px;
background:url("/resources/plala/pc/images/shared/nav-page-01_vline2.gif") repeat-y 0 0;
}

div.nav-page-01 li:first-child{
margin:0;
padding:0;
background:none;
}

/* _____ nav-page-02 _____ */

div.nav-page-02{
margin:1.7em 0;
background-color:#f8fbe3;
}

div.nav-page-02 ul{
padding:10px 15px;
}

div.nav-page-02 li{
float:left;
margin:0 13px 0 0;
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
white-space:nowrap;
}

div.nav-page-02 li.current{
background-image:url("/resources/plala/pc/images/shared/bullet_dot_05.png");
font-weight:bold;
}

/* _____ nav-page-03 _____ */

div.nav-page-03{
margin:0 0 12px;
padding:9px 10px;
background:#efefef;
line-height:1.4;
}

div.nav-page-03 dl{
float:right;
}

div.nav-page-03 dl dt,
div.nav-page-03 dl dd{
float: left;
margin-left:14px;
}
*+html div.nav-page-03 dl dt { float: none; display: inline; }
*+html div.nav-page-03 dl dd { float: none; display: inline; }

div.nav-page-03 dl dt{
padding-left:17px;
background:url("/resources/plala/pc/images/shared/vline_dot_01.png") repeat-y 0 0;
}

div.nav-page-03 dl dt:first-child{
padding:0;
background:none;
}

div.nav-page-03 dl dd a{
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
zoom:1;
}
*+html div.nav-page-03 dl dd a { background-position: 0 40%; }


/* _____ nav-back-01 _____ */

p.nav-back-01{
margin:0 0 1em;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_07.png") no-repeat 0 45%;
}

/* _____ nav-tab-01 _____ */

ul.nav-tab-01{
margin:0 0 12px;
border-top:1px solid #ccc;
background:url("/resources/plala/pc/images/shared/hdg-1-01_withtab_bg.png") no-repeat 100% 100%;
}

ul.nav-tab-01 li{
float:left;
}

ul.nav-tab-01 li.last{
border-right:1px solid #ccc;
}

ul.nav-tab-01 li.btn{
float:right;
margin-left:2px;
padding:5px 14px 0 10px;
height:36px;
}

/* _____ nav-tab-01: hdg-1-01 + _____ */

div.hdg-1-01 + .nav-tab-01{
position:relative;
z-index:30;
margin-top:-14px;
}

html>/**/body div.hdg-1-01 + .nav-tab-01 { margin-top /*\**/: -15px\9; }/* for IE8 */

/* _____ nav-inner-01 _____ */

ul.nav-inner-01{
margin:0 0 1.7em;
}

ul.nav-inner-01 li{
margin:0 0 3px;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_05.png") no-repeat 0 0.35em;
}

ul.nav-inner-01 li ul.list-notice-01{
margin:2px 0 0;
}

ul.nav-inner-01 li li{
background:none;
}

/* _____ nav-inner-02 _____ */

ul.nav-inner-02{
margin:0 0 1.7em;
}

ul.nav-inner-02 li{
float:left;
margin:0 15px 3px 0;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_05.png") no-repeat 0 0.35em;
white-space:nowrap;
}

/* _____ nav-pagetop-01 _____ */

p.nav-pagetop-01{
margin:10px 0 30px;
text-align:right;
}

p.nav-pagetop-01 a{
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_10.png") no-repeat 0 45%;
}

/* _____ nav-button-01 _____ */

div.nav-button-01{
margin:0 0 3em;
text-align:center;
}

div.nav-button-01 ul{
margin:0 0 5px;
}

div.nav-button-01 li{
display:inline-block;
margin:0 5px;
}

*+html div.nav-button-01 li{ display:inline; zoom:1; }

/* _____ nav-button-01: withComment _____ */

div.nav-button-01.withComment p.comment{
position:relative;
z-index:10;
margin:0 0 -10px;
}

div.nav-button-01.withComment li{
margin:0 -2px;
}

/* _____ nav-button-02 _____ */

div.nav-button-02{
margin:0 auto 1em;
width:530px;
}

div.nav-button-02 *{
margin:0;
}

div.nav-button-02 p.comment{
position:relative;
top:9px;
left:-6px;
}

div.nav-button-02 li.btn-01{
float:left;
}


/* ----------------------------------------------------------------
    Modules | Notice
----------------------------------------------------------------- */

/* _____ note _____ */



/* _____ list-notice-01 _____ */

ul.list-notice-01{
margin:0 0 1.7em;
color:#666;
font-size:85%;
}

ul.list-notice-01 li{
position:relative;
margin:0 0 4px;
padding-left:1.9em;
line-height:1.5;
zoom:1;
}

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

ul.list-notice-01 ul.list-bullet-01,
ul.list-notice-01 ul.list-number-01{
margin:4px 0 0;
}

ul.list-notice-01 ul.list-bullet-01 li{
margin-bottom:3px;
padding-left:18px;
line-height:1.7;
}

ul.list-notice-01 ul.list-number-01 li{
margin-bottom:5px;
padding-left:2.7em;
}

/* _____ list-notice-number-01 _____ */

ul.list-notice-number-01{
margin:0 0 1.7em;
color:#666;
font-size:85%;
}

ul.list-notice-number-01 li{
position:relative;
margin:0 0 4px;
padding-left:2.7em;
line-height:1.5;
zoom:1;
}

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

ul.list-notice-number-01 ul.list-bullet-01{
margin:4px 0 0;
}

ul.list-notice-number-01 ul.list-bullet-01 li{
margin-bottom:3px;
padding-left:18px;
line-height:1.7;
}


/* ----------------------------------------------------------------
    Modules | Index
----------------------------------------------------------------- */




/* ----------------------------------------------------------------
    Modules | Column
----------------------------------------------------------------- */

/* _____ column-layout _____ */

div.column-layout{
overflow:hidden;
}

div.column-layout.page-MS{ width:727px; } /* Main, Sub の 2 カラムレイアウト */

div.column-layout div.row{
margin-bottom:15px;
}

/* _____ page-MS: 2 column _____ */

div.column-layout.page-MS.col2 div.row{
width:742px;
}

div.column-layout.page-MS.col2 div.row div.segment{
float:left;
margin:0 15px 0 0;
width:356px;
}

/* _____ page-MS: 2 column: option-index _____ */

div.column-layout.page-MS.col2.option-index div.row div.segment div.box-aside-04 h4.hdg-4-01 a{
padding:0;
background:none;
color:#000;
zoom:1;
}

div.column-layout.page-MS.col2.option-index div.row div.segment div.box-aside-04 h4.hdg-4-01 a:hover,
div.column-layout.page-MS.col2.option-index div.row div.segment div.box-aside-04 h4.hdg-4-01 a:active,
div.column-layout.page-MS.col2.option-index div.row div.segment div.box-aside-04 h4.hdg-4-01 a:focus{
color:#060;
}

*+html div.column-layout.page-MS.col2.option-index div.row div.segment div.box-aside-04 h4.hdg-4-01 a{ /* for IE7 */
zoom:1;
}

/* _____ page-MS: 2 column: unique-layout-01 _____ */

div.column-layout.page-MS.col2.unique-layout-01{
width:573px;
}

div.column-layout.page-MS.col2.unique-layout-01 div.row{
width:583px;
}

div.column-layout.page-MS.col2.unique-layout-01 div.row div.segment{
float:left;
margin:0 10px 0 0;
width:281px;
}

/* _____ page-MS: 2 column: box-aside-04 _____ */

div.column-layout.page-MS.col2 div.row div.segment div.box-aside-04{ background:url("/resources/plala/pc/images/shared/box-aside-04_col2_bg.png") no-repeat 0 0; }
div.column-layout.page-MS.col2 div.row div.segment div.box-aside-04 div.inner{ background:url("/resources/plala/pc/images/shared/box-aside-04_col2_bg.png") repeat-y -356px 0; }
div.column-layout.page-MS.col2 div.row div.segment div.box-aside-04 div.body{ background:url("/resources/plala/pc/images/shared/box-aside-04_col2_bg.png") no-repeat -712px 100%; }

/* _____ page-MS: 3 column _____ */

div.column-layout.page-MS.col3 div.row{
width:741px;
}

div.column-layout.page-MS.col3 div.row div.segment{
float:left;
margin:0 14px 0 0;
width:233px;
}

/* _____ page-MS: 3 column: box-aside-04 _____ */

div.column-layout.page-MS.col3 div.row div.segment div.box-aside-04{ background:url("/resources/plala/pc/images/shared/box-aside-04_col3_bg.png") no-repeat 0 0; }
div.column-layout.page-MS.col3 div.row div.segment div.box-aside-04 div.inner{ background:url("/resources/plala/pc/images/shared/box-aside-04_col3_bg.png") repeat-y -233px 0; }
div.column-layout.page-MS.col3 div.row div.segment div.box-aside-04 div.body{ background:url("/resources/plala/pc/images/shared/box-aside-04_col3_bg.png") no-repeat -466px 100%; }

/* _____ page-MS: 4 column _____ */

div.column-layout.page-MS.col4 div.row{
width:744px;
}

div.column-layout.page-MS.col4 div.row div.segment{
float:left;
margin:0 17px 0 0;
width:169px;
}


/* ----------------------------------------------------------------
    Modules | Image
----------------------------------------------------------------- */

/* _____ icon _____ */

#main * img.icon{
zoom:1;
position:relative;
top:2px;
margin-right:3px;
margin-left:2px;
padding:0 0 1px; /* IE: 行内に置換要素が入ると行の高さが小さくなるバグの対応 */
vertical-align:baseline; /* IE: baseline 以外だとリンク下線に不具合への対応 */
}

#main * > img.icon{
top:0;
padding:0; /* IE以外のモダンブラウザへの対応 */
}

/* _____ image-layout _____ */

div.image-layout span.caption{
display:block;
margin:5px 0 0;
color:#666;
font-size:85%;
text-align:left;
}

/* _____ image-parallel _____ */

div.image-layout.image-parallel div.image p{
margin:0;
}

div.image-layout.image-parallel.image-L div.image{
float:left;
padding:0 20px 20px 0;
}

div.image-layout.image-parallel.image-R div.image{
float:right;
padding:0 0 20px 20px;
}

div.image-layout.image-parallel div.column{
overflow:hidden;
zoom:1;
}

*+html div.image-layout.image-parallel div.image ul.list-link-02{ float: right; }

/* _____ image-float _____ */

div.image-layout.image-float.image-L p.image{
float:left;
padding:0 20px 20px 0;
}

div.image-layout.image-float.image-R p.image{
float:right;
padding:0 0 20px 20px;
}

div.image-layout.image-float p{
zoom:0;
}

/* _____ image-col1 _____ */

div.image-layout.image-col1 p.image{
text-align:center;
}

div.image-layout.image-col1 p.image span.caption{
text-align:center;
}


/* ----------------------------------------------------------------
    Modules | Contact
----------------------------------------------------------------- */

/* _____ contact-01 _____ */

#main div.contact-01{
margin:0;
padding-bottom:3px;
background:#f5f5f5 url("/campaign/common/images/bg_contact-01.gif") no-repeat -600px 100%;
}

#main div.contact-01 *{
margin:0;
}

#main div.contact-01 h2{
padding:14px 0 13px;
background:url("/campaign/common/images/bg_contact-01.gif") no-repeat 0 0;
font-size:10px;
line-height:1;
text-align:center;
}

#main div.contact-01 div.body{
margin:0 13px 9px;
}

#main div.contact-01 div.body p.phone{
float:left;
}

#main div.contact-01 div.body p.form{
float:right;
}


/* ----------------------------------------------------------------
    Modules | Table 1
----------------------------------------------------------------- */

/* _____ table common _____ */

table.tbl-data-01 th.em-01,
table.tbl-data-02 th.em-01{
background:#ffcf73;
}

table.tbl-data-01 td.em-02,
table.tbl-data-02 td.em-02{
background:#ffffe8;
}

table.tbl-data-01 td.em-03,
table.tbl-data-02 td.em-03{
background:#ddd;
}

table.tbl-data-01.small,
table.tbl-data-02.small{
font-size:10px;
}

table.tbl-data-01 th.small,
table.tbl-data-02 th.small{
font-size:10px;
font-weight:normal;
vertical-align:middle;
}

table.tbl-data-01 td p,
table.tbl-data-01 td ul,
table.tbl-data-01 td ol,
table.tbl-data-01 td dl,
table.tbl-data-02 td p,
table.tbl-data-02 td ul,
table.tbl-data-02 td ol,
table.tbl-data-02 td dl{
margin-bottom:10px;
}

table.tbl-data-01 thead th > *,
table.tbl-data-02 thead th > *{
margin:0;
}

table.tbl-data-01.no-full,
table.tbl-data-02.no-full{
width:auto;
}

/* _____ tbl-data-01 _____ */

table.tbl-data-01{
margin:0 0 1.7em;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
width:100%;
}

table.tbl-data-01 th,
table.tbl-data-01 td{
padding:10px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
text-align:left;
vertical-align:top;
}

table.tbl-data-01 thead th,
table.tbl-data-01 thead td.empty{
padding:4px 10px;
background-color:#d1f4d1;
font-weight:bold;
text-align:center;
}

table.tbl-data-01 tbody th{
background-color:#ececec;
font-weight:bold;
}

/* _____ tbl-data-02 _____ */

table.tbl-data-02{
margin:0 0 1.7em;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
width:100%;
}

table.tbl-data-02 th,
table.tbl-data-02 td{
padding:10px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
text-align:left;
vertical-align:top;
}

table.tbl-data-02 tbody th{
background-color:#d1f4d1;
font-weight:bold;
}

/* ----------------------------------------------------------------
    Modules | Table 2
----------------------------------------------------------------- */

/* ----------------------------------------------------------------
    20131212追加
	.tbl-data-01.tbl-data-02の96%横幅
	1カラム→tbl-data-03　2カラム→tbl-data-04
----------------------------------------------------------------- */


/* _____ table common _____ */

table.tbl-data-03 th.em-01,
table.tbl-data-04 th.em-01{
background:#ffcf73;
}

table.tbl-data-03 td.em-02,
table.tbl-data-04 td.em-02{
background:#ffffe8;
}

table.tbl-data-03 td.em-03,
table.tbl-data-04 td.em-03{
background:#ddd;
}

table.tbl-data-03.small,
table.tbl-data-04.small{
font-size:10px;
}

table.tbl-data-03 th.small,
table.tbl-data-04 th.small{
font-size:10px;
font-weight:normal;
vertical-align:middle;
}

table.tbl-data-03 td p,
table.tbl-data-03 td ul,
table.tbl-data-03 td ol,
table.tbl-data-03 td dl,
table.tbl-data-04 td p,
table.tbl-data-04 td ul,
table.tbl-data-04 td ol,
table.tbl-data-04 td dl{
margin-bottom:10px;
}

table.tbl-data-03 thead th > *,
table.tbl-data-04 thead th > *{
margin:0;
}

table.tbl-data-03.no-full,
table.tbl-data-04.no-full{
width:auto;
}

/* _____ tbl-data-03 _____ */

table.tbl-data-03{
margin:0 15px 1.7em;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
width:96%;
}

table.tbl-data-03 th,
table.tbl-data-03 td{
padding:10px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
text-align:left;
vertical-align:top;
}

table.tbl-data-03 tbody th{
background-color:#d1f4d1;
font-weight:bold;
}

/* _____ tbl-data-04 _____ */

table.tbl-data-04{
margin:0 8px 1.7em;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
width:96%;
}

table.tbl-data-04 th,
table.tbl-data-04 td{
padding:10px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
text-align:left;
vertical-align:top;
}

table.tbl-data-04 tbody th{
background-color:#d1f4d1;
font-weight:bold;
}


/* _____ tbl-link-01 _____ */

table.tbl-link-01{
margin:0 0 1.7em;
width:100%;
}

table.tbl-link-01 th,
table.tbl-link-01 td{
padding:6px 0;
border-bottom:1px dotted #666;
font-weight:normal;
text-align:left;
vertical-align:top;
}

table.tbl-link-01 a{
display:block;
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 0.3em;
}

table.tbl-link-01 a.inline{
display:inline;
padding:0;
background:none;
}

/* _____ tbl-nobdr _____ */

table.tbl-nobdr{
border:0 !important;
width:100%;
}

table.tbl-nobdr th,
table.tbl-nobdr td{
padding:0 !important;
border:0 !important;
text-align:left;
vertical-align:top;
}

/* _____ icon-house-wrap-01 _____ */

div.icon-house-wrap-01{
display:table;
width:100%;
line-height:1.5;
}

div.icon-house-wrap-01 *{
margin:0;
}

div.icon-house-wrap-01 p.icon,
div.icon-house-wrap-01 div.text{
display:table-cell;
vertical-align:middle;
}

div.icon-house-wrap-01 div.text{
padding-left:10px;
width:100%;
}

*+html div.icon-house-wrap-01 p.icon,
*+html div.icon-house-wrap-01 div.text{
display:inline;
width:auto;
zoom:1;
}


/* ----------------------------------------------------------------
    Modules | Box
----------------------------------------------------------------- */

/* _____ box-aside-01 _____ */

div.box-aside-01{
margin:0 0 1.7em;
padding-top:3px;
background:#fdfdfd url("/resources/plala/pc/images/shared/box-aside-01_bg.gif") no-repeat 0 0;
}

div.box-aside-01 div.title{
padding:4px 10px 8px 12px;
background:url("/resources/plala/pc/images/shared/box-aside-01_bg.gif") no-repeat -727px 100%;
font-size:110%;
}

div.box-aside-01 div.title p.link{
float:right;
margin:2px 0 5px 15px;
padding-left:18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 45%;
font-size:84%;
white-space:nowrap;
}

div.box-aside-01 div.body{
padding:10px 10px 1px;
border:1px solid #dfdfdf;
border-top:none;
}

div.box-aside-01 div.body p,
div.box-aside-01 div.body ul,
div.box-aside-01 div.body ol,
div.box-aside-01 div.body dl,
div.box-aside-01 div.body table{
margin-bottom:10px;
}

/* _____ box-aside-01: index _____ */

div.box-aside-01 div.index{
overflow:hidden;
}

div.box-aside-01 div.index.page-MS{ width:705px; }  /* Main, Sub の 2 カラムレイアウト */

div.box-aside-01 div.index div.row{
margin:0 0 13px;
padding:0 0 13px;
}

div.box-aside-01 div.index p{
margin:0;
line-height:1.5;
}

div.box-aside-01 div.index p.title{
margin:2px 0;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_01.png") no-repeat 0 0.3em;
font-size:110%;
font-weight:bold;
}

div.box-aside-01 div.index p.link{
margin:4px 0 0;
text-align:right;
font-size:83%;
}

div.box-aside-01 div.index p.link a{
padding-left:9px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_06.gif") no-repeat 0 42%;
}

/* _____ box-aside-01: index: 3 column _____ */

div.box-aside-01 div.index.page-MS.col3 div.row{
width:717px;
background:url("/resources/plala/pc/images/shared/box-aside-01_index_3col_bg.gif") no-repeat 0 100%;
}

div.box-aside-01 div.index.page-MS.col3 div.row div.item{
float:left;
margin:0 12px 0 0;
padding:0 5px;
width:217px;
}

/* _____ box-aside-02 _____ */

div.box-aside-02{
margin:0 0 1.7em;
padding:10px 0 1px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

div.box-aside-02 p,
div.box-aside-02 ul,
div.box-aside-02 dl{
margin-bottom:10px;
}

div.box-aside-02 p.date{
text-align:right;
}

/* _____ box-aside-03 _____ */

div.box-aside-03{
margin:0 0 1.7em;
padding:10px 12px 1px;
border:1px solid #ccc;
background-color:#fff;
}

div.box-aside-03 p,
div.box-aside-03 ul,
div.box-aside-03 dl{
margin-bottom:10px;
}

/* _____ box-aside-04 _____ */

div.box-aside-04{
margin:0 0 20px;
padding-top:10px;
background:url("/resources/plala/pc/images/shared/box-aside-04_bg.png") no-repeat 0 0;
}

div.box-aside-04 div.inner{
background:url("/resources/plala/pc/images/shared/box-aside-04_bg.png") repeat-y -727px 0;
}

div.box-aside-04 div.body{
padding:0 12px 10px 10px;
background:url("/resources/plala/pc/images/shared/box-aside-04_bg.png") no-repeat -1454px 100%;
}

.box-aside-04-hdg{
margin:0;
font-size:10px;
line-height:1;
}

div.box-aside-04 .hdg-image{
margin:0 -9px 5px -10px;
padding:0 9px 19px 10px;
background:url("/resources/plala/pc/images/shared/box-aside-04_hdg-image_bg.png") repeat-x 0 100%;
font-size:10px;
line-height:1;
}

div.box-aside-04 p,
div.box-aside-04 ul,
div.box-aside-04 ol,
div.box-aside-04 dl,
div.box-aside-04 table{
margin-bottom:10px;
}

div.box-aside-04 ul.list-link-02{
margin-bottom:0;
}

div.box-aside-04 div.column-layout.page-MS{ width:705px; }
div.box-aside-04 div.column-layout.page-MS.col2 div.row{ width:720px; }
div.box-aside-04 div.column-layout.page-MS.col2 div.row div.segment{ width:345px; }

/* _____ box-aside-04: page-M-wide _____ */

div.box-aside-04.page-M-wide{ background:url("/resources/plala/pc/images/shared/box-aside-04_page-M-wide_bg.png") no-repeat 0 0; }
div.box-aside-04.page-M-wide div.inner{ background:url("/resources/plala/pc/images/shared/box-aside-04_page-M-wide_bg.png") repeat-y -938px 0; }
div.box-aside-04.page-M-wide div.body{ background:url("/resources/plala/pc/images/shared/box-aside-04_page-M-wide_bg.png") no-repeat -1876px 100%; }

/* _____ box-aside-04: flag _____ */

div.box-aside-04.withFlag{
position:relative;
}

div.box-aside-04.withFlag p.flag{
position:absolute;
top:0;
right:0;
}

div.box-aside-04.withFlag h4.hdg-4-01{
margin:0;
padding:0 10px 18px 12px;
background:url("/resources/plala/pc/images/shared/hdg-4-01_withFlag_bg.gif") repeat-x 0 100%;
font-size:140%;
}

div.box-aside-04.withFlag h4.hdg-4-01 a{
padding:0;
background:none;
color:#000;
}

div.box-aside-04.withFlag h4.hdg-4-01 a:hover,
div.box-aside-04.withFlag h4.hdg-4-01 a:active,
div.box-aside-04.withFlag h4.hdg-4-01 a:focus{
color:#060;
}

/* _____ box-aside-01: index _____ */

div.box-aside-04 div.index{
overflow:hidden;
}

div.box-aside-04 div.index.page-MS{ width:705px; }  /* Main, Sub の 2 カラムレイアウト */

div.box-aside-04 div.index > div.row{
margin:0 0 12px;
padding:0 0 8px;
}

div.box-aside-04 div.index > div.row:last-child{
margin-bottom:5px;
}

div.box-aside-04 div.index p{
margin:0 0 6px;
line-height:1.5;
}

/* _____ box-aside-04: index: 2 column _____ */

div.box-aside-04 div.index.page-MS.col2 > div.row{
width:720px;
background:url("/resources/plala/pc/images/shared/box-aside-04_index_2col_bg.gif") no-repeat 0 100%;
}

div.box-aside-04 div.index.page-MS.col2 > div.row.wide{
border-bottom:1px solid #cfcfcf;
background:none;
}

div.box-aside-04 div.index.page-MS.col2 > div.row > div.item{
float:left;
margin:0 15px 0 0;
padding:0 4px 0 6px;
width:335px;
}

div.box-aside-04 div.index.page-MS.col2 > div.row.wide > div.item{
float:none;
width:auto;
}

/* _____ box-aside-05 _____ */

div.box-aside-05{
margin:0 0 1.7em;
padding:10px 14px;
background:#f4f8d1;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

div.box-aside-05 > *{
margin-bottom:3px;
}

div.box-aside-05 .title{
margin:-3px -7px 2px;
padding:7px 10px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
background:url("/resources/plala/pc/images/shared/box-aside-05_title_bg.png") repeat-x 0 0;
font-size:110%;
}

div.box-aside-05 p,
div.box-aside-05 ul,
div.box-aside-05 ol,
div.box-aside-05 dl,
div.box-aside-05 table{
margin-bottom:8px;
}

/* _____ box-aside-05: column-layout: 2col _____ */

div.box-aside-05 > div.column-layout.page-MS{ width:699px; }
div.box-aside-05 > div.column-layout.page-MS.col2 div.row{ width:714px; margin:0; }
div.box-aside-05 > div.column-layout.page-MS.col2 div.row div.segment{ width:342px; }

/* _____ box-aside-05: recommend _____ */

div.box-aside-05.recommend{
position:relative;
}

div.box-aside-05.recommend .title{
margin-bottom:9px;
padding-left:55px;
padding-bottom:12px;
border-bottom:1px solid #c3c6a7;
}

div.box-aside-05.recommend .title img.bullet{
position:absolute;
top:-8px;
left:5px;
}

/* _____ box-aside-06 _____ */

div.box-aside-06{
margin:0 0 24px;
padding:19px 0 0;
background:url("/resources/plala/pc/images/shared/box-aside-06_bg.png") no-repeat 0 0;
}

div.box-aside-06 > div.inner{
background:url("/resources/plala/pc/images/shared/box-aside-06_bg.png") repeat-y -727px 0;
}

div.box-aside-06 > div.inner > div.body{
padding:0 13px 10px 14px;
background:url("/resources/plala/pc/images/shared/box-aside-06_bg.png") no-repeat -1454px 100%;
}

div.box-aside-06 p,
div.box-aside-06 ul,
div.box-aside-06 ol,
div.box-aside-06 dl,
div.box-aside-06 table{
margin-bottom:8px;
}

div.box-aside-06 > div.inner > div.body > .hdg{
margin:0 0 10px;
font-size:10px;
line-height:1;
}

/* _____ box-aside-06: column-layout: 2col _____ */

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS{ width:700px; }
div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 div.row{ width:708px; margin:0; }
div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 div.row div.segment{ width:346px; margin-right:8px; }

/* _____ box-aside-06: column-layout: 3col _____ */

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col3 div.row{ width:711px; margin:0; }
div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col3 div.row div.segment{ width:226px; margin-right:11px; }

/* _____ box-aside-06: box-point-01 _____ */

div.box-aside-06 > div.inner > div.body > div.box-point-01{
position:relative;
margin-left:29px;
margin-bottom:12px;
padding-top:10px;
background:url("/resources/plala/pc/images/shared/box-point-01_bg.png") no-repeat 0 0;
}

div.box-aside-06 > div.inner > div.body > div.box-point-01 > div.inner{
background:url("/resources/plala/pc/images/shared/box-point-01_bg.png") repeat-y -671px 0;
}

div.box-aside-06 > div.inner > div.body > div.box-point-01 > div.inner > div.body{
padding:0 20px 10px 27px;
background:url("/resources/plala/pc/images/shared/box-point-01_bg.png") no-repeat -1342px 100%;
}

div.box-aside-06 > div.inner > div.body > div.box-point-01 p.num{
position:absolute;
top:3px;
left:-28px;
}

div.box-aside-06 > div.inner > div.body > div.box-point-01 .hdg-point{
margin:0 -16px 10px -24px;
padding:10px 0 27px 52px;
background:url("/resources/plala/pc/images/shared/box-point-01_hdg_bg.gif") repeat-x 0 100%;
}

div.box-aside-06 > div.inner > div.body > div.box-point-01 div.column-layout.page-MS{ width:624px; }
div.box-aside-06 > div.inner > div.body > div.box-point-01 div.column-layout.page-MS.col2 div.row{ width:639px; }
div.box-aside-06 > div.inner > div.body > div.box-point-01 div.column-layout.page-MS.col2 div.row div.segment{ width:304px; }

/* _____ box-aside-06: col2: box-point-01 _____ */

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-point-01{
position:relative;
margin-left:29px;
margin-bottom:12px;
padding-top:10px;
background:url("/resources/plala/pc/images/shared/box-point-01_col2_bg.png") no-repeat 0 0;
}

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-point-01 > div.inner{
background:url("/resources/plala/pc/images/shared/box-point-01_col2_bg.png") repeat-y -317px 0;
}

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-point-01 > div.inner > div.body{
padding:0 15px 10px 15px;
background:url("/resources/plala/pc/images/shared/box-point-01_col2_bg.png") no-repeat -634px 100%;
}

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-point-01 p.num{
position:absolute;
top:3px;
left:-28px;
}

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-point-01 .hdg-point{
margin:0 -11px 10px -12px;
padding:10px 0 27px 52px;
background:url("/resources/plala/pc/images/shared/box-point-01_hdg_bg.gif") repeat-x 0 100%;
}

/* _____ box-aside-06: col2: box-aside-04 _____ */

div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-aside-04{ background:url("/resources/plala/pc/images/shared/box-aside-04_col2_in_box-aside-06_bg.png") no-repeat 0 0; }
div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-aside-04 > div.inner{ background:url("/resources/plala/pc/images/shared/box-aside-04_col2_in_box-aside-06_bg.png") repeat-y -346px 0; }
div.box-aside-06 > div.inner > div.body > div.column-layout.page-MS.col2 > div.row > div.segment > div.box-aside-04 > div.inner > div.body{ background:url("/resources/plala/pc/images/shared/box-aside-04_col2_in_box-aside-06_bg.png") no-repeat -692px 100%; }

/* _____ box-aside-06.point-col3 _____ */

div.box-aside-06.point-col3 > div.inner > div.body{
padding:0 6px 10px 9px;
}

div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3{ width:717px; overflow:visible; }
div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row{ padding:10px 0 15px; width:717px; }
div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row > div.segment{ margin:0 5px 0 0; width:234px; }

div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row > div.segment > div.box-aside-04{ position:relative; margin:0; background:url("/resources/plala/pc/images/shared/box-aside-06_point-col3_box-aside-04_bg.png") no-repeat 0 0; }
div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row > div.segment > div.box-aside-04 > div.inner{ background:url("/resources/plala/pc/images/shared/box-aside-06_point-col3_box-aside-04_bg.png") repeat-y -234px 0; }
div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row > div.segment > div.box-aside-04 > div.inner > div.body{
position:relative;
padding-right:8px;
padding-bottom:36px;
padding-left:8px;
background:url("/resources/plala/pc/images/shared/box-aside-06_point-col3_box-aside-04_bg.png") no-repeat -468px 100%;
}

div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row > div.segment > div.box-aside-04 p.icon{
position:absolute;
top:-16px;
left:2px;
}

div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row > div.segment > div.box-aside-04 h3.title{
margin:0 0 10px 53px;
}

div.box-aside-06.point-col3 > div.inner > div.body > div.column-layout.page-MS.col3 > div.row > div.segment > div.box-aside-04 p.aright{
position:absolute;
right:12px;
bottom:11px;
margin:0;
}

/* _____ box-aside-07 _____ */

div.box-aside-07{
margin:0 0 23px;
background:url("/resources/plala/pc/images/shared/box-aside-07_bg.png") no-repeat 0 100%;
}

div.box-aside-07 > div.body{
padding:10px 3px 2px 12px;
}

div.box-aside-07 p,
div.box-aside-07 ul,
div.box-aside-07 ol,
div.box-aside-07 dl,
div.box-aside-07 table{
margin-bottom:8px;
}

/* _____ benefit-01 _____ */

div.benefit-01 div.box-aside-04{
position:relative;
}

div.benefit-01 div.box-aside-04 div.body{
padding-left:63px;
}

div.benefit-01 div.box-aside-04 h3.hdg-benefit{
margin:0 0 3px;
font-size:140%;
}

div.benefit-01 div.box-aside-04 p.outline{
margin:0 0 5px;
font-size:110%;
}

div.benefit-01 div.box-aside-04 p.num{
position:absolute;
top:-6px;
left:-8px;
}

/* _____ box-faq-01 _____ */

div.box-faq-01{
margin:0 0 12px;
background:url("/resources/plala/pc/images/shared/box-faq-01_bg.gif") no-repeat 0 0;
}

div.box-faq-01 div.title{
padding:17px 10px 10px 50px;
background:url("/resources/plala/pc/images/shared/box-faq-01_bg.gif") no-repeat -727px 100%;
font-size:125%;
}

div.box-faq-01 div.body{
background:url("/resources/plala/pc/images/shared/box-faq-01_bg.gif") no-repeat -1454px 100%;
}

div.box-faq-01 div.inner{
padding:10px 15px 8px 50px;
background:url("/resources/plala/pc/images/shared/box-faq-01_answer.gif") no-repeat 10px 9px;
}

div.box-faq-01 div.body p{
margin:0 0 13px;
}

/* _____ box-campaign-01 _____ */

div.box-campaign-01{
margin:0 0 15px;
background:url("/resources/plala/pc/images/shared/box-campaign-01_bg.gif") no-repeat 0 0;
}

div.box-campaign-01 div.title{
position:relative;
padding:10px 10px 10px 13px;
background:url("/resources/plala/pc/images/shared/box-campaign-01_bg.gif") no-repeat -727px 100%;
}

div.box-campaign-01 div.title h2{
padding-left:10px;
border-left:6px solid #ccc;
font-size:125%;
}

div.box-campaign-01 div.title h2 img{
display:block;
}

div.box-campaign-01 div.title p.date{
position:relative;
top:3px;
float:right;
margin:0;
}

div.box-campaign-01 div.title.flag{
padding-right:70px;
}

div.box-campaign-01 div.title.flag p.flag{
position:absolute;
top:2px;
right:-2px;
}

div.box-campaign-01 div.title.area p.area{
position:absolute;
top:-4px;
left:8px;
}

div.box-campaign-01 div.title.area h2{
margin-left:115px;
border:none;
}

div.box-campaign-01 div.body{
background:url("/resources/plala/pc/images/shared/box-campaign-01_bg.gif") repeat-y -2181px 100%;
}

div.box-campaign-01 div.inner{
padding:10px 20px 10px 13px;
background:url("/resources/plala/pc/images/shared/box-campaign-01_bg.gif") no-repeat -1454px 100%;
}

div.box-campaign-01 div.body p{
margin:0 0 13px;
}

div.box-campaign-01 div.body p.button{
margin:0 0 7px;
text-align:right;
}

/* _____ box-campaign-banner-01 _____ */

div.box-campaign-banner-01{
margin:0 0 15px;
border:2px solid #ccc;
}

div.box-campaign-banner-01 p.banner{
margin:0;
}

div.box-campaign-banner-01 dl.area{
float:right;
padding:6px;
}

div.box-campaign-banner-01 dl.area dt,
div.box-campaign-banner-01 dl.area dd{
float:left;
margin-left:5px;
}

/* _____ box-toggle-01 _____ */

div.box-toggle-01{
margin:0 0 15px;
background:url("/resources/plala/pc/images/shared/box-toggle-01_bg.gif") no-repeat 0 0;
}

div.box-toggle-01 div.title{
position:relative;
padding:10px 10px 10px 13px;
background:url("/resources/plala/pc/images/shared/box-toggle-01_bg.gif") no-repeat -727px 100%;
}

div.box-toggle-01 div.title h2{
padding-left:23px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_03.png") no-repeat 0 50%;
font-size:125%;
}

div.box-toggle-01 div.title.open h2{
background-image:url("/resources/plala/pc/images/shared/bullet_arrow_04.png");
}

div.box-toggle-01 div.title p.toggle{
position:absolute;
top:12px;
right:13px;
margin:0;
cursor:pointer;
}

div.box-toggle-01 div.body{
background:url("/resources/plala/pc/images/shared/box-toggle-01_bg.gif") repeat-y -2181px 100%;
}

div.box-toggle-01 div.inner{
padding:10px 20px 10px 13px;
background:url("/resources/plala/pc/images/shared/box-toggle-01_bg.gif") no-repeat -1454px 100%;
}

div.box-toggle-01 div.body p,
div.box-toggle-01 div.body ul,
div.box-toggle-01 div.body dl,
div.box-toggle-01 div.body table{
margin:0 0 13px;
}

/* _____ box-step-01 _____ */

div.box-step-01{
padding-top:12px;
background:url("/resources/plala/pc/images/shared/box-step-01_bg.png") no-repeat 0 0;
}

div.box-step-01 div.inner{
background:url("/resources/plala/pc/images/shared/box-step-01_bg.png") repeat-y -727px 0;
}

div.box-step-01 div.body{
padding:10px 15px 75px;
background:url("/resources/plala/pc/images/shared/box-step-01_bg.png") no-repeat -1454px 100%;
}

div.box-step-01.last{
margin:0 0 1.7em;
}

div.box-step-01.last div.body{
padding-bottom:20px;
background:url("/resources/plala/pc/images/shared/box-step-01_bg.png") no-repeat -2181px 100%;
}

div.box-step-01 h3.num,
div.box-step-01 h4.num,
div.box-step-01 h5.num,
div.box-step-01 h6.num{
margin:0 0 -3px;
padding:0 12px;
}

div.box-step-01 p,
div.box-step-01 ul,
div.box-step-01 dl,
div.box-step-01 table{
margin:0 0 13px;
}

/* _____ box-step-01: popup _____ */

div.box-step-01.popup{ background:url("/resources/plala/pc/images/shared/box-step-01_popup_bg.png") no-repeat 0 0; }
div.box-step-01.popup div.inner{ background:url("/resources/plala/pc/images/shared/box-step-01_popup_bg.png") repeat-y -677px 0; }
div.box-step-01.popup div.body{ background:url("/resources/plala/pc/images/shared/box-step-01_popup_bg.png") no-repeat -1354px 100%; }
div.box-step-01.popup.last div.body{ background:url("/resources/plala/pc/images/shared/box-step-01_popup_bg.png") no-repeat -2031px 100%; }

/* _____ box-step-02 _____ */

div.box-step-02{
position:relative;
padding-top:10px;
background:url("/resources/plala/pc/images/shared/box-step-02_bg.png") no-repeat 0 0;
}

div.box-step-02 div.inner{
background:url("/resources/plala/pc/images/shared/box-step-02_bg.png") repeat-y -727px 0;
}

div.box-step-02 div.body{
padding:0 15px 65px 80px;
background:url("/resources/plala/pc/images/shared/box-step-02_bg.png") no-repeat -1454px 100%;
}

div.box-step-02.last{
margin:0 0 1.7em;
}

div.box-step-02.last div.body{
padding-bottom:10px;
background:url("/resources/plala/pc/images/shared/box-step-02_bg.png") no-repeat -2181px 100%;
}

div.box-step-02.finish div.body{
padding-right:15px;
padding-left:15px;
}

div.box-step-02 p.num{
position:absolute;
top:-8px;
left:10px;
}

div.box-step-02 .hdg-step{
margin:0 0 3px;
font-size:125%;
}

div.box-step-02 .hdg-step img{
margin-right:3px;
vertical-align:middle;
}

div.box-step-02 p,
div.box-step-02 ul,
div.box-step-02 dl,
div.box-step-02 table{
margin:0 0 10px;
}

/* _____ box-index-01 _____ */

div.box-index-01{
margin:0 0 2em;
}

div.box-index-01 div.row{
margin:0 0 20px;
padding-bottom:1px;
}

div.box-index-01 div.item h3.hdg-3-01{
margin:0 -10px 10px;
}

div.box-index-01 div.item div.image{
padding-bottom:0 !important;
}

div.box-index-01 div.item p{
margin:0 0 8px;
line-height:1.6;
}

div.box-index-01 div.item p.link{
margin:0;
text-align:right;
}

div.box-index-01.page-MS{
width:727px;
overflow:hidden;
}

/* _____ box-index-01: 2 column _____ */

div.box-index-01.page-MS.col2 div.row{
width:742px;
background:url("/resources/plala/pc/images/shared/box-index-01_col2_row_bg.gif") no-repeat 0 100%;
}

div.box-index-01.page-MS.col2 div.row.half{
width:742px;
background:url("/resources/plala/pc/images/shared/box-index-01_col2_row_half_bg.gif") no-repeat 0 100%;
}

div.box-index-01.page-MS.col2 div.row div.item{
float:left;
margin-right:15px;
padding:4px 14px 8px;
width:328px;
background:url("/resources/plala/pc/images/shared/box-index-01_col2_item_bg.gif") no-repeat 0 0;
}


/* ----------------------------------------------------------------
    Modules | Form
----------------------------------------------------------------- */

/* _____ form-location-01 _____ */

p.form-location{
margin:0 0 20px;
text-align:right;
}

/* _____ box-form-01 _____ */

div.box-form-01{
margin:0 0 30px;
padding:15px 0 0;
background:url("/resources/plala/pc/images/shared/box-form-01_bg.png") no-repeat 0 0;
}

div.box-form-01 > div.inner-01{
background:url("/resources/plala/pc/images/shared/box-form-01_bg.png") repeat-y -727px 0;
}

div.box-form-01 > div.inner-01 > div.inner-02{
padding:0 15px 15px;
background:url("/resources/plala/pc/images/shared/box-form-01_bg.png") no-repeat -1454px 100%;
}

div.box-form-01 label{
cursor:pointer;
}

/* _____ box-form-01: must _____ */

p strong.must,
div.box-form-01 strong.must{
padding:1px 5px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#fff;
background:#c33;
font-size:90%;
font-weight:bold;
}

/* _____ box-form-01: type _____ */

div.box-form-01 span.type{
font-size:90%;
font-weight:normal;
}

/* _____ box-form-01: separate _____ */

div.box-form-01 div.separate{
margin-top:10px;
padding-top:10px;
border-top:1px dotted #ccc;
}

/* _____ box-form-01: one-byte _____ */

div.box-form-01 input.one-byte{
ime-mode:inactive;
}

/* _____ box-form-01: two-byte _____ */

div.box-form-01 input.two-byte{
ime-mode:active;
}

/* _____ list-error-01 _____ */

div.list-error-01{
margin:0 0 15px;
border:2px solid #c33;
}

div.list-error-01 h6{
padding:8px 5px 8px 50px;
background:#ffebeb url("/resources/plala/pc/images/shared/icon_attention_01.png") no-repeat 16px 0.45em;
}

div.list-error-01 ul{
padding:8px 10px 7px 50px;
color:#c00;
}

div.list-error-01 ul li{
margin:0 0 2px;
padding-left:15px;
background:url("/resources/plala/pc/images/shared/bullet_dot_06.png") no-repeat 0 0.5em;
}

/* _____ pgh-error-01 _____ */

p.pgh-error-01{
margin:0 0 10px !important;
padding:8px 5px 8px 37px;
color:#c00;
background:#ffebeb url("/resources/plala/pc/images/shared/icon_attention_02.png") no-repeat 8px 0.7em;
}

/* _____ pgh-valid-01 _____ */

p.pgh-valid-01{
margin:0 0 10px !important;
padding:8px 5px 8px 37px;
color:#57ab57;
background:#e5f6e5 url("/resources/plala/pc/images/shared/icon_valid_01.png") no-repeat 8px 0.7em;
font-weight:bold;
}

/* _____ tbl-form-01 _____ */

table.tbl-form-01{
margin:0;
border-left:4px solid #bfbfbf;
width:100%;
}

table.tbl-form-01 th,
table.tbl-form-01 td{
padding:12px;
border-top:1px solid #cdd8cd;
border-left:1px solid #cdd8cd;
font-weight:normal;
text-align:left;
vertical-align:middle;
}

table.tbl-form-01 tr:first-child th,
table.tbl-form-01 tr:first-child td{
border-top:0;
}

table.tbl-form-01 th.head-01{
background:#d1f4d1;
font-weight:bold;
}

table.tbl-form-01 th.head-02{
background:#f1f1f1;
width:115px;
}

table.tbl-form-01 td{
width:410px;
}

table.tbl-form-01 td p,
table.tbl-form-01 td ul,
table.tbl-form-01 td ol,
table.tbl-form-01 td dl,
table.tbl-form-01 td div{
margin-bottom:0;
}

table.tbl-form-01 td div.box-aside-03{
margin-top:15px;
}

/* _____ input-01 _____ */

ul.input-01{
position:relative;
}

ul.input-01 li{
float:left;
font-size:110%;
}

ul.input-01 li span.sample{
display:block;
margin:0 0 2px;
font-size:90%;
}

ul.input-01 li span.sample span.prefix{
float:left;
margin-left:4px;
}

ul.input-01 li input{
margin-left:4px;
vertical-align:middle;
}

ul.input-01 li.button input{
position:absolute;
bottom:0;
}

p.input-01{
font-size:110%;
}

p.input-01 span.sample{
display:block;
margin:0 0 2px;
font-size:90%;
}

p.input-01 input{
vertical-align:middle;
width:99%;
}

p.input-01.auto{
float:left;
}

p.input-01.auto input{
width:auto;
}

/* _____ input-01: アイテムごとの調整 _____ */

ul.input-01.name li{ margin-right:25px; }

ul.input-01.zipcode li{ margin-right:6px; }
ul.input-01.zipcode li.button{ margin-left:20px; }

ul.input-01.tel li{ margin-right:6px; }

ul.input-01.card-limit li{ margin-right:6px; }

ul.input-01.card-number{ margin-bottom:15px; }
ul.input-01.card-number li{ margin-right:6px; }
ul.input-01.card-number li input{ width:55px; }

/* _____ list-check-01 _____ */

ul.list-check-01 > li{
margin:0 0 5px;
font-size:110%;
}

ul.list-check-01 > li input{
margin:0 10px 0 0;
padding:0;
}

/* _____ list-check-02 _____ */

ul.list-check-02 > li{
float:left;
margin:0 25px 5px 0;
font-size:110%;
white-space:nowrap;
}

ul.list-check-02 > li input{
margin:0 10px 0 0;
padding:0;
}

/* _____ select-card-01 _____ */

ul.select-card-01{
margin:7px 0 15px;
}

ul.select-card-01 li{
position:relative;
float:left;
margin-right:20px;
padding:0 0 3px 26px;
zoom:1;
}

ul.select-card-01 li.last{
margin-right:0;
}

ul.select-card-01 li input{
margin:0;
padding:0;
position:absolute;
top:42px;
left:4px;
}

/* _____ option-01, option-02 _____ */

#option-01.disabled th,
#option-01.disabled td,
#option-02.disabled th,
#option-02.disabled td{
background:#ddd;
}


/* ----------------------------------------------------------------
    Modules | Tooltip
----------------------------------------------------------------- */

/* _____ tooltip _____ */

div.tooltip{
z-index:1000;
padding:10px 10px 5px;
border-width:1px 2px 2px 1px;
border-style:solid;
border-color:#ccc;
background:#fffbf0;
outline:none;
}

div.tooltip div.inner > *{
margin-bottom:5px;
}

div.tooltip p.close{
float:right;
margin:0;
padding:0 0 5px 5px;
font-size:10px;
line-height:1;
cursor:pointer;
}


/* ----------------------------------------------------------------
    Modules | Agreement
----------------------------------------------------------------- */

/* _____ agreement-01 _____ */

div.agreement-01{
margin:0 0 1.7em;
padding-left:15px;
border:1px solid #ccc;;
}

div.agreement-01 iframe{
margin:0;
padding:0;
border:0;
width:100%;
vertical-align:bottom;
}


/* ----------------------------------------------------------------
    Modules | Customer Service
----------------------------------------------------------------- */

/* _____ hdg-cs-1-01 _____ */

h1.hdg-cs-1-01{
margin:0 0 20px;
}

/* _____ hdg-cs-1-02 _____ */

h1.hdg-cs-1-02{
margin:0 0 20px;
}

/* _____ hdg-cs-02-01 _____ */

h2.hdg-cs-2-01{
margin:0;
padding:0 10px 26px 12px;
background:url("/resources/plala/pc/images/shared/cs/hdg-cs-2-01_bg.gif") repeat-x 0 100%;
font-size:160%;
}

/* _____ hdg-cs-3-01 _____ */

h3.hdg-cs-3-01{
margin:0 0 5px;
padding:5px 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#7cdcff;
font-size:125%;
}

/* _____ hdg-cs-4-01 _____ */

h4.hdg-cs-4-01{
margin:0 0 0.8em;
padding:0 0 9px 15px;
background:url("/resources/plala/pc/images/shared/cs/hdg-cs-4-01_bg.gif") no-repeat 0 100%;
font-size:110%;
}

/* _____ box-cs-list-01 _____ */

div.box-cs-list-01{
margin:0 0 18px;
padding:45px 0 0;
background:url("/resources/plala/pc/images/shared/cs/box-cs-list-01_bg.gif") no-repeat 0 0;
}

div.box-cs-list-01 > div.inner{
background:url("/resources/plala/pc/images/shared/cs/box-cs-list-01_bg.gif") repeat-y -727px 0;
}

div.box-cs-list-01 > div.inner > div.body{
padding:0 14px 10px;
background:url("/resources/plala/pc/images/shared/cs/box-cs-list-01_bg.gif") no-repeat -1454px 100%;
}

div.box-cs-list-01 .hdg-cs-list{
margin:0 0 10px;
font-size:10px;
line-height:1;
}

div.box-cs-list-01 p.more{
margin:18px 0 0;
padding-top:4px;
border-top:1px solid #d4d4d4;
text-align:right;
}

div.box-cs-list-01 p.more a{
padding-left:11px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_06.gif") no-repeat 0 50%;
}

/* _____ box-cs-list-02 _____ */

div.box-cs-list-02{
margin:0 0 18px;
padding:17px 0 0;
background:url("/resources/plala/pc/images/shared/cs/box-cs-list-02_bg.gif") no-repeat 0 0;
}

div.box-cs-list-02 > div.inner{
padding-top:1px;
background:url("/resources/plala/pc/images/shared/cs/box-cs-list-02_bg.gif") repeat-y -727px 0;
}

div.box-cs-list-02 > div.inner > div.body{
padding:0 14px 10px;
background:url("/resources/plala/pc/images/shared/cs/box-cs-list-02_bg.gif") no-repeat -1454px 100%;
}

/* _____ nav-cs-list-01 _____ */

div.nav-cs-list-01{
margin:0;
padding:0 0 0 9px;
}

div.nav-cs-list-01 *{
margin:0;
}

div.nav-cs-list-01 p,
div.nav-cs-list-01 dt,
div.nav-cs-list-01 dd{
float:left;
}

div.nav-cs-list-01 p.latest{
margin:19px 24px 0 0;
}

/* _____ nav-cs-list-02 _____ */

div.nav-cs-list-02{
margin:0;
padding:0 3px 0 9px;
}

div.nav-cs-list-02 *{
margin:0;
}

div.nav-cs-list-02 p.back{
float:left;
margin-top:18px;
padding:0 0 0 18px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_07.png") no-repeat 0 45%;
}

div.nav-cs-list-02 dl.nav{
float:right;
}

div.nav-cs-list-02 dl.nav dt,
div.nav-cs-list-02 dl.nav dd{
float:left;
}

/* _____ box-cs-01 _____ */

div.box-cs-01{
position:relative;
margin:0 0 10px;
padding:15px 0 0;
background:url("/resources/plala/pc/images/shared/cs/box-cs-01_bg.png") no-repeat 0 0;
width:699px;
}

div.box-cs-01 > div.inner{
padding:0 185px 40px 75px;
min-height:60px;
background:url("/resources/plala/pc/images/shared/cs/box-cs-01_bg.png") no-repeat -699px 100%;
}

div.box-cs-01 p.customer{
position:absolute;
z-index:100;
bottom:0;
left:6px;
}

div.box-cs-01 p.plala{
position:absolute;
z-index:100;
bottom:0;
right:-6px;
}

div.box-cs-01 p.status{
position:absolute;
z-index:10;
bottom:17px;
right:30px;
}

div.box-cs-01 div.inner *{
margin-bottom:0;
}

div.box-cs-01 div.inner dl.list-def-01 dt{
margin-bottom:3px;
}

/* _____ box-cs-voice-01 _____ */

div.box-cs-voice-01{
position:relative;
margin:0 0 15px;
background:url("/resources/plala/pc/images/shared/cs/box-cs-voice-01_bg.gif") no-repeat 0 0;
}

div.box-cs-voice-01 div.title{
padding:22px 10px 10px 81px;
background:url("/resources/plala/pc/images/shared/cs/box-cs-voice-01_bg.gif") no-repeat -727px 100%;
font-size:125%;
}

div.box-cs-voice-01 div.body{
background:url("/resources/plala/pc/images/shared/cs/box-cs-voice-01_bg.gif") no-repeat -1454px 100%;
}

div.box-cs-voice-01 div.inner{
padding:10px 15px 8px 81px;
min-height:95px;
}

div.box-cs-voice-01 div.body p{
margin:0 0 10px;
}

div.box-cs-voice-01 p.customer{
position:absolute;
bottom:4px;
left:3px;
margin:0;
}

/* _____ box-cs-progress-01 _____ */

div.box-cs-progress-01{
position:relative;
margin:30px 0 15px;
padding:15px 0 0;
background:url("/resources/plala/pc/images/shared/cs/box-cs-progress-01_bg.png") no-repeat 0 0;
}

div.box-cs-progress-01 + div.box-cs-progress-01{
margin-top:50px;
}

div.box-cs-progress-01 > div.inner{
padding:0 65px 10px 15px;
background:url("/resources/plala/pc/images/shared/cs/box-cs-progress-01_bg.png") no-repeat -699px 100%;
}

div.box-cs-progress-01 > div.inner > p.plala{
position:absolute;
z-index:100;
top:-37px;
right:-2px;
}

div.box-cs-progress-01 > div.inner > p.status{
position:absolute;
z-index:10;
top:-30px;
right:30px;
}

div.box-cs-progress-01 p,
div.box-cs-progress-01 ul,
div.box-cs-progress-01 ol,
div.box-cs-progress-01 dl,
div.box-cs-progress-01 table{
margin-bottom:10px;
}

div.box-cs-progress-01 p.cs-date{
margin:0 0 3px;
font-size:110%;
font-weight:bold;
}

/* _____ box-cs-readmore _____ */

div.box-cs-moreread{
margin:0 0 15px;
padding-top:10px;
border-top:1px solid #ccc;
}

div.box-cs-moreread *{
margin:0;
}

div.box-cs-moreread p{
text-align:center;
}


/* ----------------------------------------------------------------
    Modules | Service Index
----------------------------------------------------------------- */

/* _____ index-service _____ */

#index-service{
position:relative;
}

#index-service ul.hdg-link{
position:absolute;
top:16px;
right:12px;
}

#index-service ul.hdg-link li{
float:left;
border-left:5px solid #fefbf5;
font-size:10px;
line-height:1;
}

#index-service div.box{
margin:0 0 9px;
}

#index-service div.box > .title{
font-size:10px;
line-height:1;
}

#index-service div.box > div.content{
padding:12px;
background:url("/resources/plala/pc/images/shared/index-service_bg.png") no-repeat 0 100%;
}

#index-service div.column-layout.page-MS.col2 div.box > div.content{
background:url("/resources/plala/pc/images/shared/index-service_col2_bg.png") no-repeat 0 100%;
}

#index-service div.box > div.content > p{
margin-bottom:5px;
}

#index-service div.box > div.content ul.link{
float:right;
}

#index-service div.box > div.content ul.link li{
float:left;
margin-left:8px;
}

/* _____ index-service: box-01 _____ */

#index-service #box-01 div.main{
float:left;
width:451px;
}

#index-service #box-01 div.sub{
float:right;
padding:10px 6px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
width:202px;
background:#edf1d4;
line-height:1.4;
}

#index-service #box-01 div.sub p{
margin-right:5px;
margin-left:5px;
}

#index-service #box-01 div.sub p em{
font-size:110%;
font-weight:bold;
}

#index-service #box-01 div.sub p.image{
margin:0;
}

/* _____ index-service: box-02, box-03 _____ */

#index-service #box-02 div.image,
#index-service #box-03 div.image{
padding-bottom:0;
}

/* _____ index-service: box-04 _____ */

#index-service #box-04{
float:left;
}

#index-service #box-04 h2,
#index-service #box-04 ul,
#index-service #box-04 li{
float:left;
}

/* _____ index-service: more _____ */

#index-service p.more{
float:right;
margin-top:5px;
}


/* ----------------------------------------------------------------
    Modules | Support Index
----------------------------------------------------------------- */

#index-support div.box{
margin-bottom:10px;
padding-top:10px;
background:url("/resources/plala/pc/images/shared/index-support_box_bg.png") no-repeat 0 0;
}

#index-support div.box > div.inner{
padding:0 16px 5px 10px;
background:url("/resources/plala/pc/images/shared/index-support_box_bg.png") no-repeat -226px 100%;
}

#index-support div.box > div.inner > div.title{
margin:0 -10px 7px -9px;
padding:0 10px 17px;
background:url("/resources/plala/pc/images/shared/index-support_box_title_bg.gif") repeat-x 0 100%;
font-size:110%;
line-height:1.4;
}

#index-support div.box > div.inner > div.title a{
display:table-cell;
padding-right:20px;
width:179px;
background:url("/resources/plala/pc/images/shared/bullet_arrow_03.png") no-repeat 100% 50%;
vertical-align:middle;
}

*+html #index-support div.box > div.inner > div.title a{
display:inline;
zoom:1;
}


/* ----------------------------------------------------------------
    Modules | Option Service Index
----------------------------------------------------------------- */

#index-option div.box-aside-04{
position:relative;
background:url("/resources/plala/pc/images/shared/index-option_box_bg.png") no-repeat 0 0;
}

#index-option div.box-aside-04 > div.inner{
background:url("/resources/plala/pc/images/shared/index-option_box_bg.png") repeat-y -346px 0;
}

#index-option div.box-aside-04 > div.inner > div.body{
padding-right:47px;
padding-bottom:30px;
background:url("/resources/plala/pc/images/shared/index-option_box_bg.png") no-repeat -692px 100%;
}

#index-option div.box-aside-04 > div.inner > div.body > p.thumb{
position:absolute;
right:-3px;
bottom:-7px;
}

/* _____ option-ranking _____ */

div.option-ranking{
margin:0 0 20px;
}

div.option-ranking div.banner{
float:left;
width:455px;
}

div.option-ranking div.banner p{
margin:0;
border:2px solid #ccc;
}

div.option-ranking div.ranking{
position:relative;
float:right;
padding:2px 5px 1px;
border:1px solid #ccc;
width:246px;
min-height:137px;
}

div.option-ranking div.ranking h3{
margin-bottom:6px;
}

div.option-ranking div.ranking h3 span{
padding-left:27px;
}

div.option-ranking div.ranking p.bullet{
position:absolute;
top:-5px;
left:-1px;
}

div.option-ranking div.ranking ol li{
margin-bottom:6px;
padding-bottom:5px;
background:url("/resources/plala/pc/images/shared/line_dot_01.png") repeat-x 0 100%;
}

div.option-ranking div.ranking ol li.rank3{
margin-bottom:0;
background:none;
}

div.option-ranking div.ranking ol li a{
display:block;
padding:1px 0 1px 56px;
}

div.option-ranking div.ranking ol li.rank1 a{ background:url("/resources/plala/pc/images/shared/option-ranking_bg_rank1.gif") no-repeat 11px 50%; }
div.option-ranking div.ranking ol li.rank2 a{ background:url("/resources/plala/pc/images/shared/option-ranking_bg_rank2.gif") no-repeat 11px 50%; }
div.option-ranking div.ranking ol li.rank3 a{ background:url("/resources/plala/pc/images/shared/option-ranking_bg_rank3.gif") no-repeat 11px 50%; }


/* ----------------------------------------------------------------
    Modules | Loading Indicator
----------------------------------------------------------------- */
.loading-indicator{
display:block;
text-align:center;
}