@charset "utf-8";
/* 基礎部分、共通部分のスタイルシート */
/* font 14px
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%
*/
/*
display
list-sytle
position
float
clear
width
height
margin
padding
border
background
color
font
tes-decoration
text-align
vertical-align
white-space
other text
content
*/
/* default */

body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: url(../images/line_head01.gif) repeat-x;
  text-align: left;
  /* center on ie */

  color: #333333;
  font-size: 14px;
  line-height: 140%;
  font-family: 'メイリオ', Meiryo, sans-serif;
}
a:link {
  text-decoration: underline;
  color: #FF5B26;
}
a:visited {
  text-decoration: underline;
  color: #FF5B26;
}
a:hover {
  text-decoration: underline;
  color: #FF5B26;
}
/* initialization */
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  text-align: left;
}
h4 {
  margin-top: 4px;
}
p {
  margin: 0;
  padding: 0;
}
img,
fieldset {
  border: 0;
}
ol,
ul,
li,
dl {
  margin: 0;
  padding: 0;
  list-style: none;
  _height: 100%;
}
form {
  margin: 0;
  padding: 0;
  display: inline;
}
input,
textarea {
  font-size: 100%;
}
select {
  font-family: 'メイリオ', Meiryo, sans-serif;
}
input[type="submit"],input[type="button"],input[type="reset"],
button {
	margin: 0;
	padding: 0;
	font-family: 'メイリオ', Meiryo, sans-serif;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

input.figure[type="text"] {
	text-align: right;
}

/* margin */
.left50	{margin-left:50px;}
.left30	{margin-left:30px;}
.left25	{margin-left:25px;} 
.left20	{margin-left:20px;} 
.left15	{margin-left:15px;} 
.left10	{margin-left:10px;} 
.left5	{margin-left:5px;} 

.right20{margin-right:20px;}
.right15{margin-right:15px;}
.right10{margin-right:10px;}
.right5 {margin-right:5px;}

.top50	{margin-top:50px;} 
.top40	{margin-top:40px;} 
.top30	{margin-top:30px;}
.top25	{margin-top:25px;} 
.top20	{margin-top:20px;} 
.top15	{margin-top:15px;} 
.top10	{margin-top:10px;} 
.top5	{margin-top:5px;} 

.bottom50	{margin-bottom:50px;}
.bottom40	{margin-bottom:40px;}
.bottom30	{margin-bottom:30px;}
.bottom20	{margin-bottom:20px;}
.bottom15	{margin-bottom:15px;}
.bottom10	{margin-bottom:10px;}
.bottom5	{margin-bottom:5px;}

/* header
---------------------------------- */
#header {
	overflow: hidden;
	width: 1300px;
	margin: 0 0 10px 10px;
  background: url(../images/line_head02.gif) left top no-repeat;
}

#header h1 {
  float: left;
  margin-top: 47px;
  margin-left: 15px;
  font-size: 150%;
  font-weight: bold;
  font-family: 'メイリオ', Meiryo, sans-serif;
}
#header h1 img {
	margin-right: 15px;
  vertical-align: -13px;	
}
#header .box {
	float: right;
	margin-top: 20px;
}
#header p {
	text-align: right;
}
#header .loginname {
	margin-top: 10px;
}

/* gnavi
---------------------------------- */
#gnavi {
	padding-bottom: 1px;
	border-bottom: 5px solid #CCC;
}
#gnavi .wrap {
	overflow: hidden;
	padding-top: 3px;
	padding-bottom: 0;
	margin-bottom: 0;
	background: #3684C2;
}
#gnavi ul {
	overflow: hidden;
	width: 1300px;
	margin: 0 0 0 10px;
	padding: 0!important;
	border-left: 1px solid #77ADD9;
	border-right: 1px solid #255A85;
}
#gnavi li {
	display: table;
	float: left;
	width: 15.9%;
	padding: 0!important;
	border-right: 1px solid #77ADD9;
	border-left: 1px solid #255A85;
	text-align: center;
}
#gnavi li.lastchild {
	background: #FFFCDB;
	border-right: 1px solid #77ADD9;
	color: #3684C2;
	text-align: center;
}
#gnavi li.lastchild a {
	color: #3684C2!important;
}
/* ログイン画面用 */
#gnavi .login_wrap {
	width: 980px;
}
#gnavi ul.login {
	width: 141px;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0!important;
	border-left: 1px solid #77ADD9;
	border-right: 1px solid #255A85;
	float: right;
}
#gnavi .login li {
	width: 139px;
	height: 50px;
	border-left: 1px solid #255A85;
	border-right: 1px solid #77ADD9;
	text-align: center;
}

#gnavi li a {
	display: table-cell;
	height: 50px;
	color: #fff;
	vertical-align: middle;
}
*:first-child+html #gnavi li a {
	display: inline-block;
	height: 37px;
	margin-top: 13px;
}
*:first-child+html #gnavi li a.long {
	height: 42px;
	margin-top: 8px;
}

#gnavi li a:link {
  text-decoration: none;
  color: #fff;
}
#gnavi li a:visited {
  text-decoration: none;
  color: #fff;
}
#gnavi li a:hover {
	background: #fff;
  text-decoration: none;
  color: #255A85;
}
#gnavi li a:active {
	background: #fff;
  text-decoration: none;
  color: #255A85;
}
#gnavi li.current {
	background: #fff;
}
#gnavi li.current a {
}
#gnavi li.current a,
#gnavi li.current a:hover,
#gnavi li.current a:active {
	border-bottom: none;
	color: #255A85;
}
/* 全体
---------------------------------- */
#container {
	clear: both;
	width: 1300px;
  margin: 0 0 0 10px;
  padding: 0;
  overflow: hidden;
  text-align: left;
}
#container2 { /* 申込み情報登録 */
	clear: both;
	min-width: 940px;
  margin: 0 0 0 10px;
  padding: 0;
  /*overflow: hidden;*/
  text-align: left;
}
/* footer フッター部分
---------------------------------- */
#footer {
  clear: both;
  border-top: 3px solid #ddd;
}
#footer .wrap {
	overflow: hidden;
}
#footer .add1{
	margin-left:280px;
}
#footer .add2 {
    margin-left: 50px;
}
#footer #address {
    float: left;
    margin: 10px;
    overflow: hidden;
    text-align: left;
    width: 580px;
}
#footer #address h2 {
	font-size: 117%;
	line-height: 200%;
}
#footer #address h2 span {
	font-size: 164%;
} 
#footer #address .ad_sec  {
	margin: 0 auto;
}
#footer #address .ad_sec p {
	text-align: left;
}
#footer dl {
	overflow: hidden;
	text-align: left;
}
#footer dt {
	overflow: hidden;
	width: auto!important;
	float: left;
	clear: both;
	margin-right: 5px;
}

#footer dd.time {
	margin-left: 5em;
}
#footer #copyright {
	padding: 20px 10px;
	border-top: 2px solid #3684C2;
	text-align: right;
}
#footer #copyright p {
	width: 980px;
}
#footer #copyright p span {
	padding: 10px 0 15px 50px; 
	background: url(../images/logo_com.jpg) left top no-repeat;
	font-size: 84%;
}
/* 共通部分
----------------------------------- */
.pagetop {
	clear: both;
	margin-bottom: 15px;
	text-align: right;
}
em.attn {
	color: #D80000;
}
em.mark {
	font-size: 84%;
	font-weight: bold;
	color: #FF5926;
}

.mente {
	width: 500px;
	height: 150px;
	margin: 0 auto 20px;
	border: 12px solid #eee;
	box-shadow: 2px 2px 3px #ccc;
}
.mente .wrap {
	display: table;
	width: 500px;
	height: 150px;
	border-top: 2px solid #3684C2;
}
.mente p {
	display: table-cell;
	height: 150px;
	font-size: 167%;
	text-align: center;
	vertical-align: middle;
}
.attn_box {
	margin: 0 auto 20px;
	width: 500px;
	padding: 15px 15px 10px;
	background: #eee;
}
.attn_box h3 {
	margin-bottom: 5px;
	font-size: 117%;
	font-weight: bold;
}
.attn_box p {
	margin-bottom: 5px;
	color: #C51013;
}
.attn_box li {
	margin-bottom: 3px;
	margin-left: 1em ;
	text-indent: -1em;
}

.disable_box {
	margin: 0 15px 0 5px;
	padding: 10px 0;
	border: 3px solid #ccc;
	border-radius: 6px;
	color: #999;
	background: #eee;
	text-align: center;
	font-size: 0.9em;
}