@charset "euc-jp";

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

/* ----------------------------------------------------------
  Common Settings : css-reset
---------------------------------------------------------- */
html{
font-family: "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: sans-serif;
}

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,ol,ul,li,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;
}

li{
list-style:none;
}

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;
}

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;
}

del,u{
text-decoration:none;
}

/* ---------- 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;
}

/* ---------- 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:#eee;
}

#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:175px;
}

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

.logout #mainDisplay,
.login  #mainDisplay{  padding-bottom:192px;  }

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

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




/* ----------------------------------------------------------
  Common Settings : Header-Ad
---------------------------------------------------------- */
.gHeadAdArea01{
}

.gHeadAdArea01 div.adMain{
margin:0 auto 5px;
width:320px;
overflow:hidden;
}




/* ----------------------------------------------------------
  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;
}




/* ----------------------------------------------------------
  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;
}




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

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

.gBodyAdArea01 div.adMain{
margin:0 auto;
width:320px;
overflow:hidden;
}

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




/* --------------------------------------------------------------------
  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);  }
}




/* --------------------------------------------------------------------
  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;
}

a.cpSubmitBtn03,
a.cpCancelBtn03{
display:block;
height:30px;
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));
}

a.cpCancelBtn03{
color:#99b2bf;
}

/* ---------- 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.cpTextarea01.defaultText,
textarea.cpTextarea02.defaultText{
color:#999;
}

/* ---------- select ---------- */
select.cpSelect01{
width:300px;
}

/* ---------- input : text ---------- */
input[type="password"].cpPassword00,
input[type="password"].cpPassword01,
input[type="text"].cpNum01,
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{
width:120px;
font-size:92%;
text-align:right;
}

/* ---------- 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;
}

.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;
}

.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 7px;
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{
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 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%;
}

/* ---------- 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:" [?]";
}

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

.cpAreaIcon01 img{
padding-left:1em;
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;  }

/* ---------- 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: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 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;
}




/* --------------------------------------------------------------------
  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;
}

.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 .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.topContentsAtNoTitlePage > div:first-child{
border-top:1px solid #ccc;
}

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

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

#headerArea .gHeader02{
background-image:none;
background-color:#fff;
min-height:34px;
}

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

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

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

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

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

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

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

.gHeader02.ptrn02 .topNavigation01 > li > p > span,
.gHeader02.ptrn02 .topNavigation01 > li > p > a{
background-image:url(/img/smartphone/touch/button/head_all005.png);
}

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

#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:34px;
}

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

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

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

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

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

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

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

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

.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:42px;
}

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

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

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

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

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

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

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

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

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

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

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




/* ---------- [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.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.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:93%;
}

.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/official001.gif) no-repeat 7px 11px;  }
.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 a{
display:block;
margin:0;
padding:10px 1px 8px 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));
}

.gGlobalNavigation02.twoLines{
height:62px;
}

#headerArea .gGlobalNavigation02{
top:39px;
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:39px;
padding:9px 0 0;
color:#99b2bf;
font-size:86%;
line-height:1.1em;
}

.gGlobalNavigation02.twoLines ul li > a{
height:44px;
padding-top:18px;
}

.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 .community   p{  background-position:50% -200px;   letter-spacing:-0.10em;  }
.gGlobalNavigation02.twoLines ul .community   a{  padding-top:11px; height:51px;  }
.gGlobalNavigation02 ul .news        p{  background-position:50% -299px;  }


/* ---------- 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;
}


/* ---------- 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/official001.gif);
}

.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%;
}


/* --------------- 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;
}


/* ---------- [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{
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.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 h2{
font-weight:bold;
text-indent:21px;
background:url(/img/smartphone/touch/home2011/icon/alert002.gif) no-repeat 0 0.2em;
}

.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%;
}

/* ---------- 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;
}

/* ---------- 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 .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"]{
font-size:86%;
}

.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 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;
}

/* ---------- 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%;
}

/* ---------- 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;
}

/* ---------- 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;
}


/* ---------- cSelfad01 ---------- */
.gBaseComponent01 + .cSelfad01{
margin:2px auto;
}

.cSelfad01{ 
width:300px;
height:184px;
margin:10px auto;
}

/* ---------- sInnerPage01 --------- */
.sInnerPage01{
background:#FFF;
}


/* ---------- .cSelfadBody01  ---------- */
.cSelfadBody01 {
overflow:hidden;
position:relative;
border:1px solid #ccc;
-webkit-border-radius:7px;
}

.cSelfadBody01 .cSelfadFrame01{
padding:0 7px;
padding-top:25px;
height:128px;
}

.cSelfadBody01 .cSelfadFrame01 .title{
min-height:25px;
font-size:116%;
}

.cSelfadBody01 .cSelfadFrame01 .title span{
padding-left:21px;
background:url(/img/smartphone/touch/icon/community_topic001.gif) no-repeat 0 0;
}

.cSelfadBody01 .cSelfadFrame01 .contents{
overflow:hidden;
padding-top:7px;
}

.cSelfadBody01 .cSelfadFrame01 .photo{
overflow:hidden;
float:left;
width:50px;
height:50px;
margin-right:7px;
line-height:0;
}

.cSelfadBody01 .cSelfadFrame01 .copy{
overflow:hidden;
color:#333;
}

.cSelfadBody01 .cSelfadFrame01 .join{
padding:7px 0;
color:#999;
}

.cSelfadBody01 .cSelfadFrame01 .join .number{
font-size:116%;
}

.cSelfadBody01 .logo{
position:absolute;
top:7px;
right:7px;
line-height:0;
}

.cSelfadBody01 .subLinks > li{
border-top:1px dotted #ccc;
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%;
color:#99b2bf;
}

/* ==============================================================================
    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;
}

.gHeader02{
background-image:url(/img/smartphone/touch/common/bg_header003_hd2.png);
-webkit-background-size:auto 35px;
}

.gHeader02 .topNavigation01 > li > p > span,
.gHeader02 .topNavigation01 > li > p > a{
background-image:url(/img/smartphone/touch/button/head_all004_hd2.png);
-webkit-background-size:63px auto;
}

.gHeader02.ptrn02 .topNavigation01 > li > p > span,
.gHeader02.ptrn02 .topNavigation01 > li > p > a{
background-image:url(/img/smartphone/touch/button/head_all005_hd2.png);
}

#headerArea .gHeader02 .topNavigation01 .naviOpen > p > span,
#headerArea .gHeader02 .topNavigation01 .naviOpen > p > a{
background-image:url(/img/smartphone/touch/button/head_search003_hd2.png);
-webkit-background-size:44px 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 ) ---------- */








/* ----- [EOF] ----- */