@charset "EUC-JP";
/* CSS Document */


/***********背景画像・バナー更新用設定*******************/
#bg_wrapper {
	background: url(1213ev_back.jpg) repeat-y 50% 0 #000000;
	background-attachment: fixed;
}
#left_bg {/* 左 垂れ幕 */
	background: url() top;
	background-repeat: repeat-y;
	background-position: 100% 0;
}
#right_bg {/* 右 垂れ幕 */
	background: url() top;
	background-repeat: repeat-y;
	background-position: 0 0;
}
/****************************************************/

/* ***** ▽ ▽ ▽  タブバナー設定 ▽ ▽ ▽  ******* */


/* ***** ▲ ▲ ▲  タブバナー設定 ▲ ▲ ▲  ******* */



/*****************************************************/
/*            ▽ ▽ 基本設定 ▽ ▽                       */
/****************************************************/
body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.3;
	font-weight: normal;
	word-break: break-keep;
	word-wrap: break-word;
	color: #333;
	/*文字自動サイズ調整OFF*/
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
table {
	table-layout: fixed;
}
img {
	height: auto;
}
iframe {
	display: block;
}
/* hr装飾*/
hr {
	padding: 0;
	border: none;
	border-top: 6px double #FF66CC;
	color: #FF66CC;
	text-align: center;
}
hr:after {
	content: "◆";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}
/************* リンク装飾 *************/
a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #CC3300;
	text-decoration: underline;
}
a:active {
	color: #CC3300;
	text-decoration: underline;
}
/************* ロゴ 背景線 *************/
#logo_box {
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
	padding: 1em 4px 0;
	padding-top: 1em;
}
#logo {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(https://image.rakuten.co.jp/cameashi/cabinet/kanban_back2.gif) no-repeat;
}
#logo_box>p {
	width: 100%;
	margin: 0;
	font-size: small;
}
/************* 右下 TOP↑へボタン *************/
#jmp_box {
	width: 1100px;
	max-width: 100%;
	height: 40px;
	overflow: hidden;
	position: relative;
}
p#jump {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 120px;
	bottom: 40px;
}
/* ----- clearfix ----- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*************************************************/
/*            ▽ ▽ カラム設定 ▽ ▽                  */
/************************************************/

#bg_wrapper { /* 背景用 */
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
#left_bg { /* 左 垂れ幕 */
	position: relative;
	top: 0;
	z-index: 1;
}
#right_bg { /* 右 垂れ幕 */
s position:relative;
	top: 0;
	z-index: 2;
}
#contents_box { /* メインコンテンツ */
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background: #ad9700;
	position: relative;
	z-index: 10;
}
#header { /* ヘッダー */
 background:;
}
#contents {
	margin: 0 auto;
 padding:;
	padding-top: 1em;
	background-color: #FFF;
}
#footer {
	text-align: center;
	font-size: small;
}
#footer table {
	text-align: left;
}
/*****************************************************/
/*            ▽ ▽ レスポンシブ設定 ▽ ▽                  */
/****************************************************/

* {
	max-width: 100%;
}
#contents_box {
	max-width: 100%;
}
#header {
}
#contents {
	width: 100%;
	max-width: 1000px;
}
#footer {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 1.5em;
	background: #FFF;
}
#contents table, #footer table {
	width: 100%;
}
#contents table table, #contents table table table {
	max-width: 900px;
}
/* ワイガヤ設定(700px+スクロールバーChrome基準) */
.waigaya {
	width: 700px;
	margin: 0 auto;
	text-align: center;
}
 @media only screen and (max-width: 745px) {
.waigaya {
	display: none;
	display: none !important;
}
p#jump {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 10px;
	bottom: 10px;
}
}


/* サイドバー設定(1920pxワイドディスプレイ1/2基準) */
  @media only screen and (max-width: 960px) {
.sidebar {
	display: none;
}
}


/* 745px以上 */
@media only screen and (min-width: 745px) {
#header {
	width: 100%;
}
#contents {
	width: 100%;
}
#footer {
	width: 100%;
}
}


/* 750px以下 */
@media only screen and (max-width: 750px) {
#contents_box {
	padding: 0;
}
}

/* 745px以下 */
@media only screen and (max-width: 745px) {
#header {
	width: 100%;
	font-size: small;
}
#contents {
	width: 100%;
	font-size: small;
}
#footer {
	width: 100%;
	font-size: small;
}
body, font {
	font-size: small;
}
font[size="6"] {
	font-weight: bold;
	font-size: large;
}
font[size="7"] {
	font-weight: bold;
	font-size: x-large;
}
}

/* 640px以下*/
@media only screen and (max-width: 640px) {
td {
	text-align: left;
}
}

/* 320px以下 */
@media only screen and (max-width: 320px) {
#header {
	width: 100%;
	font-size: x-small;
}
#contents {
	width: 100%;
	font-size: x-small;
}
#footer {
	width: 100%;
	font-size: x-small;
}
body, font, #logo_box>p {
	font-size: x-small;
}
#header, #contents, #footer, #logo_box {
	padding: 0;
}
td {
	text-align: left;
}
}
/***************************/
   /* マウスオーバーで角丸 */
/***************************/

div.circle a img {
	border-radius: 50%;
	-ms-transition-duration: 0.2s;
	transition-duration : 0.2s;
}
div.circle a:hover img {
	border-radius: 0%;
	opacity: 0.8;
}