@charset "utf-8";

/*-----------------------------------------------------------------------------------

	管理画面パーツ

-------------------------------------------------------------------------------------*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.center{text-align:center;}






/* フォーム　（ボタン関連等）
------------------------------------------------------------*/

label:hover img{
     filter:alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;
}




input[type="text"],
input[type="password"],
textarea{
	
	vertical-align:middle;
	max-width:90%;
	padding:5px 5px;
	margin-bottom:3px;
	
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
	
}
textarea{
height:auto;
line-height:1.5em;
}



.size20{ width:20%;}
.size30{ width:30%;}
.size40{ width:40%;}
.size50{ width:50%;}
.size60{ width:60%;}
.size70{ width:70%;}
.size80{ width:80%;}
.size100{ width:100%;}



/* ボタン全般　*/
/*
input[type="submit"],
input[type="reset"],
input[type="button"],
a.btn-submit{
	background:#2D2D2D;
	border:0;
	
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	
	font-size:13px;
	color:#fff;
	
	line-height:1.1em;
	
	text-decoration:none;
	padding:5px 8px;
	margin:0 0 2px 2px;
}
*/

/*
.btn{
	text-align:center;
	padding:5px;
}
*/

section .btn{
	position:absolute;
	display:none;
	right:5px;
	bottom:10px;
	}

.btn a img{	vertical-align:bottom;}


input[type="submit"],
input[type="button"]{
	background:#2D2D2D;
	border:0;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	
	font-size:13px;
	color:#fff;
	
	line-height:1.1em;
	
	text-decoration:none;
	padding:5px 8px;
	margin:0 0 2px 2px;
}
.btn a{
	
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin:0 0 2px 2px;
	/*
	display:inline-block;
	top:-5px;
	margin-top:-5px;*/
	}
.btn a.btn-submit{
	background:#2D2D2D;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:5px 8px;
	line-height:1.1em;
	}


input[type="submit"]:hover,
input[type="button"]:hover,
.btn a:hover{

	cursor:pointer;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;	
	
}

input[type="file"]:hover{
	cursor:pointer;
	}


*:first-child+html input[type="submit"]{padding:3px;}




/* 各ボタン位置　調整 */
section .btn-title_del{ top:0px; right:5px; }
section .btn-title_edit{ top:0px; right:70px;}

section .btn-title_edit a,
section .btn-title_edit a:hover{
	background:inherit !important;
	}



section .btn-edit-pic,
section .btn-edit-txt,
section .btn-del{
	}

.btn-title_comp{
	 display:none;
	 position:absolute;
	 top:8px;
	 right:80px;
	 padding:0;
	 }



/* TEXT編集ボタン　　　　　　　　*/
input.btn-edit-txt{
	background:url(../images/btn_input-txt.png) no-repeat 0 0;
	width:128px;
	height:29px;
	}


/* 画像編集ボタン　　　　　　　　*/
.btn-edit-pic{
	}

/* 削除ボタン　　　*/
input.btn-del{
	background-color:inherit;
	background:url(../images/btn_input-del.png) no-repeat 0 0;
	width:60px;
	height:29px;
	
	}
input.btn-del:hover{
	background-color:inherit;
	

}

section .sub:hover > .btn,
.layout-title:hover > .btn,
.title:hover > .btn-title_comp{
	display:block;
	}


/* タイトル編集*/
.edit-layout .title input[type="text"]{ width:45%;}	
.layout-title .layout-btn{ margin-top:-50px;}
.layout-title .layout-btn2{}
	
	
/*ボタン（大）*/
.btn_wide{ text-align:center; clear:both;}
.btn_wide input[type="submit"]{
	background:#5BCF64;
	padding:10px 40px 8px 40px;
	color:#FFF;
	font-size:18px;
	}
	
 
/*画像＋テキスト　レイアウト*/
/*section.layout-4 .sub_txt{
	position:relative;
	}*/
section.layout-3 .cke{
	margin-left:220px;
	margin-top:-180px;
}
section.layout-4 .cke{
	margin-left:-220px;
	margin-top:-180px;
}



 
/* ---------------------------------------------------------------------------

 ログインフォーム

------------------------------------------------------------------------------*/

.body-login{
	
background:#F4F4F4:;
height:100%;

}

.box-login{
	
	width:50%;
	margin:10% 20%;
	padding:10%;
	
	border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */

	
	
	}

.box-login{	margin:5% 10%;	}
.box-login table{ border:0; margin:auto;}
.box-login table th,
.box-login table td{padding:8px;}

.box-login table th{ font-family:"Century Gothic"; font-weight:normal;}
.box-login input[type="text"]{
	
	padding:6px;
	}




/*レイアウト選択画面*/
#layout{ margin:5%;}
#layout .radio-group input{
	display:none;
	}
#layout .radio-group label{ cursor:pointer;}




/*ログイン時表示関連*/
#sortable .sub{
	margin-bottom:0px;
	}
#sortable .sub:hover{
	background:#FFFCE8;

	cursor:move;


	}
#sortable section:hover .insert{}
.sub h2{margin-bottom:0;}
	
.insert{
	clear:both;
	padding-top:3px;
	border-bottom:3px dotted #EEE;
	margin-bottom:3px;
	}
.insert p{
	position:relative;
	}
.insert a{
	position:absolute;
	left:-30px;
	top:-10px;

	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
	
	}
.insert:hover{	border-bottom:3px dotted #FF0000;}
.insert a:hover{
     filter:alpha(opacity=100);
     -moz-opacity:1.00;
     opacity:1.00;
	 
	 }

.error{
	padding:10px;
	margin-bottom:5px;
	text-align:center;
	
	color:#F00;
	background:#FFF503;
	
	}



.box_not{
	background:#FFDFDF;
	padding:20px;
	text-align:center;
	font-size:13px;
	color:#FF0004;
}


.edit{
	margin:5%;
	}

.edit h2{
	font-size:18px;
	padding:15px;
	color:#FFF;
	text-align:center;

	background: rgb(69,72,77);
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

/* ---------------------------------------------------------------------------

	TOP　メインイメージ

------------------------------------------------------------------------------*/

.mainimage .layout-slider{ height:350px; overflow:hidden;}
.edit-layout-home{}


.edit-layout-home table{ border-collapse:collapse;}
.edit-layout-home table th,
.edit-layout-home table td{
	border-bottom:1px solid #DDD;
	font-size:13px;
	}

.edit-layout-home table th{
	background:#EBEBEB;
	}
.edit-layout-home table td{
	padding:3px 5px;}





/*ギャラリー編集画面*/	
.edit-layout-gallery *{
	font-size:13px;}
.edit-layout-gallery ul{ list-style-type:none;}
.edit-layout-gallery ul li{
	float:left;
	width:15%;
	padding:1%;
	margin:0 1% 5px 0;
	border:solid #EEE 5px;
	overflow:hidden;
	}
.edit-layout-gallery p{
	padding:0;}
.edit-layout-gallery ul li.title{
	float:none;
	width:100%;
	clear:both;
}

.edit-layout-gallery textarea{
	width:100%;
	height:2em;
	}

.edit-layout-gallery .btn{clear:both;}
.edit-layout-gallery .pic{
	height:130px;
	overflow:hidden;
}
.edit-layout-gallery .pic img{}


section .sub{
	padding-bottom:20px;
	position:relative;
	}

#page ul{ list-style-type:none;}
#layout_datail{
	width:600px}
 




/*共通*/
.pR{ position:relative;}
.pA{ position:absolute;}
 
.tEmpty{ color:#17B000; font-weight:bold;}



/* ---------------------------------------------------------------------------

	Ｂｌｏｇ

------------------------------------------------------------------------------*/

.tbl-cate_list{ width:100%}
.tbl-cate_list th,
.tbl-cate_list td{
	border-bottom:1px solid #CCC;
	padding:5px;
	}



/* ---------------------------------------------------------------------------

	その他共通

------------------------------------------------------------------------------*/

.hosoku{ font-size:12px; color:#999; margin:0 3px 0 3px;}

.dsp_none{ display:none;}
.dsp_on{ display:block;}