@charset "UTF-8";

html,
body{ margin:0;padding:0;background:#fff !important; }

body {
 text-align:center;
 clear:both;
}

#wrapper,
#wrapper #header{
 width:1020px;
}

#wrapper{
 margin:0 auto;
 padding:0;
 text-align:left;
 clear:both;
}

#wrapper #header{
display:block;
height:50px;
margin:0 auto;
padding:0;
background:url(img/header_bg.jpg) 0 0 #fff;
overflow:hidden;
float:left;
}

#header a{
 display:block;
 text-indent:-9999px;
 overflow:none;
}

#header #cocoallogo{
 width:146px;
 height:32px;
 margin:6px 0 0 6px;
 background:url(img/logo_cocoal.png) 0 0 no-repeat;
 float:left;
}


#header #justsystemslogo{
 width:74px;
 height:50px;
 background:url(img/logo_js.png) 0 0 no-repeat;
 float:right;
}

#crossone-info{
 padding:12px 0;
 text-align:center;
 clear:both;
}


h1{
 width:900px;
 height:200px;
 margin:0 auto;
 background:url(img/titleimage.jpg) 0 0 no-repeat;
 text-indent:-9999px;
 overflow:hidden;
}



#inner{
 width:900px;
 margin:0 auto;
 padding:0 0 36px;
 line-height:1.5;
 clear:both;
}

h2,h3,h4{
 margin:24px 0 0;
 padding:0 0 0 4px;
 border-left:solid 8px #3e1800;
}

#preparing{

}

#calendar-making-flow{
 width:730px;
 height:155px;
 margin:0 auto;
 text-indent:-9999px;
 overflow:hidden;
 background:url(./img/flow.gif) 0 0 no-repeat;
}

#calendar-making-flow li{ display:none; }


#loginForm{
 width:780px;
 margin:12px auto 0;
 border:solid 1px #e85414;
 padding:24px 0;
}


#loginForm ul{
 margin:0 0 0 180px;
 padding:24px 0;
 list-style:none;
 float:left;
}

#loginForm ul li{
 margin:0;
 padding:0 1em 0 0;
 float:left;
}

#loginForm div{
 width:244px;
 height:42px;
 text-align:center;
 clear:both;
}

#loginForm div input{
 display:block;
 width:244px;
 height:42px;
 margin:0 0 0 260px;
 padding:0;
 border:0;
 text-indent:-9999px;
 overflow:hidden;
 background:url(img/sending_btn.gif) 0 0 no-repeat;
}

#loginForm form ul li input{
 width:6em;
 border:solid 2px #3e1800;
}

#loginForm div input:hover{
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-moz-opacity:0.7;
	opacity:0.7;  
}


#guide{

}

.startbutton{
 display: inline; border: solid 0px #ffffff; background-color: #ffffff; padding: 0px;
}

.startbutton span{
 display:block;
 width:291px;
 height:63px;
 margin:0 auto;
 text-indent:-9999px;
 overflow:hidden;
 background:url(img/start_btn.png) 0 0 no-repeat;
}

.startbutton span:hover{
 background-position:0 -63px;
 cursor:pointer;
}


#undercolumn{
 line-height:1.7;
}

#undercolumn table,
#undercolumn table th,
#undercolumn table td{
 border-collapse:collapse;
}

#undercolumn table tr th{ text-align:left; }

#undercolumn table th,
#undercolumn table td{
 padding:4px 0;
 border-bottom:solid 1px #ccc;
}

#undercolumn_entry_body{
 height:400px;
 border:solid 1px #999;
 overflow:auto;
 clear:both;
}

#undercolumn_entry_body dl{
 margin:12px;
 padding:0;
}

#undercolumn_entry_body dt{ font-weight:bold; }

#undercolumn_entry_body dd{
 margin-left:1.5em;
 margin-bottom:1em;
 padding:0;
 text-indent:-1.5em;
}

#user_info_input dt{

}

#user_info_input dd{
 margin-top:-1.3em;
 margin-left:14em;
 margin-bottom:12px;
}

.row .column1 .uploads{
 padding:24px;
 text-align:center;
}

#photosetting,
#photosetting table{
 border-collapse:collapse;
}

#photosetting table small{
 font-size:12px;
}

#photosetting #photosetting-wraptable{
 width:800px;
 margin:0 auto;
}

#photosetting #photosetting-wraptable img{
 border:solid 1px #999;
}


#photosetting #photosetting-wraptable form{
 margin-bottom:6px;
 padding:12px 0 6px;
}

#photosetting #photosetting-wraptable input{
 margin:0 4px 6px;
}

#photosetting #photosetting_console{
 text-align:center;
 padding:24px 0;
}

#photosetting #photosetting_console div{ padding:24px 0 0; }

#photosetting #photosetting_console div input{
 margin-top:12px;
 padding:6px;
}


#user_info_confirm,
#user_info_confirm table{
 clear:both;
}

#user_info_confirm table{
 width:800px;
 margin:0 auto;
 border-collapse:collapse;
}
#user_info_confirm table tr td{
 padding:6px 0;
 border-bottom:solid 1px #ccc;
}

#user_info_confirm_console{
 margin:24px auto 0;
 width:800px;text-align:center;
}

#user_info_confirm_console div{
 margin:12px 0;
 color:#cc0000;
}

#notice_body{ margin:12px; }

#notice_body ul{
 margin:0;
 padding:12px 12px 12px 24px;
}

#image_envelope{
 margin:24px 0;
}

#image_envelope p{
 margin-left:12px;
}

#image_envelope div{
 width:600px;
 height:536px;
 margin:0 auto;
 border:solid 1px #666;
 background:url(img/calendar_envelope.png) 0 0 no-repeat;
 text-indent:-9999px;
 overflow:none;
}

#footer{
 margin:0;
 padding:24px 0 !important;
 text-align:center;
 background:#000;
 color:#fff;
 clear:both;
}

#footer a{ color:#fff; }
#footer a:hover{ color:#9ef; }