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

/*------------------プロフィール画像------------------*/
#profImgBox{float:left; margin:4px 0px 4px 8px; padding:2px; background:url(../../common/img/bar_bg.gif) repeat;}

#profImg{width:192px; height:192px; background:#ffffff; border:none;}

#profTitle{width:192px; border:none;}

#profTitleBg{background:#000; color:#FFF;}

#profTitleBg p{text-align:center; margin:0px auto;}

#profBtn{padding:4px 0px; text-align:center;}

#imgMiddle{margin:0; padding:0; text-align:center;}





/*------------------つぶやき------------------*/
#vBox{width:460px;float:right; margin:4px 4px 4px 0px; padding:2px 0px;}

#vbTop{float:right; background:url(../../common/img/voice/voice_top.gif) no-repeat; width:460px; height:80px;}

.typeA{border: solid 3px #4399d1; float:left; width:300px; height:40px; margin-top:12px; margin-left:40px; padding-left:4px; padding-right:4px; color:#000000;}

*html .typeA{padding-top:4px; padding-bottom:4px; height:32px;}

.typeAG{border: solid 3px #4399d1; float:left; width:300px; height:40px; margin-top:12px; margin-left:40px; padding-left:4px; padding-right:4px; color:#666666;}

*html .typeAG{padding-top:4px; padding-bottom:4px; height:32px;}

.typeA2{border: solid 3px #4399d1; float:left; width:230px; height:40px; margin-top:12px; margin-left:0px; padding-left:4px; padding-right:4px; color:#000000;}

*html .typeA2{padding-top:4px; padding-bottom:4px; height:32px;}

*:first-child+html .typeA2{padding-top:4px; padding-bottom:4px; height:32px;}

.typeA2G{border: solid 3px #4399d1; float:left; width:230px; height:40px; margin-top:12px; margin-left:0px; padding-left:4px; padding-right:4px; color:#666666;}

*html .typeA2G{padding-top:4px; padding-bottom:4px; height:32px;}

*:first-child+html .typeA2G{padding-top:4px; padding-bottom:4px; height:32px;}

.typeB{border: solid 3px #4399d1; float:left; width:300px; height:40px; margin-top:12px; margin-left:40px; padding-left:4px; padding-right:4px; color:#000000;}

*html .typeB{padding-top:4px; padding-bottom:4px; height:32px;}

*:first-child+html .typeB{padding-top:4px; padding-bottom:4px; height:32px;}

.typeBG{border: solid 3px #4399d1; float:left; width:300px; height:40px; margin-top:12px; margin-left:40px; padding-left:4px; padding-right:4px; color:#666666;}

*html .typeBG{padding-top:4px; padding-bottom:4px; height:32px;}

*:first-child+html .typeBG{padding-top:4px; padding-bottom:4px; height:32px;}

#Number{text-align:center; font-size:20px; font-weight: bolder; margin-top:6px;}

#NumberB{text-align:center; font-size:20px; font-weight: bolder; margin-top:24px; float:left; padding-left:24px; width:55px;}

.gray{color:#666666;}

.red{ color:#F00;}

#voiceLinkBox{margin-right:12px; margin-top:6px;}

#remark{float:right; width:20%; font-size:13px;}

.remarkB{float:right; width:25%; font-size:13px; margin-top:4px;}

/*つぶやきのfontColor*/
.vbGr{color:#999;}

.vblBg{color:#000;}
/*つぶやきのfontColor終了*/

/*つぶやきリスト*/
#allVBox{float:right; background:url(../../common/img/voice/voice_middle.gif) repeat-y; width:460px; text-align:0px;}

#vbMid{float:left; width:400px; margin-top:0px; margin-bottom:4px; margin-left:40px; border:solid 3px #e1e1e1; background:#FFF;}
*html #vbMid{margin-left:15px;}

#vbMid .vbDetail{background:url(../../common/img/mark/arrow/arrow_bw.gif) no-repeat 4px 8px; margin:4px 8px; padding:4px 0px 4px 20px; width: 90%; float:left; text-align: left; line-height:140%; border-bottom:dotted 1px #cccccc; line-height:140%; font-size:95%;}

.mainVB{float:left; width:77%;}

.vbDate{float:right; width:20%; text-align:right; font-size:85%; color:#999999; margin-bottom:0px; margin-top:0px;}

.vbLink{width:20%; float:right; margin:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; text-align:right;}

#moreLink{margin:0px 8px 8px 8px; width:90%; float:right;}

#vbBottom{float:right; background:url(../../common/img/voice/voice_bottom.gif) no-repeat; width:460px; height:12px;}

.vbBlueLink{float:right; text-align:right; border:solid 1px #4399D1; background: #4399D1 url(../../common/img/mark/arrow/arrow_wb.gif) no-repeat 4px; margin:0px; padding:0px 0px 0px 16px; color:#ffffff; text-decoration: none; font-size:11px;}

.vbBlueLink:link{color:#ffffff; text-decoration: none;}

.vbBlueLink:visited{color:#ffffff; text-decoration: none;}

.vbBlueLink:hover{border:solid 1px #4399D1; background: #ffffff url(../../common/img/mark/arrow/arrow_bw.gif) no-repeat 4px; color:#4399D1; text-decoration: none;}
/*つぶやきリスト終了*/
/*------------------つぶやき終了------------------*/


/*------------------左カラム+中央カラム------------------*/
.NBctBox{width:690px; border:none; padding:0; margin:0px 0px 16px 0px; float: left; text-align:center;}

/*----------------------左カラム----------------------*/
#LeftBox{width: 212px; float: left; margin: 0px; padding:0px;}

*html #LeftBox{width: 200px; float: left; margin: 0px; padding:0px;}

#LeftBox .leftCul{
	width:95%;
	border: solid 5px #f0f0f0;
	float: left;
	margin-bottom:12px;
	padding:4px 0px 0px 0px;
}

*html #LeftBox .leftCul{
	width:99%;
}

.Ltitle{width:98%; background:#000; border:none; padding:0px; margin:4px auto;}

.Ltitle h2{width:99%; text-align:center; padding-top:2px; font-size:90%; color:#FFF;}

/*プロフィール*/
.profList{padding:4px; text-align:left; border-top:solid 4px #f0f0f0; border-bottom:solid 4px #f0f0f0; font-size:95%; line-height:160%;}

.webIcon{float:left; width:14px; margin:0px 4px;}
/*プロフィール終了*/

/*Likeリスト*/
.likeBox{padding:4px 8px 0px 8px; text-align:left; border-top:solid 4px #f0f0f0;}
*html .likeBox{padding:4px 7px 0px 7px; text-align:left; border-top:solid 4px #f0f0f0;}

.likesList{ width:30px; height:30px; text-align:center; border:solid 1px #f0f0f0; padding:0px;}

/*Likeリストhover各色*/
/*ブルー*/
.lbs{width:33px; background:#ffffff; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#000000;}

.lbs:hover{width:33px; background:#76b7da; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#ffffff;}

.lbsImge{width:30px; height:30px; text-align:center; padding:0px; margin:0px; border: solid 1px #76b7da; background:#FFF;}
/*ブルー終了*/

/*マゼンダ*/
.lms{width:33px; background:#ffffff; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#000000;}

.lms:hover{width:33px; background:#FB30A2; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#ffffff;}

.lmsImge{width:30px; height:30px; text-align:center; padding:0px; margin:0px; border: solid 1px #FB30A2; background:#FFF;}
/*マゼンダ終了*/

/*オレンジ*/
.los{width:33px; background:#ffffff; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#000000;}

.los:hover{width:33px; background:#FB7C00; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#ffffff;}

.losImge{width:30px; height:30px; text-align:center; padding:0px; margin:0px; border: solid 1px #FB7C00; background:#FFF;}
/*オレンジ終了*/
/*Likeリストhover各色終了*/
/*Likeリスト終了*/
/*----------------------左カラム終了----------------------*/



/*----------------------中央カラム----------------------*/
/*カテゴリボックス*/
.CcBox{width:auto; border:solid 5px #f0f0f0; padding:4px; margin-bottom:12px;}
*:first-child+html .CcBox{width:auto; border:solid 5px #f0f0f0; padding:4px; margin-bottom:12px; width:450px;}
/*カテゴリボックス終了*/

/*新着情報*/
.CcWnBox{width: 98%; margin:4px auto 3px auto; padding:2px 0px 2px 6px;}

.CcWnBox .line{margin:8px 0px; padding:0px 8px; width: 95%; float:left;}

.CcWnBox .Date{padding:2px 0px; float:left; font-size:90%; text-align: left; width:18%; font-size:90%;}
*html .CcWnBox .Date{width:20%;}
*:first-child+html .CcWnBox .Date{width:20%;}

.CcWnBox .New{padding:2px 0px; margin-left:12px; text-align: left; color:#FB30A2; font-size:90%;}

.CcWnBox .Detail{padding:2px 0px; float:left; text-align: left; line-height:140%; border-bottom:dotted 1px #cccccc; width:81%; line-height:160%;}
*html .CcWnBox .Detail{width:79%;}
*:first-child+html .Detail{width:79%;}
/*新着情報終了*/

/*登録イベント*/
.rEeveSpace{width: 97%; margin:4px auto 3px auto; padding:2px 0px 2px 6px;}

.rEeveBox{border-bottom:dotted 1px #CCC;}

.rEeveDetail{width:80px; float: left; text-align:center; margin:4px 16px 8px 0px;}

.registEvent{float:left; width: 200px; margin:4px 4px; padding: 0px 4px; float: left; text-align: left;}

.registEvent:hover{background:#F4A74D; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
/*登録イベント終了*/


/*----------------------中央カラム終了----------------------*/



/*----------------------中央カラム----------------------*/

/*ボックス(Short)*/
/*.SctBox{width: 680px; float: left; text-align:center; margin: 0px 0px 16px 0px; border: solid 5px #e2e2e2; padding:8px 0px;}*/


/*-----------PickUp4カラム-----------*/
/*.spickupSpace{margin:8px auto; padding:0px 12px; text-align:center;}*/

/*画像BOX*/
.sPuBox{width:106px; float:left;  margin:0px; text-align:center; padding:0;}

*html .sPuBox{width:100px; float:left; margin:0px;}
/*画像BOX終了*/

/*hover各色*/
/*マゼンダ*/
.sMuPu{width:86px; background:#ffffff; text-align:center; margin:5px; padding:5px; color:#000000;}

.sMuPu:hover{width:86px; background:#FB30A2; text-align:center; margin:5px; padding:5px; color:#ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.smuPuImgeE{width:86px; height:86px; text-align:center; padding:0px; margin:0px; border: solid 2px #FB30A2; background:#FFF;}

*html .sMuPu{width:86px; background:#ffffff; text-align:center; margin:0px auto; padding:10px; color:#000000;}

*html .sMuPu:hover{width:86px; background:#FB30A2; text-align:center; margin:0px auto; padding:10px; color:#ffffff;}
/*マゼンダ終了*/


/*ブルー*/
.sBuPu{width:86px; background:#ffffff; text-align:center; margin:5px; padding:5px; color:#000000;}

.sBuPu:hover{width:86px; background:#76b7da; text-align:center; margin:5px; padding:5px; color:#ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.sbuPuImgeE{width:86px; height:80px; text-align:center; padding:0px; margin:0px auto; border: solid 3px #76b7da; background:#FFF;}

*html .sBuPu{width:86px; background:#ffffff; text-align:center; margin:0px auto; padding:10px; color:#000000;}

*html .sBuPu:hover{width:86px; background:#76b7da; text-align:center; margin:0px auto; padding:10px; color:#ffffff;}
/*ブルー終了*/
/*hover各色終了*/

/*タイトル*/
.sPuTitle{width:80px; text-align:center; padding:0px; font-size:85%; font-weight:bold;/*; background:#000; border:solid 3px #000;*/}

/*タイトル終了*/

*html .SPuTitle{width:86px; margin:0px 0px 0px 0px; border-left:solid 1px #000; border-right:solid 3px #000;}

*html .SPuDetail{width:80px; padding:4px 0px 10px 0px;}

*:first-child+html .SPuTitle{width:80px; margin:0px 0px 0px 0px; border-left:solid 1px #000; border-right:solid 3px #000;}

*:first-child+html .SPuDetail{width:80px; padding:4px 0px 10px 0px;}

/*-----------PickUp4カラム終了-----------*/

/*----------------------中央カラム終了----------------------*/

/*PickUp4カラム*/
.pickupSpace{margin:8px auto; padding:0px 12px; text-align:center;}

.PuBox{width:164px; float:left; margin:0px 0px;}

*html .pickupSpace{padding:0px 8px;}

*html .PuBox{width:160px; float:left; margin:0px 0px;}

/*hover各色*/
/*マゼンダ*/
.MagentaPu{width:33px; background:#ffffff; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#000000;}

.MagentaPu:hover{width:33px; background:#FB30A2; float:left; text-align:center; margin:0px; padding:2px 1px 2px 3px; color:#ffffff;}

.mPuImgeE{width:30px; height:30px; text-align:center; padding:0px; margin:0px; border: solid 1px #FB30A2;}

/*ブルー*/
.BluePu{width:146px; background:#ffffff; float:left; text-align:center; margin:0px; padding:10px; color:#000000;}

.BluePu:hover{width:146px; background:#76b7da; float:left; text-align:center; margin:0px; padding:10px; color:#ffffff;}

.bPuImgeE{width:140px; height:140px; text-align:center; padding:0px; margin:0px; border: solid 3px #76b7da;}

/*グリーン*/
.GreenPu{width:146px; background:#ffffff; float:left; text-align:center; margin:0px; padding:10px; color:#000000;}

.GreenPu:hover{width:146px; background:#80B43E; float:left; text-align:center; margin:0px; padding:10px; color:#ffffff;}

.gPuImgeE{width:140px; height:140px; text-align:center; padding:0px; margin:0px; border: solid 3px #80B43E;}

/*オレンジ*/
.OrangePu{width:146px; background:#ffffff; float:left; text-align:center; margin:0px; padding:10px; color:#000000;}

.OrangePu:hover{width:146px; background:#FB7C00; float:left; text-align:center; margin:0pxx; padding:10px; color:#ffffff;}

.oPuImgeE{width:140px; height:140px; text-align:center; padding:0px; margin:0px; border: solid 3px #FB7C00;}

/*hover各色終了*/

/*タイトル*/
.PuTitle{width:140px; text-align:center; padding:0px; font-size:85%; font-weight:bold;/* background:#000; border:solid 3px #000;*/}

.PuTitleName{text-align:center; padding:2px 0px; margin:0px ;}

/*中タイトルバー*/
.midBar{margin:12px 4px 6px 4px; padding:4px 20px; font-weight:bold; text-align:left; border-bottom:solid 2px #4399D1; width: auto; background-repeat:no-repeat; background-position:0px 4px;}
/*中タイトルバー終了*/

/*タイトルリンク*/
.PuLink{ color:#308AD3; text-decoration: none;}

.PuLink:link{ color:#308AD3; text-decoration: none;}

.PuLink:visited{ color:#308AD3; text-decoration: none;}

.PuLink:hover{ color:#ffffff; text-decoration: none;}

.PuDetail{ width:150px; text-align:left; padding:4px 0px 0px 0px;}
/*タイトルリンク終了*/
/*タイトル終了*/

*html .PuTitle{width:146px; margin:0px 0px 0px 0px;/* border-left:solid 1px #000; border-right:solid 3px #000;*/}

*html .PuDetail{width:140px; padding:4px 0px 10px 0px;}

*:first-child+html .PuTitle{width:140px; margin:0px 0px 0px 0px;/* border-left:solid 1px #000; border-right:solid 3px #000;*/}

*:first-child+html .PuDetail{width:140px; padding:4px 0px 10px 0px;}

/*PickUp4カラム終了*/

/*------------------ 日程 ------------------ */

.PuDate1{text-align:center; width:164px; float:left; margin:2px 0px; padding:0px 0px; font-weight:bold; color:#F90;}

.PuDate2{text-align:center; width:164px; float:left; margin:2px 0px; padding:0px 0px; font-weight:bold; color:#F0F;}

.PuDate3{text-align:center; width:164px; float:left; margin:2px 0px; padding:0px 0px; font-weight:bold; color:#999;}

*html .PuDate1{width:140px; margin:2px 2px;}

*html .PuDate2{width:140px; margin:2px 2px;}

*heml .PuDate3{width:140px; margin:2px 2px;}


/*------------------ 日程終了 ------------------ */


/*------------------ MYページ Welcomeボックス ------------------ */
#WcBox{background:#f0f0f0; width: 680px; float: left; text-align:center; border: solid 5px #f0f0f0; margin: 0px; padding:8px 0px 0px 0px;}

#UserName{float:left; text-align:left; font-size:120%; font-weight:bold; color:#4399D1; width:30%; line-height:140%; padding-left:12px; margin-bottom:0px; padding-bottom:0px;}

#menueLink{float:right; text-align:left; width:67%; padding-right:8px;}

#menueLink li{background:url(../../common/img/mark/arrow/arrow_pw.gif) no-repeat 0px 6px; padding:4px 20px 4px 14px; float:right; font-size:87%;}
/*------------------ MYページ Welcomeボックス終了 ------------------ */


/*アップロード部分*/
.uploadBg{background:#f0f0f0; margin:4px auto 12px auto; padding:4px; width: 97%;}

.uploadBg #upBox{padding:4px;}

.contentsName{float:left; width:19%; text-align:left;}

.uploadSpace{background:#FFF; margin:4px; padding:0px 4px;}

.upload{width:99%; float:left; padding:6px 4px;}

.upload .upTitle{float:left; width:20%; text-align:left;}

.upload .upCoadBox{float:left; width:79%; text-align:left;}

.upFileCoad{width:280px; font-size:90%;}

.uploadBtn{width:99%; float:left; padding:6px 4px; border-top:dotted 1px #CCC;}

/*アップロード部分 終了*/