@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");
@import url("h2.css");
@import url("list.css");

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.wrapper style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#wrapper {
	display: block;
	clear: both;
	overflow: hidden;
	width: 758px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 02.header style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#header {
	display: block;
	clear: both;
	overflow: hidden;
	width: 742px!important;
	width/**/: 758px;
	height: 117px;
	text-align: left;
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px 8px 0px 8px;
	position: relative;
}
div#header h1 {
	float: left;
	width: 260px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
}
div#header ul.head_link {
	width: 395px!important;
	width/**/: 400px;
	float: right;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
div#header ul.head_link li {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 2em;
	background-image: url(../images/icon_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	color: #2B328E;
	margin: 0px;
	padding: 0px 5px 0px 10px;
}
div#header li a {
	color: #2B328E;
}
div#header li a:hover {
	color: #993300;
	text-decoration: underline;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 03.navigation style                                                    */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#navigation {
	display: block;
	clear: both;
	width: 730px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#navigation ul {
	width: 730px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 67px;
	left: 6px;
}
div#navigation ul li {
	list-style: none;
	display: block;
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 04.container style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#shadow {
	clear: both;
	overflow: hidden;
	width: 742px!important;
	width/**/: 758px;
	background-image: url(../images/bg_body.png);
	background-repeat: repeat-y;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_body.png', sizingMethod='scale');
	margin: 0px auto 0px auto;
	padding: 0px 8px 0px 8px;
}
div#container {
	clear: both;
	display: block;
	overflow: hidden;
	width: 730px!important;
	width/**/: 742px;
	text-align: left;
	background-image: url(../images/bg_sidebar.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	border-right: 1px solid #969696;
	border-left: 1px solid #969696;
	margin: 0px auto 0px auto;
	padding: 0px 5px 0px 5px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	float: left;
	display: block;
	overflow: hidden;
	width: 160px;
	background-color: #eeeeee;
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*side menu*/
ul#sidemenu {
	width: 160px;
	overflow: hidden;
	height: 300px;
	*height: 290px;
	display: block;
	clear: both;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
ul#sidemenu li {
	display: block;
	float: left;
	width: 158px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/sidemenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #c6c6c6;
	margin: 0px 0px 1px 0px;
}
ul#sidemenu li.sage a {
	width: 138px!important;
	width/**/: 158px;
	padding: 4px 0px 4px 20px;
}
/*++++++++++++++++++++++++*/
ul#sidemenu li a {
	display: block;
	float: left;
	width: 148px!important;
	width/**/: 158px;
	font-size: 12px;
	color: #003567;
	padding: 8px 0px 8px 10px;
	background-image: url(../images/sidemenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
ul#sidemenu li a:active,ul#sidemenu li a:link,ul#sidemenu li a:visited {
	font-size: 12px;
	color: #003567;
	background-image: url(../images/sidemenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
ul#sidemenu li a:hover {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/sidemenu_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #175C83;
}
/*++++++++++++++++++++++*/

ul#sidemenu li#title {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 147px!important;
	width/**/: 160px;
	height: 22px!important;
	height/**/: 30px;
	padding: 8px 5px 0px 8px;
	margin: 0px 0px 8px 0px;
	_margin: 0px;
	border: none;
	background-image: url(../images/sidemenu_title.gif);
	background-repeat: no-repeat;
	background-color: none;
}
ul#sidemenu li#title a {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/sidemenu_title.gif);
	background-repeat: no-repeat;
	background-color: none;
}
ul#sidemenu li#title a:hover {
	color: #FFFFFF;
	background-image: url(../images/sidemenu_title.gif);
	background-repeat: no-repeat;
	background-color: none;
}
/*side link*/
ul#link {
	display: block;
	overflow: hidden;
	clear: both;
	width: 140px!important;
	width/**/: 160px;
	height: 138px!important;
	height/**/: 167px;
	padding: 29px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bg_link.gif);
	background-repeat: no-repeat;
}
ul#link li {
	display: block;
	float: left;
	width: 160px;
	padding: 0px 0px 2px 0px;
	list-style:none;
}

/*side banner*/
ul#banner {
	display: block;
	clear: both;
	overflow: hidden;
	width: 160px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
ul#banner li {
	float: left;
	width: 160px;
	display: block;
	padding: 0px 0px 0px 0px;
}
ul#banner li a.diss{
	float: left;
	width: 160px;
	display: block;
	padding: 0px 0px 4px 0px;
}
/*seach*/
div#seach {
	display: block;
	overflow: hidden;
	clear: both;
	width: 152px!important;
	width/**/: 160px;
	height: 59px!important;
	height/**/: 89px;
	padding: 30px 4px 10px 4px;
	margin: 0px 0px 0px 0px;
	_margin: 0px 0px 10px 0px;
	background-image: url(../images/bg_seach.gif);
	background-repeat: no-repeat;
}
div#seach div.stext span {
	font-size: 12px;
	padding: 0px 0px 0px 5px;
}
div#seach div.how {
	width: 60px;
	display: block;
	float: left;
	padding: 3px 10px 0px 4px;
}
div#seach div.how span {
	font-size: 12px;
}
div#seach div.seach {
	text-align: left;
	width: 60px;
	display: block;
	float: left;
	padding: 4px 0px 0px 4px;
}
div#seach div.seach span {
	font-size: 12px;
	padding: 0px 0px 0px 5px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#contents {
	float: right;
	display: block;
	width: 564px;
	padding: 0px 0px 0px 0px;
	font-size: 70%;
	min-height: 450px;
	background-color: #FFFFFF;
	height: auto !important;
	height: 450px;
	margin: 0px 0px 0px 0px;
}

div#navibar {
	display: block;
	overflow: hidden;
	clear: both;
	width: 730px;
	height: 22px!important;
	height/**/: 32px;
	background-image: url(../images/bg_naviber.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 0px 0px 10px 0px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01-a.fontarea style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*■■■■■■■■■■■■■■■*/
/*+++++++bread link style+++++++*/
/*■■■■■■■■■■■■■■■*/
ol.breadlink {
	overflow: hidden;
	width: 520px!important;
	width/**/: 530px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 22px;	
}
ol.breadlink li {
	overflow: hidden;
	float: left;
	height: 18px!important;
	height: 22px;
	font-weight: normal;
	font-size: 12px;
	list-style-type: none;
	padding: 4px 0px 0px 0px;
	white-space: nowrap;
}
ol.breadlink li a {
	float: left;
	display: block;
	text-align: left;
	font-weight: normal;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
}
ol.breadlink li span {
	font-weight: bold;
	white-space: nowrap;
}
/*■■■■■■■■■■■■■■■*/
/*+++++++font area style++++++++*/
/*■■■■■■■■■■■■■■■*/
ul#fontarea {
	float: right;
	width: 200px;
	height: 22px;
	position: relative;
	top: -20px;
	left: 0px;
}
ul#fontarea li {
	text-align: left;
	height: 18px;
	float: right;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
div#textarea {
	font-size: 120%;
	width/**/: 564px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
body.fontL #textarea {
	font-size: 130%;
	line-height: 200%;
}
body.fontM #textarea {
	font-size: 125%;
	line-height: 190%;
}
body.fontS #textarea {
	font-size: 120%;
	line-height: 180%;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 07.footer style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#footer {
	display: block;
	clear: both;
	width: 742px!important;
	width/**/: 758px;
	height: 96px;
	color: #999999;
	text-align: left;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.5em;
	background-image: url(../images/foot.gif);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px 8px 0px 8px;
	position: relative;
}
p#company {	
	text-align: center;
	margin: 0px auto;
	font-size: 12px;
	padding: 0px 0px 0px 12px;
}
p#company span {
	font-size: 12px;
	color: #006699;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#menu {
	margin: 0px;
	padding: 24px 0px 0px 20px;
}
#menu li {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.5em;
	list-style: none;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#menu li.footright {
	font-size: 12px;
	display: inline;
	float: right;
	margin: 0px;
	padding: 0px 14px 0px 0px;
}
#menu li a {
	color: #25285F;
}
#menu li a:hover {
	color: #25285F;
	text-decoration: underline;
}
#submenu {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	clear: both;
}
#submenu li {
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.5em;
	background-image: url(../images/icon_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 50% left;
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px 5px 0px 10px;
}
#submenu li a {
	color: #666666;
}
#submenu li a:hover {
	color: #999999;
	text-decoration: underline;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 08.copyright style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#copyright {
	text-aling: left;
	text-indent: -5000px
}