@charset "utf-8";

/* ==============================================================================
    CSS for touch-screen : common.css
============================================================================== */

/* ----------------------------------------------------------
  Common Settings : css-reset
---------------------------------------------------------- */
html{
font-family: "Meiryo","MS PGothic","Osaka","sans-serif";
overflow-y:scroll;
-webkit-text-size-adjust:none;
}

body{
margin:0;
padding:0;
color:#333;
background:#FFFFFF;
letter-spacing:0.00em;
font-size:12px;
*font-size:78%;
font-family: inherit;
}

div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
margin:0;
padding:0;
border:0;
background:transparent;
}

input,textarea{
margin:0;
padding:0;
}

article,aside,dialog,figure,footer,header,hgroup,nav,section{
display:block;
}

nav ul{
  list-style:none;
}

blockquote,q{
quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after{
content:'';
content:none;
}

div,h2,h3,h4,h5,h6,p,li,dt,dd,pre,code,blockquote,th,td{
word-break:break-all;
}

br{
letter-spacing:0;
}

fieldset,img{
border:0;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6,th{
font-size:100%;
font-weight:normal;
font-style:normal;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#333;
}

mark{
color:inherit;
}

input[type="submit"]{
cursor:pointer;
}

select{
background-color:#ffffff !important;
}

address,caption,cite,code,dfn,var{
font-style:normal;
font-weight:normal;
}

abbr,acronym{
border:0;
font-variant:normal;
}

/* ---------- text ---------- */
body{
line-height:1.4;
}

.userInput{
line-height:1.2;
word-break:break-all;
}

/* clearFix */
.clearfix{}

.clearfix:after{
content:"";
display:block;
clear:both;
}

a{
text-decoration:none;
}

a:link{
color:#258fb8;
}

a:visited{
color:#258fb8;
}

a:focus{
color:#996600;
}

/* ---------- formSetting ---------- */
input[type="email"],
input[type="text"],
input[type="password"]{
padding:0.3em;
font-size:120%;
color:#666;
}

input[type="button"],
input[type="submit"]{
padding:0.25em 0 0.15em;
font-size:120%;
border:1px solid #ccc;
-webkit-border-radius:5px;  /* valid if with BG-gradient */
}

input[type="image"]{
-webkit-border-radius:0;
}

input[type="checkbox"]{
margin-right:4px;
width:18px;
height:18px;
vertical-align:baseline;
}

input[type="checkbox"] + label{
color:#666;
}

select:disabled{
opacity:0.35;
}

textarea{
color:#666;
}

input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
textarea:disabled{
  background-color: #ddd;
}

/* ---------- safari setting ---------- */
html[xmlns*=""] body:last-child input[type="file"]{
background-color:transparent;
border:none;
}
*input[type="file"]{
}

html*input[type="file"]{
background-color:transparent;
}




/* ----------------------------------------------------------
  Common Settings : frames
---------------------------------------------------------- */
html,
body{
height:100%;
}

#page{
width:100%;
position:relative;
height:100%;
min-height:100%;
background-color:#fff;
}

/* --- provisional-CSS : screen that is width over 480px --- */
@media screen and (min-width: 482px) {
body{
background-color:#ccc;
}

#page{
width:480px;
margin:0 auto;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
}


/* --- provisional-CSS : screen(webView) that is width over 560px --- */
@media screen and (max-width: 561px) {
#page.webView02,
#page.webView01{
width:100%;
margin:0;
border-right:none;
border-left:none;
}
}

@media screen and (min-width: 562px) {
#page.webView02,
#page.webView01{
width:560px;
margin:0 auto;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
}


body > #page{
height:auto;
}

#mainDisplay{
padding-bottom:192px;
}

#footDisplay{
width:100%;
position:absolute;
bottom:0;
height:177px;
}


.logout #mainDisplay{  padding-bottom:230px;  }
.logout #footDisplay{  height:215px;  }

.login #mainDisplay{  padding-bottom:218px;  }
.login #footDisplay{  height:203px;  }

.webView01 #mainDisplay,
.error #mainDisplay{
padding-bottom:47px;
}
.webView01 #footDisplay,
.error #footDisplay{
height:37px;
}

.optPosFix{}

#headerArea{}
#mainArea{}
#footerArea{}




/* ----------------------------------------------------------
  Common Settings : page
---------------------------------------------------------- */
#page{
font-size:117%;
}




/* ----------------------------------------------------------
  Common Settings : Header
---------------------------------------------------------- */
#headerArea{
position:relative;
background:#fff;
min-height:38px;
zoom:1;
}

#headerArea:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* ---------- [N001] head-logo ---------- */
#headerArea > h1{
float:left;
width:120px;
height:52px;
}

#headerArea .partyHeader02 h1{
margin-bottom:-5px;
padding:10px 10px 0;
}

#headerArea > h1 span.logo,
#headerArea > h1 a{
display:block;
padding:7px 0 7px 10px;
width:110px;
height:38px;
}




/* ----------------------------------------------------------
  Common Settings : Header-Ad
---------------------------------------------------------- */
#headerArea .gBodyAdArea01,
.gHeadAdArea01{
}

#headerArea .gBodyAdArea01,
.login #headerArea .gGlobalNavigation02 + .gHeadAdArea01,
.login #headerArea .gHeader02 + .gHeadAdArea01{
padding:0;
border-top:1px solid #f2f0e9;
}

#headerArea .gBodyAdArea01 div.adMain,
.gHeadAdArea01 div.adMain{
margin:0 auto;
width:320px;
overflow:hidden;
line-height:0;
}




/* ----------------------------------------------------------
  Common Settings : Footer
---------------------------------------------------------- */
#footerArea{
border-top:1px dotted #ccc;
padding:0 0 15px;
}

#footerArea:first-child{
border-top:none;
}

/* ---------- [N005] address ---------- */
#footerArea address,
#footerArea .copyright{
text-align:center;
font-size:86%;
color:#999;
}

#footerArea address{
padding:20px 0 0;
}

#footerArea:first-child address:first-child{
padding-top:0;
}

#footerArea .gSubLabels01 + address{
padding-top:8px;
}




/* ----------------------------------------------------------
  Common Settings : mainEndArea
---------------------------------------------------------- */
#mainEndArea{
padding:0 10px 13px;
}




/* ----------------------------------------------------------
  Common Settings : MainArea
---------------------------------------------------------- */
#mainArea{
}

.webView01 #mainArea,
.login #mainArea{
/*background:transparent url(/img/smartphone/touch/common/bg_headend002.gif) repeat-x 0 0;*/
}

/* === for webView === */
#mainArea:first-child{
background-image:none;
}




/* ----------------------------------------------------------
  Common Settings : Body-Ad
---------------------------------------------------------- */
.gBodyAdArea01{
padding:0 0 7px;
}

#mainArea > .gBodyAdArea01:first-child{
padding-top:10px;
}

.gBaseComponent01 + .gBodyAdArea01{
padding-top:4px;
padding-bottom:10px;
}

.cSelfad01 + .gBodyAdArea01{
margin-top:10px;
}

.gBodyAdArea01.connective01{
padding:12px 0 10px;
}

.gBodyAdArea01:last-child{
padding-bottom:15px;
}

.gBodyAdArea01 div.adMain{
margin:0 auto;
width:320px;
overflow:hidden;
text-align:center;
line-height:0;
}

.gBodyAdArea01 div.adMain > a > img{
vertical-align:bottom;
}

.gBodyAdArea01 + .cpContentsTitle01{
padding-top:0;
}


/* --------------------------------------------------------------------
  Common Settings ( animation )
-------------------------------------------------------------------- */
@-webkit-keyframes indicatorRotate01{
0%{    -webkit-transform: rotate(0deg);  }
25%{   -webkit-transform: rotate(90deg);  }
50%{   -webkit-transform: rotate(180deg);  }
75%{   -webkit-transform: rotate(270deg);  }
100%{  -webkit-transform: rotate(360deg);  }
}

@-webkit-keyframes slowAlphaBlink01{
0%{    opacity:1.0;  }
12%{    opacity:0.85;  }
25%{   opacity:0.5;  }
38%{   opacity:0.15;  }
50%{   opacity:0;  }
62%{   opacity:0.15;  }
75%{   opacity:0.5;  }
88%{    opacity:0.85;  }
100%{  opacity:1.0;  }
}





/* --------------------------------------------------------------------
  Common-Parts ( decoration )
-------------------------------------------------------------------- */

/* ---------- text ---------- */
.cpAttention01{
color:#f10000;
font-weight:bold;
}

.cpAttention02{
color:#f10000;
font-weight:normal;
}

.cpAttention03{
color:#333;
font-weight:bold;
}

.cpAttention04{
color:#666;
font-weight:bold;
}

.cpAttention05{
color:#333;
font-size:114.28%;
}


/* ---------- text-label ---------- */
.cpLabel00{
display:inline-block;
}

.cpLabel01{
display:block;
padding:3px 0 2px;
border:none;
-webkit-border-radius:4px;
font-weight:bold;
font-style:normal;
text-align:center;
font-size:83%;
}

.cpLabel01.inline01{
display:inline-block;
padding-right:2em;
padding-left:2em;
margin-left:1em;
}

.cpLabel01.pValid{    /* ---- main-meaning : validated ---- */
background-color:#ccc;
color:#fff;
}

.cpLabel01.pInvalid{    /* ---- main-meaning : invalid ---- */
background-color:#ccc;
color:#fff;
}


/* ---------- text has icon ---------- */
.appliName01,
.cpAppliName01{
margin-left:6px;
padding:0 6px 0 20px;
background:url(/img/basic/icon/icon_appli002.gif) no-repeat 0 50%;
color:#333;
min-height:16px;
}

.cpItemMark01{
}

.cpItemMark01.facebook{
padding-left:18px;
background:url(/img/smartphone/touch/common/icon_facebook001.gif) no-repeat 0 45%;
}


/* ---------- image-box ---------- */
.cpImgBox01{
text-align:center;
}

.cpImgBox01 > img{
max-width:100%;
vertical-align:bottom;
}


/* ---------- photo-thumbnail ---------- */
.cpThumbnail01 > a,
.cpThumbnail01 > span{
display:table-cell;
background-color:#fff;
text-align:center;
vertical-align:middle;
border:4px solid #edeae0;
-webkit-border-radius:4px;
}

.cpThumbnail01 > .thumbType01{
width:76px;
height:76px;
padding:4px;
}

.cpThumbnail01 > a > img,
.cpThumbnail01 > span > img{
vertical-align:middle;
}


/* ---------- lazy-load ---------- */
.cpLazyLoad{
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in-out;
}


/* --------------------------------------------------------------------
  Common-Parts ( form parts )
-------------------------------------------------------------------- */

/* ---------- pseudo-buttons ---------- */
a.cpPseudoBtn01{
-webkit-appearance:square-button;
border:1px solid #ccc;
-webkit-border-radius:4px;
background-color:#fff;
background:-webkit-gradient(linear, 0 0%, 0 100%, from(rgba(255, 255, 255, 1.0)), to(rgba(237, 234, 224, 1.0)));
}

a.cpPseudoBtn01 span{
display:inline-block;
padding:0.25em 0.4em 0;
color:#333;
font-size:100%
}

/* ---------- buttons ---------- */
input.cpSubmitBtn01{
padding:0.45em 0 0.35em;
-webkit-border-radius:3px;
background-color:#edeae0;
background:-webkit-gradient(linear, left top, left bottom, from(#fffffe), to(#edeae0));
font-size:86%;
}

input.cpSubmitBtn02{
padding:0.5em 0.7em;
min-width:4em;
background-color:#675f5a;
background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#675f5a));
border:1px solid #45362f;
-webkit-border-radius:1.10em;
font-size:108%;
font-weight:bold;
color:#fff;
}

input.cpCancelBtn02{
padding:0.5em 0.7em;
min-width:4em;
background-color:#fdfdfd;
background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#c6c6c6));
border:1px solid #45362f;
-webkit-border-radius:1.10em;
font-size:108%;
font-weight:bold;
color:#333;
}

input.cpSubmitBtn02 + input.cpSubmitBtn02,
input.cpSubmitBtn02 + input.cpCancelBtn02,
input.cpCancelBtn02 + input.cpSubmitBtn02{
margin-left:10px;
}

form > input.cpCancelBtn02,
form > input.cpSubmitBtn02{
margin:0 5px;
}

input.cpSubmitBtn03,
input.cpCancelBtn03,
a.cpSubmitBtn03,
a.cpCancelBtn03{
display:block;
-webkit-box-sizing:border-box;
height:32px;
border:1px solid #c8cbcc;
-webkit-border-radius:3px;
line-height:30px;
color:#52a9cc;
text-align:center;
font-weight:bold;
background-color:#fff;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f1));
}

input.cpSubmitBtn03,
input.cpCancelBtn03{
width:100%;
line-height:24px;
font-size:100%;
background-color:#fff;
}

a.cpCancelBtn03{
color:#99b2bf;
}

input.cpSubmitBtn04,
input.cpCancelBtn04,
a.cpSubmitBtn04,
a.cpSubmitBtn04{
width: 90%;
margin:0 auto;
font-size:100%;
background-color:#fff;
}
input.cpSubmitBtn04,
input.cpCancelBtn04{
line-height:24px;}
input.cpSubmitBtn04,
input.cpCancelBtn04,
a.cpSubmitBtn04,
a.cpSubmitBtn04{
display:block;
-webkit-box-sizing:border-box;
height:32px;
border:1px solid #c8cbcc ;
-webkit-border-radius:3px;
line-height:30px;
color:#52a9cc ;
text-align:center;
font-weight:bold;
background-color:#fff;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f1 ));
}

ul.btn_list{
display:table;
width:80%;
padding: 0px;
margin: 30px auto;
}
ul.btn_list li{
display:table-cell;
padding: 0px;
margin: 0px;
width:45%;
}

/* ---------- checkbox : cpToggleSwitch01 ---------- */
.cpToggleSwitch01{
display:block;
height:36px;
text-align:right;
}

/* ----- cpToggle : lGuide ----- */
.cpToggleSwitch01 > .lGuide{
position:absolute;
left:0;
top:0;
width:100%;
text-align:left;
}

/* ----- cpToggle : lProc ----- */
.cpToggleSwitch01 > .lProc{
display:none;
position:relative;
height:20px;
width:20px;
padding:20px 0.2em;
background:url(/img/smartphone/touch/home2011/icon/loading002.gif) no-repeat 50% 50%;
text-align:left;
text-indent:-9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.8){
/* for not iPhone */
.cpToggleSwitch01 > .lProc{
-webkit-animation-name:indicatorRotate01;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-duration:0.67s;
background:url(/img/smartphone/touch/home2011/icon/loading003.png) no-repeat 50% 50%;
}
}

.cpToggleSwitch01.nowMainProc > .lProc{
display:inline-block;
top:-1em;
}

.cpToggleSwitch01.nowOptionProc > .lProc{
display:inline-block;
top:-0.35em;
}

/* ----- cpToggle : lState ----- */
.cpToggleSwitch01 > .lState{
display:none;
}

/* ----- cpToggle : lOption ----- */
.cpToggleSwitch01 > .lOption{
display:none;
position:relative;
top:-0.25em;
padding-right:0.35em;
font-size:86%;
letter-spacing:-0.10em;
}

.cpToggleSwitch01.withOption > .lOption{
display:inline-block;
width:auto;
}

.cpToggleSwitch01.nowMainProc > .lOption{
display:none;
}

.cpToggleSwitch01 > .lOption a.delete,
.cpToggleSwitch01 > .lOption a.toInvalid{
padding-left:12px;
background:transparent url(/img/smartphone/touch/icon/close001.gif) no-repeat 0 45%;
}

.cpToggleSwitch01.nowOptionProc > .lOption a{
padding-left:0;
background-image:none;
}

.cpToggleSwitch01.nowOptionProc > .lOption a:link,
.cpToggleSwitch01.nowOptionProc > .lOption a:visited,
.cpToggleSwitch01.nowOptionProc > .lOption a:focus{
color:#999;
}

/* ----- cpToggle : lFace ----- */
.cpToggleSwitch01 > .lFace{
display:inline-block;
position:relative;
width:128px;
height:34px;
border:1px solid #999;
-webkit-border-radius:3px 3px;
overflow:hidden;
}

.cpToggleSwitch01.nowMainProc > .lFace{
opacity:0.35;
}

.cpToggleSwitch01 > .lFace.stateIs1{}
.cpToggleSwitch01 > .lFace.stateIs2{}

.cpToggleSwitch01 > .lFace > input[type="checkbox"]{
position:absolute;
left:0;
top:0;
width:128px;
height:34px;
z-index:1002;
opacity:0;
-webkit-tap-highlight-color:rgba(255,255,255,0);
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.8){
/* for not iPhone */
.cpToggleSwitch01 > .lFace > input[type="checkbox"]{
left:8px;
top:6px;
width:auto;
height:auto;
}

.cpToggleSwitch01 > .lFace > input:checked,
.cpToggleSwitch01 > .lFace.stateIs2 > input[type="checkbox"]{
left:102px;
top:6px;
}
}

.cpToggleSwitch01 > .lFace > .lMain,
.cpToggleSwitch01 > .lFace > .lMain:link,
.cpToggleSwitch01 > .lFace > .lMain:visited,
.cpToggleSwitch01 > .lFace > .lMain:focus{
color:#666;
}

.cpToggleSwitch01 > .lFace > .lMain span,
.cpToggleSwitch01 > .lFace > .lMain{
display:block;
width:222px;
height:34px;
padding:0;
background-image:none;
}

.cpToggleSwitch01 > .lFace > .lMain{
position:relative;
-webkit-tap-highlight-color:rgba(255,255,255,0);

-webkit-transition-property:none;
-webkit-transition-duration:initial;
-webkit-transition-timing-function:initial;
-webkit-transition-delay:initial;
-webkit-transform:translate(-94px,0px);
}

.cpToggleSwitch01 > .lFace > input:checked + .lMain,
.cpToggleSwitch01 > .lFace.stateIs2 > .lMain{
-webkit-transform:translate(0px,0px);
}

.cpToggleSwitch01 > .lFace > .lMain > .lStt1,
.cpToggleSwitch01 > .lFace > .lMain > .lStt2{
float:left;
width:93px;
height:30px;
padding-top:4px;
font-size:86%;
font-weight:bold;
text-align:center;
line-height:26px;
}

.cpToggleSwitch01 > .lFace > .lMain > .lStt1{
padding-right:18px;
-webkit-border-bottom-left-radius:2px 2px;
-webkit-border-top-left-radius:2px 2px;
}

.cpToggleSwitch01 > .lFace > .lMain > .lStt2{
padding-left:18px;
-webkit-border-bottom-right-radius:2px 2px;
-webkit-border-top-right-radius:2px 2px;
}

.cpToggleSwitch01 > .lFace > .lMain > .lOn{
background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#bababa));
color:#fff;
text-shadow:rgba(0,0,0,0.296875) 0px 1px 2px;
}

.cpToggleSwitch01 > .lFace > .lMain > .lOff{
background:-webkit-gradient(linear,left top,left bottom,from(#59adcd),to(#85c9e2));
color:#fff;
text-shadow:rgba(0,0,0,0.296875) 0px 1px 2px;
}

.cpToggleSwitch01 > .lFace > .lMain > .lKnob{
position:absolute;
left:93px;
top:-1px;
width:34px;
height:34px;
border:1px solid #999;
-webkit-border-radius:3px 3px;
background:
url(/img/smartphone/touch/icon/arrow023_r001.png) no-repeat 50% 50%,
-webkit-gradient(linear,left top,left bottom,from(#fff),to(#cecece));
text-align:left;
text-indent:-1000em;
z-index:1001;
}

.cpToggleSwitch01 > .lFace > input:checked + .lMain > .lKnob,
.cpToggleSwitch01 > .lFace.stateIs2 > .lMain > .lKnob{
background:
url(/img/smartphone/touch/icon/arrow023_l001.png) no-repeat 50% 50%,
-webkit-gradient(linear,left top,left bottom,from(#fff),to(#cecece));
}

.cpToggleSwitch01 > .lFace > .lMain > .lDo{
display:none;
}


/* ---------- textarea ---------- */
textarea.cpTextarea01{
width:97%;
height:5em;
border:1px solid #999;
vertical-align:top;
padding:4px 2px;
font-size:93%;
}

textarea.cpTextarea01:focus{
height:15em;
}

textarea.cpTextarea02{  /* width:free */
height:1.5em;
border:1px solid #999;
vertical-align:top;
padding:4px 2px;
}

textarea.cpTextarea03{
width:97%;
height:5em;
border:1px solid #999;
vertical-align:top;
padding:4px 2px;
font-size:93%;
}

textarea.cpTextarea01.defaultText,
textarea.cpTextarea02.defaultText,
textarea.cpTextarea03.defaultText{
color:#999;
}

/* ---------- select ---------- */
select.cpSelect01{
width:97%;
}

/* ---------- input : text ---------- */
input[type="password"].cpPassword00,
input[type="password"].cpPassword01,
input[type="text"].cpNum01,
input[type="tel"].cpNum02,
input[type="text"].cpNum03,
input.cpText00,
input.cpText01{
border:1px solid #999;
padding:4px 2px;
font-size:82%;
}

input[type="password"].cpPassword01,
input.cpText01{
width:97%;
}

input[type="text"].cpNum01,
input[type="tel"].cpNum02{
width:97%;
font-size:92%;
}

input[type="text"].cpNum03{
width:50%;
font-size:92%;
}

input[type="text"].cpNum01{
}


/* ---------- loading for Ajax ---------- */
.cpLoadingCheckbox01{
display:inline-block;
margin-right:4px;
width:18px;
height:18px;
background:url(/img/smartphone/touch/icon/loading002.gif) no-repeat 50% 50%;
text-indent:-99999px;
position:relative;
top:-0.15em;
}

.cpLoadingCheckbox02{
display:inline-block;
margin-right:4px;
width:18px;
height:18px;
background:url(/img/smartphone/touch/icon/loading001.gif) no-repeat 50% 50%;
text-indent:-99999px;
position:relative;
top:-0.15em;
}

/* ---------- input : list of radio or checkbox ---------- */
.cpMarkFormSet01{    /* Base */
}

.cpMarkFormSet02{    /* Base */
}

.cpMarkFormSet03{    /* Base */
text-align:right;
padding-top:10px;
}

.cpMarkFormSet01 li{
padding-top:8px;
}

.cpMarkFormSet02 li{
display:inline-block;
padding-top:10px;
}

.cpMarkFormSet03 li{
display:inline-block;
padding:0 10px;
border-left:1px dotted #ccc;
}

.cpMarkFormSet03 li:last-child{
padding-right:0;
}

.cpMarkFormSet01 li > p{
text-indent:-25px;
padding-left:25px;
}

.cpMarkFormSet03 input[type="radio"],
.cpMarkFormSet02 input[type="radio"],
.cpMarkFormSet01 input[type="radio"]{
width:21px;
height:21px;
-webkit-border-radius:10px;
}

.cpMarkFormSet01 input[type="radio"] + label,
.cpMarkFormSet01 input[type="checkbox"] + label,
.cpMarkFormSet01 .cpLoadingCheckbox01 + label,
.cpMarkFormSet01 .cpLoadingCheckbox02 + label{
padding:0 4px;
color:#555;
position:relative;
}

.cpMarkFormSet01 input[type="checkbox"]:disabled  + label{
color:#999;
}

.cpMarkFormSet02 input[type="radio"] + label,
.cpMarkFormSet02 input[type="checkbox"] + label,
.cpMarkFormSet02 .cpLoadingCheckbox01 + label,
.cpMarkFormSet02 .cpLoadingCheckbox02 + label{
padding:0 15px 0 4px;
color:#555;
position:relative;
}

.cpMarkFormSet02.labelPush input[type="radio"] + label,
.cpMarkFormSet02.labelPush input[type="checkbox"] + label,
.cpMarkFormSet02.labelPush .cpLoadingCheckbox01 + label,
.cpMarkFormSet02.labelPush .cpLoadingCheckbox02 + label{
padding-right:8px;
}

.cpMarkFormSet03 input[type="radio"] + label,
.cpMarkFormSet03 input[type="checkbox"] + label,
.cpMarkFormSet03 .cpLoadingCheckbox01 + label,
.cpMarkFormSet03 .cpLoadingCheckbox02 + label{
padding:0 0 0 4px;
color:#555;
position:relative;
}

.cpMarkFormSet03 input[type="radio"] + label,
.cpMarkFormSet02 input[type="radio"] + label,
.cpMarkFormSet01 input[type="radio"] + label{  top:-0.25em;  }

.cpMarkFormSet03 input[type="checkbox"] + label,
.cpMarkFormSet03 .cpLoadingCheckbox01 + label,
.cpMarkFormSet03 .cpLoadingCheckbox02 + label,
.cpMarkFormSet02 input[type="checkbox"] + label,
.cpMarkFormSet02 .cpLoadingCheckbox01 + label,
.cpMarkFormSet02 .cpLoadingCheckbox02 + label,
.cpMarkFormSet01 input[type="checkbox"] + label,
.cpMarkFormSet01 .cpLoadingCheckbox01 + label,
.cpMarkFormSet01 .cpLoadingCheckbox02 + label{  top:-0.15em;  }

.cpMarkFormSet01.emphasis01 p,
.cpMarkFormSet01.emphasis01 label,
.cpMarkFormSet01 p.emphasis01,
.cpMarkFormSet01 p.emphasis01 label{
font-weight:bold;
}

.cpMarkFormSet01 li > p + p{
padding-left:26px;
}

.cpMarkFormSet01 li > p + p.cpInputAlert01,
.cpMarkFormSet01 li p.cpInputAlert01{
padding-left:22px;
margin-top:4px;
text-indent:0;
}

.cpMarkFormSet01 li > p.invalid label{
color:#d1d1d1;
}

.cpMarkFormSet02 select{
max-width:290px;
}

@media screen and (min-width: 482px) {
.cpMarkFormSet02 select{
max-width:450px;
}
}

/* ---------- input : list of text-parts ---------- */
.cpMarkTextSet01{
}

.cpMarkTextSet01 li{
margin-top:8px;
padding-left:10px;
background:url(/img/smartphone/touch/common/listmark001.gif) no-repeat 4px 0.5em;
}

/* ---------- input : list of select-parts at inline-text ---------- */
.cpInlineSelectText01{
}

.cpInlineSelectText01 select{
margin:0 0.35em;
}

.cpInlineSelectText01 select:first-child{
margin-left:0;
}




/* --------------------------------------------------------------------
  Common-Parts
-------------------------------------------------------------------- */

/* ---------- heading ---------- */
/* ---------- [H___] cpContentsTitle01 ---------- */
.cpContentsTitle01{
padding:8px 0 0;
}

/* === for webView === */
#mainArea:first-child .cpContentsTitle01:first-child{
padding-top:0;
}

.cpContentsTitle01.withInfoBox,
.cpContentsTitle01.subContents{
padding-top:0;
}

.cSelfad01 + .cpContentsTitle01.subContents{
padding-top:8px;
}

.cpContentsTitle01 .titleMain{
border-top:1px solid #ccc;
border-bottom:1px solid #e5e5e5;
background-color:#fff;
background:-webkit-gradient(linear, 0 0, 0 29, from(#fff), color-stop(0.05, #f2f2f2), to(#fff));
}

.cpContentsTitle01 .titleMain h2{
padding:6px 10px;
color:#333;
font-weight:bold;
}

.cpContentsTitle01 .addTopLink{
background-color:#fffaf2;
border-bottom:1px solid #edeae0;
}

.cpContentsTitle01 .addTopLink a > img{
vertical-align:bottom;
}

.cpContentsTitle01 .addTopLink > ul{
}

.cpContentsTitle01 .addTopLink > p,
.cpContentsTitle01 .addTopLink > ul > li{
padding:15px 10px;
text-align:center;
}

.cpContentsTitle01 .addTopLink > p + p,
.cpContentsTitle01 .addTopLink > ul > li:first-child{
padding-top:0;
}


/* ---------- [H001] cpHeading01 ---------- */
/* ---------- cpHeading02 ---------- */
/* ---------- cpHeading03 ---------- */
.cpHeading03,
.cpHeading02,
.cpHeading01{
clear:both;
padding:0;
border-top:1px solid #ccc;
border-bottom:1px solid #e5e5e5;
background-color:#fff;
background:-webkit-gradient(linear, 0 0, 0 29, from(#fff), color-stop(0.05, #f2f2f2), to(#fff));
position:relative;
left:0;
}

.cpHeading03.connective,
.cpHeading02.connective,
.cpHeading01.connective{
border-top:none;
}

.cpHeading03:after,
.cpHeading02:after,
.cpHeading01:after{
content:"";
display:block;
clear:both;
}

.cpHeading03 h2,
.cpHeading02 h2,
.cpHeading01 h2{
padding:7px 0 6px 28px;
background:url(/img/smartphone/touch/heading/sectionhead001.gif) no-repeat 10px 8px;
font-weight:bold;
min-height:17px;
}

.cpHeading02 h2{  background-image:url(/img/smartphone/touch/heading/sectionhead002.gif);  }
.cpHeading03 h2{  background:url(/img/smartphone/touch/heading/sectionhead003.gif) no-repeat 7px 9px;  }

.cpHeading01.withSubLink h2{
float:left;
margin-right:140px;
}

.cpHeading01.withSubLink p.subLink{
position:absolute;
right:0;
padding:7px 10px 6px 0;
text-align:right;
}

.cpHeading01 p.subLink a{
color:#f00000;
}

.cpHeading01 p.subLink .new{
display:inline-block;
padding-left:24px;
background:url(/img/smartphone/touch/icon/new001.gif) no-repeat 0 50%;
}

/* ---------- cpHeading04 ---------- */
.cpHeading04{
border-top:1px solid #ffd073;
border-bottom:1px solid #edeae0;
padding-bottom:1px;
background-color:#f3f3f3;
}

.cpHeading04 h3,
.cpHeading04 h2{
padding:7px 10px 3px 11px;
border-top:2px solid #ffdd99;
border-bottom:1px solid #f7f7f7;
background-color:#fff;
font-weight:bold;
}

/* ---------- cpHeading05 ---------- */
.cpHeading05{
clear:both;
border-top:1px solid #fff;
border-bottom:1px solid #e1e1e1;
background-color:#f2eee8;
}

.cpHeading05:after{
content:"";
display:block;
clear:both;
}

.cpHeading05 h3,
.cpHeading05 h2{
padding:6px 10px 4px 9px;
font-weight:bold;
}

.cpHeading05.withSubLink h3,
.cpHeading05.withSubLink h2{
float:left;
margin-right:160px;
}

.cpHeading05.withSubLink p.subLink{
position:absolute;
right:0;
width:140px;
padding:7px 10px 6px 0;
text-align:right;
}

/* ---------- cpHeading06 ---------- */
.cpHeading06{
clear:both;
padding:9px 4em;
border-top:1px solid #ccc;
border-bottom:1px solid #666;
background-color:#7e7773;
background:-webkit-gradient(linear, 0 0%, 0% 100%, from(#a6a6a6), to(#7e7773));
color:#fff;
text-align:center;
position:relative;
}

.cpHeading06:after{
content:"";
display:block;
clear:both;
}

.cpHeading06 h2,
.cpHeading06 h3,
.cpHeading06 p{
display:inline;
font-weight:bold;
}

.cpHeading06 p.subNote01{
font-size:79%;
padding-left:1em;
}

.cpHeading06 p.subLink{
display:block;
position:absolute;
top:0;
right:0;
width:140px;
padding:5px 5px 0 0;
text-align:right;
line-height:1;
}

.cpHeading06 p.subLink a{
display:inline-block;
padding:7px 3px 6px;
border:1px solid #606060;
background-color:#58514d;
background:-webkit-gradient(linear, 0 0%, 0% 100%, from(#7e7e7e), to(#58514d));
-webkit-box-shadow:0 1px 2px #a6a29f;
-webkit-border-radius:3px;
color:#fff;
font-size:79%;
}

/* ---------- cpHeading07 ---------- */
.cpHeading07{
clear:both;
padding:0;
border-bottom:1px solid #edeae0;
background:#fff url(/img/smartphone/touch/heading/sectionhead006.gif) no-repeat 10px 7px;
}

.cpHeading07 h3,
.cpHeading07 h4{
padding:6px 0 5px 25px;
font-weight:bold;
min-height:15px;
}



/* ---------- cpHeading08 ---------- */
.cpHeading08{
clear:both;
min-height:34px;
padding:0 4em;
border-bottom:1px solid #ccc;
background:
url(/img/smartphone/touch/common/logo_mixi005.png) no-repeat 10px 8px,
-webkit-gradient(linear, 0 0%, 0% 100%, from(#fff), to(#f2f2f2));
color:#666;
text-align:center;
position:relative;
}

.cpHeading08 h2,
.cpHeading08 h3,
.cpHeading08 p{
line-height:34px;
font-weight:bold;
}

.cpHeading08 p.subLink{
display:block;
position:absolute;
top:0;
right:0;
}

.cpHeading08 p.subLink a{
display:block;
width:45px;
height:34px;
background:url(/img/smartphone/touch/button/head_close001.png) no-repeat 0 0;
text-indent:-99999px;
overflow:hidden;
}





/* ---------- cpHeading : subNote ---------- */
.cpContentsTitle01 .titleMain h2 .subNote01,
.cpHeading04 h3 .subNote01,
.cpHeading04 h2 .subNote01,
.cpHeading05 h3 .subNote01,
.cpHeading05 h2 .subNote01{
font-size:86%;
font-weight:normal;
color:#666;
}

/* ---------- [N012] cpMoreLink ---------- */
a.cpMoreLink01{
padding-left:20px;
background:transparent url(/img/smartphone/touch/icon/arrow001.gif) no-repeat 0% 45%;
}

p.cpMoreLink02{
clear:both;
padding:0;
background-color:#f2f2f2;
background:-webkit-gradient(linear, 0 78%, 0% 100%, from(#f2f2f2), to(#e7e7e7));
}

p.cpMoreLink02 a{
display:block;
padding:7px 25px 5px 10px;
text-align:right;
background:transparent url(/img/smartphone/touch/icon/arrow004.gif) no-repeat 100% 50%;
color:#666;
}

p.cpMoreLink03{
clear:both;
text-align:center;
background-color:#fff;
background:-webkit-gradient(linear, 0 78%, 0% 100%, from(#fff), to(#f0f0f0));
border-bottom:1px solid #e1e1e1;
}

p.cpMoreLink03 a{
display:block;
padding:7px 25px 5px 10px;
}

p.cpMoreLink03 a span{
padding:0 0 0 16px;
background:url(/img/smartphone/touch/icon/arrow007.gif) no-repeat 0% 50%;
color:#258fb8;
}

p.cpMoreLink03.update a span{
padding-left:13px;
background:url(/img/smartphone/touch/icon/arrow012.gif) no-repeat 0% 40%;
}

p.cpMoreLink03.miniSize a{
font-size:86%;
}

p.cpMoreLink03.miniSize a span{
padding-left:0;
background-image:none;
}

p.cpMoreLink04{
clear:both;
text-align:center;
background-color:#fff;
border-bottom:1px solid #e1e1e1;
}

p.cpMoreLink04 a{
display:block;
padding:7px 25px 5px 10px;
font-weight:bold;
}

p.cpMoreLink04 a span{
display:inline-block;
padding:5px 0 5px 16px;
background:url(/img/smartphone/touch/icon/arrow007.gif) no-repeat 0% 50%;
color:#258fb8;
}

p.cpMoreLink04 a span.loading{
padding-left:28px;
background:url(/img/smartphone/touch/icon/loading001.gif) no-repeat 0% 50%;
color:#999;
}

ul.cpMoreLink05{
}

ul.cpMoreLink05 > li{
padding:0.5em 0 0;
}

ul.cpMoreLink05 > li a{
padding-left:20px;
background:transparent url(/img/smartphone/touch/icon/arrow001.gif) no-repeat 0% 45%;
}

.cpMoreLink06{
}

.cpMoreLink06 a:link,
.cpMoreLink06 a:visited,
.cpMoreLink06 a:focus{
display:block;
padding:8px;
color:#99b2bf;
}

.cpMoreLink06 a span{
padding-left:13px;
background:url(/img/smartphone/touch/home2011/icon/add001.gif) no-repeat 0 50%;
}

.cpMoreLink07{
}

.cpMoreLink07 a:link,
.cpMoreLink07 a:visited,
.cpMoreLink07 a:focus{
display:block;
padding:8px;
text-align:center;
font-weight:bold;
color:#99b2bf;
}

.cpMoreLink07.inner a:link,
.cpMoreLink07.inner a:visited,
.cpMoreLink07.inner a:focus{
font-weight:normal;
}

.cpMoreLink07 a span{
padding-right:15px;
background:url(/img/smartphone/touch/home2011/icon/arrow005.gif) no-repeat 100% 50%;
}

.cpMoreLink07.update a span{
background:url(/img/smartphone/touch/icon/arrow026.gif) no-repeat 100% 40%;
}

.cpMoreLink07 a span.loading{
padding-right:0;
display:block;
height:20px;
background:url(/img/smartphone/touch/home2011/icon/loading002.gif) no-repeat 50% 50%;
-webkit-background-size:20px auto;
text-indent:-9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.8){
/* for not iPhone */
.cpMoreLink07 a span.loading{
-webkit-animation-name:indicatorRotate01;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-duration:1s;
background:url(/img/smartphone/touch/home2011/icon/loading003.png) no-repeat 50% 50%;
-webkit-background-size:20px auto;
}
}

.cpMoreLink08{
}

.cpMoreLink08 a:link,
.cpMoreLink08 a:visited,
.cpMoreLink08 a:focus{
display:block;
padding:10px 16px 10px 10px;
background:transparent url(/img/smartphone/touch/home2011/icon/arrow001.gif) no-repeat 100% 50%;
text-align:right;
color:#99b2bf;
}

.cpMoreLink08.individual a{
text-align:left;
background:#fffaf2 url(/img/smartphone/touch/home2011/icon/arrow001.gif) no-repeat 100% 50%;
}

.cpMoreLink09{
}

.cpMoreLink09 a{
display:block;
padding:10px 0 10px;
text-align:right;
color:#99b2bf;
font-size:86%;
}

.cpMoreLink10{
}

.cpMoreLink10 a{
display:block;
}

.cpMoreLink10 a span{
padding-left:13px;
background:url(/img/smartphone/touch/icon/add003.gif) no-repeat 0 50%;
}

/* ---------- cpCloseLink01 ---------- */
p.cpCloseLink01{
clear:both;
text-align:right;
background-color:#fff;
border-bottom:1px solid #e1e1e1;
}

p.cpCloseLink01 a{
display:inline-block;
padding:7px 10px 5px 28px;
color:#666;
font-weight:bold;
background:url(/img/smartphone/touch/icon/arrow014.gif) no-repeat 10px 50%;
}

/* ---------- cpNecessaryItem01 ---------- */
span.cpNecessaryItem01{
color:#f10000;
}

/* ---------- note-Trigger ---------- */
a.cpNoteTrigger01,
.cpNoteTrigger01{
color:inherit;
text-decoration:none;
border-bottom:1px dashed #666;
}

.cpNoteTrigger01.opened{
background-color:#e6e0cf;
}

.cpNoteTrigger01:after{
content:" [?]";
}

/* ---------- cpNoteIcon01 ---------- */
/* ---------- cpAreaIcon01 ---------- */
.cpNoteIcon01,
.cpAreaIcon01{
display:inline;
}

.cpAreaIcon01 img{
padding-left:1em;
vertical-align:-0.15em;
}

.cpNoteIcon01 img{
padding-left:7px;
vertical-align:-0.15em;
}

/* ---------- emoji ---------- */
img.emoji{
margin:0 2px;
vertical-align:bottom;
}

/* ---------- cpInputAlert01 ---------- */
.cpInputAlert01{
padding:0 0 0 22px;
background:url(/img/smartphone/touch/icon/simplealert_alert001.gif) no-repeat 0em 0em;
color:#ff0000;
font-size:86%;
}

/* ---------- cpInputAlert02 ---------- */
.cpInputAlert02{
display:inline-block;
color:#e50000;
line-height:1.2;
}

/* ---------- cpInputAlert03 ---------- */
.cpInputAlert03{
padding:0 0 0 19px;
background:url(/img/smartphone/touch/home2011/icon/alert001.gif) no-repeat 0 0.2em;
color:#333;
}

/* ---------- cpLoadingSign01 ---------- */
.cpLoadingSign01,
.cpLoadingSign02{
height:20px;
padding:20px 0;
text-indent:-9999px;
background:url(/img/smartphone/touch/home2011/icon/loading002.gif) no-repeat 50% 50%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.8){
/* for not iPhone */
.cpLoadingSign01{
-webkit-animation-name:indicatorRotate01;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-duration:0.67s;
background:url(/img/smartphone/touch/home2011/icon/loading003.png) no-repeat 50% 50%;
}
}

/* ---------- cpMonetarySign ---------- */
.cpMonetarySign01{
vertical-align:top;
}

.cpMonetarySign01.mixipoint{
margin-right:0.3em;
}

/* ---------- cpAccountMark01 ---------- */
.cpAccountMark01 .sign{
display:inline-block;
width:16px;
text-indent:-99999px;
background-repeat:no-repeat;
background-position:50% 30%;
}

.cpAccountMark01 .sign.mymixi  {  background-image:url(/img/smartphone/touch/icon/sign_mymixi001.gif);  }
.cpAccountMark01 .sign.friend  {  background-image:url(/img/smartphone/touch/icon/sign_friend001.gif);  }
.cpAccountMark01 .sign.ofc1    {  background-image:url(/img/smartphone/touch/icon/sign_official001.gif);  }
.cpAccountMark01 .sign.ofc2    {  background-image:url(/img/smartphone/touch/icon/sign_official002.gif);  }
.cpAccountMark01 .sign.school  {  background-image:url(/img/smartphone/touch/icon/school002.gif);  }
.cpAccountMark01 .sign.company {  background-image:url(/img/smartphone/touch/icon/company001.gif);  }

/* ---------- cpScheduleMark01 ---------- */
.cpScheduleMark01 .sign{
display:inline-block;
width:14px;
text-indent:-99999px;
background-repeat:no-repeat;
background-position:1px 30%;
}

.cpScheduleMark01 .sign.myData       {  background-image:url(/img/smartphone/touch/icon/schedule003.gif);  }
.cpScheduleMark01 .sign.mymixisData  {  background-image:url(/img/smartphone/touch/icon/schedule002.gif);  }
.cpScheduleMark01 .sign.bdData       {  background-image:url(/img/smartphone/touch/icon/birthday001.gif);  background-position:0 30%;  width:15px;  }

/* ---------- cpPageMark01 ---------- */
.cpPageMark01{
display:inline-block;
}

.cpPageMark01 .sign{
margin:0 2px 0 3px;
vertical-align:-3px;
}

.cpPageMark01 .sign02{
margin:0 2px 0 3px;
vertical-align:-5px;
}

br + .cpPageMark01 .sign02:first-child{
margin-left:0;
}

.cpPageMark01 .sign03{
margin:0 2px 0 3px;
vertical-align:-3px;
}

.cpPageMark01 .new01{
margin:0 2px 0 3px;
}

/* ---------- cpListMark01 ---------- */
p.cpListMark01,
div.cpListMark01 > p,
ul.cpListMark01 > li > p{
padding:0 0 0 15px;
background:url(/img/smartphone/touch/common/listmark002.gif) no-repeat 1px 0.2em;
text-indent:-2px;
color:#666;
}

p.cpListMark01.sub01,
div.cpListMark01.sub01 > p,
ul.cpListMark01.sub01 > li > p{
color:#999;
}

p.cpListMark01:first-letter,
div.cpListMark01 > p:first-letter,
ul.cpListMark01 > li > p:first-letter{
font-size:1px;
visibility:hidden;
}

div.cpListMark01 > p.noMark,
ul.cpListMark01 > li > p.noMark{
background-image:none;
text-indent:0;
}

div.cpListMark01 > p.noMark:first-letter,
ul.cpListMark01 > li > p.noMark:first-letter{
font-size:100%;
visibility:visible;
}

/* ---------- cpListMark02 ---------- */
div.cpListMark02,
ul.cpListMark02,
ul.cpListMark02 > li{
margin-top:0.4em;
}

p.cpListMark02,
div.cpListMark02 > p,
ul.cpListMark02 > li > p{
margin-top:0.4em;
padding-left:10px;
background:url(/img/smartphone/touch/common/listmark001.gif) no-repeat 4px 0.5em;
color:#666;
}

div.cpListMark02 > p:first-child,
ul.cpListMark02 > li:first-child,
ul.cpListMark02 > li > p:first-child{
margin-top:0;
}


/* ---------- cpInlineLinkSet01 ---------- */
.cpInlineLinkSet01{
padding:0.5em 0;
border-bottom:1px solid #edeae0;
}

.cpInlineLinkSet01 li{
display:inline-block;
width:80px;
background:url(/img/smartphone/touch/common/solidline001.gif) no-repeat 100% 48%;
}

.cpInlineLinkSet01 li:last-child{  background-image:none;  }

@media screen and (max-width: 320px) {
.cpInlineLinkSet01 li:nth-of-type(4n){  background-image:none;  }
}
@media screen and (min-width: 321px) and (max-width: 400px) {
.cpInlineLinkSet01 li:nth-of-type(5n){  background-image:none;  }
}
@media screen and (min-width: 401px) {
.cpInlineLinkSet01 li:nth-of-type(6n){  background-image:none;  }
}

.cpInlineLinkSet01 li a,
.cpInlineLinkSet01 li .current{
display:block;
padding:0.5em 0;
text-align:center;
}

/* ---------- cpInlineLinkSet02 ---------- */
.cpInlineLinkSet02{
margin:0.2em 0 0.1em;
text-align:center;
}

.cpInlineLinkSet02 li{
display:inline-block;
padding:0 0.7em;
background:url(/img/smartphone/touch/common/solidline001.gif) no-repeat 100% 50%;
}

.cpInlineLinkSet02 li:last-child{
background-image:none;
}

.cpInlineLinkSet02 li a,
.cpInlineLinkSet02 li .current{
display:block;
padding:0.2em 0;
}

/* ---------- cpFootCtrl01 ---------- */
ul.cpFootCtrl01{
text-align:right;
padding-top:6px;
}

ul.cpFootCtrl01 li{
clear:both;
display:inline-block;
border-left:1px dotted #ccc;
padding:0 10px;
font-size:86%;
}

ul.cpFootCtrl01 li.cpToggleSwitch01:first-child,
ul.cpFootCtrl01 li:first-child{
border-left:none;
padding-left:0;
}

ul.cpFootCtrl01 li:last-child{
padding-left:10px;
padding-right:0;
border-left:1px dotted #ccc;
}

ul.cpFootCtrl01 li.cpToggleSwitch01{
font-size:100%;
vertical-align:bottom;
}

ul.cpFootCtrl01 li a{
display:inline-block;
background:url(/img/smartphone/touch/icon/arrow001.gif) no-repeat 0 0;
padding-left:24px;
}

ul.cpFootCtrl01 li a.change{
background:url(/img/smartphone/touch/icon/arrow012.gif) no-repeat 0 0;
padding-left:15px;
}

ul.cpFootCtrl01 li a.add{
background:url(/img/smartphone/touch/icon/add001.gif) no-repeat 0 3px;
padding-left:15px;
}

ul.cpFootCtrl01 li a.delete{
background:url(/img/smartphone/touch/icon/trashcan002.gif) no-repeat 0 1px;
padding-left:17px;
}

ul.cpFootCtrl01 li a.delete02{
background:url(/img/smartphone/touch/icon/delete001.gif) no-repeat 0 6px;
padding-left:15px;
}

ul.cpFootCtrl01 li a.edit01{
background:url(/img/smartphone/touch/icon/diary001.gif) no-repeat 0 40%;
padding-left:15px;
}

ul.cpFootCtrl01 li a.mail01{
background:url(/img/smartphone/touch/icon/mail001.gif) no-repeat 0 40%;
padding-left:18px;
}

ul.cpFootCtrl01 li a.reply{
background:url(/img/smartphone/touch/icon/message_reply001.gif) no-repeat 0 2px;
padding-left:21px;
}

ul.cpFootCtrl01 li a.cpPseudoBtn01{
background-color:#fff;
background:-webkit-gradient(linear, 0 0%, 0 100%, from(rgba(255, 255, 255, 1.0)), to(rgba(237, 234, 224, 1.0)));
padding-left:0;
}

ul.cpFootCtrl01 li input[type="image"],
ul.cpFootCtrl01 li input[type="checkbox"]{
vertical-align:bottom;
}

ul.cpFootCtrl01 label{
padding-left:2px;
color:#666;
}

ul.cpFootCtrl01 input.cpSubmitBtn01{
font-size:100%;
}


/* ---------- cpSimpleTable01 ---------- */
.cpSimpleTable01{
padding:10px;
}

.lInputColumns01 .columnBody .cpSimpleTable01{
padding:10px 0 0;
}

.cpSimpleTable01.setupAlone{
border-bottom:1px solid #edeae0;
}

.cpSimpleTable01 dl{
display:table-row;
}

.cpSimpleTable01 dl > dt:first-child,
.cpSimpleTable01 dl > dd{
padding-top:4px;
}

.cpSimpleTable01 dl:first-child > dt:first-child,
.cpSimpleTable01 dl:first-child > dt:first-child + dd,
.cpSimpleTable01 dl:first-child > dd:first-child{
padding-top:0;
}

.cpSimpleTable01 dl > dt{
display:table-cell;
white-space:nowrap;
width:auto;
padding-right:8px;
}

.cpSimpleTable01 dl > dd{
display:table-cell;
}

/* ---------- cpSimpleTable02 ---------- */
.cpSimpleTable02{
padding:10px;
}

.lInputColumns01 .columnBody .cpSimpleTable02{
padding-right:0;
padding-bottom:0;
padding-left:0;
}

p + .cpSimpleTable02{
padding-top:0;
}

.cpSimpleTable02 dl{
}

.cpSimpleTable02 dl dt{
display:inline;
color:#333;
}

.cpSimpleTable02 dl dd{
display:inline;
padding-left:0.5em;
color:#666;
}

/* ---------- cpSimpleTable03 ---------- */
.cpSimpleTable03{
display:table;
width:100%;
}

.cpSimpleTable03 dl{
display:table-row;
width:100%;
border-collapse:collapse;
margin:0;
padding:0;
}

.cpSimpleTable03 dl > dt,
.cpSimpleTable03 dl > dd{
display:table-cell;
margin:0;
color:#666;
text-align:left;
vertical-align:top;
border-bottom:1px solid #edeae0;
}

.cpSimpleTable03 dl > dt{
padding:10px 18px 9px 10px;
width:73px;
font-size:93%;
background:url(/img/smartphone/touch/common/noicon_list001.gif) no-repeat 10px 0.9em;
border-bottom:1px solid #edeae0;
}

.cpSimpleTable03 dl > dd{
padding:10px 10px 9px 0;
width:auto;
}

/* ---------- gDialog01 ---------- */
/* ----- [memo] cDialog01 is old-name (at home2011.css and official.css) ----- */
/* ----- [memo] optPosFix is optional-flag (at home2011.css) ----- */
.cDialog01,
.gDialog01{
position:absolute;
left:0;
bottom:45%;
width:100%;
text-align:center;
z-index: 17510;
}

.optPosFix .cDialog01,
.optPosFix .gDialog01{
position:fixed;
}

.cDialog01 .messageMain > p,
.cDialog01 .messageMain > a,
.gDialog01 .messageMain > p,
.gDialog01 .messageMain > a{
display:inline-block;
}

.cDialog01 p,
.gDialog01 p{
height:1em;
padding:1.2em 1.2em 1.5em;
border:1px solid #fff;
-webkit-border-radius:4px;
background-color:#333;
color:#fff;
font-size:86%;
font-weight:bold;
line-height:1.5em;
-webkit-box-shadow:0 1px 5px #000;
}

/* ----- gDialog01 - notShort ----- */
.cDialog01.notShort,
.gDialog01.notShort{
width:auto;
margin:0 10px;
text-align:left;
}

.cDialog01.notShort .messageMain > p,
.cDialog01.notShort .messageMain > a,
.gDialog01.notShort .messageMain > p,
.gDialog01.notShort .messageMain > a{
display:block;
}

.cDialog01.notShort p,
.gDialog01.notShort p{
height:auto;
padding-bottom:1.2em;
line-height:1.3em;
}

.cDialog01.notShort p .subNote,
.gDialog01.notShort p .subNote{
display:block;
padding-top:0.4em;
}




/* --------------------------------------------------------------------
  Global-Components
-------------------------------------------------------------------- */

/* ---------- gBaseComponent01 ---------- */
.gBaseComponent01{
}

.gBaseComponent01:after{
content:" ";
display:block;
text-indent:-99999px;
height:8px;
background:url(/img/smartphone/touch/common/box_end001.gif) repeat-x 0 0;
}

.gBodyAdArea01 + .gBaseComponent01{
border-top:1px solid #edeae0;
}

.gBaseComponent01 .gResponseBox02,
.gBaseComponent01 #errorArea,
.gBaseComponent01 .gResponseBox01{
border-bottom:1px solid #edeae0;
}

.gBaseComponent01 .gResponseBox01.innerContents{
border-bottom:none;
}

.gBaseComponent01 .lNothingBanner{
padding:10px 0 15px;
text-align:center;
}

.gBaseComponent01 .lNothingBanner.innerContents{
border-bottom:1px solid #e1e1e1;
}

.gBaseComponent01 .lNothingBanner img{
vertical-align:bottom;
}

.gBaseComponent01 .lNothingBanner.withNotes{
padding-bottom:10px;
}

.gBaseComponent01 .lNothingBanner.withNotes .footNote{
padding:12px 10px 0;
color:#666;
font-size:86%;
text-align:left;
}

.gBaseComponent01 .lNothingBanner .footNote + .footNote{
padding-top:4px;
}

.gBaseComponent01 .lNothingBanner .cpMoreLink05{
padding-top:8px;
}

.gBaseComponent01 .lNothingBanner .cpMoreLink05 > li{
padding:4px 10px 0;
font-size:86%;
text-align:left;
}

.gBaseComponent01 .lNothingText{
color:#999;
text-align:center;
padding:20px 10px;
}

.gBaseComponent01 .lNothingText.innerContents{
border-bottom:1px solid #edeae0;
}

.gBaseComponent01 .lNothingBannerText {
text-align:center;
padding:12px 0 18px;
border-bottom:1px solid #edeae0;
}
.gBaseComponent01 .lNothingBannerText span{
padding:10px 0 15px;
text-align:center;
color:#999;
font-weight:bold;
background:url(/img/smartphone/touch/icon/nothing001.png) no-repeat left center;
display:inline-block;
padding:12px 10px 8px 47px;
}

.gBaseComponent01 .lNowProcessing{
padding:10px 0 15px;
height:105px;
text-indent:-99999px;
background:url(/img/smartphone/touch/icon/loading001.gif) no-repeat 50% 50%;
}

.gBaseComponent01 .lNowProcessing02{
padding:15px 0;
text-align:center;
border-bottom:1px solid #edeae0;
}

.gBaseComponent01 .lNowProcessing02 > span{
display:inline-block;
padding-left:28px;
height:20px;
line-height:20px;
color:#999;
background:url(/img/smartphone/touch/icon/loading001.gif) no-repeat 0% 50%;
}

.gBaseComponent01 .lNowProcessing03{
padding:1.0em 10px 1.5em;
text-align:center;
border-bottom:1px solid #edeae0;
}

.gBaseComponent01 .lNowProcessing03 p{
color:#999;
font-size:86%;
text-align:center;
}

.gBaseComponent01 .lNowProcessing03 .loading{
display:block;
height:3em;
background:url(/img/smartphone/touch/icon/loading003.gif) no-repeat 50% 50%;
color:#999;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:1.5em;
}

.gBaseComponent01 .lNowProcessing03 .subNote{
margin:0.5em 0 0;
color:#4d4d4d;
font-weight:bold;
}

.gBaseComponent01.topContentsAtNoTitlePage > div:first-child{
border-top:1px solid #ccc;
}

.gResponseBox03 p.step {
width:100%;
margin:0 0 20px;
}
.gResponseBox03 p.headline{
font-weight:bold;
color:#000000;
}
.gResponseBox03 p.inputBox,
.gResponseBox03 div.inputBox{
padding: 10px;
border-radius: 4px;
text-align: center;
background-color: #FFF;
}
.gResponseBox03 p.inputBox.select,
.gResponseBox03 div.inputBox.select{
text-align: left;
}
.gResponseBox03 p.inputBox.select label,
.gResponseBox03 div.inputBox.select label{
margin: 0 5px;
}
.gResponseBox03 p.inputBox.select label input,
.gResponseBox03 div.inputBox.select label input{
margin: 0 5px;
}
.gResponseBox03 p.inputBox.radio,
.gResponseBox03 div.inputBox.radio{
text-align: left;
}
.gResponseBox03 p.inputBox.radio label,
.gResponseBox03 div.inputBox.radio label{
margin: 0 5px;
}
.gResponseBox03 p.inputBox.radio label input,
.gResponseBox03 div.inputBox.radio label input{
margin: 0 5px;
}
.gResponseBox03 p.inputBoxOn,
.gResponseBox03 div.inputBoxOn{
background-color: #ffdee6;
}
.gResponseBox03 p.inputBox span.notice,
.gResponseBox03 div.inputBox span.notice{
display:block;
padding: 6px 0;
text-align:left;
color:#999;
font-size:90%;
}
.gResponseBox03 p.inputBox ul.notice,
.gResponseBox03 div.inputBox ul.notice{
display:block;
text-align:left;
color:#999;
font-size:90%;
}
.gResponseBox03 p.inputBox span.alert,
.gResponseBox03 div.inputBox span.alert{
display:block;
padding: 6px 0;
text-align:left;
color:#FF0004;
font-size:90%;
}
.gResponseBox03 p.checkContent{
color: #52a9cc;
font-weight: bold;
font-size: 120%;
text-align: center;
padding: 10px;
border-radius: 4px;
background-color: #d6f8ff;
}

.gResponseBox03 .inputUser{
padding: 0 8px;
}

/* ---------- gAdComponent01 ---------- */
.gAdComponent01{
}

/* --------------- gHeader02 --------------- */
.gHeader02{
position:relative;
border-top:4px solid #e0c074;
background:url(/img/smartphone/touch/common/bg_header005.png) repeat-x 0 0;
min-height:42px;
z-index:8200;
}

#headerArea .gHeader02{
min-height:34px;
}

.gHeader02 h1{
padding:8px 70% 9px 10px;
text-align:left;
}

.gHeader02 h1 > span,
.gHeader02 h1 > a{
display:block;
height:17px;
padding:3px 0 4px;
text-align:left;
line-height:0;
}

.gHeader02 .topNavigation01{
position:absolute;
left:0;
top:0;
width:100%;
}

.gHeader02 .topNavigation01 > li{
position:absolute;
top:0;
width:45px;
height:42px;
text-align:left;
}

.gHeader02 .topNavigation01 > li > p > span,
.gHeader02 .topNavigation01 > li > p > a{
display:block;
width:45px;
height:42px;
background:url(/img/smartphone/touch/button/head_all007_008.png) no-repeat 0 1000px;
text-indent:-99999px;
overflow:hidden;
}

.gHeader02 .topNavigation01 > li > p > span > span,
.gHeader02 .topNavigation01 > li > p > a > span{
display:block;
width:45px;
height:42px;
}

.gHeader02 .topNavigation01 .naviOpen{
right:0;
}

.gHeader02 .topNavigation01 .naviOpen > p > span,
.gHeader02 .topNavigation01 .naviOpen > p > a{
background-position:0 0;
}

.gHeader02 .topNavigation01 .naviOpen > p > .acted     {  background-position:0  -60px;  }
.gHeader02 .topNavigation01 .naviOpen > p > .selected  {  background-position:0  -120px;  }

/*
.gHeader02 .topNavigation01 .sceneBack{}
.gHeader02 .topNavigation01 .reload{}
*/

.gHeader02 .topNavigation01 .menuOpen{
right:45px;
}

.gHeader02 .topNavigation01 .menuOpen > p > span,
.gHeader02 .topNavigation01 .menuOpen > p > a{
background-position:0 -360px;
}

.gHeader02 .topNavigation01 .menuOpen > p > .acted     {  background-position:0 -420px;  }
.gHeader02 .topNavigation01 .menuOpen > p > .selected  {  background-position:0 -480px;  }

.gHeader02 .topNavigation01 .addInstance{
left:50%;
}

.gHeader02 .topNavigation01 .addInstance,
.gHeader02 .topNavigation01 .addInstance > p,
.gHeader02 .topNavigation01 .addInstance > p > span,
.gHeader02 .topNavigation01 .addInstance > p > a,
.gHeader02 .topNavigation01 .addInstance > p > span > span,
.gHeader02 .topNavigation01 .addInstance > p > a > span{
width:63px;
height:49px;
}

.gHeader02 .topNavigation01 .addInstance > p{
position:absolute;
left:-32px;
}

.gHeader02 .topNavigation01 .addInstance > p > span,
.gHeader02 .topNavigation01 .addInstance > p > a{
background-position:0 -180px;
}

.gHeader02 .topNavigation01 .addInstance > p > .acted     {  background-position:0 -240px;  }
.gHeader02 .topNavigation01 .addInstance > p > .selected  {  background-position:0 -300px;  }

.gHeader02 .topNavigation01 .addComment{
right:0px;
}

.gHeader02 .topNavigation01 .addComment > p > span,
.gHeader02 .topNavigation01 .addComment > p > a{
background-position:0 -540px;
}

.gHeader02 .topNavigation01 .addComment > p > .acted     {  background-position:0 -600px;  }
.gHeader02 .topNavigation01 .addComment > p > .selected  {  background-position:0 -660px;  }

.gHeader02 .topNavigation01 .likeSign{
right:0px;
}

.gHeader02 .topNavigation01 .addComment + .likeSign{
right:45px;
}

.gHeader02 .topNavigation01 .likeSign > p > span,
.gHeader02 .topNavigation01 .likeSign > p > a{
background-position:0 -720px;
}

.gHeader02 .topNavigation01 .likeSign > p > .acted     {  background-position:0 -780px;  }
.gHeader02 .topNavigation01 .likeSign > p > .selected  {  background-position:0 -840px;  }

.gHeader02 .topNavigation01 .mixiPage{
right:0;
}

.gHeader02 .topNavigation01 .mixiPage > p > span,
.gHeader02 .topNavigation01 .mixiPage > p > a{
background-position:0 -180px;
}

.gHeader02 .topNavigation01 .mixiPage > p > .acted     {  background-position:0  -240px;  }
.gHeader02 .topNavigation01 .mixiPage > p > .selected  {  background-position:0  -300px;  }

.gHeader02 .topNavigation01 .login{
right:0;
}

.gHeader02 .topNavigation01 .mixiPage + .login{
right:59px;
}

.gHeader02 .topNavigation01 .login,
.gHeader02 .topNavigation01 .login > p,
.gHeader02 .topNavigation01 .login > p > span,
.gHeader02 .topNavigation01 .login > p > a,
.gHeader02 .topNavigation01 .login > p > span > span,
.gHeader02 .topNavigation01 .login > p > a > span{
width:57px;
}

.gHeader02 .topNavigation01 .login > p > span,
.gHeader02 .topNavigation01 .login > p > a{
background-position:0 0;
}

.gHeader02 .topNavigation01 .login > p > .acted     {  background-position:0  -60px;  }
.gHeader02 .topNavigation01 .login > p > .selected  {  background-position:0  -120px;  }

#headerArea .gHeader02 + .gGlobalNavigation02{
top:39px;
}

#headerArea .gHeader02 +  .gGlobalNavigation03{
top:39px;
border-top:none;
}


/* ----- gHeader02 : design-variations ----- */
/* --- others --- */
#headerArea .gHeader02{
background-image:none;
background-color:#fff;
min-height:42px;
}

.logout #headerArea .gHeader02{
background:url(/img/smartphone/touch/common/bg_header005.png) repeat-x 0 0;
min-height:42px;
}

#headerArea .gHeader02 h1{
padding:8px 70% 9px 10px;
text-align:left;
}

.logout #headerArea .gHeader02 h1{
padding:8px 70% 9px 10px;
}

.error .gHeader02 h1{
border-bottom:1px solid #f2f2f2;
}

#headerArea .gHeader02 h1 > span,
#headerArea .gHeader02 h1 > a{
padding-bottom:2px;
}

#headerArea .gHeader02 .topNavigation01 > li,
#headerArea .gHeader02 .topNavigation01 > li > p > span,
#headerArea .gHeader02 .topNavigation01 > li > p > a,
#headerArea .gHeader02 .topNavigation01 > li > p > span > span,
#headerArea .gHeader02 .topNavigation01 > li > p > a > span{
width:44px;
height:41px;
}

.logout #headerArea .gHeader02 .topNavigation01 > li,
.logout #headerArea .gHeader02 .topNavigation01 > li > p > span,
.logout #headerArea .gHeader02 .topNavigation01 > li > p > a,
.logout #headerArea .gHeader02 .topNavigation01 > li > p > span > span,
.logout #headerArea .gHeader02 .topNavigation01 > li > p > a > span{
height:41px;
}

#headerArea .gHeader02 .topNavigation01 .naviOpen > p > span,
#headerArea .gHeader02 .topNavigation01 .naviOpen > p > a{
background-image:url(/img/smartphone/touch/button/head_search007.png);
}

#headerArea .gHeader02 .topNavigation01 .mixiPage,
#headerArea .gHeader02 .topNavigation01 .mixiPage > p,
#headerArea .gHeader02 .topNavigation01 .mixiPage > p > span,
#headerArea .gHeader02 .topNavigation01 .mixiPage > p > a,
#headerArea .gHeader02 .topNavigation01 .mixiPage > p > span > span,
#headerArea .gHeader02 .topNavigation01 .mixiPage > p > a > span{
width:59px;
}

#headerArea .gHeader02 .topNavigation01 .mixiPage > p > span,
#headerArea .gHeader02 .topNavigation01 .mixiPage > p > a{
border-left:none;
background-image:url(/img/smartphone/touch/button/head_all009.png);
}

#headerArea .gHeader02 .topNavigation01 .login,
#headerArea .gHeader02 .topNavigation01 .login > p,
#headerArea .gHeader02 .topNavigation01 .login > p > span,
#headerArea .gHeader02 .topNavigation01 .login > p > a,
#headerArea .gHeader02 .topNavigation01 .login > p > span > span,
#headerArea .gHeader02 .topNavigation01 .login > p > a > span{
width:57px;
}

#headerArea .gHeader02 .topNavigation01 .login > p > span,
#headerArea .gHeader02 .topNavigation01 .login > p > a{
border-left:none;
background-image:url(/img/smartphone/touch/button/head_all009.png);
}

/* ---------- [N001] gGlobalNavigation ---------- */
.gGlobalNavigation{
float:right;
width:189px;
height:39px;
padding-top:13px;
}

.gGlobalNavigation ul.pNavi01{
display:block;
width:186px;
padding-left:1px;
}

.gGlobalNavigation ul.pNavi01 li{
display:inline-block;
padding-right:3px;
width:90px;
}
.gGlobalNavigation ul.pNavi01 li a{
display:block;
height:30px;
text-indent:-99999px;
background:url(/img/smartphone/touch/common/btn_subnavi001.gif) no-repeat 0 0;
}

.gGlobalNavigation ul.pNavi01 li.searchFriend a{  background-position:0 0px;  }
.gGlobalNavigation ul.pNavi01 li.inviteFriend a{  background-position:0 -30px;  }

.gGlobalNavigation ul.pNavi02{
display:block;
width:187px;
background:url(/img/smartphone/touch/common/btn_subnavi002.gif) no-repeat 0 0;
}

.gGlobalNavigation ul.pNavi02 li{
display:inline-block;
padding-right:3px;
}
.gGlobalNavigation ul.pNavi02 li a{
display:block;
height:30px;
text-indent:-99999px;
}

.gGlobalNavigation ul.pNavi02 li.searchFriend  {  width:88px;  }
.gGlobalNavigation ul.pNavi02 li.mixiAppli     {  width:93px;  }

/* ---------- [N002a/N002b/N002c] gPersonalNavigation ---------- */
.gPersonalNavigation{
clear:both;
width:100%;
padding:0;
position:relative;
left:0;
}

.gPersonalNavigation ul.pNavi01{
border-top:1px solid #f2f2f2;
border-bottom:1px solid #fff;
width:100%;
height:48px;
background-color:#f2f2f2;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f2f2f2));　
}

.gPersonalNavigation ul.pNavi01 > li{
display:inline-block;
padding:2px 0 0;
margin:0;
border:0;
width:20%;
height:46px;
background:url(/img/smartphone/touch/common/btn_navi0022.png) no-repeat 50% 0;
}

.gPersonalNavigation ul.pNavi01.modeFriend > li{  background-image:url(/img/smartphone/touch/common/btn_navi_friend0022.png);  }

.gPersonalNavigation ul.pNavi01 li.profile  {  background-position:50%    0px;  }
.gPersonalNavigation ul.pNavi01 li.mymixi   {  background-position:50%  -96px;  }
.gPersonalNavigation ul.pNavi01 li.diary    {  background-position:50% -192px;  }
.gPersonalNavigation ul.pNavi01 li.message  {  background-position:50% -288px;  }
.gPersonalNavigation ul.pNavi01 li.log,
.gPersonalNavigation ul.pNavi01 li.voice    {  background-position:50% -288px;  }
.gPersonalNavigation ul.pNavi01 li.others   {  background-position:50% -384px;  }

.gPersonalNavigation ul.pNavi01 li a{
display:block;
margin:0 2px;
}

.gPersonalNavigation ul.pNavi01 > li > a > span{
display:block;
height:45px;
text-indent:-99999px;
background:url(/img/smartphone/touch/common/btn_navi0022.png) no-repeat 50% 100px;
-webkit-border-radius:4px;
}

.gPersonalNavigation ul.pNavi01 > li > a.selected > span{
background-color:#f2f2f2;
}

.gPersonalNavigation ul.pNavi01.modeFriend > li > a > span{           background-image:url(/img/smartphone/touch/common/btn_navi_friend0022.png);  }

.gPersonalNavigation ul.pNavi01 li.profile  a.selected span{  background-position:50%  -50px;  }
.gPersonalNavigation ul.pNavi01 li.mymixi   a.selected span{  background-position:50% -146px;  }
.gPersonalNavigation ul.pNavi01 li.diary    a.selected span{  background-position:50% -242px;  }
.gPersonalNavigation ul.pNavi01 li.message  a.selected span{  background-position:50% -338px;  }
.gPersonalNavigation ul.pNavi01 li.log      a.selected span,
.gPersonalNavigation ul.pNavi01 li.voice    a.selected span{  background-position:50% -338px;  }
.gPersonalNavigation ul.pNavi01 li.others   a.selected span{  background-position:50% -434px;  }
.gPersonalNavigation ul.pNavi01 li.others.opened a     span{  background-position:50% -434px;  }

.gPersonalNavigation ul.pPopupNavi01{
border-top:1px solid #999;
border-right:1px solid #999;
width:228px;
background-color:#fff;
position:absolute;
top:50px;
right:2px;
z-index:1001;
}

.gPersonalNavigation ul.pPopupNavi01 li{
display:block;
float:left;
padding:0;
border:1px solid #999;
border-top:none;
border-right:none;
width:113px;
font-size:86%;
}

.gPersonalNavigation ul.pPopupNavi01 li.calendar     {  background:#fff url(/img/smartphone/touch/icon/calendar001.gif) no-repeat 7px 10px;  }
.gPersonalNavigation ul.pPopupNavi01 li.photo        {  background:#fff url(/img/smartphone/touch/icon/photo001.gif) no-repeat 7px 12px;  }
.gPersonalNavigation ul.pPopupNavi01 li.appli        {  background:#fff url(/img/smartphone/touch/icon/appli001.gif) no-repeat 5px 10px;  }
.gPersonalNavigation ul.pPopupNavi01 li.mylist       {  background:#fff url(/img/smartphone/touch/icon/mylist001.gif) no-repeat 6px 11px;  }
.gPersonalNavigation ul.pPopupNavi01 li.video        {  background:#fff url(/img/smartphone/touch/icon/video001.gif) no-repeat 6px 12px;  }
.gPersonalNavigation ul.pPopupNavi01 li.review       {  background:#fff url(/img/smartphone/touch/icon/review002.gif) no-repeat 6px 10px;  }
.gPersonalNavigation ul.pPopupNavi01 li.editProfile  {  background:#fff url(/img/smartphone/touch/icon/edit001.gif) no-repeat 8px 12px;  }
.gPersonalNavigation ul.pPopupNavi01 li.manageFriend {  background:#fff url(/img/smartphone/touch/icon/mymixi001.gif) no-repeat 5px 11px;  }
.gPersonalNavigation ul.pPopupNavi01 li.message      {  background:#fff url(/img/smartphone/touch/icon/message001.gif) no-repeat 6px 12px;  }
.gPersonalNavigation ul.pPopupNavi01 li.voice        {  background:#fff url(/img/smartphone/touch/icon/voice001.gif) no-repeat 7px 10px;  }
.gPersonalNavigation ul.pPopupNavi01 li.community    {  background:#fff url(/img/smartphone/touch/icon/community_topic001.gif) no-repeat 7px 11px;  }
.gPersonalNavigation ul.pPopupNavi01 li.official     {  background:#fff url(/img/smartphone/touch/icon/official002.gif) no-repeat 8px 10px;  }
.gPersonalNavigation ul.pPopupNavi01 li.check        {  background:#fff url(/img/smartphone/touch/icon/mixicheck001.gif) no-repeat 6px 11px;  }
.gPersonalNavigation ul.pPopupNavi01 li.news        {  background:#fff url(/img/smartphone/touch/icon/news001.gif) no-repeat 7px 10px;  }
.gPersonalNavigation ul.pPopupNavi01 li.mall         {  background:#fff url(/img/smartphone/touch/icon/mall005.gif) no-repeat 8px 9px;  }
.gPersonalNavigation ul.pPopupNavi01 li.game         {  background:#fff url(/img/smartphone/touch/icon/game003.gif) no-repeat 7px 10px;  letter-spacing:-0.1em;  }

.gPersonalNavigation ul.pPopupNavi01 li a{
display:block;
margin:0;
padding:11px 1px 9px 27px;
color:#555;
}

.gPersonalNavigation ul.pPopupNavi01 li.toListOfAll  {
clear:left;
float:none;
width:227px;
background:#f2f2f2 url(/img/smartphone/touch/icon/arrow016.gif) no-repeat 100% 50%;
}

.gPersonalNavigation ul.pPopupNavi01 li.toListOfAll a{
padding:7px 24px 5px 7px;
text-align:right;
}

.gPersonalNavigation ul.pPopupNavi01 li.empty{
padding:10px 0 8px;
text-indent:-99999px;
}


/* --------------- gGlobalNavigation02 --------------- */
.gGlobalNavigation02{
position:absolute;
left:0;
width:100%;
height:48px;
background-color:#fff;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f0));
}

#headerArea .gGlobalNavigation02{
top:46px;
border-bottom:1px solid #333;
z-index:1002;
}

.gGlobalNavigation02 ul{
display:-webkit-box;
width:100%;
}

.gGlobalNavigation02 ul li{
-webkit-box-sizing:border-box;
-webkit-box-flex:1;
width:25%;
border-left:1px solid #e5e5e5;
}

.gGlobalNavigation02 ul li:first-child{
border-left:none;
}

.gGlobalNavigation02 ul li > a{
display:block;
height:37px;
padding:11px 0 0;
color:#99b2bf;
font-size:72%;
line-height:1.1em;
}

.gGlobalNavigation02 ul li p{
padding:18px 0 0;
background:url(/img/smartphone/touch/home2011/icon/item_label004.png) no-repeat 50% 100px;
text-align:center;
}

.gGlobalNavigation02 ul .myFriends   p{  background-position:50%    0px;  }
.gGlobalNavigation02 ul .mixiApps    p{  background-position:50% -100px;  }
.gGlobalNavigation02 ul .mixiPage    p{  background-position:50% -399px;  }
.gGlobalNavigation02 ul .community   p{  background-position:50% -200px;   letter-spacing:-0.20em;  }
.gGlobalNavigation02 ul .news        p{  background-position:50% -299px;  }


/* --------------- gGlobalNavigation03 --------------- */
.gGlobalNavigation03{
position:absolute;
left:0;
width:100%;
background-color:#fff;
}

#headerArea .gGlobalNavigation03{
top:38px;
border-top:1px solid rgb(224,224,224);
border-bottom:1px solid #333;
z-index:1002;
}

.gGlobalNavigation03 > ul > li{
border-bottom:1px solid rgb(224,224,224);
background:url(/img/smartphone/touch/home2011/icon/item_label012.png) no-repeat 0 1000px;
font-size:129%;
line-height:1.1;
}

.gGlobalNavigation03 > ul > .myFriends       {  background-position: 4px    10px;  }
.gGlobalNavigation03 > ul > .mixiApps        {  background-position: 4px  -190px;  }
.gGlobalNavigation03 > ul > .mixiPage        {  background-position: 4px  -390px;  }
.gGlobalNavigation03 > ul > .community       {  background-position: 4px  -590px;  }
.gGlobalNavigation03 > ul > .news            {  background-position: 4px  -790px;  }
.gGlobalNavigation03 > ul > .mixiGame        {  background-position: 4px  -990px;  }
.gGlobalNavigation03 > ul > .newYear         {  background-position: 4px -1190px;  }
.gGlobalNavigation03 > ul > .xmas            {  background-position: 4px -1390px;  }
.gGlobalNavigation03 > ul > .mixiMall        {  background-position: 4px -1590px;  }


.gGlobalNavigation03 > ul > li > a{
display:block;
width:100%;
padding:18px 0;
background:url(/img/smartphone/touch/icon/arrow016.gif) no-repeat 100% 50%;
color:#808080;
}

.gGlobalNavigation03 > ul > li > a p{
display:block;
padding:0 18px 0 56px;
}

.gGlobalNavigation03 > ul > .mixiMall > a p{
background:url(/img/smartphone/touch/icon/new003.gif) no-repeat 125px 50%;
}

/* ---------- gLocalNavigation ---------- */
.gLocalNavigation{
position:relative;
clear:both;
height:30px;
border-top:1px solid #F2F0E9;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ECEAE0));　
}

.gLocalNavigation ul li{
display:inline-block;
line-height:26px;
padding:2px;
}

.gLocalNavigation ul li:after{
content:"";
display:block;
clear:both;
}

.gLocalNavigation ul li a{
display:block;
color:#666;
}

.gLocalNavigation ul li a.selected{
background-color:#ECE9DF;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}


/* ---------- gLocalNavigation:pPopupNavi01 ---------- */
.gLocalNavigation ul.pPopupNavi01{
position:absolute;
top:30px;
right:2px;
z-index:100;
width:228px;
border-top:1px solid #999;
border-right:1px solid #999;
background:#fff;
}

.gLocalNavigation ul.pPopupNavi01 li{
float:left;
width:113px;
line-height:1.4;
padding:0;
border-bottom:1px solid #999;
border-left:1px solid #999;
font-size:93%;
text-align:left;
}

.gLocalNavigation ul.pPopupNavi01 li a{
padding:10px 10px 8px;
color:#555;
}

.gLocalNavigation ul.pPopupNavi01 li.empty{
padding:10px 0 8px;
text-indent:-9999px;
}


/* ---------- [N004] gGlobalMenu ---------- */
.gGlobalMenuMain01,
.gGlobalMenuSub01,
.gGlobalMenu{
padding:10px 5px 0;
text-align:center;
color:#ccc;
font-size:86%;
}

.gGlobalMenuSub01 + .gGlobalMenuMain01{
padding-top:20px;
}

.gGlobalMenuSub01:first-child,
.gGlobalMenu:first-child{
padding-top:15px;
}

.gGlobalMenuMain01 a,
.gGlobalMenuSub01 a,
.gGlobalMenu a{
padding:0 2px;
color:#99b2bf;
}

.gGlobalMenuMain01 a{
color:#66afcc;
}


/* ---------- gSubLabels01 ---------- */
.gSubLabels01{
text-align:center;
margin:20px 5px 0;
font-size:86%;
line-height:1.2;
}

.gSubLabels01 small{
font-size:100%;
}

.gSubLabels01 a:link,
.gSubLabels01 a:visited,
.gSubLabels01 a:focus{
color:#99b2bf;
}


/* ---------- gLocalMenu01 ---------- */
.gLocalMenu01{
}

.gLocalMenu01 .pNavi01{
padding:1px 0 8px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#f2f2f2;
background:-webkit-gradient(linear, 0 0%, 0 100%, from(#f2f2f2), to(#fff));
}

.gLocalMenu01 .pNavi01 li{
display:inline-block;
margin:5px 5px 0 0;
}

.gLocalMenu01 .pNavi01 li:last-child{
margin-right:10px;
}

.gLocalMenu01 .pNavi01 li a{
display:block;
border:1px solid #ccc;
border-bottom:1px solid #d2d2d2;
font-size:86%;
background-color:#fff;
background:-webkit-gradient(linear, 0 0%, 0 100%, from(#fff), to(#f2f2f2));
color:#333;
}

.gLocalMenu01 .pNavi01 li a.selected{
border:1px solid #ccc;
position:relative;
top:1px;
}

.gLocalMenu01 .pNavi01 li a span{
display:block;
padding:0 5px 1px 4px;
height:23px;
line-height:25px;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
background-repeat:no-repeat;
background-position:5px 45%;
}

.gLocalMenu01 .pNavi01.labelPush li a span{
letter-spacing:-0.1em;
}

.gLocalMenu01 .pNavi01 li a.selected span{
padding:1px 4px 0 5px;
border-top:1px solid #cfb37b;
border-bottom:1px solid #ffdd99;
background-color:#ffdd99;
background:-webkit-gradient(linear, 0 1px, 0 2px, from(#efd08e), to(#ffdd99));
}

.gLocalMenu01 .pNavi01 li.diary a span{
padding-left:23px;
background-image:url(/img/smartphone/touch/icon/diary001.gif);
}

.gLocalMenu01 .pNavi01 li.photo a span{
padding-left:23px;
background-image:url(/img/smartphone/touch/icon/photo001.gif);
}

.gLocalMenu01 .pNavi01 li.calendar a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/calendar001.gif);
}

.gLocalMenu01 .pNavi01 li.mixipage a span{
padding-left:26px;
background-image:url(/img/smartphone/touch/icon/official002.gif);
background-position:7px 45%;
}

.gLocalMenu01 .pNavi01 li.community a span{
padding-left:26px;
background-image:url(/img/smartphone/touch/icon/community_topic001.gif);
}

.gLocalMenu01 .pNavi01 li.review a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/review001.gif);
background-position:5px 40%;
}

.gLocalMenu01 .pNavi01 li.video a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/video001.gif);
background-position:5px 45%;
}

.gLocalMenu01 .pNavi01 li.appli a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/appli001.gif);
background-position:5px 50%;
}

.gLocalMenu01 .pNavi01 li.inbox a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/message_inbox001.gif);
}

.gLocalMenu01 .pNavi01 li.outbox a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/message_sent001.gif);
}

.gLocalMenu01 .pNavi01 li.group a span,
.gLocalMenu01 .pNavi01 li.document a span,
.gLocalMenu01 .pNavi01 li.draft a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/message_draft001.gif);
}

.gLocalMenu01 .pNavi01 li.trash a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/message_trash001.gif);
}

.gLocalMenu01 .pNavi01 li.appli02 a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/appli003.gif);
background-position:5px 50%;
}

.gLocalMenu01 .pNavi01 li.new a span{
padding-left:30px;
background-image:url(/img/smartphone/touch/icon/new002.gif);
background-position:5px 50%;
}

.gLocalMenu01 .pNavi01 li.ranking a span{
padding-left:26px;
background-image:url(/img/smartphone/touch/icon/ranking001.gif);
background-position:5px 50%;
}

.gLocalMenu01 .pNavi01 li.voice a span{
padding-left:26px;
background-image:url(/img/smartphone/touch/icon/voice001.gif);
background-position:6px 50%;
}

.gLocalMenu01 .pNavi01 li.buddy a span{
padding-left:26px;
background-image:url(/img/smartphone/touch/icon/buddy001.png);
background-position:6px 50%;
}

.gLocalMenu01 .pNavi01 li.mixicheck a span{
padding-left:26px;
background-image:url(/img/smartphone/touch/icon/mixicheck003.gif);
background-position:6px 50%;
}

.gLocalMenu01 .pNavi01 li.activity a span{
padding-left:20px;
background-image:url(/img/smartphone/touch/icon/profile003.gif);
background-position:6px 55%;
}

.gLocalMenu01 .pNavi01 li.android a span{
padding-left:25px;
background-image:url(/img/smartphone/touch/icon/sp_android001.gif);
background-position:7px 48%;
}

.gLocalMenu01 .pNavi01 li.recommended a span{
padding-left:24px;
background-image:url(/img/smartphone/touch/icon/recommended002.png);
background-position:5px 65%;
}

.gLocalMenu01 .pNavi01 li.ranking02 a span{
padding-left:28px;
background-image:url(/img/smartphone/touch/icon/ranking004.png);
background-position:5px 50%;
}

.gLocalMenu01 .pNavi01 li.mall a span{
padding-left:26px;
background-image:url(/img/smartphone/touch/icon/mall001.gif);
background-position:5px 50%;
}


/* --------------- gPersonalMenu01 --------------- */
.gPersonalMenu01{
position:absolute;
left:0;
top:0;
width:309px;
z-index:7601;
}

.gPersonalMenu01 ul{
display:inline-block;
width:auto;
max-width:307px;
border:1px solid #c8cbcc;
}

.gPersonalMenu01 ul > li{
display:inline-block;
width:153px;
height:34px;
border-right:1px solid #c9cfd0;
background-color:#fff;
opacity:0.95;
line-height:34px;
}

.gPersonalMenu01 ul > li:last-child{
border-right:none;
}

.gPersonalMenu01 ul > li > a{
display:block;
padding:0 5px 0 10px;
font-weight:bold;
}

.gPersonalMenu01 ul > li > a > span{
background:url(/img/smartphone/touch/home2011/icon/personal_menuicon001.png) no-repeat 0 0;
}

.gPersonalMenu01 ul > .profile > a > span{
padding-left:15px;
background-position:0 2px;
}

.gPersonalMenu01 ul > .sendMessage > a > span{
padding-left:22px;
background-position:0 -48px;
}


/* ---------- gPageNavigation01 ---------- */
.gPageNavigation01{
}

.gPageNavigation01 .UI01{
border-bottom:1px solid #e1e1e1;
height:28px;
overflow:hidden;
background-color:#fff;
background:-webkit-gradient(linear, 0 72%, 0 100%, from(#fff), to(#f2f2f2));
position:relative;
}

.gPageNavigation01 .UI01 > p,
.gPageNavigation01 .UI01 ul{
width:100%;
height:28px;
overflow:hidden;
position:absolute;
left:0;
}

.gPageNavigation01 .UI01 ul:after{
content:"";
display:block;
clear:both;
}

.gPageNavigation01 .UI01 ul li{
padding:0;
}

.gPageNavigation01 .UI01 li[rel="__prev"],
.gPageNavigation01 .UI01 .prev{
float:left;
width:47px;
height:28px;
position:absolute;
left:0;
top:0
}

.gPageNavigation01 .UI01 li[rel="__next"],
.gPageNavigation01 .UI01 .next{
float:right;
width:47px;
height:28px;
position:absolute;
right:0;
top:0
}

.gPageNavigation01 .UI01 li[rel="__prev"] a,
.gPageNavigation01 .UI01 li[rel="__prev"] span.unexist,
.gPageNavigation01 .UI01 li[rel="__next"] a,
.gPageNavigation01 .UI01 li[rel="__next"] span.unexist,
.gPageNavigation01 .UI01 .prev a,
.gPageNavigation01 .UI01 .prev span.unexist,
.gPageNavigation01 .UI01 .next a,
.gPageNavigation01 .UI01 .next span.unexist{
display:block;
width:47px;
height:28px;
text-indent:-9999px;
}

.gPageNavigation01 .UI01 li[rel="__prev"] a,
.gPageNavigation01 .UI01 .prev a{
border-right:1px dotted #ccc;
background:url(/img/smartphone/touch/icon/arrow008.gif) no-repeat 50% 50%;
}

.gPageNavigation01 .UI01 li[rel="__prev"] span.unexist,
.gPageNavigation01 .UI01 .prev span.unexist{
border-right:1px dotted #ccc;
background:url(/img/smartphone/touch/icon/arrow010.gif) no-repeat 50% 50%;
}

.gPageNavigation01 .UI01 li[rel="__next"] a,
.gPageNavigation01 .UI01 .next a{
border-left:1px dotted #ccc;
background:url(/img/smartphone/touch/icon/arrow009.gif) no-repeat 50% 50%;
}

.gPageNavigation01 .UI01 li[rel="__next"] span.unexist,
.gPageNavigation01 .UI01 .next span.unexist{
border-left:1px dotted #ccc;
background:url(/img/smartphone/touch/icon/arrow011.gif) no-repeat 50% 50%;
}

.gPageNavigation01 .UI01 li[rel="__display"],
.gPageNavigation01 .UI01 .display{
width:auto;
text-align:center;
color:#666;
font-size:86%;
padding:7px 0 0;
margin:0 50px;
}

.gPageNavigation01 .UI01 li[rel="__display"] a,
.gPageNavigation01 .UI01 .display a{
letter-spacing:-0.1em;
}

.gPageNavigation01 .UI01 > p.display{  width:210px;  height:21px;  }

@media screen and (min-width: 479px) {
.gPageNavigation01 .UI01 > p.display{  width:370px;  }
}

/* ---------- gPageNavigation03 ---------- */
.gPageNavigation03{
width:100%;
}

.gPageNavigation03 .UI01{
width:100%;
height:35px;
overflow:hidden;
position:relative;
}

.gPageNavigation03 .UI01 ul{
width:100%;
height:35px;
overflow:hidden;
left:0;
}

.gPageNavigation03 .UI01 ul:after{
content:"";
display:block;
clear:both;
}

.gPageNavigation03 .UI01 ul li{
padding:0;
}

.gPageNavigation03 .UI01 li[rel="__next"],
.gPageNavigation03 .UI01 .next,
.gPageNavigation03 .UI01 li[rel="__prev"],
.gPageNavigation03 .UI01 .prev{
width:35px;
height:35px;
}

.gPageNavigation03 .UI01 li[rel="__prev"],
.gPageNavigation03 .UI01 .prev{
float:left;
-webkit-transform-origin:50% 50%;
-webkit-transform:rotate(180deg);
}

.gPageNavigation03 .UI01 li[rel="__next"],
.gPageNavigation03 .UI01 .next{
float:right;
}

.gPageNavigation03 .UI01 li[rel="__prev"] a,
.gPageNavigation03 .UI01 li[rel="__prev"] span.unexist,
.gPageNavigation03 .UI01 li[rel="__next"] a,
.gPageNavigation03 .UI01 li[rel="__next"] span.unexist,
.gPageNavigation03 .UI01 .prev a,
.gPageNavigation03 .UI01 .prev span.unexist,
.gPageNavigation03 .UI01 .next a,
.gPageNavigation03 .UI01 .next span.unexist{
display:block;
width:33px;
height:33px;
border:1px solid #b5b5b5;
-webkit-border-radius:3px;
background:#868686 url(/img/smartphone/touch/icon/arrow028.png) no-repeat 55% 50%;
-webkit-background-size:auto 13px;
text-indent:-9999px;
}

.gPageNavigation03 .UI01 li[rel="__prev"] span.unexist,
.gPageNavigation03 .UI01 .prev span.unexist,
.gPageNavigation03 .UI01 li[rel="__next"] span.unexist,
.gPageNavigation03 .UI01 .next span.unexist{
opacity:0.3;
}

.gPageNavigation03 .UI01 li[rel="__display"],
.gPageNavigation03 .UI01 .display{
position:absolute;
left:15%;
width:70%;
padding:9px 0 0;
text-align:center;
color:#999;
font-size:86%;
}

/* ---------- gPageNavigation04 ---------- */
.gPageNavigation04{
}

.gPageNavigation04 .lNaviMain{
display:-webkit-box;
position:relative;
height:33px;
border-bottom:1px solid #e1e1e1;
background-color:#fafafa;
line-height:1;
}

.gPageNavigation04 .prev,
.gPageNavigation04 .next{
width:50px;
}

.gPageNavigation04 .prev{
-webkit-box-ordinal-group:1;
}

.gPageNavigation04 .next{
-webkit-box-ordinal-group:3;
}

.gPageNavigation04 .next:first-child,
.gPageNavigation04 .prev + .next{
-webkit-box-flex:1;
}

.gPageNavigation04 .prev > a,
.gPageNavigation04 .next > a{
display:block;
height:33px;
width:49px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(70%,#fff), color-stop(100%,#f3f3f3));
}

.gPageNavigation04 .prev > a{
border-right:1px solid #c8cbcc;
}

.gPageNavigation04 .next > a{
border-left:1px solid #c8cbcc;
}

.gPageNavigation04 .next:first-child > a,
.gPageNavigation04 .prev + .next > a{
margin-left:auto;
}

.gPageNavigation04 .prev > a > span,
.gPageNavigation04 .next > a > span{
display:block;
height:33px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

.gPageNavigation04 .prev > a > span{
background:transparent url(/img/smartphone/touch/icon/arrow030.png) no-repeat 50% 50%;
}

.gPageNavigation04 .next > a > span{
background:transparent url(/img/smartphone/touch/icon/arrow031.png) no-repeat 50% 50%;
}

.gPageNavigation04 .display,
.gPageNavigation04 .choice{
display:-webkit-box;
-webkit-box-flex:1;
-webkit-box-ordinal-group:2;
height:33px;
-webkit-box-shadow:0 1px 0 0 #eee inset;
overflow:hidden;
}

.gPageNavigation04 .display p{
width:100%;
height:33px;
line-height:33px;
text-align:center;
font-size:86%;
}

.gPageNavigation04 .display:first-child,
.gPageNavigation04 .choice:first-child{
margin-left:49px;
border-left:1px solid #c8cbcc;
}

.gPageNavigation04 .display:last-child,
.gPageNavigation04 .choice:last-child{
margin-right:49px;
border-right:1px solid #c8cbcc;
}

.gPageNavigation04 .choice > li{
width:20%;
}

.gPageNavigation04 .choice p{
height:33px;
line-height:33px;
text-align:center;
overflow:hidden;
}

.gPageNavigation04 .choice > li:last-child p{
border-right:none;
}

.gPageNavigation04 .choice > li:nth-child(-n+4) p{
border-right:1px dotted #ccc;
}

.gPageNavigation04 .choice a{
display:block;
color:#8098a5;
}

.gPageNavigation04 .choice .current a{
color:#4d4d4d;
}

/* ---------- gPageNavigation05 ---------- */
.gPageNavigation05 .lNaviMain{
display:-webkit-box;
position:relative;
height:33px;
border-bottom:1px solid #ccc;
background-color:#fff;
line-height:1;
}

.gPageNavigation05 .prev,
.gPageNavigation05 .next{
width:93px;
font-size:86%;
}

.gPageNavigation05 .prev{
-webkit-box-ordinal-group:1;
}

.gPageNavigation05 .next{
-webkit-box-ordinal-group:3;
}

.gPageNavigation05 .next:first-child,
.gPageNavigation05 .prev + .next{
-webkit-box-flex:1;
}

.gPageNavigation05 .prev > a,
.gPageNavigation05 .next > a{
display:block;
height:33px;
width:77px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(70%,#fff), color-stop(100%,#f3f3f3));
color:rgb(128,152,165);
}

.gPageNavigation05 .prev > a{
padding-left:15px;
border-right:1px dotted #ccc;
}

.gPageNavigation05 .next > a{
padding-right:15px;
border-left:1px dotted #ccc;
}

.gPageNavigation05 .next:first-child > a,
.gPageNavigation05 .prev + .next > a{
margin-left:auto;
}

.gPageNavigation05 .prev > a > span,
.gPageNavigation05 .next > a > span{
display:block;
height:33px;
line-height:33px;
overflow:hidden;
}

.gPageNavigation05 .prev > a > span{
padding-left:13px;
/*background:transparent url(/img/smartphone/touch/icon/arrow030.png) no-repeat 0 50%;*/
text-align:left;
}

.gPageNavigation05 .next > a > span{
padding-right:13px;
/*background:transparent url(/img/smartphone/touch/icon/arrow031.png) no-repeat 100% 50%;*/
text-align:right;
}

.gPageNavigation05 .display{
display:-webkit-box;
-webkit-box-flex:1;
-webkit-box-ordinal-group:2;
height:33px;
-webkit-box-shadow:0 1px 0 0 #eee inset;
overflow:hidden;
}

.gPageNavigation05 .display p{
-webkit-box-flex:1;
height:33px;
border-left:1px dotted #ccc;
line-height:33px;
text-align:center;
font-size:86%;
}

.gPageNavigation05 .display p:first-child{
border-left:none;
}

.gPageNavigation05 .display a{
display:block;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(70%,#fff), color-stop(100%,#f3f3f3));
color:rgb(128,152,165);
}

.gPageNavigation05 .display:first-child{
margin-left:92px;
border-left:1px dotted #ccc;
}

.gPageNavigation05 .display:last-child{
margin-right:92px;
border-right:1px dotted #ccc;
}




/* ---------- [N013] gPagetopLink ---------- */
p.gPagetopLink{
text-align:right;
}

p.gPagetopLink a{
padding-left:20px;
/*background:transparent url(/img/smartphone/touch/icon/arrow002.gif) no-repeat 0% 45%;*/
}

/* ---------- [E001a] errorArea ---------- */
/* ---------- [E001a] gResponseBox01 ---------- */
#errorArea,
.gResponseBox01{
padding:10px;
}

.gResponseBox01.innerContents{
padding-bottom:0;
}

.gResponseBox01.connective{
padding-top:0;
}

#errorArea .contents,
.gResponseBox01 .contents{
border:3px solid #e5e5e5;
/*background:#f2f2f2 url(/img/smartphone/touch/icon/alert001.gif) no-repeat 7px 7px;*/
padding:14px 12px 10px 42px;
min-height:19px;
}

#errorArea p,
.gResponseBox01 p{
font-weight:bold;
line-height:1.25;
font-size:86%;
}

#errorArea p{
color:#f10000;
}

#errorArea p .subNote,
.gResponseBox01 p .subNote{
display:block;
padding-top:0.4em;
font-weight:normal;
}

.gResponseBox01 p + p,
.gResponseBox01 ul.subNote{
padding-top:0.4em;
}

.gResponseBox01 ul.subNote li{
padding:0.4em 0 0 0.8em;
line-height:1.25;
font-size:86%;
/*background:url(/img/smartphone/touch/common/listmark001.gif) no-repeat 0.2em 0.8em;*/
}

/* ---------- gResponseBox02 ---------- */
.gResponseBox02{
padding:10px;
}

.gResponseBox02.connective02{
padding:10px 10px 0;
color:#666;
border-bottom:none;
}

.gResponseBox02.connective{
padding-top:0;
}

.gResponseBox02 .contents{
border:3px solid #edeae0;
/*background:#fff url(/img/smartphone/touch/common/bg_stripe001.gif) repeat 0px -1px;*/
padding:14px 15px 12px;
}

.gResponseBox02 .subContents{
margin-top:10px;
}

.gResponseBox02 p{
line-height:1.25;
font-size:86%;
}

.gResponseBox02 p + p,
.gResponseBox02 p + ul,
.gResponseBox02 ul + p{
padding-top:1em;
}

.gResponseBox02 p.messageMain{
font-size:93%;
}

.gResponseBox02 p.subNote{
padding-top:0.45em;
}

.gResponseBox02 p strong:not([class]){
color:#333;
}

.gResponseBox02 ul.cpListMark01{
}

.gResponseBox02 ul.cpListMark01 > li{
padding-top:0.4em;
}

.gResponseBox02 ul.cpListMark01 > li:first-child{
padding-top:0;
}

.gResponseBox02 ul.cpListMark02{
padding-top:0;
}

.gResponseBox02 p.cpListMark02,
.gResponseBox02 div.cpListMark02 > p,
.gResponseBox02 ul.cpListMark02 > li > p{
font-size:79%;
/*background:url(/img/smartphone/touch/common/listmark001.gif) no-repeat 1px 0.4em;*/
}

.gResponseBox02 ul.subNote li{
padding:0.4em 0 0 0.8em;
line-height:1.25;
/*background:url(/img/smartphone/touch/common/listmark001.gif) no-repeat 0.2em 0.8em;*/
}

/* ---------- gResponseBox03 ---------- */
.gResponseBox03{    /* Base */
padding:10px;
border-bottom:1px solid #edeae0;
background-color:#fff;
color:#666;
}

.gResponseBox03.connective{
padding-top:0;
}

.gResponseBox03.connective02{
padding:10px 10px 0;
color:#666;
border-bottom:none;
}

.gResponseBox03 h4{
margin-top:0.8em;
font-weight:bold;
color:#333;
}

.gResponseBox03 h4:first-child{
margin-top:0;
}

.gResponseBox03 p{
margin-top:0.6em;
}

.gResponseBox03 p.accentuation {
margin-top:2.4em;
margin-bottom:2.4em;
}

.gResponseBox03 p.subFormItem {
  padding-top:2px;
  padding-left:10px;
  padding-right:10px;
}

.gResponseBox03.subNote p{
font-size:83%;
}

.gResponseBox03 p:first-child{
margin-top:0;
}

.gResponseBox03 h4 + p{
margin-top:0.6em;
}

.gResponseBox03 ul.subNote{
padding-top:0.4em;
}

.gResponseBox03 ul.subNote li{
padding:0.4em 0 0 0.8em;
line-height:1.25;
font-size:86%;
/*background:url(/img/smartphone/touch/common/listmark001.gif) no-repeat 0.2em 0.8em;*/
}

.gResponseBox03 p.cpListMark01,
.gResponseBox03 div.cpListMark01 > p,
.gResponseBox03 ul.cpListMark01 > li > p {
color:#666;
font-size:86%;
}

/* --------------- gResponseBox04 --------------- */
.gResponseBox04{
}

.gResponseBox04 .contents{
border-bottom:1px solid #ccc;
background-color:#f2f2f0;
padding:7px 5px 7px;
}

.gResponseBox04 p{
text-align:center;
color:#999;
font-size:86%;
}

/* --------------- gResponseBox05 --------------- */
.gResponseBox05{
padding:0 10px 10px;
border-bottom:1px solid #ccc;
background-color:#f2f2f0;
}

.gResponseBox05 .lMainNote{
padding:10px 0 0;
color:#333;
}

.gResponseBox05 .lMainNote p,
.gResponseBox05 .lMainNote h2{
font-weight:bold;
text-indent:21px;
/*background:url(/img/smartphone/touch/home2011/icon/alert002.gif) no-repeat 0 0.2em;*/
}

.gResponseBox05 .lMainNote p:not(:first-child){
background-image:none;
}

.gResponseBox05 .lSubNote{
color:#4d4d4d;
}

.gResponseBox05 .lSubNote p,
.gResponseBox05 .lSubNote h3{
font-size:86%;
}

.gResponseBox05 .lSubNote h3{
padding:10px 0 0;
font-weight:bold;
}

/* ---------- gInnerAlert01 ---------- */
.gInnerAlert01{
}

.gInnerAlert01 .contents{
border-bottom:1px solid #edeae0;
/*background:#fff url(/img/smartphone/touch/icon/alert003.gif) no-repeat 10px 10px;*/
padding:12px 10px 10px 31px;
}

.gInnerAlert01.connective .contents{
border-bottom:none;
}

.gInnerAlert01 p{
padding-top:0.5em;
line-height:1.25;
font-size:78%;
}

.gInnerAlert01 p:first-child{
padding-top:0;
}

/* ---------- gTableCalendar01 ---------- */
.gTableCalendar01{
}

.gTableCalendar01 h3,
.gTableCalendar01 h4{
display:none;
}

.gTableCalendar01 section{
display:table;
width:100%;
}

/* ----- wdates ----- */
.gTableCalendar01 .wdates > ul{
display:table-row;
}

.gTableCalendar01 .wdates > ul > li{
display:table-cell;
width:14%;
border-bottom:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
padding:2px 0;
background-color:#f8f8f8;
font-size:79%;
color:#666;
text-align:center;
line-height:1;
}

.gTableCalendar01 .wdates > ul > li:first-child{
border-left:none;
}

/* ----- days ----- */
.gTableCalendar01 .days > ul{
display:table-row;
}

.gTableCalendar01 .days > ul > li{
display:table-cell;
width:14%;
border-bottom:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
font-size:92%;
color:#666;
line-height:1;
background-color:#fff;
background:-webkit-gradient(linear, 0 40%, 0 100%, from(#fff), to(#f6f6f6));
}

.gTableCalendar01 .days > ul > li:first-child{
background-color:#fff3ee;
background:-webkit-gradient(linear, 0 40%, 0 100%, from(#fff3ee), to(#f6ebe6));
}

.gTableCalendar01 .days > ul > li:last-child{
background-color:#f7f9fd;
background:-webkit-gradient(linear, 0 40%, 0 100%, from(#f7f9fd), to(#eef0f4));
}

.gTableCalendar01 .days > ul > li.dHoliday{
background-color:#fff3ee;
background:-webkit-gradient(linear, 0 40%, 0 100%, from(#fff3ee), to(#f6ebe6));
}

.gTableCalendar01 .days > ul > li.dToday{
background-color:#fff3cd;
background:-webkit-gradient(linear, 0 40%, 0 100%, from(#fff3cd), to(#f6f4c6));
}

.gTableCalendar01 .days > ul > li:first-child{
border-left:none;
}

.gTableCalendar01 .days > ul > li > div,
.gTableCalendar01 .days > ul > li > a{
display:block;
height:45px;
overflow:hidden;
}

.gTableCalendar01 .days > ul > li .date{
padding-top:6px;
text-align:center;
color:#666;
}

.gTableCalendar01 .days > ul > li:first-child .date{  color:#f10000;  }
.gTableCalendar01 .days > ul > li:last-child  .date{  color:#106fff;  }

.gTableCalendar01 .days > ul > li.dHoliday    .date{  color:#f10000;  }

.gTableCalendar01 .days > ul > li.mPrev .date,
.gTableCalendar01 .days > ul > li.mNext .date{
color:#ccc;
}

.gTableCalendar01 .days > ul > li .date > span:first-child{
display:none;
}

.gTableCalendar01 .days > ul > li .date > span{
}

.gTableCalendar01 .days > ul > li .signs{
padding-top:5px;
text-align:center;
}

.gTableCalendar01 .days > ul > li .signs .sign:last-child{  margin-left:2px;  }
.gTableCalendar01 .days > ul > li .signs .sign:nth-child(n+3){  margin-left:0;  }

/* ---------- gLineCalendar01 ---------- */
.gLineCalendar01{
}

.gLineCalendar01 h3{
display:none;
}

.gLineCalendar01 > ul{
display:table;
width:100%;
}

.gLineCalendar01 > ul > li{
display:table-row;
}

.gLineCalendar01 > ul > li > ul,
.gLineCalendar01 > ul > li > p{
display:table-cell;
border-bottom:1px solid #edeae0;
}

.gLineCalendar01 > ul > li > .date{
width:14.5%;
text-align:right;
}

.gLineCalendar01 > ul > li.wSunday > .date{
color:#f10000;
background-color:#fff3ee;
}

.gLineCalendar01 > ul > li.wSaturday > .date{
color:#106fff;
background-color:#f7f9fd;
}

.gLineCalendar01 > ul > li.dHoliday > .date{
color:#f10000;
background-color:#fff3ee;
}

.gLineCalendar01 > ul > li > .date > span:nth-child(1){  display:none;  }
.gLineCalendar01 > ul > li > .date > span:nth-child(2){  padding-right:3px;  font-size:120%;  }
.gLineCalendar01 > ul > li > .date > span:nth-child(3){  padding-right:6px;  font-size:86%;  }

@media screen and (min-width: 480px) {
.gLineCalendar01 > ul > li > .date > span:nth-child(2){  padding-right:5px;  }
.gLineCalendar01 > ul > li > .date > span:nth-child(3){  padding-right:18px;  }
}

.gLineCalendar01 > ul > li > .schedules{
width:auto;
padding-left:14px;
}

.gLineCalendar01 > ul > li > p.schedules{
padding:8px 0 6px;
text-indent:-99999px;
}

.gLineCalendar01 > ul > li > .schedules > li{
padding-top:1px;
/*background:url(/img/smartphone/touch/common/dotline003.gif) repeat-x 0 0;*/
}

.gLineCalendar01 > ul > li > .schedules > li.firstEntry{
padding-top:0;
background-image:none;
}

.gLineCalendar01 > ul > li > .schedules > li > a{
display:block;
padding:8px 0 6px;
}

.gLineCalendar01 > ul > li > .schedules > li p.headline{
padding-right:10px;
}

.gLineCalendar01 > ul > li > .schedules > li.myData p.headline{
padding-left:20px;
/*background:url(/img/smartphone/touch/icon/schedule003.gif) no-repeat 0 2px;*/
}

.gLineCalendar01 > ul > li > .schedules > li.mymixisData p.headline{
padding-left:20px;
/*background:url(/img/smartphone/touch/icon/schedule002.gif) no-repeat 0 2px;*/
}

.gLineCalendar01 > ul > li > .schedules > li.bdData p.headline{
padding-left:20px;
/*background:url(/img/smartphone/touch/icon/birthday001.gif) no-repeat -1px 1px;*/
}

.gLineCalendar01 > ul > li > .schedules > li p.members{
padding:0 10px 0 21px;
font-size:86%;
color:#333;
/*background:url(/img/smartphone/touch/common/dotline001.gif) no-repeat 5px 1px;*/
}

.gLineCalendar01 > ul > li > .ctrl{
width:14.5%;
background-color:#f8f8f8;
vertical-align:middle;
}

.gLineCalendar01 > ul > li > .ctrl li,
.gLineCalendar01 > ul > li > .ctrl li a{
display:block;
height:100%;
}

.gLineCalendar01 > ul > li > .ctrl li a.edit{
text-indent:-9999px;
/*background:url(/img/smartphone/touch/icon/add_schedule001.gif) no-repeat 50% 50%;*/
}

/* ---------- gTargetItems01 --------------- */
.gTargetItems01{
display:none;  /* hidden-default */
position:absolute;
padding:0 10px 10px;
border:1px solid #999;
background-color:#fff;
z-index:3003;
}

.gTargetItems01 .loading{
min-width:30px;
margin-top:10px;
padding-bottom:30px;
/*background-image:url(/img/smartphone/touch/icon/loading003.gif);*/
background-repeat:no-repeat;
background-position:50% 50%;
text-indent:-9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.8){
/* for not iPhone */
.gTargetItems01 .loading{
-webkit-animation-name:indicatorRotate01;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-duration:1s;
/*background:url(/img/smartphone/touch/icon/loading004.png) no-repeat 50% 50%;*/
}
}

.gTargetItems01 > .members{
min-width:240px;
min-height:120px;
}

.gTargetItems01 > .pageNavi,
.gTargetItems01 > .subNote,
.gTargetItems01 > .members > li{
padding-top:10px;
line-height:1.1;
}

.gTargetItems01 > .members.byThumbnail{
min-width:0;
width:222px;
min-height:0px;
padding-top:7px;
white-space:normal;
line-height:0;
}

.gTargetItems01 > .members.byThumbnail > li{
padding-top:3px;
}

.gTargetItems01 > .members.byThumbnail > li:not([class]){
display:inline-block;
padding-left:3px;
}

.gTargetItems01 > .members.byThumbnail > li:nth-child(5n+1){
padding-left:0;
}

.gTargetItems01 > .members.byThumbnail > li:not([class]) p > span,
.gTargetItems01 > .members.byThumbnail > li:not([class]) p > a{
display:table-cell;
width:40px;
height:40px;
background-color:#fff;
text-align:center;
vertical-align:middle;
border:1px solid rgb(156,165,170);
-webkit-border-radius:1px;
}

.gTargetItems01 > .members.byThumbnail > li:not([class]) p > span > img,
.gTargetItems01 > .members.byThumbnail > li:not([class]) p > a > img{
max-width:40px;
max-height:40px;
vertical-align:middle;
}

.gTargetItems01 > .subNote{
font-size:86%;
}

.gTargetItems01 > .subNote .viewLevel{
margin-bottom:9px;
padding-bottom:9px;
border-bottom:1px dotted #999;
color:#999;
}

.gTargetItems01 > .subNote .viewLevel:last-child{
margin-bottom:0;
}

.gTargetItems01 > .subNote .targetLavel{
color:#666;
}

.gTargetItems01 > .pageNavi{
display:-webkit-box;
}

.gTargetItems01 > .pageNavi > p{
width:50%;
}

.gTargetItems01 > .pageNavi .prev{
text-align:left;
}

.gTargetItems01 > .pageNavi .prev:last-child{
width:100%;
}

.gTargetItems01 > .pageNavi .prev a{
padding-left:11px;
/*background:url(/img/smartphone/touch/icon/arrow029.png) no-repeat 0 40%;*/
}

.gTargetItems01 > .pageNavi .next{
text-align:right;
}

.gTargetItems01 > .pageNavi .prev[style*="none"] + .next,
.gTargetItems01 > .pageNavi .next:first-child{
width:100%;
}

.gTargetItems01 > .pageNavi .next a{
padding-right:11px;
/*background:url(/img/smartphone/touch/icon/arrow029.png) no-repeat 100% 40%;*/
}

/* ---------- gUtilityLink01 ---------- */
.gUtilityLink01 li{
/*background:url(/img/smartphone/touch/icon/arrow005.gif) no-repeat 100% 50%;*/
border-bottom:1px solid #edeae0;
}

.gUtilityLink01 li a{
display:block;
padding:8px 22px 7px 10px;
}

.gUtilityLink01.adjustment01 li a{
display:block;
padding:13px 22px 12px 10px;
}

/* ---------- gUtilityList01 ---------- */
.gUtilityList01{
}

.gUtilityList01 > li{
border-bottom:1px solid #edeae0;
padding:8px 10px 7px;
}

.gUtilityList01 > li.inputForm{
padding:10px;
}

.gUtilityList01 > li.inputForm p.subNote,
.gUtilityList01 > li.inputForm ul.subNote li{
padding-top:0.3em;
font-size:86%;
color:#666;
}

/* ---------- gSearchPanel01 ---------- */
.gSearchPanel01{
}

.gSearchPanel01 li{
display:inline-block;
}

.gSearchPanel01 .group,
.gSearchPanel01 .condition{
padding-right:0px;
text-align:left;
}

.gSearchPanel01 li > p{
color:#666;
}

.gSearchPanel01 .groups select{
width:300px;
font-size:86%;
}

.gSearchPanel01 .condition select{
width:125px;
font-size:86%;
}

.gSearchPanel01 .parameter{
text-align:right;
}

.gSearchPanel01 .parameter input[type="text"]{
width:140px;
padding-right:25px;
/*background:url(/img/smartphone/touch/icon/search001.gif) no-repeat 147px 50%;*/
font-size:86%;
text-align:left;
}

@media screen and (min-width: 479px) {
.gSearchPanel01 .parameter input[type="text"]{  width:300px;  background-position: 307px 50%;  }
}

.gSearchPanel01 .subNote{
font-size:86%;
color:#666;
}

.gSearchPanel01 .condition + .subNote{
float:right;
padding-top:0.3em;
}

.gSearchPanel01 .flag{
padding-left:10px;
}

.gSearchPanel01 .flag:first-child{
padding-left:0;
}

.gSearchPanel01 .flag input[type="checkbox"] + label{
padding:0 4px;
color:#555;
position:relative;
top:-0.15em;
}

/* ---------- gFootPanel ---------- */
.gFootPanel{
padding:15px 0;
border-top:1px solid #edeae0;
border-bottom:1px solid #edeae0;
/*background:url(/img/smartphone/touch/common/bg_stripe001.gif) repeat 0 0;*/
}

.gFootPanel.modeConfirm{
border-top:none;
}

.gFootPanel p{
padding:8px 10px 0;
font-size:86%;
color:#666;
}

.gFootPanel p a.cpMoreLink01{
display:inline-block;
min-height:16px;
}

.gFootPanel .ctrlButtons{
padding:12px 0 0;
text-align:center;
}

.gFootPanel .ctrlButtons + p:not([class]){
padding-top:12px;
}

.gFootPanel div.ctrlButtons form{
display:inline;
}

.gFootPanel div.ctrlButtons input[type="submit"],
.gFootPanel div.ctrlButtons input[type="button"]{
font-size:86%;
}

.gFootPanel .ctrlButtons.submitted{
display:none;
}

.gFootPanel .lNowProcessing03,
.gFootPanel .lNowProcessing02,
.gFootPanel .lNowProcessing{
padding-top:0;
padding-bottom:0;
border-bottom:none;
}

.gFootPanel .lNowProcessing03 .loading{
height:2em;
}

.gFootPanel .ctrlButtons.notSubmittedYet + .lNowProcessing03,
.gFootPanel .ctrlButtons.notSubmittedYet + .lNowProcessing02,
.gFootPanel .ctrlButtons.notSubmittedYet + .lNowProcessing{
display:none;  /* Default-setting is none-display. */
}

.gFootPanel ul.subNotes01{
padding:0 10px;
}

.gFootPanel ul.subNotes01 li{
padding:8px 0 0 10px;
font-size:86%;
/*background:url(/img/smartphone/touch/common/listmark001.gif) no-repeat 0.2em 1.2em;*/
}

.gFootPanel ul.cpMarkFormSet01{
padding:8px 10px 0;
}

.gFootPanel ul.cpListMark01{
padding:0 10px;
}

.gFootPanel ul.cpMarkFormSet01:first-child,
.gFootPanel div:first-child,
.gFootPanel p:first-child,
.gFootPanel ul.cpListMark01:first-child{
padding-top:0;
}

.gFootPanel ul.cpListMark01 > li,
.gFootPanel p + ul.cpListMark01 > li:first-child{
padding-top:8px;
}

.gFootPanel ul.cpMarkFormSet01 > li:first-child,
.gFootPanel ul.cpListMark01 > li:first-child{
padding-top:0;
}


/* ---------- [L003] gBtnMenu01 ---------- */
.gBtnMenu01{
margin:0 10px 10px;
border:1px solid #ccc;
-webkit-border-radius:7px;
}

.gBtnMenu01.innerContents{
margin-top:10px;
}

.gBtnMenu01.innerContents01{
margin:0;
}

.gBtnMenu01 li{
border-top:1px solid #edeae0;
/*background:url(/img/smartphone/touch/icon/arrow006.gif) no-repeat 100% 50%;*/
}

.gBtnMenu01 li:first-child{
border-top:none;
}

.gBtnMenu01 li a{
display:block;
padding:8px 22px 7px 10px;
}

.gBtnMenu01 li a[class$="Icon"]{
padding-left:29px;
color:#333;
}

.gBtnMenu01 li a.profileIcon{
/*background:url(/img/smartphone/touch/icon/profile003.gif) no-repeat 9px 10px;*/
}

.gBtnMenu01 li a.allDeleteIcon{
/*background:url(/img/smartphone/touch/icon/message_trash001.gif) no-repeat 9px 9px;*/
}


/* ---------- gStepDisplay01 ---------- */
.gStepDisplay01{
border-bottom:1px solid #edeae0;
background-color:#fff;
background:-webkit-gradient(linear, 0 0%, 0 100%, from(#f2f2f2), to(#fff));
}

.gStepDisplay01 .displayMain{
padding:8px 10px;
text-align:center;
}

.gStepDisplay01 .displayMain > h3,
.gStepDisplay01 .displayMain > ul,
.gStepDisplay01 .displayMain > ul > li{
display:inline-block;
text-align:center;
}

.gStepDisplay01 .displayMain > ul.steps{
}

.gStepDisplay01 .displayMain > ul.steps > li{
padding-left:17px;
/*background:url(/img/smartphone/touch/icon/arrow015.gif) no-repeat 5px 45%;*/
}

.gStepDisplay01 .displayMain > ul.steps > li:first-child{
padding-left:9px;
background-image:none;
}

.gStepDisplay01 .displayMain > ul.steps > li > p{
padding:0 8px;
border:1px solid #666;
-webkit-border-radius:5px;
background-color:#fff;
color:#333;
}

.gStepDisplay01 .displayMain > ul.steps > li > p.current{
background-color:#666;
color:#fff;
}

/* --------------- gLikeSign01 --------------- */
.gLikeSign01{
padding-left:17px;
/*background:url(/img/smartphone/touch/home2011/icon/like006.gif) no-repeat 0 40%;*/
}

/* --------------- gShareOnSign01 --------------- */
.gShareOnSign01{
padding-left:23px;
/*background:url(/img/smartphone/touch/icon/share002.gif) no-repeat 0 40%;*/
}

/* --------------- gShareOffSign01 --------------- */
.gShareOffSign01{
padding-left:23px;
/*background:url(/img/smartphone/touch/icon/share002.gif) no-repeat 0 40%;*/
}

/* ---------- gHelpTooltip01 ---------- */
.gHelpTooltip01{
position:absolute;
left:0;
top:0;
width:100%;
height:0;
z-index:1000;
}

.gHelpTooltip01.top .lTooltipBody,
.gHelpTooltip01 .lTooltipBody{
position:absolute;
left:0;
border-bottom:1px solid #666;
background-color:#e6e0cf;
width:100%;
padding:0 0 15px;
}

.gHelpTooltip01.top .lTooltipBody{
top:0;
}

.gHelpTooltip01.bottom .lTooltipBody{
bottom:0;
border-top:1px solid #666;
border-bottom:none;
}

.gHelpTooltip01 .lHeader{
padding:8px 10px 0;
color:#333;
}

.gHelpTooltip01 .lContents{
padding:0 10px;
color:#333;
font-size:93%;
}

.gHelpTooltip01 .lFooter{
padding:0 10px;
}

.gHelpTooltip01 h3{
font-weight:bold;
}

.gHelpTooltip01 .lContents p{
padding-top:6px;
}

.gHelpTooltip01 .closeBtn01{
padding-top:15px;
text-align:center;
}

/* ---------- gHelpTooltip02 ---------- */
.gHelpTooltip02{
position:absolute;
left:0;
width:100%;
height:0;
z-index:1010;
}

.gHelpTooltip02 .lTooltipBody{
position:relative;
margin:0 5px;
border:1px solid rgb(200,203,204);
-webkit-border-radius:3px;
background-color:#fff;
}

.gHelpTooltip02.above .lTooltipBody{
bottom:0px;
}

.gHelpTooltip02 .lTooltipBody .lHeader{
position:absolute;
right:0;
top:1;
width:75px;
height:7px;
}

.gHelpTooltip02.above .lHeader{
bottom:-7px;
/*background:url(/img/smartphone/touch/common/balloon_end001.gif) no-repeat 50% 100%;*/
}

.gHelpTooltip02.below .lHeader{
top:-7px;
/*background:url(/img/smartphone/touch/common/balloon_end002.gif) no-repeat 50% 0;*/
}

.gHelpTooltip02 .lHeader h3{
display:none;
}

.gHelpTooltip02 .lTooltipBody .lContents{
padding:12px 15px 11px;
color:#666;
font-weight:bold;
}

/* ---------- gHelpTooltip03 ---------- */
.gHelpTooltip03{
position:absolute;
left:0;
width:auto;
height:0;
opacity:0.75;
z-index:1010;
}

.gHelpTooltip03.toRight{
left:auto;
right:0;
}

.gHelpTooltip03 .cpAttention01{
color:rgb(235,127,94);
}

.gHelpTooltip03 .lTooltipBody{
position:relative;
margin:0 5px;
-webkit-border-radius:5px;
-webkit-box-shadow:0 0 5px #404040;
background-color:rgb(74,74,74);
}

.gHelpTooltip03.above .lTooltipBody{
bottom:0px;
}

.gHelpTooltip03 .lTooltipBody .lHeader{
position:absolute;
left:2em;
top:1px;
margin:0;
padding:0;
z-index:1010;
}

.gHelpTooltip03.toRight .lHeader{
left:auto;
right:2em;
}

.gHelpTooltip03.above .lHeader{
top:auto;
bottom:-8px;
border-top:8px solid rgb(74,74,74);
border-right:8px solid transparent;
border-bottom:0;
border-left:8px solid transparent;
}

.gHelpTooltip03.below .lHeader{
top:-8px;
border-top:0;
border-right:8px solid transparent;
border-bottom:8px solid rgb(74,74,74);
border-left:8px solid transparent;
}

.gHelpTooltip03 .lHeader h3{
display:none;
}

.gHelpTooltip03 .lTooltipBody .lContents{
display:block;
padding:12px 15px 11px;
color:#fff;
font-size:86%;
font-weight:bold;
}

.gHelpTooltip03 .lTooltipBody .close + .lContents{
padding-top:16px;
}

.gHelpTooltip03 .lTooltipBody .close{
position:absolute;
right:11px;
top:7px;
}

.gHelpTooltip03 .lTooltipBody .close > a{
display:block;
width:7px;
height:7px;
/*background:url(/img/smartphone/touch/icon/close001.gif) no-repeat 50% 50%;*/
text-indent:-1000em;
overflow:hidden;
}

/* ---------- gHelpTooltip04 ---------- */
.gHelpTooltip04{
position:absolute;
left:50%;
width:auto;
opacity:0.75;
z-index:1010;
}

.gHelpTooltip04 .lTooltipBody{
position:absolute;
left:-110px;
width:210px;
margin:0 5px;
-webkit-border-radius:5px;
-webkit-box-shadow:0 0 5px #fff;
background-color:rgb(74,74,74);
}

.gHelpTooltip04 .lHeader h3{
display:none;
}

.gHelpTooltip04 .lTooltipBody .lContents{
display:block;
padding:8px 10px;
color:#fff;
font-size:100%;
}

.gHelpTooltip04 .lTooltipBody .close + .lContents{
padding-top:16px;
}

.gHelpTooltip04 .lTooltipBody .lContents p{
letter-spacing:-0.1em;
}

.gHelpTooltip04 .lTooltipBody .lContents ul + p,
.gHelpTooltip04 .lTooltipBody .lContents p + p{
padding-top:0.4em;
}

.gHelpTooltip04 .lTooltipBody .close{
position:absolute;
right:11px;
top:7px;
}

.gHelpTooltip04 .lTooltipBody .close > a{
display:block;
width:7px;
height:7px;
background:url(/img/smartphone/touch/icon/close001.gif) no-repeat 50% 50%;
text-indent:-1000em;
overflow:hidden;
}

.gHelpTooltip04 .lTooltipBody .cpListMark02{
padding-left:16px;
}

.gHelpTooltip04 .lTooltipBody .cpListMark02 > li{
list-style-position:outside;
list-style-type:disc;
}

.gHelpTooltip04 .lTooltipBody .cpListMark02 p{
margin-left:-6px;
padding-left:0;
background-image:none;
color:inherit;
}

.gHelpTooltip04 .lTooltipBody .cpListMark02 + .cpImgBox01,
.gHelpTooltip04 .lTooltipBody p + .cpImgBox01{
padding-top:0.8em;
}

/* ---------- gIphoneBalloon ---------- */
.gIphoneBalloon{
margin:0;
padding:0;
width:100%;
background:transparent;
position:absolute;
left:0;
top:0;
z-index:9001;
}

.gIphoneBalloon .balloonBody{
width:288px;
height:130px;
margin:0 auto;
background:url(/img/smartphone/touch/favicon/iph_balloon/body001.png) no-repeat 0 0;
}

.gIphoneBalloon .balloonBody p{
height:128px;
position:relative;
}

.gIphoneBalloon .balloonBody p a{
width:18px;
height:18px;
background:url(/img/smartphone/touch/favicon/iph_balloon/btn_close001.png) no-repeat 0 0;
text-indent:-99999px;
position:absolute;
left:259px;
top:10px;
}


/* --------------- gSettingPanel01 --------------- */
.gSettingPanel01{
border-bottom:1px solid #edeae0;
}

.gSettingPanel01 .lPanelArea{
padding:10px;
background-color:#fff;
}

.gSettingPanel01 .lPanelArea > p{
padding-bottom:10px;
color:#666;
font-size:86%;
text-align:center;
}

.gSettingPanel01 .lPanelArea > p:last-child{
padding-bottom:0;
}

.gSettingPanel01 .lPanelArea > p > .name{
font-weight:bold;
color:#666;
}

.gSettingPanel01 .lPanelArea > .submit{
text-align:center;
}

.gSettingPanel01 .lPanelArea > .submit > li{
display:inline-block;
margin-left:8px;
text-align:left;
}

.gSettingPanel01 .lPanelArea > .submit > li:first-child{
margin-left:0;
}

.gSettingPanel01 .lPanelArea > .submit > .share{
vertical-align:bottom;
}


/* ---------- gUtilitySearch04 ---------- */
.gUtilitySearch04{
margin:10px 0;
border:1px solid #ccc;
border-right:none;
border-left:none;
background-color:rgb(250,250,250);
}

.gUtilitySearch04 form{
display:inline;
}

/* --- gUtilitySearch04 : area --- */
.gUtilitySearch04 .lPanelMain{
display:-webkit-box;
padding:4px 5px 4px 0;
}

.gUtilitySearch04 .lPanelMain > p{
margin:0 0 0 5px;
}

.gUtilitySearch04 .lCondition{
-webkit-box-ordinal-group:10;
}

.gUtilitySearch04 .lKeyword{
-webkit-box-ordinal-group:20;
-webkit-box-flex:1;
}

.gUtilitySearch04 .lSubmit{
-webkit-box-ordinal-group:99;
width:58px;
}

/* --- gUtilitySearch04 : visual --- */
.gUtilitySearch04 .lCondition{
width:86px;
padding:1px;
border:1px solid #ccc;
-webkit-border-radius:2px;
background-color:#fff;
}

.gUtilitySearch04 .lCondition > span{
display:block;
height:28px;
background:url(/img/smartphone/touch/icon/arrow032.png) no-repeat 100% 50%,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f1));
line-height:26px;
}

.gUtilitySearch04 .lCondition > span > select{
-webkit-appearance:none;
-webkit-box-sizing:border-box;
display:block;
width:100%;
height:28px;
padding:0 20px 0 0.2em;
border:none;
background-color:transparent !important;
color:#4d4d4d;
font-size:86%;
overflow:hidden;
white-space:nowrap;
}

.gUtilitySearch04 .lKeyword{
}

.gUtilitySearch04 .lKeyword input{
-webkit-box-sizing:border-box;
width:100%;
height:32px;
border-color:#ccc;
-webkit-border-radius:2px;
font-size:86%;
}

.gUtilitySearch04 .lSubmit{
}

.gUtilitySearch04 .lSubmit input[type="submit"]{
-webkit-appearance:none;
-webkit-box-sizing:border-box;
width:100%;
height:32px;
padding-left:16px;
border:1px solid rgb(200,203,204);
-webkit-border-radius:2px;
background:url(/img/smartphone/touch/icon/search003.png) no-repeat 4px 50%,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f1));
color:rgb(153,178,191);
font-size:86%;
font-weight:bold;
text-align:center;
line-height:26px;
}



/* ---------- cSelfad01 ---------- */
.gBaseComponent01 + .cSelfad01{
margin:2px auto;
}

.cSelfad01{
width:300px;
margin:10px auto;
line-height:0;
}


/* ---------- sInnerPage01 --------- */
.sInnerPage01{
background:#FFF;
}


/* ---------- cSelfadBody01  ---------- */

.cSelfadBody01 {
border:1px solid #ccc;
border-radius:3px;
}

.cSelfadBody01 .cSelfadFrame01{
position:relative;
padding-top:25px;
}

.cSelfadBody01 .cSelfadFrame01.adjustment01{
padding-top:6px;
}

.cSelfadBody01 .cSelfadFrame01.sample01{
margin:0 7px;
}

.cSelfadBody01 .cSelfadFrame01.sample01 .frameMain{
padding:0;
}

.cSelfadBody01 .cSelfadFrame01.sample01 .subLinks03{
padding:7px 0 6px;
}


.cSelfadBody01 .cSelfadFrame01 + .cSelfadFrame01{
border-top:1px dotted #ccc;

}

.cSelfadBody01 .cSelfadFrame01 .frameMain{
display:block;
padding:0 7px;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .title{
font-size:116%;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .title span{
padding-left:21px;
background:url(/img/smartphone/touch/icon/community_topic001.gif) no-repeat 0 0;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .title span.official01{
padding-left:21px;
background:url(/img/smartphone/touch/icon/official003.gif) no-repeat 0 0;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .title span.mixi01{
padding-left:21px;
background:url(/img/smartphone/touch/icon/mixi0012.png) no-repeat 0 0;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .contents{
overflow:hidden;
padding-top:3px;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .contents .photo{
overflow:hidden;
float:left;
width:50px;
height:50px;
margin-right:7px;
line-height:0;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .contents .copy{
overflow:hidden;
color:#333;
}

.cSelfadBody01 .cSelfadFrame01 .frameMain .contents .emphasis01{
padding-bottom:5px;
font-size:14px;
font-weight:bold;
color:#666;
}

.cSelfadBody01 .cSelfadFrame01 .logoArea{
position:absolute;
top:7px;
right:7px;
}

.cSelfadBody01 .cSelfadFrame01 .logoArea .createMad{
padding:0 10px 0 0;
color:#999;
font-size:91.7%;
vertical-align:top;
}

/* -- subLinks -- */
.cSelfadBody01 .subLinks > li{
text-align:right;
}

.cSelfadBody01 .subLinks > li a{
display:inline-block;
padding:5px 16px 5px 5px;
background:transparent url(/img/smartphone/touch/home2011/icon/arrow001.gif) no-repeat 100% 47%;
font-size:91.7%;
color:#99b2bf;
}

/* -- subLinks02 -- */
.cSelfadBody01 .subLinks02{
display:table;
width:100%;
padding:7px 7px 6px;
}

.cSelfadBody01 .subLinks02 .text{
display:table-cell;
vertical-align:middle;
}

.cSelfadBody01 .subLinks02 .text .join{
color:#999;
}

.cSelfadBody01 .subLinks02 .text .join .number{
font-size:116.7%;
}

.cSelfadBody01 .subLinks02 .text .report{
font-size:91.7%;
}

.cSelfadBody01 .subLinks02 .text .report a{
color:#99b2bf;
padding-top:0;
}

.cSelfadBody01 .subLinks02 .button{
display:table-cell;
vertical-align:bottom;
}

.cSelfadBody01 .subLinks02 .button .follow{
text-align:right;
}

.cSelfadBody01 .subLinks02 .button .follow > a,
.cSelfadBody01 .subLinks02 .button .follow > span{
display:inline-block;
-webkit-box-sizing:border-box;
min-width:84px;
height:23px;
padding:0 10px;
border:1px solid #c8cbcc;
border-radius:2px;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f1));
text-align:center;
line-height:23px;
}

.cSelfadBody01 .subLinks02 .button .follow > a > span{
padding-left:15px;
background:url(/img/smartphone/touch/icon/add002.gif) no-repeat 0 50%;
color:#666;
font-weight:bold;
}


.cSelfadBody01 .subLinks02 .button .follow.acted > span{
background:#f9f8f8;
color:#999;
font-weight:bold;
}


/* -- subLinks03 -- */
.cSelfadBody01 .subLinks03{
display:table;
width:100%;
padding:7px 7px 6px;
}

.cSelfadBody01 .subLinks03 .notice{
display:table-cell;
color:#999;
font-size:91.7%;
}

.cSelfadBody01 .subLinks03 .report{
display:table-cell;
font-size:91.7%;
}

.cSelfadBody01 .subLinks03 .report a{
color:#99b2bf;
padding-top:0;
}

.cSelfadBody01 .subLinks03 .join{
display:table-cell;
padding:0;
color:#999;
text-align:right;
}

.cSelfadBody01 .subLinks03 .join .number{
font-size:116.7%;
}


/* ---------- cSelfadDirect ---------- */
.cSelfadDirect{
width:300px;
font-size:12px;
line-height:1.4;
}


/* ------------------------------------------------------------------------------
    CSS for touch-screen : High-Definition-Images
------------------------------------------------------------------------------ */

/* ---------- for High-DPI-Screen ---------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.2){

.cpItemMark01.facebook{
background-image:url(/img/smartphone/touch/common/icon_facebook001_hd2.gif);
-webkit-background-size:13px auto;
}

.cpMoreLink07 a span{
background-image:url(/img/smartphone/touch/home2011/icon/arrow005_hd2.gif);
-webkit-background-size:10px auto;
}

.logout #headerArea .gHeader02,
.gHeader02{
background-image:url(/img/smartphone/touch/common/bg_header005_hd2.png);
-webkit-background-size:auto 42px;
}

.gHeader02 .topNavigation01 > li > p > span,
.gHeader02 .topNavigation01 > li > p > a{
background-image:url(/img/smartphone/touch/button/head_all007_008_hd2.png);
-webkit-background-size:63px auto;
}

#headerArea .gHeader02 .topNavigation01 .naviOpen > p > span,
#headerArea .gHeader02 .topNavigation01 .naviOpen > p > a{
-webkit-background-size:44px auto;
background-image:url(/img/smartphone/touch/button/head_search007_hd2.png);
}

#headerArea .gHeader02 .topNavigation01 .mixiPage > p > span,
#headerArea .gHeader02 .topNavigation01 .mixiPage > p > a{
background-image:url(/img/smartphone/touch/button/head_all009_hd2.gif);
-webkit-background-size:60px auto;
}

#headerArea .gHeader02 .topNavigation01 .login > p > span,
#headerArea .gHeader02 .topNavigation01 .login > p > a{
background-image:url(/img/smartphone/touch/button/head_all009_hd2.gif);
-webkit-background-size:60px auto;
}

.gPersonalNavigation ul.pNavi01 > li{
background-image:url(/img/smartphone/touch/common/btn_navi0022_hd2.png);
-webkit-background-size:64px auto;
}

.gPersonalNavigation ul.pNavi01.modeFriend > li{  background-image:url(/img/smartphone/touch/common/btn_navi_friend0022_hd2.png);  }

.gPersonalNavigation ul.pNavi01 > li > a > span{
background-image:url(/img/smartphone/touch/common/btn_navi0022_hd2.png);
-webkit-background-size:64px auto;
}

.gPersonalNavigation ul.pNavi01.modeFriend > li > a > span{           background-image:url(/img/smartphone/touch/common/btn_navi_friend0022_hd2.png);  }

/*
.gGlobalNavigation02 ul li p{
background-image:url(/img/smartphone/touch/home2011/icon/item_label004_hd2.png);
-webkit-background-size:30px auto;
}
*/

.gLikeSign01{
background-image:url(/img/smartphone/touch/home2011/icon/like006_hd2.gif);
-webkit-background-size:12px auto;
}

}
/* ---------- End ( for High-DPI-Screen ) ---------- */


/* ---------- mixiPartyInstance01 ---------- */
.mixiPartyInstance01{
border-bottom:solid 1px #e0e1e2;
}

.mixiPartyInstance01 .innerCarousel01{
position:relative;
overflow:hidden;
top:0px;
left:0px;
width:287px;
height:260px;
margin:0px auto;
}

.mixiPartyInstance01 .InstanceOutline01{
padding:10px 13px 0;
}

.mixiPartyInstance01 .mixiPartyInstanceOutline01{
width:9999px;
overflow:visible;
}

.mixiPartyInstanceOutline01 > li{
width:285px;
float:left;
margin:0 14px 0 0;
border:solid 1px #dddddd;
-webkit-box-shadow:0 1px 2px #bbbbbb;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
}

.mixiPartyInstanceOutline01 li > img{
margin-bottom:-5px;
}

.mixiPartyInstanceOutline01 ul{
width:9999px;
overflow:hidden;
}

.mixiPartyInstanceOutline01 ul li{
display:-webkit-box;
float:left;
padding:0 10px 0 10px;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01{
width:265px;
padding:10px;
float:left;
background-color:#ffffff;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01 > img{
margin-bottom:2px;
border-radius:5px;
-webkit-border-radius:5px;
vertical-align:bottom;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01 ul{
width:207px;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01 ul li p{
font-size:86%;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01 ul li p.name{
font-size:100%;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01 ul li.download01{
margin-top:20px;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01 ul li.download01 img{
-webkit-box-shadow:none;
}

.mixiPartyInstance01 .mixiPartyInstanceInner01 ul li.joined mark.name{
color:#333;
}

.mixiPartyInstance01 .locationNav01{
width:285px;
margin:14px auto 14px auto;
padding:7px 0 12px;
line-height:6px;
text-align:center;
}

.mixiPartyInstance01 .locationNav01 li{
display:inline-block;
width:6px;
padding-right:10px;
background:url(/img/smartphone/touch/button/carousel_button001.png) no-repeat;
background-size:15px 150px;
}

.mixiPartyInstance01 .locationNav01 > li{
float:left;
text-indent:0;
}

.mixiPartyInstance01 .locationNav01 .leftArrow001{
height:15px;
background-position:0px 0px;
text-indent:-9999px;
}

.mixiPartyInstance01 .locationNav01 .rightArrow001{
float:right;
width:16px;
height:15px;
background-position:0px -15px;
text-indent:-9999px;
}

.mixiPartyInstance01 .locationNav01 .centerNav01{
background:none;
}

.mixiPartyInstance01 .actionNav01{
width:253px;
margin-top:2px;
text-align:center;
}

.mixiPartyInstance01 .actionNav01 li{
height:9px;
padding-right:10px;
background-position:0px -30px;
text-indent:-9999px;
}

.mixiPartyInstance01 .actionNav01 li.current{
background-position:0px -45px;
}

/* add 20140220 */

.notification {
  margin: 15px 0 30px;
  border: 3px solid #D9534F;
}

.notification .title {
  color: #fff;
  font-size: 115.7%;
  text-align: center;
  padding: 3px 10px;
  background: #D9534F;
}

.notification .body {
  padding: 10px 15px;
  background: #FFEEDF;
}

.plainContainer {
  margin: 15px 0 15px;
  border: 1px solid #777;
}

.plainContainer .title {
  color: #fff;
  font-size: 115.7%;
  text-align: center;
  padding: 3px 10px;
  background: #777;
}

.plainContainer .body {
  padding: 10px 15px;
  background: #F2F2F2;
}

.margin-left-15px {
  margin-left: 15px;
}

.margin-bottom-15px {
  margin-bottom: 15px;
}

.margin-bottom-30px {
  margin-bottom: 30px;
}


.qa {
  margin: 15px 0 30px;
  border: 2px solid #F0AD4E;
}

.qa .title {
  color: #fff;
  font-size: 115.7%;
  text-align: center;
  padding: 3px 10px;
  background: #F0AD4E;
}

.qa .entry {
  padding: 10px 15px;
  background: #FFF8E9;
}

.ignore {
  display:none;
}

.required {
  color: #f00;
}

.notice {
  color:#999;
  font-size:90%;
}

.highlight {
  color: #f00;
}

.info {
  color: #00f;
}

div.purchased, div.notPurchased {
  padding-top:10px;
}

.entry ul {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.entry ul li {
  list-style:none;
  padding:0;
}

/* ---- autocomplete ---- */
.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

input.wakuwakuInput {
  width: 70%;
  font-size: 92%;
}

ol,ul {
  padding-left: 25px;
}
ol {
  list-style: decimal outside;
}
ul {
  list-style: disc outside;
}
ol li, ul li {
  margin-bottom: 3px;
}
/* ----- [EOF] ----- */