@charset "Shift_JIS";

/* ----- 全体設定 --------------------------------------- */

html {
	cursor:crosshair;
	margin: 0px 0px 0px 0px;

	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #6633FF;
	scrollbar-shadow-color: #6633FF;
	scrollbar-3dlight-color: #6633FF;
	scrollbar-arrow-color: #333399;
	scrollbar-track-color: #FAFAFA;
	scrollbar-darkshadow-color: #6633FF;

	background-image: url('../img/back/check_green.gif');
}

body {
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka;
	text-align: left;

	margin: 15px auto;
	padding: 0px;
}

a {	text-decoration: none; font-weight: bold; padding: 3px 5px;}
a:link {	color: #505050; padding: 3px 5px;}
a:visited {	color: #505050; padding: 3px 5px;}
a:active {	color: #0000CC; padding: 3px 5px;}
a:hover {	color: #333399; padding: 3px 5px; border:0px solid #777777; background-image: url(../pic/background.gif);}

p {
	font-size: 13px;
	color: #505050;
	margin: 0px 40px 10px 40px;
}

p, li, dt, dd {
	line-height: 140%;
}

fieldset {
	border: 0px solid #000000;
}

em {
	color: #FF9933;
	border-bottom: 2px solid #FF0000;
	font-style: normal;
	font-weight: bold;
}

img {
	border-style: none;
/*
	border: 0px solid #000000;
*/
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.red{
	color: #FF3333;
}

.blue {
	color: #0000cc;
}

/* ----- 全体の位置設定 --------------------------------------- */

div.wrap {
	margin: 0px auto;
	padding: 0px 0px;
	width: 800px;
	
	text-align: left;
	
	border-right: #00CC99 2px solid ;
	border-left: #00CC99 2px solid ;

	background-color: #ffffff;
}

.center{
	text-align: center;
}

/* ----- HEADER指定 ------------------------------------- */

.no_display {
	display: none;
}

div.header {
	border-top: 10px solid  #333399;
	border-bottom: 2px solid #777777;

	margin: 0px;
	padding: 0px;

	width: 100%;
	height: 160px;

	background-color: #FFFFFF;
	background-image: url("../img/back/top_back.jpg");
	background-repeat: repeat;
	background-position: right top;

	float: none;
	clear: both;
}

.title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 250px;
	height: 160px;

	background-image: url("../img/back/title.gif");
	background-repeat: no-repeat;
	background-position: left top;

	float: left;
}

.date {
	text-align: right;
	font-size: 11px;
	font-family: 'Times New Roman', Osaka;
	color: #444444;

	margin: 5px 15px 0px 5px;
	padding: 0px 0px 0px 0px;	
}

.advertisement {
	text-align: right;

	margin: 0px;
	padding: 0px;	
}

/* ----- FOOTER指定 ------------------------------------- */

div.footer {
	margin: 0px;
	padding: 0px;

	float: none;
	clear: both;
}

div.footer p {
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	font-family: 'Times New Roman', Osaka;
	background-color: #333399;

	margin: 0px;
	padding: 10px 20px 20px 20px;
}

p.foot{
	margin: 20px 0px 0px 0px;
	font-size: 11px;
}

/* ----- MENU指定 --------------------------------------- */

div.menu {
	border-bottom: 1px solid #777777;
	
	margin: 0px;
	padding: 0px;

	background-color: #333399;
/*	background-image: url("../pic/back/clayon_menu.gif");*/

	float: none;
	clear: both;
}

div.menu a:link {	color: #ffffff;}
div.menu a:visited {	color: #ffffff;}
div.menu a:active {	color: #0000CC;}
div.menu a:hover {	color: #4444aa;}

div.menu ul {
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 0px;
}

div.menu li {
	font-size: 12px;

	color: #444444;

	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;

	display: inline;
}

div.menu2 {
	margin: 0px 0px 0px 300px;
	padding: 0px 0px 0px 0px;

	background-color: #DDDDEE;
	background-image: url("../pic/back/clayon_menu_grad.gif");
	background-repeat: repeat-y;
	background-position: right top;

	float: none;
	clear: both;
}

div#menu3 {
	margin: 0px 0px 0px 96px;
}

div#menu4 {
	margin: 0px 0px 0px 173px;
}

div.menu2 a:link {	color: #505050;}
div.menu2 a:visited {color: #505050;}
div.menu2 a:active {color: #0000CC;}
div.menu2 a:hover {	color: #0000CC;}

div.menu2 ul {
	margin: 0px 0px 0px 0px;
	padding: 3px 15px 3px 5px;
}
div.menu2 li {
	font-size: 12px;

	color: #505050;

	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;

	display: inline;
}
.push {
	font-weight: bold;
	color: #0033CC;
	padding: 3px 5px;
	border:1px solid #6a6a6a;
	background-image: url("../pic/back_push.gif");
}

/* ----- MAIN CONTENTS ------------------------------------ */

div.main_content {
	margin: 0px;
	padding: 0px;
	
	background-image: url("../img/back/sky_under.jpg");
	background-repeat : no-repeat;
	background-position : 100% 100%;	
}

div.contents {
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 10px 0px;	
}

p.navigation {
	font-size: 12px;
	color: #505050;
	margin: 0px 40px 10px 25px;
}

/* --- LINK --- */

div.contents a:link {
	color: #0000CC;
}
div.contents a:visited {
	color: #0000CC;
}
div.contents a:active {
	color: #FF7700;
}
div.contents a:hover {
	color: #FF7700;
}

/* --- 箇条書き --- */



div.contents form li {
	list-style-image: none;
}
div.contents form dl {
	margin: 0px 40px;
}
div.contents form dt {
	color: #000000;
	font-weight: normal;

	width: 5em;
	margin: 0px;

	float: left;
	clear: left;
}
div.contents form dd {
	margin: 0px;
	padding: 0px;
}
div.contents form ul {
	margin: 0px;
	padding: 10px 40px 0px 40px;

	list-style-type: none;
}
div.contents form p {
	margin: 10px 40px 10px 40px;
}
div.contents input {
	line-height: 120%;
}
div.contents .heading_text {
	margin: 4px 0px 0px 0px;

	display: block;
}
.back{
	text-align: center;
	margin: 5px 10px;
	padding: 15px 10px;
}
img.toback{
	vertical-align: middle;
}
.indent {
	text-indent: 3em;
}

/* ================================================= */
/* 一般的なレイアウト
/* ================================================= */

caption{
	color: #505050;
	margin: 0px 20px 0px 40px;
/*	background-image: url(../pic/sky550.jpg);*/
	background-image: url(../pic/back/clayon_menu.gif);
	border: 1px dashed #3366CC;
}

td.name{
/*	background-image: url(../pic/menu_short.png);*/
	background-image: url(../pic/back/clayon_menu_grad.gif);
	background-position: center center;
	background-repeat: repeat;

	border: 1px dashed #009900;

	padding: 5px 15px;
	vertical-align: middle;
}
td.data{
	border-bottom: 2px dashed #0066cc;
	padding: 15px;
	vertical-align: middle;
}

table {
	font-size: 13px;
	margin: 0px 20px 15px 40px;
}
th {
	text-align: center;

	border: 1px solid #AAAAAA;
	padding: 5px;

	background-color: #EEEEEE;
}

div.top_bottom {
	clear: both;
}

img.qr {
	text-align: center;
}
img.titles {
	margin: 0px;
	padding: 0px;
}
.amazon_adv{
	padding: 0px 10px;
	vertical-align: middle;
}

div.google_adv{
	text-align: center;
	margin: 20px 0px 0px 5px;
}