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

html,body{
padding:0px;
margin:0px;
font-size:10pt;
color:#333333;
height:auto;
line-height:150%;
}
h2{font-size:1em;margin:0px;padding:0px;}
h3{font-size:1em;margin:0px;padding:0px;}

#dialog{
position:fixed;
top:80px;
left:10px;
width:200px;
height:500px;
background:#95d3f3;
overflow:hidden;
overflow-y:auto;
opacity:1.0;
z-index:2001;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor:pointer;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif,Meiryo,Meiryo UI,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:11px;
font-weight:bold;
padding:15px;
line-height:40px;
}

.itemwrap{
position:absolute;
width:180px;
height:40px;
margin:0px;
padding:0px;
}
.item{
position:absolute;
	width:150px;
	height:20px;
	line-height:20px;
	padding:5px 10px 5px 10px;
	margin:0px 0px 0px 10px;
	/*border:1px #CCCCCC solid;
	text-shadow:#FFFFFF 1px 1px;
	background:#EBEBEB url(../common_img/item_drag_handle.jpg) no-repeat;*/
	background:#ffffff;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif,Meiryo,Meiryo UI,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	cursor:move;
	display:block;
}
#ribbon{
top:-1px;
left:-1px;
width:101%;
clear:both;
background:#000000;
opacity:0.7;
filter: alpha(opacity=70);
height:80px;
margin-top:0px;
margin-bottom:0px;
position:fixed;
z-index:2000;
border:1px #66CCFF solid;
white-space:nowrap;
}
#header_message{
color:#66CCFF;
font-size:12px;
font-weight:bold;
margin:24px;
width:100%;
max-width:960px;
overflow:hidden;
}
#lunchbox_button{
	margin:10px 0px 0px 10px;
	cursor:pointer;
	float:left;
}
#lunchbox_type{
	margin:10px 0px 15px 5px;
	float:left;
}
#lunchbox_button:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
}
#home_button{
	margin:0px 10px 0px 0px;
	cursor:pointer;
	float:right;
}
#save_button{
	margin:0px 40px 0px 0px;
	cursor:pointer;
	float:right;
}
#save_button:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
}
#home_button:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
}
#previous_button{
	margin:0px 10px 0px 0px;
	cursor:pointer;
	float:right;
}
#previous_button:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
}
#complete_button{
	margin:0px 40px 0px 0px;
	cursor:pointer;
	float:right;
}
#complete_button:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
}
#wrapper{
position:relative;
clear:both;
padding:0px;
margin:0px auto 0px auto;
cursor:pointer;
border:1px #cccccc solid;
overflow:visible;
top:100px;
z-index:1;
}
#container{
	position:absolute;
	clear:both;
	padding:0px;
	cursor:pointer;
	background:url(../common_img/960_grid_16_col.gif) repeat;
	overflow:visible;
	z-index:1;
	left: 0px;
}
.initem{
	margin:0px 0px 0px 0px;
	cursor:pointer;
	position:absolute;
	background:#D2F2F7;
	display:block;
}
.inimage{
	text-align:center;
	overflow:hidden;
 }
.intext{
	cursor:pointer;	
	overflow:hidden;
}
.inner2{
width:100%;
height:100%;
display:block;
padding:0px;
margin:5px;
cursor:pointer;
clear:both;
position:absolute;
overflow:hidden;
}
.int_cont{
/*width:100%;
height:100%;*/
display:table-cell;
cursor:pointer;
}

p{
	margin:0px;	
}
.intable{
	background:transparent;
}
.inner{
width:80%;
height:80%;
padding:0%;
margin:10% 10% 10% 10%;
cursor:pointer;
clear:both;
position:absolute;
}
.inner>p{
width:100%;
}
.intable>.inner{
width:auto;
height:auto;
padding:0px;
margin:0px;
cursor:pointer;
clear:both;
position:absolute;
top:19px;
left:0px;
overflow:visible;
}
.inner>table{
	background:#66CCFF;
	overflow:visible;
}
.inner>table>tbody>tr{

}
.inner>table>tbody>tr>td{
background:#ffffff;
overflow:hidden;
padding:0px;
margin:0px;
}

.inner3{
width:90%;
height:100%;
padding:0px;
margin:5px;
float:left;
overflow:hidden;
}
.inbutton .inner3{
width:90%;
height:100%;
padding:0px;
margin-top:10px;
margin-left:10px;
float:left;
overflow:hidden;
}
.inner3>iframe{
overflow:hidden;
}

iframe{
}
textarea{
background:transparent;
}
.intable>.inner>table>tbody>tr>td>textarea{
background:transparent;
width:100%;
height:100%;
}

.picture{
position:absolute;
left:0px;
top:0px;
z-index:0;
}
.closebuttonwrap{
width:100%;
clear:both;
height:17px;
position:absolute;
margin:0px;
padding:0px;
top:0px;
left:0px;
z-index:10;
background:url(../common_img/title_slash.png) repeat-x;
opacity:0.6;
filter: alpha(opacity=60);
}
.closebutton{
position:relative;
padding:0px;
margin:1px 1px 0px auto;
display:block;
background:#ffffff url(../common_img/closebutton.gif) no-repeat;
width:15px;
height:15px;
cursor:pointer;
z-index:11;
float:right;
opacity:1.0;
filter: alpha(opacity=100);
}
.settingbutton{
position:relative;
padding:0px;
margin:1px 1px 0px auto;
display:block;
background:#ffffff url(../common_img/propertybutton.gif) no-repeat;
width:30px;
height:15px;
cursor:pointer;
z-index:11;
float:right;
opacity:1.0;
filter: alpha(opacity=100);
}
.closebutton:hover{
opacity:0.5;
filter: alpha(opacity=50);
}
.settingbutton:hover{
opacity:0.5;
filter: alpha(opacity=50);
}
.dialogs{
background:#FFFFFF;
margin:0px;
padding:0px;
color:#66CCFF;
font-size:14px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
line-height:150%;
}
.dialogs2{
background:#FFFFFF;
margin:0px;
padding:0px;
font-size:14px;
line-height:150%;
}
.dialogs3{
background:#FFFFFF;
margin:0px;
padding:0px;
line-height:150%;
color:inherit;
}
div.dialogs>.inner{
width:90%;
height:90%;
padding:5%;
margin:0%;
cursor:pointer;
clear:both;
position:absolute;
z-index:0;
}
div#designtheme>div{
width:100px;
margin:4px;
height:150px;
text-align:center;
color:#666666;
border:#CCCCCC 1px solid;
float:left;
}
＃designtheme div img{
width:100px;
height:70px;
}

#awaseru{
cursor:pointer;
}

div#layouttheme>div{
width:100px;
margin:4px;
height:150px;
text-align:center;
color:#666666;
border:#CCCCCC 1px solid;
float:left;
}
＃layouttheme div img{
width:100px;
height:100px;
}

#layouterabu{
cursor:pointer;
}


.sliderboard{
position:absolute;
padding:0px;
margin:0px;
background:transparent;
width:100%;
height:10px;
}
.sliderhandle{
	width:9px;
	height:100px;
	margin:0px;
	padding:0px;
	display:block;
	background-position:0px 0px;
/*	background:url(../common_img/intable_handle.png) no-repeat;*/
	position:absolute;
	cursor:e-resize;
	z-index:30;
}
.sliderboardy{
position:absolute;
padding:0px;
margin:0px 0px 0px 0px;
background:transparent;
width:9px;
height:100%;
}
.sliderhandley{
	width:100px;
	height:9px;
	margin:0px;
	padding:0px;
	display:block;
	background-position:0px 0px;
/*	background:url(../common_img/intable_handley.png) no-repeat;*/
	position:absolute;
	cursor:n-resize;
	z-index:30;
}
.intableright{
	width:14px;
	height:14px;
	margin:0px;
	padding:0px;
	display:none;
	background:url(../common_img/table_right.png) no-repeat;
	position:absolute;
	z-index:11;
}
.intableleft{
	width:14px;
	height:14px;
	margin:0px;
	padding:0px;
	display:none;
	background:url(../common_img/table_left.png) no-repeat;
	position:absolute;
	z-index:11;
}
.intableup{
	width:14px;
	height:14px;
	margin:0px;
	padding:0px;
	display:none;
	background:url(../common_img/table_up.png) no-repeat;
	position:absolute;
	z-index:11;
}
.intabledown{
	width:14px;
	height:14px;
	margin:0px;
	padding:0px;
	display:none;
	background:url(../common_img/table_down.png) no-repeat;
	position:absolute;
	z-index:11;
}

.contextmenubutton{
position:relative;
padding:0px;
margin:1px 1px 0px auto;
display:block;
background:#ffffff url(../common_img/menubutton.gif) no-repeat;
width:15px;
height:15px;
cursor:pointer;
z-index:11;
float:left;
opacity:1.0;
filter: alpha(opacity=100);
}

.ui-selectee{
border:1px dotted #999999!important;
}
.ui-selected{
border:2px solid #66CCFF!important;
}
.ui-selecting{
border:1px solid #66CCFF!important;
}
.initemgroup .initem{
border:2px solid #66CCFF!important;
}