@charset "shift_jis";
html{
overflow-y:scroll;
}

body,button, fieldset, form, input, label, legend, select, textarea,dd, div, dl, dt,h1, h2, h3, h4, h5, h6,li, ol, p,tr, span, td, th, table,ul{
margin:0;
padding:0;
}

body{
text-align:center;
color:#333333;
background-color:#fff7fa;
font:12px "ＭＳ Ｐゴシック","MS PGothic",Osaka, "ヒラギノ角ゴ Pro W3";
behavior:url("../csshover.htc");
line-height:1.5;
}

#wrapper{
width:908px;
margin:0 auto;
background:url(../images/bg.png) repeat-y;
}

button, fieldset, form, input, label, legend, select, textarea{
vertical-align:baseline;
font-family:inherit;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
}

h1, h2, h3,h4,h5{
font-size:12px;
font-weight:normal;
}

.bold,#right1 h2,#right2 h2,#right3 h2,#right4 h2,#right-photo h2,#right-diary h2,#right-friend h2,#right-community h2,#right-topics h2,#right-member h2{
font-weight:bold;
}

li,ul{
list-style:none;
}

strong{
font-weight:normal;
}

img{
border:0;
vertical-align:baseline;
border-style:none;
}

#header-l2 img{
vertical-align:bottom;
}

table, td, th{
border-collapse:collapse; 
border-spacing:0;
}

table{
table-layout:fixed;
}

a{
text-decoration:underline;
}

a:link{ 
color:#e31666;
}

a:visited{
color:#e31666;
}

a:hover{
color:#e31666;
}
a:active{
color:#e31666;
}

.akamoji{
font-size:11px;
color:#E31666;
}

input, textarea{
padding:0;
vertical-align:baseline;
}

input[type="submit"]{
padding:0.1em;
}

select{
padding:0;
}

/* for IE6 */
* html input{
padding:0.1em;
}

* html input.checkbox,
* html input.radio{
vertical-align:-0.3em;
}

* html input.submit{
line-height:1.2;
padding-top:0.2em;
}

* html select{
vertical-align:-0.2em;
}

/* for IE7 */
*+html input{
padding:0.1em;
}

*+html input.submit{
line-height:1.2;
padding-top:0.2em;
}

*+html select{
vertical-align:-0.2em;
}

/* for Opera9.27 */
html:first-child input{
padding:0.1em;
}

html:first-child input[type="checkbox"],
html:first-child input[type="radio"]{
vertical-align:middle;
}

html:first-child input[type="submit"]{
padding:0.3em;
}

html:first-child select{
padding:0.2em;
}

/* for Opera9.5 [Safari3] */

body:first-of-type input[type="checkbox"],
body:first-of-type input[type="radio"]{
vertical-align:-0.3em;
}

body:first-of-type input[type="submit"]{
padding:0.3em 0.3em 0.2em 0.3em;
}

/* for Safari3 */
html:not(:only-child:only-child) input{
padding:0;
vertical-align:baseline;
}

html:not(:only-child:only-child) input[type="checkbox"],
html:not(:only-child:only-child) input[type="radio"]{
vertical-align:baseline;
}

html:not(:only-child:only-child) select{
vertical-align:0.1em;
}
#content{
padding:15px 0 0 14px;
}

*:first-child+html #content{
position:relative;
float:left;
width:880px;
}

#right-content{
float:left;
width:630px;
}

*:first-child+html #right-content{
position:relative;
}

/*--各ページの右側可変する枠部分--*/
#mail,#prof-review-bottom,#prof-edit-back-bottom{
background:url(../images/contents-bg-bottom.png) no-repeat scroll center bottom;
margin-bottom:15px;
width:630px;
}

#mail-inner,#prof-edit-back-inner,#prof-review-inner{
background:url(../images/contents-bg-top.png) no-repeat scroll 0 0;
padding:46px 0 20px;
}

#mail-inner-list,#member-inner-list{
background:url(../images/contents-bg-top.png) no-repeat scroll 0 0;
padding:46px 0 7px;
}

#mail-center,#prof-review-center,#prof-edit-back-center,#member-center{
background:url(../images/contents-bg-middle.png) repeat-y scroll 0 0;
position:relative;
width:630px;
}

#member-list-img,#mail-list-img{
background:url(../images/friend/list-bg-bottom.png) no-repeat scroll center bottom;
margin-bottom:15px;
width:630px;
position:relative;
}

.myfriend-table{
background:url(../images/friend/list-bg-center01.png) repeat-y;
margin:0 auto;
height:146px;
}

.friend-table{
background:url(../images/friend/list-bg-center02.png) repeat-y;
margin:0 auto;
height:125px;
}

/*---
枠
----*/

#diary-co{
width:630px;
background:url(../images/contents-bg-bottom.png) no-repeat bottom;
margin-bottom:15px;
position:relative;
}

#diary-co-inner{
background:url(../images/contents-bg-top02.png) no-repeat;
padding:20px 0 20px;
}

#diary-co-center{
width:630px;
background:url(../images/contents-bg-middle.png) repeat-y;
position:relative;
text-align:left;
margin:0 auto;
}

#diary-co h4{
padding:0 0 3px 20px;
margin:0 auto 0;
height:15px;
width:598px;
border-bottom:1px solid #E31666;
font-weight:normal;
}
/*--画像置換--*/
.navispan{
display: block;
width: 0;
height: 0;
overflow: hidden;
}

/*--インプットの各長さ設定--*/
#making-diary-title-none-in,.balance-end,.balance,.form-popup,.making-diary-title-none-s,.balance-side,.making-diary-title-none-m,#lo-in input,.form02,.form01,.form,.making-diary-title-none-l,#making-diary-title-none dd input,.making-diary-title-none-g,#making-diary-title dd input,#noselect-2 dd input,#making-diary-title dd input,.select-box,.text-2,.text-1,.text-2,.pc-m-b,.pc-m,.pas,.pas-b,.text-3,#profile-edit input,.pas, .pas-b,.pc-m,.pc-m-b,.text-1{
background-color:#FFF7FA;
border:1px solid #fe7eb0;
font-size:12px;
font-family:"ＭＳ Ｐゴシック","MS PGothic",Osaka, "ヒラギノ角ゴ Pro W3";
padding:2px 2px 2px 5px;
line-height:1.4;
height:14px;
}

.text-1{
margin:10px 10px 10px 0;
width:98px;
}

.select-box,.text-2,.text-1, .text-2, .pc-m-b, .pc-m, .pas, .pas-b, .text-3{
margin:0 0 1px;
vertical-align:middle;
width:125px;
}

.making-diary-title-none-g{
width:380px;
}

.making-diary-title-none-g,#making-diary-title dd input,#noselect-2 dd input,#making-diary-title dd input{
margin:0 0 2px 0;
}

.making-diary-title-none-l,#making-diary-title-none dd input{
margin:0 0 2px 0;
width:260px;
}

.making-diary-title-none-m,#lo-in input,.form02,.form01,.form{
margin:0 0 2px 0;
width:200px !important;
}

.making-diary-title-none-s,.balance-side{
width:40px;
}

#making-diary-title-none-in,.balance-end,.balance,.form-popup{
width:300px;
}

#making-diary-title dd input,#noselect-2 dd input{
width:400px;
}

/*--各ページテキストエリア入力の部分--*/
#message-area-w,.prof-textarea,#message-area,#prof-bigarea{
overflow:auto;
text-align:left;
border:1px solid #fe7eb0;
scrollbar-face-color:#FFDDEA;
scrollbar-highlight-color:#E31666;
scrollbar-shadow-color:#E31666;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#E31666;
scrollbar-track-color:#fff0f6; 
scrollbar-darkshadow-color:#ffffff;
background-color:#fff7fa;
padding:5px 5px 3px;
line-height:1.4;
font-size:12px;
font-family:"ＭＳ Ｐゴシック","MS PGothic",Osaka, "ヒラギノ角ゴ Pro W3";
}

#message-area,#prof-bigarea{
width:454px;
height:186px;
}

#message-area-w{
width:588px;
height:186px;
}

.prof-textarea{
height:50px;
width:405px;
float:left;
}

#prof-bigarea{
width:405px;
float:left;
overflow-x:hidden;
}

/* メッセージ入力ボックスの設定 */
#message-form{
padding:5px 0 10px 0;
text-align:center;
border-bottom:1px solid #FFCBDE;
width:616px;
margin:0 auto;	
}

#message-form p{
text-align:left;
padding:5px 10px 0 10px;
}

/*--各ページテキストエリア上のエラーテキストの部分--*/
.select-error-textarea{
font-weight:bold;
color:#ff0000;
margin:0 0 10px 0;
text-align:left;
}

/*--クリアーハック--*/
.cr:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cr{
display:inline-table;
min-height:1%;
}
/* Hides from IE-mac \*/
* html .cr{ height:1%;}
.cr{ display:block;}
/* End hide from IE-mac */
/*--クリアーハック終わり--*/

/*--インライン・テーブルのクリアー--*/
.mail-naiyou-none,
#mama-fri-c,
.mail-naiyou,
.sub6-f,
.sub3-f,
#pc-dd-kakunin2,
#pc-dd-kakunin1,
.pc-dd,
#content-inner dl dd,
#content-inner dl dt .top-bottom,
#content-inner dl dt,
#content-r dl dd,
#content-r dl dt,
#content-login-error dl dd,
#content-login-error dl dt,
#prof-back-inner dl dt,
#prof-back-inner dl dd,
#prof-review-inner dl dd,
.diary-naiyou,
.diary-naiyou-none,
.diary-delete,
.diary-naiyou-pre,
.comment-0 ul,
.diary-delete{
display:inline-block;
min-height:1em;
/display:inline; /*for ie5〜7*/
/zoom:1; /*for ie5〜7*/
vertical-align:middle;
}
/*--終わり--*/

/*--各ページの右側タイトル部分--*/
#right-content h3{
position:absolute;
top:-40px;
left:32px;
color:#FFFFFF;
padding:1px 0 0 0;
text-align:center;
width:192px;
font-weight:bold;
}

/*--英数字などが連続すると幅がはみ出てしまう対処方法--*/
.mail-center,.info-title-in,.info-oneblock,.info-list,.img-title,#prof-back-inner dl dd,#prof-review-inner dl dd,#dl4 .s-dt3,.dd-bottom2,.s-photo-lis li,.new-diary-list,#thread-s,#thread-t,#com-messege,#com-intro,#right-topics dt,.diary-preview .diary-1,.mail-left-l,.et-li-t-c,.et-li-t,.diary-delete .comment-center-delete,.d-img-all2,p,.diary-naiyou .diary-1,.diary-title-l,.diary-center,.thread-oneblock,.thread-voice,.thread-voice2,.thread-voice3,#dl3,.comment-bun p,.comment-bun-mycomment-p p,#sentmai-honbun-b p,.diary-img-bottomb-none,.delete-bun,#di-img-top td{
overflow:hidden;
word-break:break-all;
}

/*--各エラーページにある設定--*/
.error{
color:#FF0000;
font-size:13px;
font-weight:bold;
line-height:70px;
text-align:center;
}

#big-box{
background-color:#FFBCD6;
border:1px solid #E31666;
margin:0 auto 15px;
width:560px;
}

#small-box{
background-color:#FFF7FA;
border:1px solid #FE7EB0;
margin:4px;
width:550px;
}

#big-box-regerror{
background-color:#FFBCD6;
border:1px solid #E31666;
height:80px;
margin:0 auto 5px;
width:560px;
}

/*--レジスト「利用規約への同意」の部分--*/
#mycustomscroll{
width:350px;
height:58px;
overflow:auto;
position:relative;
margin:0 auto 13px;
text-align:left;
border:#E31666 solid 1px;
scrollbar-face-color:#FFDDEA;
scrollbar-highlight-color:#E31666;
scrollbar-shadow-color:#E31666;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#E31666;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}

#mycustomscroll p{
background-color:#FFF7FA;
text-align:left;
padding:5px 5px 5px 5px;
line-height:1.5;
letter-spacing:0.7px;
}

/*--各ページテキストエリア・インプットのマウスハーバー部分--*/
#wrapper textarea:focus{
background-color:#fff0f6;
}

#wrapper input:focus{
background-color:#fff0f6;
}

#popup-form-box01 input:focus{
background-color:#fff0f6;
}

/*--各ページエラーテキストの部分--*/
.select-error{
color:#FF0000;
font-weight:bold;
height:19px;
text-align:left;
}

/*--フォントサイズ小さいの--*/
.font-s{
font-size:11px;
}

.font-sf{
font-size:11px;
margin:-7px 0 -12px;
}

#s-error .font-sf{
font-size:11px;
margin:0 0 0 0;
}

/*--各ページコンテンツの上部--*/
#sentmai-honbun{
border-top:1px solid #E31666;
clear:both;
width:616px;
text-align:center;
margin:0 auto;
padding:0 1px 0 1px;
border-bottom:#e31666 1px solid;
}

#sentmai-honbun-b{
clear:both;
width:614px;
text-align:center;
margin:0 auto;
padding:0 1px 0 1px;
border-top:1px solid #FFCBDE;
}

#sentmai-honbun-b-none{
clear:both;
width:614px;
text-align:center;
margin:0 auto;
padding:0 1px 0 1px;
}

#sentmai-honbun-b p{
padding:8px 15px;
}

#inbox-bottom{
width:611px;
padding:13px 0 0 0;
margin:0 auto;
text-align:center;
}

#com-messege-text-t-b {
clear:both;
margin:0 auto;
text-align:left;
width:616px;
height:0;
}

#com-messege-text-t-b p{
padding:0;
}

#inbox-bottom p{
height:21px;
}

#inbox-bottom input,#inbox-bottom img,#inbox-top-bottom input,#inbox-top-bottom img,#inbox-bottom-b input{
vertical-align:baseline;
}

#inbox-bottom-b{
width:618px;
padding:13px 0 0 0;
margin:0 auto;
text-align:center;
border-top:#e31666 1px solid;
}

#content-boder{
border-bottom:#e31666 1px solid;
margin:0 auto;
width:618px;
}

#inbox-top-bottom{
width:618px;
margin:0 auto;
height:18px;
text-align:right;
position:relative;
}

#inbox-top-bottom-underline{
width:618px;
margin:0 auto;
height:18px;
text-align:right;
position:relative;
border-bottom:1px solid #E31666;
}

#inbox-top1{
margin:0 auto;
text-align:right;
clear:both;
font-size:11px;
width:618px;
border-bottom:1px solid #E31666;
}

#inbox-top1n{
margin:0 auto;
text-align:right;
clear:both;
font-size:11px;
width:618px;
}

#inbox-top-bottom-out{
padding:10px 0 0 0;
}

#inbox-top-bottom-out-b{
border-top:#e31666 1px solid;
padding:10px 0 0 0;
width:618px;
margin:0 auto;
}

#form-boder{
border-top:#e31666 1px solid;
width:618px;
margin:0 auto;
}

#set-page-pos-p-b{
border-top:1px dashed #FFCBDE;
margin:0 auto;
text-align:left;
width:590px;
padding:7px 0 0 0;
}

#inbox-top-bottom-list{ 
border-bottom:1px solid #E31666;
margin:0 auto;
text-align:right;
width:618px;
padding:0 0 3px 0;
height:17px;
}

#inbox-top-bottom-b{
border-bottom:1px solid #E31666;
margin:0 auto;
text-align:right;
width:618px;
height:18px;
}

.diary-myopen-mae{
position:absolute;
top:0;
left:20px;
display:inline;
width:80px;
}

#inbox-top-preview{
padding:0 0 0 15px;
text-align:left;
}

.diary-myopen-tugi{
position:absolute;
top:0;
left:540px;
display:inline;
width:80px;
}

#inbox-top-preview1,#inbox-top-preview1-lr{
border-bottom:1px solid #E31666;
padding:0 0 0 0;
text-indent:10px;
text-align:left;
width:618px;
height:18px;
margin:0 auto;
}

/*--ナンバー部分--*/
.inbox-top-bottom-b-sea{
border-bottom:1px solid #E31666;
height:19px;
margin:0 auto;
text-align:center;
width:618px;
padding:8px 0 5px 0;
}

#inbox-top{
width:618px;
margin:0 auto;
text-align:left;
clear:both;
}

.inbox-top-bottom-b-sea-n{
border-bottom:1px solid #E31666;
height:16px;
margin:0 auto;
text-align:center;
width:618px;
padding:0 0 5px 0;
}

.set-page-pos .back{
width:84px;
text-align:left;
}


.set-page-pos .next-list{
width:100px;
text-align:left;
}

#s-lef{
float:left;
margin:0 0 0 19px;
text-align:left;
width:135px;
display:inline;
}

#s-ken{
float:left;
width:446px;
}

#s-other{
float:left;
width:315px;
font-size:12px;
}

#inbox-top-bottom-b-sea-none{
height:19px;
margin:0 auto;
text-align:center;
width:618px;
padding:10px 0 0 0;
}

#set-page-pos-p-b .back{
width:84px;
text-align:left;
margin:0 0 0 6px;
}

#set-page-pos-p-b .next-list{
width:86px;
text-align:left;
}

/*--各ページコンテンツの左右で「前のフォトへ」「次のフォトへ」と分かれてる部分--*/
#inbox-top-preview-lr{
padding:0 0 3px 0;
text-align:left;
position:relative;
}

.trash-11{
position:absolute;
top:0;
left:15px;
display:block !important;
}

.trash-14{
position:absolute;
width:200px;
top:0;
left:-80px;
display:block !important;
}

.trash-1{
position:absolute;
width:200px;
top:0;
left:-70px;
display:block !important;
}

.trash-12{
position:absolute;
top:0;
left:13px;
display:block !important;
}

.trash-13{
position:absolute;
top:0;
left:126px;
display:block !important;
}

.rightside-box{
width:600px;
margin:0 auto;
height:18px;
text-align:right;
}

.diary-mae{
width:50px;
display:inline;
}

.diary-kensuu{
width:118px;
display:inline;
margin:0 10px 10px 10px;
}

.diary-tugi{
width:50px;
display:inline;
margin:0 10px 0 0;
}

.diary-3{
padding:0 0 0 0;
display:inline;
font-size:11px;
}

.diary-2{
padding:0 15px 0 0;
display:inline;
}

.diary-1{
padding:0 15px 0 0;
display:inline;
}

/* ※マークの設定 */
.red-mark{
color:#E31666;
font-size:11px;
}

/*--各ページのページ変え（次ぎへ、前へなど）の部分--*/
.back{
width:26px;
float:left;
margin:0 0 0 20px;
display:inline;
}

.under-space-top .number,.under-space-bottom .number{
width:490px;
float:left;
margin:0 0 0 0;
text-align:center;
position:absolute;
left:75px;
}

#mamaf-content .number{
width:247px;
float:left;
margin:0 0 0 0;	
position:absolute;
left:47px;
}

.inbox-top-bottom-b-sea .number,#inbox-top-bottom-b-sea-none .number{
left:211px;
position:absolute;
text-align:center;
width:210px;
}

.number{
width:290px;
float:left;
margin:0 0 0 0;
text-align:center;
}

.next-list{
width:65px;	
float:right;
}
/*---ポップアップ用---*/
.for-popup .number{
width:290px;
float:left;
margin:0 0 0 0;
text-align:center;
position:absolute;
left:45px;
}

.for-popup .next-list{
width:65px;	
float:right;
}

.f .under-space-top .number,.f .under-space-bottom .number{
width:490px;
float:left;
margin:0 0 0 0;
text-align:center;
position:absolute;
left:75px;
}

.f .back{
width:25px;
float:left;
margin:0 0 0 20px;
display:inline;
}

.f .next-list{
width:65px;
float:right;
}
.title-come2{
width:110px;
font-weight:bold;
font-size:12px;
text-align:left;
position:absolute;
left:25px;
top:-2px;
}

.pan{
font-size:12px;
left:16px;
position:absolute;
text-align:left;
top:-1px;
width:480px;
}

.title-come{
width:110px;
font-weight:bold;
text-align:left;
position:absolute;
left:25px;
top:-2px;
}

#diary-co .number{
width:180px;
text-align:center;
position:absolute;
left:220px;
}

.all-com{
width:60px;
position:absolute;
left:445px;
}

.new-list{
width:100px;
position:absolute;
left:510px;
}

.d-come{
width:110px;
float:left;
margin:0 0 0 10px;
}

.d-come input{
padding:0 1px 1px 0;
}

.under-space-top{
width:618px;
margin:0 auto;
height:18px;
}

.under-space-bottom{
width:618px;
margin:0 auto;
height:27px;
}