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

/*/////////////////////////////////アートワーク一覧ページ/////////////////////////////////*/

/*----------------------------------------------------
	アートワーク一覧Box
----------------------------------------------------*/

.artworkBox{margin:auto; text-align:center; width:640px;}


/*----------------------------------------------------
	アートワーク一覧Box
----------------------------------------------------*/

/*hover マゼンダ(Picture)*/

.sMagentaPu{width:86px; background:#ffffff; float:left; text-align:center; margin:0px; padding:10px; color:#000000; }

.sMagentaPu:hover{width:86px; background:#FB30A2; float:left; text-align:center; margin:0px; padding:10px; color:#ffffff; border:none; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

.smPuImgeE{width:80px; height:80px; text-align:center; padding:0px; margin:0px; border: solid 3px #FB30A2; background:#fff;}

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

*html .sMagentaPu:hover{width:86px; background:#FB30A2; float:left; text-align:center; margin:0px 0px; padding:10px; color:#ffffff;}


/*hover ブルー(Movie)*/
.sBluePu{width:86px; background:#ffffff; float:left; text-align:center; margin:0px; padding:10px; color:#000000;}

.sBluePu:hover{width:86px; background:#76b7da; float:left; text-align:center; margin:0px; padding:10px; color:#ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

.sbPuImgeE{width:80px; height:80px; text-align:center; padding:0px; margin:0px; border: solid 3px #76b7da; background:#fff;}

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

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


/*----------------------------------------------------
	タイトル関連
----------------------------------------------------*/
/*タイトル*/

.PuTitle{width:80px; text-align:center; padding:0px; font-size:85%;}

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


/*タイトルリンク*/

.PuLink:link{ color:#2b2b2b; text-decoration: none;}

.PuLink:visited{ color:#2b2b2b; text-decoration: none;}

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

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

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

*html .PuLink:hover{ color:#004ECC; text-decoration:underline;}


/*/////////////////////////////////アートワーク一覧ページ終了/////////////////////////////////*/



/*/////////////////////////////////アートワークdetailページ/////////////////////////////////*/

/*----------------------------------------------------
	アートワーク表示枠
----------------------------------------------------*/

#aw {text-align:center; width:640px; margin:12px auto;}

#awTexitBox { width:616px; background:#DEF2FC; margin:auto; color:#2b2b2b; padding:6px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

#awName{text-align:left; font-weight:bold; border-bottom: dotted 1px #2b2b2b; margin:0px 0px 6px 0px; padding:0px 0px 6px 0px; line-height:120%; font-size:110%;}

#awDetail{text-align:left; font-weight:normal; margin:0px; padding:0px; line-height:145%;}




/*----------------------------------------------------
	アートワークdetailページ右枠
----------------------------------------------------*/


/*Likeリスト*/
.likeBox{padding:0px; text-align:left; margin:auto; width:96%;}
*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リスト終了*/

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

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

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



.editTitle{border: solid 3px #4399d1; float:left; width:400px; height:20px; margin:6px auto; padding-left:4px; padding-right:4px; color:#000000;}

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

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


.editDetail{border: solid 3px #4399d1; width:600px; height:40px; margin:6px auto; padding-left:4px; color:#000000;}

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

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


/*/////////////////////////////////アートワークdetailページ終了/////////////////////////////////*/