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

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

h2{
	color: #6BD600;
    font-weight: bold;
    font-size: 20px;
}

ul {
    padding-left: 15px;	
}

img.image {
	text-align: center;
	border: solid 1px #ccc;
}

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}
.clear{
	clear:both;
}
.center{
	text-align: center;
	margin-left:auto;
 	margin-right:auto;
}
.black{
	background:#000;
}
/************************構造************************/

/*********************
#headline
**********************/
#headline{
    background:#000;
    width:100%;
    font-size:12px;
}
#headline_content{
    width:700px;
    height:22px;
	margin-left:auto;
 	margin-right:auto;
}
#headline_content .right{
    float:right;
    margin-right:10px;
    margin-bottom:0px;
}
#headline_content .left{
    float:left;
    margin-left:10px;
    margin-bottom:0px;
}
/*********************
#header
**********************/
#header{
	width:700px;
	margin-left:auto;
 	margin-right:auto;
}

    #logo{
        width:160px;
        float : left;
    }

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

    #topmenu li{
        float : left;
        margin:5px;
    }

    #topmenu li a{
        padding-left:20px;
    }

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

    /* #searchbox */
    #searchbox{
        float: right;
        margin-bottom:5px;
    }

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


    /*********************
    #userprofile
    **********************/
    #userprofile{
        float:left;
        text-align: left;
        width:500px;
        margin-top:20px;
        margin-left:5px;
    }
    #userprofile_short{
        text-align: left;
        width:500px;
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
    }
    #userprofile_mini{
        float:left;
        text-align: left;
        width:400px;
        margin-top:0px;
        margin-left:5px;
    }

    #userprofile .prof_image,
    #userprofile_mini .prof_image,
    #userprofile_short .prof_image{
        float:left;
        width:90px;
        margin: 5px 5px 5px 15px;
    }

    #userprofile .prof_content,
    #userprofile_mini .prof_content,
    #userprofile_short .prof_content{
        float:left;
        width:250px;
    }

    #userprofile .prof_description,
    #userprofile_mini .prof_description{
        clear:both;
        width:400px;
        margin-left: 15px;
    }

    #prof_ad{
        float:right;
        width:210px;
        margin-right: 15px;
    }

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

    /*********************
    #usernav
    **********************/
    #usernav{
        text-align: left;
        width:170px;
        margin-top:20px;
        margin-left:20px;
        float: left;
    }

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

    /*********************
    #detailnavi
    **********************/
    #detailnavi{
        width:690px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
    }

    #detailnavi_midle{
        text-align: center;
        width:450px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
    }
    table.pagenav{
        text-align: center;
    }

    /*#login*/
    #login{
        width:400px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;

    }

    #login table{
        width:380px;
        margin-left:auto;
        margin-right:auto;

    }

    /*#regist*/
    #regist{
        width:690px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
    }

    #regist table{
        width:650px;
        margin-left:auto;
        margin-right:auto;

    }

    td.errors input {
        border: 1px solid red;
        background: #fff3f3;
    }
/*********************
#content
**********************/
#content {
	width:690px;
 	margin-left:auto;
 	margin-right:auto;
 	padding-top:20px;
}
#content_middel{
    width:450px;
 	margin-left:auto;
 	margin-right:auto;
 	padding-top:20px;
}
    /* TOPPAGE*/
    #content .topitems{
        width:630px;
        margin-left:auto;
        margin-right:auto;
    }
    #content .information p{
        font-size:12px;
        text-align:left;
        margin-left:10px;
        width:260px;
    }
    #content .newimages,
    #content .newtags{
        width:640px;
        margin-left:auto;
        margin-right:auto;
    }

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

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

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

    #content .smallimage img{
        width:200px;
        height:150px;
        margin-left:auto;
        margin-right:auto;
    }

    #content .smallimage img.test{
        width:150px;
        height:200px;
        margin-left:auto;
        margin-right:auto;
    }

    /* JOIN */
    #content .join{
        width:180px;
        margin-left:auto;
        margin-right:auto;
        background: #33a;
        border: 1px solid #fff;
        color: #fff;
        font-size: 24px;
    }
    #content .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;
    }
    
    #content .join_us:hover{
        background-position: bottom;
    }
    
    /*rule*/
    #rule li{
        margin-left:30px;
        margin-bottom:10px;
    }

    /*howtouse*/
    #howtouse{
        text-align: left;
        margin-left:30px;
    }

    #howtouse h2{
        color: #6BD600;
        font-weight: normal;
        font-size: 16px;
    }
    
    /*setting*/
    #setting{
        text-align: center;
        width:690px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
    }
    #settingform{
        width:540px;
        margin-left:auto;
        margin-right:auto;
    }
    #settingform td{
        margin-top:10px;
        padding-top:10px;
        font-size:14px;
    }

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

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

#content img.miniselfimage {
	border: solid 1px #BFBFBF;
 	width:40px;
 	height:40px;
}

#content .piclistown{
    font-size:14px;
    padding-top:20px;
    padding-bottom:20px;
    margin-left:auto;
 	margin-right:auto;
}

#content  .piclistown .imagepart{
    width:420px;
    float:left;
}

#content  .piclistown .imagepart a img{
    border: 1px solid #ccc;
}
#content  .piclistown .imagepart a:hover img{
    border: 1px solid #fff;
}

#content  .piclistown .description{
    width:220px;
    float:left;
    margin-top:50px;
    text-align: left;
}

#content  .piclistown .userimage {
	border: solid 1px #BFBFBF;
 	width:50px;
 	height:50px;
}

    /*********************
    .response
    **********************/
    #content .response{
        clear:both;
        text-align: center;
        width:500px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;

    }

    #content td.amazonItemImage {
        width: 80px;
        height: 80px;
    }
    #content  td.amazonItemImage a:hover img{
        border: 1px solid #ccc;
    }
    
    #content  td.amazonItemImageMiddle {
        width: 160px;
        height: 80px;
    }
    #content  td.amazonItemDetail {
        vertical-align:top;
    }

    #content  td.amazonItemName {
        width: 160px;
        height: 80px;
        font-size: 14px;
    }
    #content  td.amazonItemNameSearch {
        width: 260px;
        height: 80px;
        font-size: 14px;
    }

    #content table.amazonOrder {
        width:430px;
        margin-left:auto;
        margin-right:auto;
    }
    #content td.amazonOrder {
        width: 260px;
        height: 80px;
        font-size: 13px;
    }
    #content  p.amazonDetailTitle,
    #content  p.amazonDetailOther,
    #content  p.amazonNavi{
        font-size: 13px;
    }
    
    /*********************
    #imagenavi
    **********************/
    #imageNavi .npPageNavi{
        width: 650px;
        margin-left:auto;
        margin-right:auto;
        font-size: 12px;
    }
    #imageNavi .preNavi,
    #imageNavi .nextNavi{
        text-align: center;
        width: 140px;
    }

    #imageNavi .preNavi a:hover img,
    #imageNavi .nextNavi a:hover img{
        border:1px solid #cccccc;
    }
    #imageNavi .middleNavi{
        text-align: center;
        vertical-align: top;
    }

    /*********************
    #nicePage
    **********************/
    #nicePage{
        text-align: left;
        width:640px;
        margin-left:auto;
        margin-right:auto;
        padding-top:20px;
        padding-bottom:20px;
    }

    #nicePage td.comment_link a:visited{
        color:#fff;
    }

    /*********************
    #calendar
    **********************/
    #calendar_navi{
       width:480px;
       text-align:left;
       margin-left:auto;
       margin-right:auto;
    }
    #calendar table.calendar{
        width:640px;
        margin-left:auto;
        margin-right:auto;
    }
    #calendar table.calendar tr td{
        height:105px;
        width:90px;
    }
    #calendar .calendarBlank{
        border: none;
    }
    #calendar .calendarImage,
    #calendar .calendarImageSut,
    #calendar .calendarImageSun{
        width:90px;
        height:105px;
        margin:0px;
        padding:0px;
        overflow: hidden;
    }
    #calendar .calendarImageSut{
        color: #006BD6;
    }
    #calendar .calendarImageSun{
        color: #D6006b;
    }
    #calendar .calendarDate{
        font-size:10px;
        text-align:center;
    }
    #calendar .calendarDateNoImage,
    #calendar .calendarDateNoImageSut,
    #calendar .calendarDateNoImageSun{
        text-align:center;
        font-size:40px;
    }
    #calendar .calendarDateNoImageSut{
        color: #006BD6;
    }
    #calendar .calendarDateNoImageSun{
        color: #D6006b;
    }
    #calendar .calendarPic{
        width:88px;
        height:88px;
        overflow: hidden;
        border: solid 1px #BFBFBF;
    }
    #calendar .calendarBorder{
        width:90px;
        height:100px;
    }

    /*********************
    .followprofile
    **********************/
    #content .followprofile{
       width:660px;
       text-align:left;
       margin-left:auto;
       margin-right:auto;
    }

/*********************
#paginate
**********************/
#paginate{
    margin-left:auto;
    margin-right:auto;
    width:450px;
    color: #666;
    font-size: 16px;
}

/*********************
#gototop
**********************/
#gototop{
    text-align:right;
    width:670px;
    margin-left:auto;
 	margin-right:auto;
}
/*********************
#footermenu
**********************/
#footermenu{
	width:450px;
	margin-left:auto;
 	margin-right:auto;
 	font-weight: normal;
 	font-size: 12px;
}

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


#error table{
    width:630px;
    margin-left:auto;
    margin-right:auto;

}

/***********end***********/

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