@charset "utf-8";
/* CSS Document */
/* http://www.tagindex.com/template/page/example/type3_top.html */
/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0; /* 全体の背景色 */
	color: #000; /* 全体の文字色 */
	font-size: 95%; /* 全体の文字サイズ */
	font-family: "メイリオ","Meiryo", Arial, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	-webkit-text-size-adjust: 100%;
}

img {
	border-style:none;
}

/* --- 全体のリンクテキスト --- */
a:link {
	color: #253A4A;
}
a:visited {
	color: #253A4A;
}
a:hover {
	color: #90333E;
}
a:active {
	color: #90333E;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* --- コンテナ --- */
#container {
	width: 100%; /* コンテナの幅 */
	margin: 0 auto; /* センタリング */
	min-height: 745px;
	min-width: 400px;
	position: relative;
}

/* --- ページ --- */
#wrapper {
width: 100%; /* ページの幅 */
margin: 0 auto 0; /* センタリング */
padding: 0;
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
	text-align: center;
	width: 100%;
	min-width: 400px;
	height: 131px;
	background: #253A4A;
	margin: 0px;
	padding: 0px;
}

#theme {
	width: 100%;
	min-width: 400px;
	height: 64px;
	margin: 0 auto;
	padding: 0px;
	background: #90333E;
	text-align: center;
}

#main_img {
	width: 100%;
	height: 364px;
	text-align: center;
}

img.auto {
	max-width: 100%;
    height: auto;
}

/* --- メイン --- */
#main {
	margin: 0 auto 50px;
	width: 974px;
	padding: 0;
	background: #FFF url(../images/main_image2.png) no-repeat right top;
}

/* new 更新情報
-----------------------------------------------------*/

#content_info_out {
	background: #F0F0F0;
	width: 100%;
	padding: 20px 0 40px;
}
#content_info {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #FFF;
	font-size: 95%;
	border-bottom: 1px solid #CDCDCD;
	-moz-box-shadow: 0 0  5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-ms-box-shadow: 0 0  5px rgba(0,0,0,0.2);
}

#content_info h3 {
	border-bottom: 1px solid #E6B7BD;
	color: #253A4A;
	font-size: 130%;
	padding: 10px 15px 8px;
	margin: 0;
}
#content_info .new {
	height: 250px;
	overflow: auto;
}

#content_info .new dl {
	font-size: 90%;
	margin: 0;
	padding:  15px 0 0;
}
#content_info .new dt {
	width:90px;
	float:left;
	padding:0 0 0 10px;
}
#content_info .new dd {
	padding: 0 5px 5px 7.5em;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #E3DCCC;
}

#content ul, #content ol { 
	padding: 0 15px 15px 40px;
}

/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 50;
	clear: both;
	font-size: 75%;
	padding: 5px 0; /* フッタの上境界線 */
	text-align: center;
	width: 100%;
	height: 20px;
	border-top: 5px solid #F0F0F0;
	background: #253A4A;
	color: #FFF;
}

/* --- フッタメニュー --- */
#footer a,
#footer a:hover {
color: #FFF;
}

/* --- ▲フッタ内の設定終了 --- */

#sp_area {
	height: 300px;
	padding: 20px;
}

#sp_area1 {
	height: 100px;
	padding: 20px;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }