@charset "utf-8";

*{	margin: 0; padding: 0; font-style: normal;	}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント -------------------- */

body {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro", "Pro W3";
	font-size: 14px;
	background-color: #F4F4F4;
	background-image: url(../images/home/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}


/* 基本タグ -------------------- */

body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	padding: 0px;
	margin: 0px;
}

body {
	text-align: center;
	margin-bottom: 20px;
}

img,table { border: none;}

ol,ul {	list-style: none;}

address,em,cite { font-style: normal;}

a { overflow: hidden;} 


/* 基本テキストリンク -------------------- */

a:link {	text-decoration:none;	color:#0066CC;}
a:visited {	text-decoration:none;	color:#0066CC;}
a:hover {	text-decoration:underline;	color:#18327C;}


/* テキストカラー -------------------- */

.txcBlue { color: #003366; }
.txcGreen { color: #336666; }


/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT20 { margin-top: 20px; }
.mgT30 { margin-top: 30px; }



/* --------------------------------------------------------------------------------------
 フロート
--------------------------------------------------------------------------------------- */

.fltR { float: right; }
.fltL { float: left; }


/* float解除 -------------------- */

br.clr  { clear: both; font-size: 0px; line-height: 0px;}

.clearFix:after { content:""; display:block; clear:both; }
.clearFix { display:inline-block; }
/*\*/
* html .clearFix { height:1%; }
.clearFix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */
#wrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #F4F4F4;
	overflow: hidden;
}

#main {
	width: 800px;
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

#header {
	width: 800px;
	height: 390px;
	background: url(../images/home/mainvisual.jpg);
	position: relative;
	margin: 0px;
}


/* --------------------------------------------------------------------------------------
 ナビゲーション
--------------------------------------------------------------------------------------- */

.gnavi {
	width: 800px;
	height: 90px;
	font-size: xx-small;
}

.gnavi li {
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 90px;
	display: block;
}

.gnavi01 { width: 267px; background: url(../images/home/gnavi01.jpg);}
.gnavi02 { width: 266px; background: url(../images/home/gnavi02.jpg);}
.gnavi03 { width: 267px; background: url(../images/home/gnavi03.jpg);}

.gnavi04 { width: 160px; background: url(../images/home/gnavi04.jpg);}
.gnavi05 { width: 160px; background: url(../images/home/gnavi05.jpg);}
.gnavi06 { width: 160px; background: url(../images/home/gnavi06.jpg);}
.gnavi07 { width: 160px; background: url(../images/home/gnavi07.jpg);}
.gnavi08 { width: 160px; background: url(../images/home/gnavi08.jpg);}

.gnavi li a {
	display: block;
	height: 90px;
	text-indent: -9999px;
}

.gnavi01 a:hover { background: url(../images/home/gnavi01_over.jpg);}
.gnavi02 a:hover { background: url(../images/home/gnavi02_over.jpg);}
.gnavi03 a:hover { background: url(../images/home/gnavi03_over.jpg);}
.gnavi04 a:hover { background: url(../images/home/gnavi04_over.jpg);}
.gnavi05 a:hover { background: url(../images/home/gnavi05_over.jpg);}
.gnavi06 a:hover { background: url(../images/home/gnavi06_over.jpg);}
.gnavi07 a:hover { background: url(../images/home/gnavi07_over.jpg);}
.gnavi08 a:hover { background: url(../images/home/gnavi08_over.jpg);}


/* --------------------------------------------------------------------------------------
 右カラム　　
--------------------------------------------------------------------------------------- */

div#rightColumn {
	float: right;
	width: 198px;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* サイドメニュー -------------------- */

#rightColumn li img {
	vertical-align: bottom; 
	margin-bottom: 3px;
}


/* 
.linkBanner {
	width: 548px;
	margin-right: 46px;
	margin-left: 46px;
	margin-top: 13px;
	clear: both;
	height: 23px;
	font-size: xx-small;
}
 */

.linkBanner li {
	text-align: center;
	display: block;
	float: left;
	width: 198px;
	height: 78px;
	margin-top: 5px;
}

.linkB01 { background: url(../images/home/smenu01.jpg) no-repeat center top}
.linkB02 { background: url(../images/home/smenu02.jpg) no-repeat center top}
.linkB03 { background: url(../images/home/smenu03.jpg) no-repeat center top}
.linkB08 { background: url(../images/home/smenu08.jpg) no-repeat center top}
.linkB09 { background: url(../images/home/smenu09.jpg) no-repeat center top}
.linkB10 { background: url(../images/home/smenu10.jpg) no-repeat center top}
.linkB11 { background: url(../images/home/smenu11.jpg) no-repeat center top}
.linkB12 { background: url(../images/home/smenu14.jpg) no-repeat center top}
.linkB14 { background: url(../images/home/smenu19.jpg) no-repeat center top}

.linkBanner li a {
	display: block;
	text-indent: -9999px;
	width: 198px;
	height: 78px;
}

.linkB01 a:hover { background: url(../images/home/smenu01_over.jpg)}
.linkB02 a:hover { background: url(../images/home/smenu02_over.jpg)}
.linkB03 a:hover { background: url(../images/home/smenu03_over.jpg)}
.linkB08 a:hover { background: url(../images/home/smenu08_over.jpg)}
.linkB09 a:hover { background: url(../images/home/smenu09_over.jpg)}
.linkB10 a:hover { background: url(../images/home/smenu10_over.jpg)}
.linkB11 a:hover { background: url(../images/home/smenu11_over.jpg)}
.linkB12 a:hover { background: url(../images/home/smenu14_over.jpg)}
.linkB14 a:hover { background: url(../images/home/smenu19_over.jpg)}

.linkpr li {
	text-align: center;
	display: block;
	float: left;
	width: 198px;
	height: 156px;
	margin-top: 5px;
}

.linkP01 { background: url(../images/home/smenu09.jpg) no-repeat center top}
.linkP02 { background: url(../images/home/smenu12.jpg) no-repeat center top}
.linkP03 { background: url(../images/home/smenu13.jpg) no-repeat center top}

.linkpr li a {
	display: block;
	text-indent: -9999px;
	width: 198px;
	height: 156px;
}

.linkP01 a:hover { background: url(../images/home/smenu09_over.jpg) no-repeat center top}
.linkP02 a:hover { background: url(../images/home/smenu12_over.jpg) no-repeat center top}
.linkP03 a:hover { background: url(../images/home/smenu13_over.jpg) no-repeat center top}


/* sao追加ここから*/
.linkpr_book li {
	text-align: center;
	display: block;
	float: left;
	width: 198px;
	height: 264px;
	margin-top: 5px;
}

.linkBO01 { background: url(../images/home/smenu15.jpg) no-repeat center top}

.linkpr_book li a {
	display: block;
	text-indent: -9999px;
	width: 198px;
	height: 264px;
}

.linkBO01 a:hover { background: url(../images/home/smenu15_over.jpg) no-repeat center top}

.linkBO02 { background: url(../images/home/smenu18.jpg) no-repeat center top}

.linkpr_book li a {
	display: block;
	text-indent: -9999px;
	width: 198px;
	height: 264px;
}

.linkBO02 a:hover { background: url(../images/home/smenu18_over.jpg) no-repeat center top}

.linkLeft li {
	text-align: center;
	display: block;
	float: left;
	width: 585px;
	height: 80px;
	margin-top: 5px;
	margin-left: 5px;
}

.linkL01 { background: url(../images/home/smenu16.jpg) no-repeat center top}
.linkL02 { background: url(../images/home/smenu17.jpg) no-repeat center top}

.linkLeft li a {
	display: block;
	text-indent: -9999px;
	width: 585px;
	height: 80px;
}

.linkL01 a:hover { background: url(../images/home/smenu16_over.jpg) no-repeat center top}
.linkL02 a:hover { background: url(../images/home/smenu17_over.jpg) no-repeat center top}

/* sao追加ここまで*/


/* --------------------------------------------------------------------------------------
 左カラム　　
--------------------------------------------------------------------------------------- */

div#leftColumn {
	width: 540px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* フッターテキストナビ -------------------- */

#footNavi {
	width: 800px;
	clear: both;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}

#footNavi li { display: inline; color: #999999; /*font-size: 85%;*/ font-size: 90%; }
#footNavi li a:link {	text-decoration:none;	color:#001132;}
#footNavi li a:visited {	text-decoration:none;	color:#001132;}
#footNavi li a:hover {	text-decoration:underline;	color:#001132;}

#footNavi img { }


/* コピーライト -------------------- */

#copyright {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	font-size: 85%;
	color: #999999;
	letter-spacing: 2px;
	padding-bottom: 10px;
	text-align: center;
}


#copyright a:link    { text-decoration:none; color:#999999;}
#copyright a:visited { text-decoration:none; color:#999999;}
#copyright a:hover   { text-decoration:underline; color:#001132;}


/* コンテンツ白背景 -------------------- */

.shadow_top {
	height: 10px;
	width: 595px;
	background: url(../images/home/shadow_top.jpg) no-repeat left bottom;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
.shadow_side02 {
	width: 595px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: url(../images/home/shadow_side02.jpg) repeat-y;
	overflow: hidden;
}

.shadow_side01 { 
	height: 10px;
	width: 595px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/home/shadow_side01.jpg) no-repeat;
 }


/* ニュース（VL-CMS） -------------------- */

#news_title {
	text-align:left;
	letter-spacing: 2px;
	background-image: url(../images/home/news_title_arrow.jpg);
	padding-left: 20px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #113AA6;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;
	margin-right: 35px;
	line-height: 14px;
}
#news {
	/*height: 250px;*/
	/*height: 328px;*/
	height: 628px;
	width: 575px; /* 595px */
	padding: 0px 20px 20px 25px;
	text-align: left;
}

#releaseBox {
	background-color: #FFF;
	margin: 0px 0 10px 0;
	padding: 10px;
	width: 535px;
	/*height: 240px;*/
	/*height: 318px;*/
	height: 618px;
	overflow: auto; /* 090808 ADD */
	vertical-align: top; /* 090808 ADD */
}
#releaseBox a{
	color: #0066CC; /* #FE9900 001132 */
	text-decoration: none;
}
#releaseBox a:visited {
	color: #0066CC; /* #FE9900 001132 */
	text-decoration: none;
}
#releaseBox a:active {
	color: #0066CC; /* #FE9900 001132 */
	text-decoration: none;
}
#releaseBox a:hover {
	color: #18327C; /* #FE9900 #FE9900 */
	text-decoration: underline;
}
#releaseBox p {
	font-size: 13px;
	line-height: 1.5;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 5px; /* 15px */
}
#releaseBox b {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	letter-spacing: 2px;
}
#releaseBox .hot {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-color: #339900;
	padding: 2px 7px 2px 10px;
	margin-left: 15px;
	text-align: center;
	font-style: normal;
}
#releaseBox .info {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-color: #3399CC;
	padding: 2px 7px 2px 10px;
	margin-left: 15px;
	text-align: center;
	font-style: normal;
}
#releaseBox .blog {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-color: #EF5050;
	padding: 2px 7px 2px 10px;
	margin-left: 15px;
	text-align: center;
	font-style: normal;
}
#releaseBox .event {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-color: #FF6600;
	padding: 2px 7px 2px 10px;
	margin-left: 15px;
	text-align: center;
	font-style: normal;
}
#releaseBox .other {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-color: #9F70CF;
	padding: 2px 7px 2px 10px;
	margin-left: 15px;
	text-align: center;
	font-style: normal;
}


/* RSS（VL-BLOG） -------------------- */

#rss_title {
	text-align:left;
	letter-spacing: 2px;
	background-image: url(../images/news_title_arrow.jpg);
	padding-left: 20px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #113AA6;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;
	margin-right: 35px;
	line-height: 14px;
}
#rss {
	height: 250px;
	width: 575px; /* 595px */
	padding: 0px 20px 20px 25px;
	text-align: left;
}

#rssBox {
	background-color: #FFF;
	margin: 0px 0 10px 0;
	padding: 10px;
	width: 535px;
	height: 240px;
	overflow: auto; /* 090808 ADD */
	vertical-align: top; /* 090808 ADD */
}
#rssBox a{
	color: #FE9900;
	text-decoration: none;
}
#rssBox a:visited {
	color: #FE9900;
	text-decoration: none;
}
#rssBox a:hover {
	color: #FE9900;
	text-decoration: underline;
}
#rssBox a:active {
	color: #FE9900;
	text-decoration: none;
}
#rssBox dt {
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	letter-spacing: 2px;
}
#rssBox dd {
	font-size: 13px;
	line-height: 1.5;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 5px; /* 15px */
}


/* --------------------------------------------------------------------------------------
 プリロードイメージ
--------------------------------------------------------------------------------------- */

#image-preload{
	width: 0px;
	height: 0px;
	display: inline;
	background-image:url(../images/home/gnavi04_over.jpg);
	background-image:url(../images/home/gnavi05_over.jpg);
	background-image:url(../images/home/gnavi06_over.jpg);
	background-image:url(../images/home/gnavi07_over.jpg);
	background-image:url(../images/home/gnavi08_over.jpg);
	background-image:url(../images/home/smenu01_over.jpg);
	background-image:url(../images/home/smenu02_over.jpg);
	background-image:url(../images/home/smenu03_over.jpg);
	background-image:url(../images/home/smenu08_over.jpg);
	background-image:url(../images/home/smenu09_over.jpg);
	background-image:url(../images/home/smenu10_over.jpg);
	background-image:url(../images/home/smenu11_over.jpg);
	background-image:url( );
}