html * {
    margin: 0;
}

/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

body {
     text-align:center;
     background: #fff;
     color: #fff;
    font-size: 14px;
    font-family:verdana, arial, helvetica, 'ＭＳ Ｐゴシック', osaka, Gothic, sans-serif;
/*    background: #FFFFFF url(http://assets.movapic.com/image/parts/usagibg2.png) repeat top left ;
*/
    /*background: url("../images/wp_marble_050.jpg") repeat top left ;*/
}

a:link, a:visited {
    color: #6BD600;
    text-decoration: none;
} 

a:hover {
    color: #6BD600;
    text-decoration: underline;
} 

h1 {
    color: #6BD600;
    font-weight: normal;
    font-size: 16px;
    margin: .8em 0 .3em 0;
}

ul {
    padding-left: 15px;	
}


/* TOPPAGE*/
.topitems{
	width:630px;
	margin-left:auto;
 	margin-right:auto;
}
.toptext{
	text-align:left;
    margin-bottom:10px;
    font-size: 16px;
    color: #6BD600;
}
.toptable{
	
	width:630px;
	margin-left:auto;
 	margin-right:auto;
 	font-size: 14px;
}


.newimages{
	width:640px;
	margin-left:auto;
 	margin-right:auto;
}

.psitoinRelative{
	position:relative;
	height:560px;
}

.newimage{
	width:200px;
	height:150px;
	overflow: hidden;
	border: solid 1px #BFBFBF; 
	float: left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
}

.smallimage{
    float: left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
    width:200px;
    height:220px;
    text-align:center;
}

.smallimage img{
    width:200px;
	height:150px;
    margin-left:auto;
	margin-right:auto;
    /*border: solid 1px #BFBFBF;*/
}

.smallimage img.test{
    width:150px;
	height:200px;
    margin-left:auto;
	margin-right:auto;
    /*border: solid 1px #BFBFBF;*/
}

/* JOIN */
.join{
	width:180px;
	margin-left:auto;
 	margin-right:auto;
	background: #33a;
    border: 1px solid #fff;
    color: #fff;
    font-size: 24px;
}
.join_us{
    background-image: url("http://assets.movapic.com/image/parts/join_us6.png");
    display: block;
    width: 160px;
    height: 40px;
    margin-left:auto;
    margin-right:auto;
}
.join_us:hover{
    background-position: bottom;
}
/* HEADER */
.header{
	width:700px;
	margin-top:10px;
 	margin-left:auto;
 	margin-right:auto;
}
	
.logo{
	width:160px;
	float : left;
}


img {
    border: none;
} 
div.information p{
	font-size:12px;
	text-align:left;
	margin-left:10px;
	width:260px;
}

/*********************
globalNaviBlock
**********************/
.globalNaviBlock{
	width:880px;
	margin-top:10px;
 	margin-left:auto;
 	margin-right:auto;
}

/* TOP_MENU */
.topmenu{
	background: #000;
	margin-top:10px;
 	float : right;
}


.topmenu ul{
	list-style:none;
}

.topmenu li{
	float : left;
	margin:5px;
}
.topmenu li a:link, .topmenu li a:visited {
    color: #6BD600;
   	text-decoration: none;
} 

.topmenu li a:hover {
    color: #6BD600;
    text-decoration: underline;
} 

a.hometopmenu{
	background: url(http://assets.movapic.com/image/parts/home.gif) no-repeat top left ;
	padding-left:20px;
}
a.logouttopmenu{
	background: url(http://assets.movapic.com/image/parts/close.gif) no-repeat top left ;
	padding-left:20px;
}
a.howtotopmenu{
	background: url(http://assets.movapic.com/image/parts/camera.gif) no-repeat top left ;
	padding-left:20px;
}
a.settingtopmenu{
	background: url(http://assets.movapic.com/image/parts/edit.gif) no-repeat top left ;
	padding-left:20px;
}
a.registtopmenu{
	background: url(http://assets.movapic.com/image/parts/check.gif) no-repeat top left ;
	padding-left:20px;
}
a.logintopmenu{
	background: url(http://assets.movapic.com/image/parts/user.gif) no-repeat top left ;
	padding-left:20px;
}

/* TOP_MENU */
.headerad{
    float: left;
	margin-bottom:5px;
}
.searchbox{
    float: right;
	margin-bottom:5px;
}

.searchbox label{
	color:black;
    font-size:12px;
}

.clear{
	clear:both;
}

.body {
	color: #fff;
    width:690px;
 	margin-left:auto;
 	margin-right:auto;
 	margin-top:20px;
    text-align:center;
}

table.column2{
    width:860px;
 	margin-left:auto;
 	margin-right:auto;
}
table.column2 td{
    vertical-align: top;
}

/* PAGINATION */
.paginate{
	margin-left:auto;
 	margin-right:auto;
 	width:450px;
	color: #666;
    font-size: 16px;
}
.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* IMAGE */

.image {
	text-align: center;
 	margin-left:auto;
 	margin-right:auto;
}

.pic {
	text-align: center;
	height: 500px; 
	margin-top:200px;
 	margin-left:auto;
 	margin-right:auto;
}

.picdetail {
	text-align: center;
	margin-left:auto;
 	margin-right:auto;
 	width: 650px; 
}

.npPageNavi{
	width: 650px; 
	margin-left:auto;
 	margin-right:auto;
 	font-size: 12px;
}
.preNavi{
    text-align: center;
    width: 140px;
}
.preNavi a img {
    border:1px solid #ffffff;
}
.preNavi a:hover img {
    border:1px solid #cccccc;
}
.middleNavi{
    text-align: center;
    vertical-align: top;
}
.nextNavi{
    text-align: center;
    width: 140px;
}
.nextNavi a img {
    border:1px solid #ffffff;
}
.nextNavi a:hover img {
    border:1px solid #cccccc;
}
.mainimage{
	color: #408000;
}

.image td{
	font-size: 12px;
	text-align: center;
}

img.image {
	text-align: center;
	border: solid 1px #BFBFBF; 
 	margin-left:auto;
 	margin-right:auto;
}

img.thumnail {
	text-align: center;
	border: solid 1px #BFBFBF; 
 	margin-left:auto;
 	margin-right:auto;
}

img.userimage {
	text-align: center;
	border: solid 1px #BFBFBF; 
 	margin-left:auto;
 	margin-right:auto;
 	width:50px;
 	height:50px;
}

img.selfimage {
	text-align: center;
	border: solid 1px #BFBFBF; 
 	margin-left:auto;
 	margin-right:auto;
 	width:80px;
 	height:80px;
}

img.miniselfimage {
	text-align: center;
	border: solid 1px #BFBFBF; 
 	margin-left:auto;
 	margin-right:auto;
 	width:40px;
 	height:40px;
}

/* PROFILE */
div.userprofile{
	text-align: left;
	width:500px;
	margin-left:5px;
 	margin-top:20px;
 	float:left;
}
table.userprofile{
	text-align: left;
	margin-left:10px;
	
 	font-size: 14px;
}
div.s_userprofile{
	text-align: left;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
 	margin-top:20px;
}

/************************
userImageBlock
*************************/
div.userImageBlock{
    text-align: left;
	width:170px;
	margin-top:20px;
	margin-left:10px;
	
}
    
div.userImageBlock img{
    border: solid 1px #BFBFBF;
 	margin-left:10px;
 	width:80px;
 	height:80px;
}


/* TAGPROFILE */
div.tagprofile{
	text-align: left;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
 	margin-top:20px;
 }
 div.tagprofilebody{
	width:440px;
	margin-left:auto;
 	margin-right:auto;
}	

/* INFORMATION */
div.information{
	text-align: center;
	width:270px;
	margin-top:20px;
	margin-left:auto;
 	margin-right:auto;
 	
}

/* NAV */
div.pagenav{
	text-align: center;
	width:450px;
	margin-top:20px;
	margin-left:auto;
 	margin-right:auto;
}
table.pagenav{
	text-align: center;
}

/* USERNAV */
div.usernav{
	text-align: left;
	width:170px;
	margin-top:20px;
	margin-left:20px;
	float: left;
}
div.userNaviBlock{
    text-align: left;
	width:170px;
	margin-top:20px;
	margin-left:10px;
}
.userNaviBlock .userimage{
    margin-left:10px;
}
.usernav ul,.userNaviBlock ul{
	list-style:none;
	font-size: 16px;
	width:140px;
}


.usernav ul li ul,.userNaviBlock ul li ul{
	list-style:none;
	margin-top:5px;
	font-size: 14px;
	width:100px;
}
.usernav ul li ul li,.userNaviBlock ul li ul li{
	margin-left:-35px;
	padding-left:24px;
	width:100px;
	
}
li.picmenu , a.picmenu{
	background: url(http://assets.movapic.com/image/parts/001_15.png) no-repeat top left ;
	padding-left:30px;
}
li.homemenu , a.homemenu{
	background: url(http://assets.movapic.com/image/parts/001_20.png) no-repeat top left ;
	padding-left:30px;
}
li.nicemenu , a.nicemenu{
	background: url(http://assets.movapic.com/image/parts/001_15.png) no-repeat top left ;
	padding-left:30px;
}
li.followmenu , a.followmenu{
	background: url(http://assets.movapic.com/image/parts/001_57.png) no-repeat top left ;
	padding-left:30px;
}
li.settingmenu , a.settingmenu{
	background: url(http://assets.movapic.com/image/parts/001_45.png) no-repeat top left ;
	padding-left:30px;
}
li.calendarmenu , a.calendarmenu{
	background: url(http://assets.movapic.com/image/parts/001_44.png) no-repeat top left ;
	padding-left:30px;
}
li.commentmenu , a.commentmenu{
	background: url(http://assets.movapic.com/image/parts/001_50.png) no-repeat top left ;
	padding-left:30px;
}

li.picmenu_r , a.picmenu_r{
	background: url(http://assets.movapic.com/image/parts/menu_home.png) no-repeat top right ;
        display: block;
        width: 120px;
        height: 22px;
        text-indent: -1000px;
}
li.homemenu_r a{
    background: url(http://assets.movapic.com/image/parts/menu_home.png) no-repeat top right ;
    display: block;
    width: 140px;
    height: 22px;
}
li.homemenu_r a:hover{
    background-position: bottom;
}
li.nicemenu_r a{
    background: url(http://assets.movapic.com/image/parts/menu_nice.png) no-repeat top right ;
    display: block;
    width: 140px;
    height: 22px;
    margin-top:5px;
}
li.nicemenu_r a:hover{
    background-position: bottom;
}
li.followmenu_r a{
    background: url(http://assets.movapic.com/image/parts/menu_follow.png) no-repeat top right ;
    display: block;
    width: 140px;
    height: 22px;
    text-indent: -1000px;
    margin-top:5px;
}
li.followmenu_r a:hover{
    background-position: bottom;
}
li.settingmenu_r a{
    background: url(http://assets.movapic.com/image/parts/menu_setting.png) no-repeat top right ;
    display: block;
    width: 140px;
    height: 22px;
    text-indent: -1000px;
    margin-top:5px;
}
li.settingmenu_r a:hover{
    background-position: bottom;
}
li.calendarmenu_r a{
    background: url(http://assets.movapic.com/image/parts/menu_calendar.png) no-repeat top right ;
    display: block;
    width: 140px;
    height: 22px;
    text-indent: -1000px;
    margin-top:5px;
}
li.calendarmenu_r a:hover{
    background-position: bottom;
}
li.commentmenu_r a{
    background: url(http://assets.movapic.com/image/parts/menu_comment.png) no-repeat top right ;
    display: block;
    width: 140px;
    height: 22px;
    text-indent: -1000px;
    margin-top:5px;
}
li.commentmenu_r a:hover{
    background-position: bottom;
}


td.image {
	text-align: center;
	height:400px;
}

tr.list {
	margin-top:50px;
	height:400px;
	border: solid 1px #BFBFBF; 
 	font-size:14px;
}

/* USER FORM */

div.login{
	text-align: center;
	width:400px;
	margin-top:20px;
	margin-left:auto;
 	margin-right:auto;
 	
}

div.regist{
	text-align: center;
	width:540px;
	margin-top:20px;
	margin-left:auto;
 	margin-right:auto;
 	
}

div.setting{
	text-align: center;
	width:690px;
	margin-top:20px;
	margin-left:auto;
 	margin-right:auto;
}

table.userForm{
	text-align: center;
	margin-left:auto;
 	margin-right:auto;
}

td.label{
	text-align: left;
	width:140px;
}

td.input{
	text-align: left;
	width:180px;
}

td.example{
	text-align: left;
	width:120px;
	margin-left:10px;
	font-size: 12px;
}

td.label2{
	text-align: right;
	width:130px;
}

td.commentinput{
	text-align: center;
	width:400px;
}
.settingform{
	width:540px;
	margin-left:auto;
 	margin-right:auto;
}
.settingform td{
	margin-top:10px;
	padding-top:10px;
 	font-size:14px;
}

div.response{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
 	
}
div.itemresponse{
	text-align: center;
	width:350px;
	margin-left:auto;
 	margin-right:auto;

}

/* STAR */
div.star{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}
div.starList{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}

/* Tag */
div.tag{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}
div.tagList{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}
div.tagForm{
	text-align: center;
	width:300px;
	margin-left:auto;
 	margin-right:auto;
}


/* NICE */
div.nice{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}
div.itemnice{
	text-align: center;
	width:450px;
	margin-left:auto;
 	margin-right:auto;
}
table.niceBlock{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
 	display:inline;
}
table.itemNiceBlock{
	text-align: center;
	width:450px;
	margin-left:auto;
 	margin-right:auto;
 	display:inline;
}
table.niceList{
	text-align: left;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}
table.itemNiceList{
	text-align: left;
	width:450px;
	margin-left:auto;
 	margin-right:auto;
}

td.niceForm{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
 	display:inline;
}
div.niceForm{
	text-align: center;
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}

tr.nicepageimage{
	width:640px;
	text-align: left;
	border: solid 1px #BFBFBF; 
	margin-left:auto;
 	margin-right:auto;
}
tr.nicepageimage td{
	text-align: left;
}
table.nicePage{
	text-align: left;
	width:640px;
	margin-left:auto;
 	margin-right:auto;
}

img.minipic{
	width:200px;
	border: solid 1px #BFBFBF; 
}


label.time{
	color: #ffffff;
    font-weight: normal;
    font-size: 12px;
}

p.comment{
	color: #ffffff;
    font-weight: normal;
    font-size: 14px;
 
}

/* HOWTOUSE */
.howtouse{
	text-align: left;
	margin-left:10px;
}

.howtouse h2{
	color: #6BD600;
    font-weight: normal;
    font-size: 16px;
}

.explain{
	margin-left:20px;
}

/* CALENDAR */
table.calendar{
	width:640px;
	margin-left:auto;
 	margin-right:auto;
}
table.calendar tr td{
	height:105px;
    width:90px;
}
.calendarBlank{
	border: none;
}
.calendarImage{
	width:90px;
	height:105px;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.calendarImageSut{
	width:90px;
	height:105px;
	overflow: hidden;
	color: #006BD6;
}
.calendarImageSun{
	width:90px;
	height:105px;
	color: #D6006b;
}
.calendarDate{
	font-size:10px;
    text-align:center;
}
.calendarDateNoImage{
    text-align:center;
    font-size:40px;
}
.calendarDateNoImageSut{
    text-align:center;
    font-size:40px;
    color: #006BD6;
}
.calendarDateNoImageSun{
    text-align:center;
    font-size:40px;
    color: #D6006b;
}
.calendarPic{
	width:88px;
	height:88px;
	overflow: hidden;
	border: solid 1px #BFBFBF; 
}
.calendarBorder{
	width:90px;
	height:100px;
}	
/* COMMENT LOG */
.commentTarget{
 	font-size: 13px;
}
.commentedTarget{
 	font-size: 13px;
}
.commentedTarget a:visited {
    color: #6BD600;
    text-decoration: none;
}


/* FOOTER_MENU */

.footermenu{
	width:450px;
	margin-left:auto;
 	margin-right:auto;
 	font-weight: normal;
 	font-size: 12px;
}

.pr1{
	width:500px;
	margin-left:auto;
 	margin-right:auto;
}

.pr2{
	width:690px;
	margin-left:auto;
 	margin-right:auto;
}

.gototop{
    text-align:right;
    width:670px;
    margin-left:auto;
 	margin-right:auto;
}

.apcontrollerblock{
    text-align:right;
    width:670px;
    margin-left:auto;
 	margin-right:auto;
}

/* ERROR */
div.prop errors{

}
div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}

td.errors input {
    border: 1px solid red;
    background: #fff3f3;
}

.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#030303;
}
.spiffy1{
border-right:1px solid #929292;
padding-right:1px;
margin-right:3px;
border-left:1px solid #929292;
padding-left:1px;
margin-left:3px;
background:#424242;
}
.spiffy2{
border-right:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
padding:0px 1px;
background:#323232;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #323232;
border-left:1px solid #323232;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #929292;
border-left:1px solid #929292;
}
.spiffy5{
border-right:1px solid #424242;
border-left:1px solid #424242;
}
.spiffy_content{
padding:0px 5px;
background:#030303;
}


div.black{
	background:#000;
}

div.white{
	background:#000;
}

div.controlicon{
	text-align: right;
	margin-right:20px;
	
}

.center{
	text-align: center;
	margin-left:auto;
 	margin-right:auto;
}

div.r01 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round01.gif") no-repeat 0px 0px ;
}
div.b01 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round01.gif") no-repeat 0px -10px ;
}

div.r02 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round02.gif") no-repeat 0px 0px ;
}
div.b02 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round02.gif") no-repeat 0px -10px ;
}

div.r03 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round03.gif") no-repeat 0px 0px ;
}
div.b03 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round03.gif") no-repeat 0px -10px ;
}

div.r04 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round04.gif") no-repeat 0px 0px ;
}
div.b04 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round04.gif") no-repeat 0px -10px ;
}

div.r05 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round05.gif") no-repeat 0px 0px ;
}
div.b05 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round05.gif") no-repeat 0px -10px ;
}
div.r06 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round06.gif") no-repeat 0px 0px ;
}
div.b06 {
	height:10px;
	overflow:hidden;
	background: url("http://assets.movapic.com/image/parts/round06.gif") no-repeat 0px -10px ;
}


/* Snazzy Borders - http://www.cssplay.co.uk/boxes/snazzy.html */
#xsnazzy { background:transparent; margin:0px; padding:0;}
#xsnazzy .h, #xsnazzy p { margin:0; padding:10px 15px; line-height:2em; }
#xsnazzy .h { font-size:1.5em; color:#60c8d8; padding-bottom:0; font-weight:bold; }
#xsnazzy .xtop, #xsnazzy .xbottom {display:block; background:transparent; font-size:1px; }
#xsnazzy b { display:block; overflow:hidden; }
#xsnazzy .xb1, #xsnazzy .xb2, #xsnazzy .xb3 {height:1px; }
#xsnazzy .xb2, #xsnazzy .xb3, #xsnazzy .xb4 {background:#000; border-left:1px solid #c8ebf9; border-right:1px solid #c8ebf9; }
#xsnazzy .xb1 { margin:0 5px; background:#c8ebf9; }
#xsnazzy .xb2 { margin:0 3px; border-width:0 2px; }
#xsnazzy .xb3 { margin:0 2px; }
#xsnazzy .xb4 { height:2px; margin:0 1px; }
#xsnazzy .xboxcontent { display:block; background:#000; border:0 solid #c8ebf9; border-width:0 1px; font-color:#000;}