@charset "Shift_JIS";

/*		全体
--------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	line-height: 1.5; /* 全体の行の高さ */
	font-style: normal;	
	font-weight: normal;
	font-size: 100%;
}

html,
body {
	height: 100%;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #66ccff;
	scrollbar-base-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #ddd;
}

html {
	overflow-y: scroll;
}

body {
	color: #666; /* 全体のフォントカラー */
	background: #fff; /* 全体の背景色 */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 75%; /* 全体のフォントサイズ */
	text-align: center;
}

img {
	border: 1px solid #ccc;
}
img.imgFrame {
	border: 0;
}

/* 記号の文字化け対策 */
.mark {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}


/*		リンク
--------------------------------------------*/
a { 
	color: #66ccff; text-decoration: none; 
}
a:link { 
	color: #66ccff; text-decoration: none; 
}
a:visited { 
	color: #66ccff; text-decoration: none; 
}
a:active { 
	color: #66ccff; text-decoration: none; 
}
a:hover { 
	color: #000; text-decoration: none; 
}

/*		見出し
--------------------------------------------*/
h2 {
	font-size: 15px;
	font-weight: bolder;
	color: #333;
	margin: 5px 7px 3px;
	padding: 1px 0px 1px 10px;
	background: url("img/bg_01.gif");
	border-top: 2px #66ccff solid;
	border-bottom: 2px #66ccff solid;
        font-weight: bold;
}

h5 {
	margin: 0 10px;
	margin-bottom: 0.3em;
	padding-left: 0.3em;
	border-bottom: 1px solid #ccc;
	font-family:Century Gothic;font-weight:normal;
	font-size: 24px;
	line-height: 150%;
	letter-spacing:0;
	color: #ccc;
}
h5:first-letter {
	font-size: 24px;
	color: #66ccff;
}

h3 {
	margin-bottom: 3px;
	padding-left: 12px;
	background: url("img/point_01.gif") no-repeat left center;
        border-bottom: 1px #ccc solid;
        font-weight: bold;
}
h3 a { 
	color: #666; 
        font-weight: bold; 
}
h3 a:link 
{ 
	color: #666;
        font-weight: bold; 
}
h3 a:visited { 
	color: #666; 
        font-weight: bold; 
}
h3 a:active { 
	color: #666;
	border-bottom: 3px #66ccff solid;;
        font-weight: bold; 
}
h3 a:hover { 
	color: #000;
	border-bottom: 3px #66ccff solid;;
        font-weight: bold; 
}


h4 {
font-size: 11px;
font-weight: bolder;
color: #66CCFF;
margin: 0px 0px 3px 0px;
padding: 1px 0px 1px 15px;
background: url("img/arrow_01.gif") no-repeat scroll left center;
}


/*		リスト
--------------------------------------------*/
dl {
	margin: 0 0 1em 0;
}
dt {
	margin: 0px 0px 13px 0px;
	padding-left: 12px;
	background: url("img/arrow_01.gif") no-repeat left center;
}
dd {
	margin: -15px 0px 10px 15px;
	line-height: 1.7;
}


/*		ラッパー
--------------------------------------------*/
div#wrapper {
	margin: 0 auto;
	width: 822px;
	height: 100%;
	text-align: center;
}

/*		ヘッダー
--------------------------------------------*/
div#header {
	margin: 20px 0 0;
	padding: 0;
	height: 88px;
	background: url("img/header.gif") no-repeat left center; 
	text-align: right;
}
div.daytext {
	padding: 69px 21px 0;
	font-family: 'Century Gothic', Verdana, sans-serif;/* フォント */
	color: #666; /* フォントカラー */
	font-size: 11px; /* フォントサイズ */
	line-height: 170%;
}


/*		メニュー
--------------------------------------------*/
div#menu {
	margin: 0;
	height: 29px;
	background: url("img/main.gif");
	text-align: left;
}

div.menutext {
	margin: 0 auto 0;
	width:800px;
	text-align: left;
}

#MainMenu 
{
	width:800px;
	height:27px;
	border-color:#66ccff;
	border-style:solid;
	border-width:0 0 3px;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0 1px 0 0;
	padding:0;
}
#tab a 
{
	background:url(images/bright_115.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;	
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/bleft_115.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:700;
	line-height:27px;
	padding:0 22px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#000;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	color:#FFF;
	z-index:100;
	text-decoration:none;
	border-color:#9AB6D2;
	border-style:solid;
	border-width:0 0 3px;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#FFF;
	background:url(images/bleft_115.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0 1px 0 0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:27px;
	background:url(images/bright_115.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	float:none;
	padding:0 22px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000;
	font-weight:700;
}

/*		メインイラスト
--------------------------------------------*/
div#maincg {
	margin: 0;
	height: 400px;
	background: url("img/main.gif") repeat-y;
	text-align: left;
}

div.maincgtext {
	margin: 0 auto;
	width: 800px;
}

/*		メイン
--------------------------------------------*/
div#main {
	margin: 0;
	background: url("img/main.gif") repeat-y;
	text-align: center;
}
div#main:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


div.mainbox {
	margin: 0 auto 0;
	padding-top: 10px;
	width: 780px;
	text-align: left;
}
div.mainbox:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.textbox {
	margin: 5px 20px;
}
div.textboxr {
	margin: 5px 20px;
	text-align: right;
}

/* --二段組みの右ボックス-- */
div.leftbox {
	float: right;
	width: 260px;
}

/* --二段組みの左ボックス-- */
div.rightbox {
	float: left;
	width: 510px;
}

/* --二段組みの右ボックスミニ-- */
div.leftboxmini {
	float: right;
	width: 200px;
}

/* --二段組みの左ボックスミニ-- */
div.rightboxmini {
	float: left;
	width: 560px;
}


/*		フッター
--------------------------------------------*/
div#footer {
	margin: 0;
	height: 39px;
	background: url("img/footer.gif") no-repeat left center;
	text-align: center;
}
div.footertext {
	padding: 6px 0;
	font-family: 'Century Gothic', Verdana, sans-serif;/* フォント */
	color: #fff; /* フォントカラー */
	font-size: 11px; /* フォントサイズ */
	line-height: 170%;
}

/*	　      フォーム
--------------------------------------------*/
fieldset {
	border: 0;
}
legend {
	display: none;
}
textarea,
select,
input {	
	margin-bottom: 1em;
	border: 1px solid #fff;
	border-bottom: 1px solid #666;	
	line-height: 1.2;
	color: #000;	
	background-color: #fff;		
}
textarea {
	width: 350px;
	border: 1px solid #666;
}

input.button {
	margin-right: 0.5em;
	padding: 0 0.5em;
	border: 1px solid #ccc;	
	width: 70px;
	vertical-align: middle;	
	color: #fff;
	background-color: #66ccff;	
	cursor: pointer;
}
input.check,
input.radio {
    margin: 0 0.5em 0 0;
	border: none;
	width: auto;
	background: none;
}
/* 定義リスト*/
dl.dt-short dt {
	padding-left: 12px;
	width: 8em;
	line-height: 1.7;
	background: url("img/arrow_01.gif") no-repeat left center;
}
dl.dt-short dd {
	margin: -2.5em 0 0 8em;
}
dl.dt-short dd.second {
	margin-top: 0.1em;
}