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


/***********背景画像・バナー更新用設定*******************/
#bg_wrapper {
	background: url(wtback.jpg) top no-repeat;
	background-attachment: fixed;
}
#left_bg {/* 左 垂れ幕 */
	background: url(mother_tate.jpg) top;
	background-repeat: repeat-y;
	background-position: 100% 0;
}
#right_bg {/* 右 垂れ幕 */
	background: url(mother_tate.jpg) 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 { /* テーブル */
  max-width: 95%;
  border-collapse: collapse;
  text-align: center; 
}

table th,td {
  border: ;
  padding: 5px;
  text-align: ;
}

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: #ffffff;
	padding: 1em 4px 0;
	padding-top: 1em;
	white-space: nowrap;
}
#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 {
	max-width: 60%;
	margin: 0;
	font-size:;
}
/************* 右下 TOP↑へボタン *************/
#jmp_box {
	width: 1100px;
	max-width: 100%;
	height: 40px;
	overflow: hidden;
	position: relative;
	background: #FFF;
}
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 { /* 右 垂れ幕 */
	position: relative;
	top: 0;
	z-index: 2;
}
#contents_box { /* メインコンテンツ */
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background: #7dbae7;
	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;
	background: #FFF;
}
#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;
}
}