@charset "UTF-8";
body {
	font:100% Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#607abd;
	background-image:url(../image/bg2016.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}

a:link {
	color: #009fe7;
	text-decoration: none;
}
a:visited {
	color: #009fe7;
	text-decoration: none;
}
a:hover {
	color: #7DC0FB;
	text-decoration: none;
}
a:active {
	color: #009fe7;
	text-decoration: none;
}

.c_text {
font-size: 16px;
line-height:1.6em;
padding:10px 20px 50px;
}

.c_text4 {
font-size: 16px;
line-height:1.6em;
padding:10px 0px 50px;
margin:auto 0;
}

.c_text2 {
font-size: 14px;
line-height:1.6em;
padding:10px 20px 20px;
}

.c_text3 {
font-size: 14px;
line-height:1.6em;
padding:10px 20px 50px;
}

.style2 {font-size: 10px}
.style4 {
font-size: 14px;
line-height:1.5em;
}
.style5 {color: #FF0000;
	font-weight: bold;
}
.style6 {
	color: #df0c83;
	font-weight: bold;
}
.style7 {color: #FFFFFF}
.style8 {
	color: #df0c83;
	font-weight: bold;
	font-size: 16px
}

.style10 {
	color: #00a0e9;
	font-weight: bold;
}
.style11 {color: #FF0000}
.style12 {color: #FF0000;
}


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}

.map {
float:right;
margin-top:10px;
}

#menu {
background-image:url(../image/bg_menu.jpg);
background-repeat:repeat-y;
width:1000px;
height:55px;
}

.oneColFixCtrHdr #container {
	width: 1000px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.contents #container {
	width: 1000px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	color: #777777;
}

.oneColFixCtrHdr #header {
background-image:url(../image/header1ts.jpg);
width:1000px;
height:586px;
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}

.contents #header {
background-image:url(../image/header2ts.jpg);
width:1000px;
height:231px;
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColFixCtrHdr #mainContent {
	padding: 20px 20px 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	text-align:center;
	font-size:10px;
	color:#999999;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.contents #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.contents #mainContent {
	padding: 20px 40px 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.contents #footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	text-align:center;
	font-size:10px;
	color:#999999;
}
.contents #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

#b_frame {
    width: 690px;
	height:180px;
    border: none;
}

#n_frame {
    width: 670px;
	height:160px;
    border: none;
	margin-bottom:20px;
	padding:10px;
	background-image:url(../image/bg_web2.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#globalnavi{  
  margin: 0;  
  padding: 0;  
  width:100%;
  font-size:20px;
  font-weight:bold;
  text-decoration: none;
}  
  
#globalnavi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;
  text-decoration: none;
}  
  
#globalnavi li{  
  float: left;
  margin: 0;  
  padding: 0 37px;
  text-decoration: none;
  
}  
  
#globalnavi a{  
  text-align: center;  
  display:block;  
  padding: 0.7em 0;  
  width: 100%;
  color:#FFFF00;
  text-decoration: none;
}

#hover {
  display:block;
  text-align: center;  
  text-decoration: none;
  float: left;
  margin: 0;
  padding: 0.7em 37px;  
background-image:url(../image/icon_kiss.png);
background-repeat:no-repeat;
background-position:57% 40%;
color: white;
}
  
#globalnavi a:hover{
background-image:url(../image/icon_kiss.png);
background-repeat:no-repeat;
background-position:70% 40%;
color: white;  
} 


#n_frame a:link {
	color: #df0e83;
	text-decoration: none;
}

#n_frame a:visited {
	color: #df0e83;
	text-decoration: none;
}

#n_frame a:hover {
	color: #e68cbe;
	text-decoration: none;
}
#n_frame a:active {
	color: #df0e83;
	text-decoration: none;
}

#n_frame li{
font-size:14px;
border-bottom:solid 1px #e68cbe;
padding: 5px;
} 

#staff {
margin-top:30px;
text-align:center;
line-height:2.5em;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 85%;
}
#page-top a {
    background: #e22790;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #e989bf;
}

p.line {
   border-bottom: 1px solid #b5b5b5;
   margin:5px 0 2px;
}

p.line2 {
   border-bottom: 1px solid #ccc;
   margin:10px 0 10px;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

table.brwsr2 {
    margin: 0;
    width: 100%;
    border: none;
    border-top: solid 1px #df0c83;
    border-bottom: solid 1px #df0c83;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #fff3fa;
}
 
table.brwsr2 th {
    vertical-align: middle;
    height: 35px;
    width: 20%;
    border-right: solid 1px #df0c83;
    margin: 0;
    text-align: center;
}
 
table.brwsr2 td.data {
    padding-left: 10px;
    margin: 0;
    height: 35px;
    width: 80%;
    border: none;
    color: #666;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #df0c83;
}

.dl-list-00 {  
  width: 750px;  
  margin: 0 0;  
}  
  
.dl-list-00 dt {  
  width: 130px; /* 幅調節 */  
  height: 170px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-00 dd {  
  width: 560px; /* 幅調節 */  
  height: 170px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-01 {  
  width: 750px;  
  margin: 0 0;  
}  
  
.dl-list-01 dt {  
  width: 190px; /* 幅調節 */  
  height: 170px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-01 dd {  
  width: 560px; /* 幅調節 */  
  height: 170px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-02 {  
  width: 750px;  
  margin: 0 0;  
}  
  
.dl-list-02 dt {  
  width: 190px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-02 dd {  
  width: 560px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
}  

.cr{
	width:850px; /* 横幅 */
	padding:18px; /* 内側余白 */
	border:solid 1px #ccc; /* 罫線 */
	border-radius:10px; /* 角丸 */
	margin-bottom:25px;
}

.dl-list-03 {  
  width: 750px;  
  margin: 0 0;  
}  
  
.dl-list-03 dt {  
  width: 240px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-03 dd {  
  width: 510px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
}