/*---------------------------------------------------------
	base
---------------------------------------------------------*/
body{

	margin-top			:26px;
	margin-bottom			:4px;
	margin-right			:0px;
	margin-left			:0px;
	padding				:0px;

	line-height			:1.4em;
	font-size			:16px;
	letter-spacing			:-0.01em;
	
	/*
	background-color		:#fefffe;
	background			:linear-gradient(90deg, #fffcfc 20%, #fefffe 40%, #fefffe 60%, #fdfdfd 80%, #fefffe 100%);
	background-size			:5px 100%;
	*/
	font-family			:"メイリオ","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ＭＳ ゴシック","Osaka-Mono",monospace;

	text-shadow		:0px 0px 8px rgba(255, 250, 255, 1.0);
	color			:#000000;
	
	background-color: #aaccaa;
	/*
	background-color: #111111;
	background-image: url('/ja.img/test/background.png');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	*/
	
	
//background-color: #222222;

//  background-color: #003200; /* ダークグリーンのベース */
//  background-image:
//    /* 細い赤い縦線 */
//    linear-gradient(to right, rgba(64, 0, 0, 0.8) 1px, transparent 1px),
//    /* 細い紫の横線 */
//    linear-gradient(to bottom, rgba(64, 0, 64, 0.8) 1px, transparent 1px),
//    /* 太い格子（やや明るい緑） */
//    linear-gradient(to right, rgba(16, 32, 16, 0.5) 50%, transparent 50%),
//    linear-gradient(to bottom, rgba(0, 64, 0, 0.5) 50%, transparent 50%);
//  background-size:
//    6px 6px,  /* 赤縦線 */
//    6px 6px,  /* 紫横線 */
//    20px 20px,  /* 太い格子の縦 */
//    20px 40px;  /* 太い格子の横 */
	
	
	
	
	
//  background-color: #2c3e50; /* ダークな背景色 */
//  background-image:
//    radial-gradient(circle at 50% 50%, rgba(255, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 50%),
//    linear-gradient(45deg, rgba(0, 0, 255, 0.4) 25%, transparent 25%, transparent 75%, rgba(0, 100, 0, 0.1) 75%, rgba(100, 100, 100, 0.2) 100%),
//    linear-gradient(45deg, rgba(100, 100, 100, 0.4) 25%, transparent 25%, transparent 75%, rgba(0, 0, 100, 0.1) 75%, rgba(0, 0, 0, 0.2) 100%);
//  background-size: 100% 100%, 10px 10px, 10px 10px; /* グラデーションと模様を重ねる */
//  background-position: 0 0, 0 0, 5px 5px; /* 模様を適切に配置 */
//  background-attachment: fixed;

//  background-color: #ffffff; 
//  background-image:
//    radial-gradient(circle at 50% 50%, rgba(255, 127, 127, 0.12) 0%, rgba(127, 127, 127, 0.16) 50%),
//    linear-gradient(45deg, rgba(127, 127, 255, 0.16) 25%, transparent 25%, transparent 75%, rgba(127, 200, 127, 0.12) 75%, rgba(200, 200, 200, 0.12) 100%),
//    linear-gradient(45deg, rgba(200, 200, 200, 0.16) 25%, transparent 25%, transparent 75%, rgba(127, 127, 200, 0.12) 75%, rgba(64, 127, 64, 0.1) 100%);
//  background-size: 100% 100%, 10px 10px, 10px 10px; /* グラデーションと模様を重ねる */
//  background-position: 0 0, 0 0, 5px 5px; /* 模様を適切に配置 */
	
/*
	background: repeating-linear-gradient( 45deg, #faf9f8, #f9f7f2 2px, #f5f3ef 2px, #f8f6f2 4px );
*/

      background-color: #f8fdfa;
/*      background-color: #faf8fc;*/
      background-image:
        repeating-linear-gradient(45deg, rgba(240, 224, 215, 0.2) 0px,
rgba(230, 224, 215, 0.2) 1px, transparent 1px, transparent 4px),
        repeating-linear-gradient(-45deg, rgba(240, 224, 215, 0.15)
0px, rgba(230, 224, 215, 0.15) 1px, transparent 1px, transparent 6px),
        radial-gradient(circle at 20% 30%, rgba(200, 190, 170, 0.08)
0%, transparent 60%),
        radial-gradient(circle at 90% 40%, rgba(255, 255, 127, 0.1)
0%, transparent 50%);
      background-blend-mode: multiply;
      background-size: cover;
}

h1{
	position	:absolute;
	top		:0px;
	left		:0px;
	z-index		:900;


	margin		:0px;
	background: 
		linear-gradient(to left, rgba(68, 136, 102, 0) 0%, #002211 0%),
		linear-gradient(45deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(200, 255, 200, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 100% 100%, 10px 20px;
	background-blend-mode: overlay;
	
/*	background-color: #001000;*/
	
	color		:#ffffff;

	font-weight			:normal;
	font-size			:16px;
	
	padding		:4px 0px 0px 0px;
	
	height			:24px;
	width		:100%;
	
	border-style		:solid;
	border-left-width	:0px;
	border-right-width	:0px;
	border-top-width	:0px;
	border-bottom-width	:0px;
	border-color		:#000000;
	border-color		:rgba(0, 0, 0, 0.2);

	text-align		:center;
	align-items		:center;
	white-space		:nowrap;
	overflow		:hidden;

	text-shadow		:2px 2px 8px rgba(0, 0, 0, 0.8);
}
h1::before {
	content			:"";
	background		:url("/ja.img/qinoa.png");
	background-size		:contain;
	display			:inline-block;
	width			:20px;
	height			:20px;

	margin-right		:6px;
	margin-left		:6px;
	vertical-align		:middle;
}
h1::after {
	content			:"";
	background		:url("/ja.img/qinoa.png");
	background-size	:contain;
	display			:inline-block;
	width			:20px;
	height			:20px;

	margin-right	:6px;/* 106px　やめ→中央だと横幅を広げた時に違和感が出るので左寄りの中央寄せがいい感じ */
	margin-left		:6px;
	vertical-align	:middle;
}
h2{
	margin-top			:12px;
	margin-bottom		:0px;
	margin-right		:0px;
	margin-left			:0px;
	
	background: 
		linear-gradient(to left, rgba(68, 136, 102, 0) 0%, #002211 40%),
		linear-gradient(45deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(200, 255, 200, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 100% 100%, 10px 20px;
	background-blend-mode: overlay;

	font-weight			:normal;
	font-size			:16px;
	padding				:4px 4px 1px 4px;
	color				:#ffffff;
	
	border-style		:none;
	text-shadow		:2px 2px 8px rgba(0, 0, 0, 0.8);
}
h3{
	margin-top			:12px;
	margin-bottom		:0px;
	margin-right		:0px;
	margin-left			:0px;
	
	font-size			:16px;
	padding				:4px 4px 1px 4px;
	color				:#000000;
	
	font-weight			:bolder;

	border-style		:solid;
	border-left-width	:0px;
	border-right-width	:0px;
	border-top-width	:0px;
	border-bottom-width	:1px;
	border-color		:#aaccaa;
/*	border-radius		:8px;*/
}
h4{
	margin-top			:12px;
	margin-bottom		:0px;
	margin-right		:0px;
	margin-left			:0px;

	font-weight			:bolder;
	
	font-size			:16px;
	padding				:4px 4px 1px 4px;
	color				:#000000;
/*	border-radius		:8px;*/
}
p{
	margin-top		:2px;
	margin-bottom		:2px;
	margin-right		:0px;
	margin-left		:0px;
	
	padding			:2px 0px 2px 0px;
}
small{
/*	color			:#224422;*/
}
strong{
/*	color			:#114400;*/
}
pre{
/*	display			:inline-block;*/
	width			:auto;
	max-width		:900px;
	margin			:2px;
	
	font-size		:13px;
	padding			:4px 8px 4px 8px;
	
	/*border-style		:dashed;
	border-left-width	:1px;
	border-right-width	:1px;
	border-top-width	:1px;
	border-bottom-width	:1px;
	border-radius		:4px;*/

	border-top		:solid 1px #ddeedd;
	border-bottom		:solid 1px #ddeedd;
	border-left		:none;
	border-right		:none;

	line-height		:1.4em;

	overflow		:auto;

	color			:#002200;
	
	background-color	:#f4fff4;
}
div.attention{
	width			:auto;
	margin			:2px;
	
	font-size		:16px;
	padding			:4px 8px 4px 8px;

	border-top		:solid 2px #eedddd;
	border-bottom		:solid 2px #eedddd;
	border-left		:none;
	border-right		:none;

	line-height		:1.4em;
/*	font-weight		:bold;*/
	
	overflow		:auto;
	color			:#220000;
	background-color	:#ffeeee;
}
a{
	padding			:2px 4px 2px 4px;

	display			:inline-block;
	color			:#000066;
	font-weight		:normal;
	
	text-decoration		:underline;
	text-decoration-thickness :2px;
	text-decoration-color	:#444488;
	/*
	text-decoration		:none;
	*/
	background-color	:rgba( 200, 200, 255, 0.05 );/* #fafaff */

	line-height		:1.2em; /* モバイル端末などでリンクボタンが縦になったときに標準に設定した1.4だと間延びしてしまう。 */
	border-radius		:4px/ 20px;
}
a:hover{
	background-color	:#ffffdd;

	text-decoration		:underline;
	text-decoration-thickness :2px;
	text-decoration-color	:#444488;
	text-underline-offset	:2px;
	text-decoration-skip-ink :none;

	transform		:scale(1.04);
/*	transition		:transform 0.1s ease;  素早くボタンを切り替えるとボタンが押せなくなることがある*/

/*	filter			:drop-shadow( 0px 0px 4px #ddaa44 );*/
}
a:visited{
	color			:#000066;
}
a:active {
	transform		:scale(0.95);
}

a small{
	font-weight		:normal;
}

.a-check:visited{
	color			:#884422;
}

table{
	margin			:2px;
	
	border-style		:none;
	border-width		:0px;
	
	border				:0px;
	border-collapse		:collapse;
	border-spacing		:0;
	
	empty-cells			:show;
	
	min-width		:50%;
}
th{
	border-top		:solid 1px #cccccc;
	border-bottom		:solid 1px #cccccc;
	border-left		:solid 1px #eeeeee;
	border-right		:solid 1px #eeeeee;
	border-radius		:0px;
	
	padding			:4px 8px 4px 8px;

	background-color	:#eeeeee;
	background: 
		linear-gradient(to left, rgba(128, 128, 128, 0) 0%, #e8eee8 0%),
		linear-gradient(45deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(200, 255, 200, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 100% 100%, 10px 20px;
	background-blend-mode: overlay;
	
	font-weight		:bold;

	text-shadow		:0px 0px 8px rgba(255, 255, 255, 1.0);
	color			:#446644;
	font-size		:16px;
}
th small{
/*	text-shadow		:0px 0px 8px rgba(0, 0, 0, 1.0);
	color			:#eeffee;*/
}
th.pickup{
	border-top		:solid 1px #cccccc;
	border-bottom		:solid 1px #cccccc;
	border-left		:solid 1px #eeeeee;
	border-right		:solid 1px #eeeeee;
	border-radius		:0px;
	
	padding			:4px 8px 4px 8px;

	/*
	background-color	:#eeeeee;
	background: 
		linear-gradient(to left, rgba(128, 128, 128, 0) 0%, #e8eee8 0%),
		linear-gradient(45deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(200, 255, 200, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 100% 100%, 10px 20px;
	background-blend-mode: overlay;
	*/
	background-color	:#114411;
	background			:linear-gradient(45deg, #200000 2%, #224411 25%, #112211 50%, #000020 50%, #002000 75%, #112200 80%, #114422 100%);
	background-size			:8px 100%;
	
	font-weight		:normal;

	text-shadow		:0px 0px 8px rgba(0, 0, 0, 1.0);
	color			:#ffffff;
	font-size		:16px;
}

td{
	border-top		:solid 1px #cccccc;
	border-bottom		:solid 1px #cccccc;
	border-left		:solid 1px #eeeeee;
	border-right		:solid 1px #eeeeee;
	border-radius		:0px;

	background-color	:#fefffe;/*fefef8 fefffe*/
	/*
	background: 
		linear-gradient(to left, rgba(200, 200, 200, 0) 0%, #fdfdfd 0%),
		linear-gradient(70deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(200, 255, 200, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 100% 100%, 8px 16px;
	background-blend-mode: overlay;
	*/
	padding			:4px 8px 4px 8px;
	
	font-size			:16px;
}
form {
	margin				:0px;
	padding				:0px;
}
ul{
	margin				:2px;
	padding				:0px;
	list-style			:none;/*square*/
	list-style-position	:inside;
}
li{
	margin				:2px 0px 2px 2px;
	padding				:0px 0px 0px 0px;
}
li::before{
/*	margin				:6px 8px 6px 0px;*/
/*	padding				:auto 2px auto 2px;*/
/*	position			:relative;*/
/*	top					:2px;*/
/*	left				:2px;*/
/*	width				:6px;*/
/*	height				:6px;*/
/*	display				:inline-block;*/
/*	background-color	:#114411;*/
/*	content				:'⇒ ';*/
/*	color				:#000000;*/

	content				:"";
	background			:url("/ja.img/util/li.png");
	background-size		:contain;
	display				:inline-block;
	width				:16px;
	height				:16px;
	
	margin				:3px 1px auto 3px;
	vertical-align		:text-top;

}
hr{
	margin-top		:2px;
	margin-bottom		:4px;
	margin-right		:0px;
	margin-left		:0px;

	height			:2px;
	background-color	:#cccccc;
	border			:none;
	color			:#cccccc;
}

/*---------------------------------------------------------
	main
---------------------------------------------------------*/
div.main{
	width				:100%;
}

/*---------------------------------------------------------
	menu
---------------------------------------------------------*/
.menu{
	width				:162px;
	float				:left;

/*	margin-top		:2px;
	margin-bottom		:6px;
	margin-left		:2px;
	margin-right		:2px;*/
	margin-left: calc( -172px + (100% - 860px + 80px )/2 );
	padding			:0px 0px 0px 0px;
	
//	border-radius		:2px;
	background-color	:#ffffff;
}
.menu div.menuheader{
	font-size			:16px;
	font-weight			:bold;
	text-align			:center;
	padding				:2px;
	color				:#000000;
	
	margin		:0px 1px 0px 2px;

	background-color	:#eeeeee;
	background: 
		linear-gradient(to left, rgba(128, 128, 128, 0) 0%, #e8eee8 0%),
		linear-gradient(45deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(200, 255, 200, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 100% 100%, 10px 20px;
	background-blend-mode: overlay;

	border-style		:solid;
	border-left-width	:0px;
	border-right-width	:0px;
	border-top-width	:1px;
	border-bottom-width	:1px;
	border-color		:#cccccc;

/*	border-radius		:8px;*/
}
.menu ul{
	margin-top			:5px;
	margin-bottom		:5px;
	margin-left			:0px;
	margin-right		:0px;
	padding-left		:0px;
	font-size			:16px;
	font-weight			:bold;
	list-style			:none;
	text-align			:center;
	
	position			:relative;
	background-color	:#f8f8ff;
}
.menu li{
	width				:100%;
	height				:30px;

	position			:relative;
	margin-top			:0px;
	margin-bottom		:0px;
	margin-left			:0px;
	margin-right		:0px;
	
	border-style		:solid;
	border-left-width	:0px;
	border-right-width	:2px;
	border-top-width	:0px;
	border-bottom-width	:2px;
	border-color		:#888888;
	background-color	:#f8f8ff;
}
.menu a{
	margint			:0px;
	padding			:2px 4px 2px 4px;

	width				:156px;
/*	height				:100%;*/

	display				:block;
	color				:#0000cc;
/*	font-weight			:bolder;*/
/*	background-color	:#f8f8ff;*/

	text-decoration		:none;

	font-weight			:normal;
/*	border-radius		:16px/8px;*/
}
.menu a:hover{
	color			:#000000;
	background-color	:#ffffdd;

}
.menu a:visited{
	color				:#0000cc;
}

/*---------------------------------------------------------
	contents
---------------------------------------------------------*/
.contents{
/*	max-width			:900px;*/
	/*
////!	margin-top		:0px;
	margin-bottom		:4px;
////!	margin-left		:164px;
	margin-right		:0px;
	padding-left		:4px;
	padding-top 		:2px;
	
	background-color	: #ffffff;
	
	border-style		:solid;
	border-left-width	:1px;
	border-right-width	:0px;
	border-top-width	:0px;
	border-bottom-width	:0px;
	border-color		:#dddddd;
	*/
	
/*	margin-top		:0px;
	margin-bottom		:4px;
	margin-left		:auto;
	*/
/*	margin		:0 auto;*/
	margin-left: calc( (100% - 860px + 80px )/2 );
	
	background-color	: #ffffff;
	
	/*
	border-style		:solid;
	border-left-width	:2px;
	border-right-width	:2px;
	border-top-width	:0px;
	border-bottom-width	:0px;
	border-color		:#fdfffd;
	*/
	
	padding :1px 4px 4px 4px;
	
	min-width: 300px;
	max-width: 860px;

/*
	background-color: #ffffff;
	background-image:
		repeating-linear-gradient(45deg, rgba(230, 224, 215, 0.1) 1px, rgba(250, 244, 215, 0.08) 2px, transparent 1px, transparent 6px),
		repeating-linear-gradient(-45deg, rgba(230, 224, 215, 0.08) 1px, rgba(250, 244, 215, 0.04) 2px, transparent 1px, transparent 6px);
	background-blend-mode: multiply;
	background-size: cover;
	*/
	background-color: #ffffff;
  border-radius: 8px/2px;
}

button{
	padding			:2px 8px 1px 8px;
	margin			:2px 4px 2px 4px;
	
	border-style		:solid;
	border-left			:solid 2px #cccccc;
	border-right		:solid 2px #888888;
	border-top			:solid 2px #cccccc;
	border-bottom		:solid 2px #888888;
	border-radius		:4px;
	
	background-color	:#eeeeee;
	
	color			:#000000;
	text-shadow		:1px 1px 2px rgba(255, 255, 255, 0.5);
}
button.pickup{
	font-weight			:bold;
	/*
	border-left			:solid 2px #eecccc;
	border-right		:solid 2px #aa8888;
	border-top			:solid 2px #eecccc;
	border-bottom		:solid 2px #aa8888;
	
	background-color	:#ffdd88;*/
	filter				:drop-shadow( 0px 0px 4px #ffaa00 );
}

button:hover{
	background-color	:#ffffdd;
	color			:#000000;
	
	transform		:scale(1.05);
	filter			:drop-shadow( 0px 0px 4px #ddaa44 );
}
button:active{
	transform		:scale(0.95);
}

.a-btn{
	padding			:2px 8px 1px 8px;
	margin			:2px 4px 2px 4px;
	
	background-color	:#eef8ee;

	border-color		:#aaccaa;

	border-left		:2px solid #bbddbb;
	border-right		:2px solid #bbaabb;
	border-top		:2px solid #bbddbb;
	border-bottom		:2px solid #bbaabb;
	

	text-shadow		:1px 1px 2px rgba(255, 255, 255, 0.5);
	
	text-align		:center;
	font-weight		:bold;
	text-decoration		:none;
	color			:#000000;


	box-shadow		:2px 2px 2px rgba(0, 0, 0, 0.2); /* 影を追加 */
}
.a-btn:hover{
	background-color	:#ffffdd;
	color			:#000000;
	
}
.a-btn:visited{
	color			:#000000;
}
.a-disable{
	padding			:2px 8px 1px 8px;
	margin			:2px 4px 2px 4px;
	
	background-color	:#cccccc;

	border-color		:#aaccaa;

	border-left		:2px solid #bbddbb;
	border-right		:2px solid #bbaabb;
	border-top		:2px solid #bbddbb;
	border-bottom		:2px solid #bbaabb;
	

	text-shadow		:1px 1px 2px rgba(255, 255, 255, 0.5);
	
	text-align		:center;
	font-weight		:bold;
	text-decoration		:none;
	color			:#888888;


	box-shadow		:2px 2px 2px rgba(0, 0, 0, 0.2); /* 影を追加 */
}
.a-disable:hover{
	text-decoration		:none;
	background-color	:#cccccc;
	color			:#888888;
	
}
.a-disable:visited{
	text-decoration		:none;
	background-color	:#cccccc;
	color			:#888888;
}


.a-back{
	margin				:0px 2px 2px 2px;
	padding				:0px;
	
	text-decoration		:none;
}
.a-back:before{
	content				:" ";
	background			:url("/ja.img/util/back.png");
	background-size		:contain;
	display				:inline-block;
	width				:16px;
	height				:16px;
	
	margin				:3px;
	vertical-align		:text-top;
}

.a-go{
	margin				:0px 2px 2px 2px;
	padding				:2px 4px 2px 4px;

	text-decoration		:none;
}
.a-go:before{
	content				:" ";
	background			:url("/ja.img/util/go.png");
	background-size		:contain;
	display				:inline-block;
	width				:16px;
	height				:16px;
	
	margin				:3px;
	vertical-align		:text-top;
}

input[type=radio] {
	width			:16px;
	height			:16px;
	vertical-align		:middle;
	
	margin			:0px;
	padding-right		:8px;

	inline-size		:20px;
	accent-color		:#aaeeaa;
}
input[type=radio]:checked {
	width			:16px;
	height			:16px;
	vertical-align		:middle;
	
	margin			:0px;
	padding-right		:8px;

	inline-size		:20px;
	accent-color		:#aaeeaa;
}
label {
	width			:14px;
	height			:14px;
	vertical-align		:middle;
	
	background-color	:#f8f8ff;
	border-radius		:4px/ 20px;

	margin			:4px;
	padding-right		:8px;
}
input[type=radio]:checked + label {
	width			:14px;
	height			:14px;
	vertical-align		:middle;
	
	margin			:4px;
	padding-right		:8px;

	background-color	:#aaeeaa;
	border-radius		:4px/ 20px;
}
input[type=text]{
	margin			:2px;
	padding			:2px 2px 2px 8px;
	
	font-size		:16px;
	
	border-style		:solid;
	border-left-width	:0px;
	border-right-width	:1px;
	border-top-width	:0px;
	border-bottom-width	:1px;
	border-color		:#aaaadd;
	
	background			:#f8f8ff;
}
input[type=text]:focus{
	background		:#ffffdd;
}

textarea{
	margin				:2px;
	padding				:2px 2px 2px 8px;
	
	font-size			:16px;
	
	border-style		:none;
	/*border-left-width	:0px;
	border-right-width	:1px;
	border-top-width	:0px;
	border-bottom-width	:1px;
	border-color		:#aaaadd;*/
	
	background			:#f8f8ff;
}
textarea:focus{
	background		:#ffffdd;
}
input[type=password]{
	margin			:2px;
	padding			:2px 2px 2px 8px;
	
	font-size		:16px;
	
	border-style		:solid;
	border-left-width	:0px;
	border-right-width	:1px;
	border-top-width	:0px;
	border-bottom-width	:1px;
	border-color		:#aaaadd;
	
	background			:#f8f8ff;
}
input[type=password]:focus{
	background		:#ffffdd;
}

/*---------------------------------------------------------
	header
---------------------------------------------------------*/
div.header{
	position	:absolute;
	top		:0px;
	right		:2px;
	z-index		:910;
	float			:right;
	padding			:0px;
	margin			:3px 2px auto auto;
	text-align		:right;
	font-size		:80%;
}
div.header a{
	margin			:2px;
	padding			:0px 2px 0px 2px;

	color			:#eeeeee;
	background-color	:#446644;
	text-shadow		:1px 1px 2px rgba(0, 0, 0, 1);
}
div.header a:hover{
	background-color	:#ffffdd;

	color			:#000000;
	text-shadow		:1px 1px 2px rgba(255, 255, 255, 1);

	transform		:scale(1.05);
	filter			:drop-shadow( 0px 0px 4px #ddaa44 );
}

/*---------------------------------------------------------
	footer
---------------------------------------------------------*/
div.footer{
	width				:100%;
	clear				:both;
	
	text-align			:center;
}

/*---------------------------------------------------------
	ad
---------------------------------------------------------*/
.ads_sideleft {
	display				:inline-block;
	width				:160px;
	height				:600px;
}
@media ( max-width :1120px ) {
	.ads_sideleft {
		display			:none;
	}
}

/*---------------------------------------------------------
	responsive
---------------------------------------------------------*/
/*@media ( max-width :1000px ) and (orientation: portrait) {*/
@media ( max-width :1120px ) {
	body{
		margin				:26px 0px 0px 0px;
		padding				:0px;
	}
	h1{
/*		margin				:0px 0px 2px 0px;*/
	}
	h1::after {
		background			:none;
	}

	h2{
		margin				:0px 0px 2px 0px;
	}
	h3{
		margin				:0px 0px 2px 0px;
	}
	h4{
		margin				:0px 0px 2px 0px;
	}
	p{
		margin				:0px 2px 2px 2px;
	}
	pre{
		margin				:0px 0px 2px 0px;
	}
	table{
		margin				:0px 2px 2px 2px;
	}
	th{
		padding			:4px 4px 4px 4px;
	}
	td{
		padding			:4px 4px 4px 4px;
	}
	img{
/*		text-align			:center;*/
	}
	.menu {
		display				:none;
		float				:none;
	}
	.contents {
		float			:none;
		width			:100%;
		margin-left: calc( (100% - 860px)/2 );
		padding			:0px;
		
		border-left-width	:0px;
	}
}
@media ( max-width :860px ) {
	body{
		margin				:28px 0px 0px 0px;
		font-size			:12px;
		
	}
	h1{
		font-size			:12px;
		text-align			:left;
	}
	h1::after {
		background			:none;
	}

	h2{
		font-size			:12px;
	}
	h3{
		font-size			:12px;
	}
	h4{
		font-size			:12px;
	}
	pre{
		font-size			:12px;
		padding				:4px;
	}
	textarea{
		font-size			:12px;
	}
	input[type=radio] {
		font-size			:12px;
	}
	input[type=text]{
		font-size			:12px;
	}
	
	th{
		font-size			:12px;
	}
	td{
		font-size			:12px;
	}
	li::before{
		margin-top			:2px;
		padding-top			:0px;
		width				:10px;
		height				:10px;
	}
	.a-back:before{
		margin-top			:2px;
		padding-top			:0px;
		width				:10px;
		height				:10px;
	}
	.a-go:before{
		margin-top			:2px;
		padding-top			:0px;
		width				:10px;
		height				:10px;
	}
	.contents {
		float			:none;
		width			:100%;
		margin-left		:0px;
		padding			:0px;
		
		border-left-width	:0px;
	}

}

/*---------------------------------------------------------
	parts
---------------------------------------------------------*/
.icon-line { 
	margin			:0px;
	padding			:0px;

	white-space		:nowrap;
	overflow		:hidden;
}
.icon-line img { 
	margin			:2px;
	padding			:0px;
	vertical-align		:middle;
}
.icon-line a{
	display			:block;

	padding			:0px;
	margin			:2px;

	border-color		:#eeffee;

	/*
	border-left		:2px solid #f8fff8;
	border-right		:2px solid #aabbaa;
	border-top		:2px solid #f8fff8;
	border-bottom		:2px solid #aabbaa;
	*/

	text-shadow		:1px 1px 2px rgba(255, 255, 255, 0.5);
	
	font-weight		:bold;
	text-align		:left;
	color			:#000066;
}
.icon-line a:hover{
	color			:#000000;
}
.icon-line a:visited{
	color			:#000000;
}

.icon-item { 
	margin			:0px;
	padding			:0px;
	white-space		:nowrap;
}
.icon-item img { 
	margin			:4px;
	padding			:0px;

	text-align			:center;
	vertical-align		:middle;
}
.icon-item a{
	display				:inline-block;
	vertical-align		:top;
	text-align			:center;

	padding			:2px;
	margin			:2px;


	border-color		:#eeffee;

	text-shadow		:1px 1px 2px rgba(255, 255, 255, 0.5);
	
	max-width		:400px;
	min-width		:100px;
	
	font-weight		:bold;
	color			:#000066;
}
.icon-item a:hover{
	color			:#000000;
}
.icon-item a:visited{
	color			:#000000;
}