/*============================================
テスト中のADMINスタイル
============================================*/
/*=========================================================================
トップページ上部のメインイメージ
==========================================================================*/
.main_img {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0;
	position:relative; /* 相対位置指定 */
}
.main_img img {
	width:100%;
	min-width:240px;
}
.text01 {
	width:100%;
	font-size:	150%;
	text-align:center;
	bottom:28px;
	margin:0;
	padding:	10px 0px 10px 0px;
	color:#f5f5f5;
	background:rgba(0,0,0,0.3); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

.text01 p {
	
	font-size:14px;
	text-align:center;
	line-height:120%;
	margin:0;
	padding:0px;
	color:#f5f5f5;
}

.text01 .catch{
	font-size:16px;
	text-align:center;
	line-height:120%;
	margin:0;
	padding:4px 0px 4px 0px;
	color:#ffffcc;
	font-weight: bold;
}

/*      警告の書式設定 */
.userWarning {
	max-width:720px;
	min-width:246px;
	margin: 4px 12px 4px 12px;
}
.userWarning p{
	font-size:1.28rem;
	color: #ff7f50;
	padding: 2px 4px 2px 4px;
}

/*      User メッセージ */
.userMsg {
	max-width:720px;
	min-width:246px;
	margin: 36px 12px 32px 12px;
}
.userMsg p{
	font-size: 1.4rem;
	color: #424242;
	line-height:1.8rem;
	padding: 4px 4px 4px 4px;
}

/* --------------------------------------------------------
	ボタン配置用（formタグを横並びにする）
-------------------------------------------------------- */
.Button_Layout_Box {
	display : -webkit-inline-box;	/* 古いブラウザでは実装が異なるケースがあるため*/
	display : -ms-inline-flexbox;	/* ベンダープレフィックスを付加*/
	display : -webkit-inline-flex;
	display: inline-flex;      		/* inline-flexにして横並びにします */
	font-size: 1.28rem;
	/*color:#424242;*/
}

.Button_Layout {		/* ボタン装飾*/
    display: inline-block;		/* インラインブロック要素にする */
/*    background-color:  #fff;   */	/* 背景色指定 */
    padding: 4px 4px 4px 4px;	 /* 余白指定 */
}

/* --------------------------------------------------------
タイトル付きの枠線で囲むボックス表示（Tips）
-------------------------------------------------------- */
.userTipsBox {
	max-width:720px;
	min-width:246px;
	font-size: 1.28rem;
	border: 2px solid #3cb371;
	border-radius: 5px;
	padding: 12px 16px 12px 16px;
	position: relative;
	margin: 48px 4px 8px 4px;
}

.userTipsBox::before {
	font-size: 1.28rem;
	background-color: #fff;
	color: #333;
	content: "Tips";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
}
.userTipsBox ul{
	list-style-type: square;
	margin: 4px 4px 4px 24px;
}
.userTipsBox li{
	padding: 3px 4px;
	color:#424242;
	font-size: 1.4rem;
}

/* --------------------------------------------------------
タイトル付きの枠線で囲むボックス表示（warning）
-------------------------------------------------------- */
.userWarningBox {
	width:80%;
	font-size: 1.2rem;
	border: 2px solid #ffa74f;
	border-radius: 5px;
	padding: 12px 16px 12px 16px;
	position: relative;
	margin: 68px 4px 8px 4px;
}

.userWarningBox::before {
	font-size: 1.2rem;
	background-color: #fff;
	color: #333;
	content: "Warning";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
}
/*=========================================================================
角丸シャドウのコンテンツエリア	
==========================================================================*/
.aside{
	border-radius: 8px;
	box-shadow: 0 0 10px #333;
	background-color: #fff;
	text-align: left;
	margin:0 0 20px;
	padding:0 20px;
}
.aside h1{
	border-radius: 5px;
	margin: 20px 0 10px;
	padding: 2px 15px;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	background: #666;
}
.aside2{
	border-radius: 8px;
	box-shadow: 0 0 10px #c0c0c0;
	background-color: #fff;
	border: 1px solid #d3d3d3;  
	text-align: left;
	margin:0 0 20px;
	padding:12px 8px 12px 8px;
}
.aside2 h1{
	border-radius: 5px;
	margin: 4px 0px 4px 0px;
	padding: 2px 2px;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	background: #666;
}
.aside2 p{
	padding: 2px 4px 2px 12px;
	font-size: 1.4rem;
	color: #696969;

}

.aside3{
	border-radius: 8px;
	box-shadow: 0 0 10px #c0c0c0;
	background-color: #fff;
	border: 1px solid #d3d3d3;  
	text-align: left;
	margin:0 0 20px;
	padding:12px 8px 12px 8px;
}
.aside3 h1{
	border-radius: 5px;
	margin: 4px 0px 4px 0px;
	padding: 2px 2px;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	background: #666;
}
.aside3 p{
	padding: 2px 4px 2px 12px;
	font-size: 12px;
	color: #696969;

}

.aside4{
	font-family:  sans-serif;
	border-radius: 8px;
	box-shadow: 0 0 10px #c0c0c0;
	background-color: #fff;
	border: 1px solid #d3d3d3;  
	text-align: left;
	margin:0px 0px 20px 0px;
	padding:12px 8px 12px 8px;
}
.aside4 h1{
/*	 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,sans-serif;*/
	border-radius: 5px;
	margin: 4px 0px 4px 0px;
	padding: 4px 2px 2px 2px;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	background: #666;
}

.aside4 p{
	padding: 2px 4px 2px 12px;
	font-size: 14px;
	color: #696969;
}

.aside5{
	font-family:  sans-serif;
	border-radius: 6px;
	box-shadow: 0 0 4px #c0c0c0;
	background-color: #fff;
	border: 1px solid #d3d3d3;  
	text-align: left;
	margin:4px 0px 4px 0px;
	padding:12px 8px 12px 8px;
}



.aside5 h1{
	 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	border-radius: 5px;
	margin: 4px 0px 4px 0px;
	padding: 4px 2px 2px 2px;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	background: #666;
}
.aside5 p{
	padding: 2px 4px 2px 12px;
	font-size: 14px;
	color: #696969;
}
.aside5 ul{
	margin: 0px 0px 0px 0px;

}
.aside5 li{
	margin: 4px 0px 4px 0px;
	padding: 2px 4px 2px 12px;
	font-size: 16px;
	color: #696969;
}


/*=========================================================================
ジャンルから海鮮のジャンル表示　インライン
==========================================================================*/
.jesample1 {
	padding:1em;
	border:solid 1px #ccc;
}

.box2 {
  	display: inline-block;
/*	border:solid 1px #ccc;*/
	width: 112px;
	height: 20px;
	padding: 2px 2px 2px 8px;
	margin: 2px 2px 2px 2px;
}

.box2 :hover{
	border-color: #003399;
	background-color: #2d56be;
	color: #FFFFFF;

}
}