@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: #EEEEEE;
	background-image: url(../images/template/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 { 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; }
.txcOrange { color: #FF6600; }
.txcBrown  { color: #504030; }
.txcDarkOrange { color: #DF8600; }

.bgcOrange { background: #FF6600; }
.bgcBlue { background: #0066CC; }
.bgcGreen { background: #339966; }
.bgcPink { background: #CC3366; }

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

.mgT05 { margin-top: 5px; }
.mgT20 { margin-top: 20px; }
.mgT30 { margin-top: 30px; }
.mgT40 { margin-top: 40px; }
.mgTB10 { margin: 10px 0; }

/* インデント -------------------- */

.indent {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}

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

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

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: #FFFFFF;
	overflow: hidden;
}

#main {
	width: 800px;
}


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

#header {
	width: 800px;
	height: 100px;
	background: url(../images/template/main_img.jpg);
	position: relative;
	margin: 0px;
}
#header .htxt01 {
	position: absolute;
	top: 20px;
	left: 15px;
}

#hnavi { font-size: 12px; padding-top: 25px; padding-right: 20px; text-align:right; }
#hnavi li {
	background: url(../images/template/arrow.gif) no-repeat left center;
	display: inline;
	padding-left: 20px;
	margin-left: 10px;
}
#hnavi li a         { color: #FFF; text-decoration: none ; }
#hnavi li a:visited { color: #FFF; text-decoration: none; }
#hnavi li a:hover   { color: #FFF; text-decoration: underline; }

.gnavi {
	width: 800px;
	height: /*55px;*/60px;
	font-size: xx-small;
}

.gnavi li {
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: /*55px;*/60px;
	display: block;
}

.gnavi01 { width: 267px; background: url(../images/template/gnavi01.jpg);}
.gnavi02 { width: 266px; background: url(../images/template/gnavi02.jpg);}
.gnavi03 { width: 267px; background: url(../images/template/gnavi03.jpg);}
.gnavi04 { width: 160px; background: url(../images/template/gnavi04.jpg);}
.gnavi05 { width: 160px; background: url(../images/template/gnavi05.jpg);}
.gnavi06 { width: 160px; background: url(../images/template/gnavi06.jpg);}
.gnavi07 { width: 160px; background: url(../images/template/gnavi07.jpg);}
.gnavi08 { width: 160px; background: url(../images/template/gnavi08.jpg);}

.gnavi li a {
	display: block;
	height: /*55px;*/60px;
	text-indent: -9999px;
}

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



/* --------------------------------------------------------------------------------------
 サイドバー
--------------------------------------------------------------------------------------- */

div#rightColumn {
	float: right;
	width: 198px;
	text-align: center;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	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/template/smenu01.jpg) no-repeat center top}
.linkB02 { background: url(../images/template/smenu02.jpg) no-repeat center top}
.linkB03 { background: url(../images/template/smenu03.jpg) no-repeat center top}
.linkB08 { background: url(../images/template/smenu08.jpg) no-repeat center top}
.linkB09 { background: url(../images/template/smenu09.jpg) no-repeat center top}
.linkB11 { background: url(../images/template/smenu10.jpg) no-repeat center top}
.linkB12 { background: url(../images/template/smenu11.jpg) no-repeat center top}
.linkB13 { background: url(../images/template/smenu14.jpg) no-repeat center top}
.linkB14 { background: url(../images/template/smenu19.jpg) no-repeat center top}

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

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

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

.linkP01 { background: url(../images/template/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/template/smenu09_over.jpg) no-repeat center top}
.linkP02 a:hover { background: url(../images/template/smenu12_over.jpg) no-repeat center top}
.linkP03 a:hover { background: url(../images/template/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/template/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/template/smenu15_over.jpg) no-repeat center top}

.linkBO02 { background: url(../images/template/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/template/smenu18_over.jpg) no-repeat center top}

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

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

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

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



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

/* sao追加ここまで*/

/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

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

h2 {
    color: #001132;
	font-size:medium;
	font-weight:bold;
	padding: 10px 0 10px 30px;
	background: #FFF url(../images/h2_bg.gif) no-repeat;
	background-position:left;
	line-height: 1.3; /* ADD 110610 */
}

h2 a:link		{ color: #001132; text-decoration: none; }
h2 a:visited	{ color: #001132; text-decoration: none; }
h2 a:active		{ color: #001132; text-decoration: none; }
h2 a:hover		{ color: #1B4C71; text-decoration: none; background-color:#FFF; }

h2 span {
    color: #FFF;
	font-size:85%;
	font-weight:bold;
	padding: 2px 10px 2px 10px;
	margin-right: 10px;
	background: #001132;
	vertical-align: /*middle*/ top;
} /* ADD 110610 */

h3 {
	background: url(../images/h3_bg.gif) repeat-x;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 15px;
	margin-bottom: 10px;
}


/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */

#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%;*/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;}


/* --------------------------------------------------------------------------------------
 移動ナビ
--------------------------------------------------------------------------------------- */

.commmonLink {
	width: 540px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	text-align: right;
	font-size: 12px;
	height: 15px;
}

.commmonLink li {
	padding-left: 19px;
	height: 15px;
	display: block;
}

.before {
	background: url(../images/template/before.gif) no-repeat left top;
	padding-right: 15px;
	float: left;
}

.top {
	float: right;
	background: url(../images/template/top.gif) no-repeat left top;
}

.localLink { background: url(../images/arrow_next.gif) no-repeat left; padding-left: 20px; margin-top: 20px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: 1px; }


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

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