@charset "utf-8";
@import url("pagenav.css");
@import url("msgbox.css");
@import url("notice.css");
@import url("font_color.css");
*{ margin:0; padding:0;} 
body {
	min-width: 960px;
	margin:0 auto;
	background-color: #ffe4e1; /* 全体の背景色g=#eaffd5; p=#ffe4e1 or=#FFCC99 G=#eaffea #d5ffea b=#99ccff*/
	color:#555;
	font-size: 100%;
	font-family: Helvetica,"Hiragino Kaku Gothic Pro",Meiryo,serif,sans-serif;
	text-decoration:none;
}
wrapper, contents, main, section, header, nav, article, aside, footer {
	display:block;
	font-size: 10.5pt;
	color: #777;
	text-align: left;
}

img { border:none;}
a {color:#0099ff;text-decoration:none;}
a img { vertical-align:-10px;}
a:link, a:visited { color: #3399ff; }
a:hover {color:#33ee33;}
a:active { color: #ff8000;}
p{
	font-size:11pt;
	list-style-type:none;
	padding:0px 0 0 0;
	margin:0 0 0 0px;
}

/* --headlin(index) tag-- */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica,"Hiragino Kaku Gothic Pro",Meiryo, sans-serif,Arial;
	/*font-weight:lighter;*/
}

h1{
	font-size:180%;
	color:#003366;
	text-indent:160px;
	line-height:30px;
	padding:20px 0px 0 0;
}
h2{
	background:url(../images/section/bg_h6.gif) no-repeat;
	font-size:11pt;
	color:#FF69B4;
	text-indent:20px;
	vertical-align:top;
	height:32px;
	line-height:34px;
	margin:0px 0 5px 0px;
	font-weight:500;
}
h3.heading {
	width: 660px; /* 見出しの幅 */
	margin: 0 0 1em 20px; /* 見出しのマージン（上、左右、下） */
	padding: 10px 15px; /* 見出しのパディング（上下、左右） */
	background-color: #c6e6ef;/* url(heading_back4_1.gif) repeat-x top; /* 見出しの背景 */
	font-size: 120%; /* 見出しの文字サイズ */
	line-height: 100%;
}

article h5, section h5, main h5{
	font-size:12pt;	
	font-weight:500;
	text-indent:25px;
	line-height:1.5em;
}

/* --layout-- */
#wrapper {                    /*--- (画像の指定で両サイドのイメージ変更) ---*/
	width:1100px;
	background: #ffffff url(../images/wrapper/top_1020x300_winter_2018.gif)  repeat-y top center;/*--20120723--*/
	margin:0 auto;
}
#contents {
	width:960px;				/* 表示の横幅 */
	background-color:#ffffff;		/* 背景色： */
	clear:both;
	margin:-0px auto;
	font-size: 11pt;
}
#contents:after {
	content: "";
   	clear: both;
   	height: 0;
   	display: block;
   	visibility: hidden;
}

/* ----- header エリア ----- */
header{
	display:block;
	margin:0 auto;
	line-height:2em;
	background:#ffffff url(../images/nav/banner_940x50.gif) top center no-repeat;
	width:960px;
}
header h1{
	font-size:115%;
	list-style-type: none;
	white-space: nowrap;
	color:#fff;
	text-indent:90px;
	line-height:50px;
	padding:0px;
	text-shadow: 0px 0px 5px #000000;
}
	
/* ----- header 画像エリア(２段目)----- */
header .visual_area {
	clear: both;
	display: block;
	 margin:0px auto;
	width:940px; 
	background: -webkit-gradient(linear, left top, right top, from(#9dd8f7), color-stop(25%,#f4faff), color-stop(50%,#aad5ff), to(#9dd8f7));
	background: -moz-linear-gradient(left, #9dd8f7, #f4faff 25%, #aad5ff 50%, #9dd8f7);
	background: -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType='1',StartColorStr='#aad5ff',EndColorStr='#9dd8f7');
			filter: progid:DXImageTransform.Microsoft.Gradient(GradientType='1',StartColorStr='#9dd8f7',EndColorStr='#f4faff');
	padding:7px 0px 0px 0px; 
	zoom: 1;
}
header .main_visual {
	/* width: 100%;*/
	margin: 0px auto;
	text-align: center;
}
header .main_visual img { 
	border:none;
}

/* --header menu-- */
header nav {
	clear: both;
	display:block;
	width:100%;
	color:#666;
	margin:0 auto;
}

/*--- main ---*/
#main {
	width:740px;
	float:right;
	margin:10px 0px 10px 0px;
	font-size: 11pt;
	min-height: 680px;
	background-color:#fff;
}
/*#main ul{
list-style-type: none;
}
#main ul.title li {
	margin: 10px auto;
}
#main p{
	font-size:10.5pt;
	line-height:1.3em;
	margin:5px 10px 5px 20px;
}*/
#main:after {
	content: "";
   	clear: both;
   	height: 0;
   	display: block;
   	visibility: hidden;
	}

/* --- main_page エリア --- */
section{
	width:730px;
	margin:0px 0px 10px 10px;
	line-height:1.3em;
	list-style-type: none;
	text-align:left;
	zoom:1;
	}
section ul{
	width:710px;
	margin:10px 10px;
	list-style-type: none;
 	}
section li{
	font-size:10.5pt;
	margin: 5px 10px; 
}
section ul li img{
	/*vertical-align: baseline;*/
	text-align: center;
}
section li.title{
	font-size:115%;
	font-weight: 500;
	margin: 0px 0px 7px 10px;
}
section ul.head li {
	font-size:115%;
	line-height:3em;
	margin: 10px 10px 0px;
	vertical-align: middle;
}
section ul.head li img {
	vertical-align: -5px;
}
/* ↓12/05/29 ADD */
section ul.msg {
	margin: 10px 0px 15px 10px;
}
section ul.msg li {
	line-height: 1.1em;
	font-size: 95%;
	font-weight: 500;
	text-indent: 25px;
}
section ul.msg li.title {
	font-size:110%;
	font-weight: 500;
	margin: 0px 0px 10px 10px;
}
/* ↑12/05/29 ADD */
section p{
	font-size:10.5pt;
	line-height:1.0em;
	}
section img{
	padding:0 10px 0 0;
	vertical-align: middle;
	}
section h1{
	font-size:180%;
	list-style-type: none;
	color:#f5f;
	text-indent:90px;
	line-height:120%;
	letter-spacing: 0.5em;
	text-shadow: 0px 0px 5px #000000;
}
section:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* --top page-- */
article{
	clear: both;
	width:730px;
	margin: 0px 0px 10px 10px;
	line-height:1.3em;
	text-align:left;
	list-style-type: none;
	zoom: 1;
}
article ul{
	width:700px;
	margin:10px 0px 10px 0px;
	list-style-type: none;
	background-color:#fff;
 	}
article p{
	width:690px;
	font-size:11pt;
	line-height:1.3em;
	text-indent:20px;
}
article a{
	display:inline;
}
article h2, section h2{
	background:url(../images/section/bg_h6.gif) no-repeat;
	font-size:11pt;
	color:#555;
	text-indent:20px;
	vertical-align:middle;
	font-weight:500;
	}
article h3{
	font-size:12pt;
	text-indent:-5px;
	letter-spacing:0.5em;
	line-height:1.5em;
}
article h4, section h4, main h4{
	font-size:120%;	
	text-indent:25px;
	line-height:1.5em;
	font-weight: 600;
}

article hr{
height: 1px;
background-color: #dddddd;
border: none;
color: #dddddd
}

/*--- 新着情報　---*/
article iframe{
	display:block;
	background-color:#ffffff;
	font-size:0.8em;
	width:660px;
	height:150px;
	margin:10px 0px 10px 35px;
	border:1px #ddd solid;
	zoom:1;
	overflow:auto;
}
article:after{
	content: ".";
   	clear: both;
   	height: 0;
   	display: block;
   	visibility: hidden;
}
/* ----- aside area ----- */
aside{
	clear:left;
	width:710px;
	height:160px;
	margin: 0px 10px 10px 20px;
}
aside:after{
	content: ".";
   	clear: both;
   	height: 0;
   	display: block;
   	visibility: hidden;
}

/* ----- footer area ----- */	
footer{
	width:960px;
	margin:0px auto;
	padding:0px;
	background-color:#ffffff;
	line-height:2em;
	border-top: 2px #9dd8f7 solid;
	zoom:1;
}
footer ul {
	display:inline-block;
	margin:0px 0px 0 50px;
	padding:10px 0;
	list-style-type:none;
}
footer li {
	display:inline;
	margin:0 15px 0 0;
	padding:0 0 0 10px;
	background: url(../images/nav/mark_pink10.gif) no-repeat -1.5px;
	font-size:85%;
	text-shadow:none;
	text-decoration:underline;
	color:#d75b87;
}
footer a:link,
footer a:visited {
	color:#d75b87;
	font-weight:normal;
}
footer a:hover {
	color:#8888ee;
	/*background:#F0ACC0;*/
	font-weight:bold;
	text-decoration:underline;
}
footer:after{
	content: ".";
   	clear: both;
   	height: 0;
   	display: block;
   	visibility: hidden;
}
/* ----- copy　All rights reserved.----- */
#copy{
	text-indent:0;
	width:960px;
	border-top: 2px #9dd8f7 solid;
}
#copy span{
	display: block;
	padding: 5px 0 10px;
	color: #0049a9;
	background-color: #ffffff;
	text-shadow: 0 0 1px #ebebeb;
	font-size: 0.9em;
	text-align: center;
}
#copy img {
vertical-align: -3px;
 }

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}