@charset "UTF-8";

/* CSS Document */

/* --------------
MODULE IMPORT
-------------- */

@import "navigation.css";
@import "right_navigation.css";
@import "size_navigation.css";

/* ----------------------------------------------------------------------------------
common
---------------------------------------------------------------------------------- */

* {
  margin: 0px;
  padding: 0px;
}

body {
	background: #fff url(../img/bg.gif) repeat-x left top;
	margin : 0;
	padding : 0;
	text-align : center;
	-webkit-text-size-adjust: 100%;
}

a:link { color: #215AA7; text-decoration: none; }
a:visited { color: #215AA7; text-decoration: none; }
a:hover { color: #E60012; text-decoration: underline; }
a:active { color: #215AA7; }

img { border: 0px; }

li {
	list-style-type: none;
	display: block;
	margin: 0;
    padding: 0;
    list-style-position: outside;
}

body,td,div,li,dd,dt,dd	{
    font-family: メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',"Osaka";
	color: #505050;
    line-height : 150%;
	font-size: 12px;
}

/* ----------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------- */

#header {
    position: relative;
	background: url(../img/navi_bg.png) no-repeat bottom;
 	width : 980px;
	height: 125px;
    margin: 0px auto;
    padding: 0px;
}

#logo {
    position: absolute;
    left: 0px;
    top: 20px;
}

#seoArea {
	width: 980px;
	text-align: left;
	color: #215AA7;
	font-size: 11px;
	margin: 5px auto;
	padding: 0px;
	line-height: 100%;
}

#pankuzuArea {
	width: 980px;
	text-align: left;
	font-size: 11px;
	margin: 5px auto;
	padding: 0px;
	line-height: 100%;
}

/* ----------------------------------------------------------------------------------
slider
---------------------------------------------------------------------------------- */

#mainImgArea {
	position: relative;
	width: 100%;
	margin: 0px auto;
	margin-bottom: 15px !important;
	padding: 0px;
}

#mainImgAreaLineTop {
	position: absolute;
	width: 100%;
	border-top: 1px solid #215AA7;
	left: 0px;
	top: 3px;
	z-index: 10000;
}

#mainImgAreaTxt {
	position: absolute;
    left: 50%;
	top: 50%;
    margin-left: -291px;
	margin-top: -30px;
	z-index: 10000;
}

#mainImgAreaLineBottom {
	position: absolute;
	width: 100%;
    border-top: 1px solid #215AA7;
	left: 0px;
	bottom: 3px;
	z-index: 10000;
}

.fs_slide img {
	width:980px;
	display:block;
}

.slider {
    height: 380px; 
}

.fs_next {
	position: absolute; 
	display: block;
	background: url(../../img/index/next.png) no-repeat;
	width: 18px;
	height: 23px;
	font-size: 1px;
	top: 179px;
	right: 20px;
	z-index: 5; 
}
 
.fs_prev {
    position: absolute; 
	display: block;
	background: url(../../img/index/prev.png) no-repeat;
	width: 18px;
	height: 23px;
	font-size: 1px;
	top: 179px;
	left: 20px;
	z-index: 5; 
}

/* ----------------------------------------------------------------------------------
contents
---------------------------------------------------------------------------------- */

#wrapper {
 	width: 980px;
	text-align: left;
	margin: 0px auto;
    padding: 0px;
}

#mainContentsArea {
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 15px !important;
	padding: 0px;
}

#mainContentsL {
	float: left;
	background-color: #FFF5E9;
	width: 315px;
	margin-right: 14px;
	padding: 0px;
	border: 1px solid #ccc;
}

#mainContentsC {
	float: left;
	background-color: #FFF5E9;
	width: 315px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
}

#mainContentsR {
	float: right;
	background-color: #FFF5E9;
	width: 315px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
}

.mainContentsTxtInner {
	margin: 0px auto;
	padding: 12px 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#titleArea {
	width: 100%;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 15px !important;
	padding: 1px 0px;
	border-top: 1px solid #215AA7;
	border-bottom: 1px solid #215AA7;
}

#indexLeftArea {
    float: left;
    width: 681px;
    margin: 0px;
    padding: 0px;
}

#leftArea {
    float: left;
    width: 740px;
    margin: 0px;
    padding: 0px;
}

.indexPhotoR {
	float: right;
	margin: 0px 0px 0px 20px;
}

.blue {
    color: #215aa7;
}

.red {
	color: #C00;
}

.redS {
	color: #C00;
	font-size: 11px;
}

#indexRightArea {
    float: right;
    width: 280px;
    margin: 0px;
    padding: 0px;
}

#rightArea {
    float: right;
    width: 220px;
    margin: 0px;
    padding: 0px;
}

.banner {
	margin: 7px 0px;
	padding: 0px;
}

.linksMark {
	background: url(../img/link_mark.png) no-repeat left;
	background-position: 0px 0.35em;
	padding-left: 12px;
}

#pageTopArea {
    clear: both;
	width: 980px;
    text-align: right;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}

#pageTopAreaContents {
    clear: both;
	width: 980px;
    text-align: right;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
}

.smallTxt {
	font-size: 11px;
}

.largeTxt {
	font-size: 14px;
}

.photoRight {
    float: right;
	margin: 0px 0px 20px 20px;	
	padding: 0px; 
}

#contactButtonArea {
    clear: both;
	text-align: center;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
    margin: 0px auto;
	padding: 10px 0px;
}

#flowCenterArea {
	text-align: center;
    margin: 0px auto;
    padding: 0px;  
}

#txtRightArea {
	text-align: right;
    margin: 0px auto;
    padding: 0px;  
}

/* ----------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------- */

#footer {
    clear: both;
	background: #215AA7 url(../img/footer_bg.gif) repeat left top;
	width : 100%;
	margin: 0px auto;
    padding: 0px;
}

.footerArea {
	overflow: hidden;
	position: relative;
 	width : 980px; 
	font-size: 11px;
	text-align: left;
	margin: 0px auto;
    padding: 18px 0px;
}

.footerArea a:link { color: #fff; text-decoration: none; }
.footerArea a:visited { color: #fff; text-decoration: none; }
.footerArea a:hover { color: #fff; text-decoration: underline; }
.footerArea a:active { color: #fff; }


.linksMarkFooter {
	background: url(../img/link_mark_footer.png) no-repeat left;
	background-position: 0px 0.45em;
	padding-left: 12px;
}

.footerLinksArea {
	float: left;
	width: 255px;
	margin-right: 20px;
	padding: 0px;
}

.footerLinksAreaC {
	float: left;
	width: 255px;
	margin: 0px;
	padding: 0px;
}

.footerLinksAreaR {
	float: right;
	width: 155px;
	margin: 0px;
	padding: 0px;
}

.footerLinksInner {
	clear: both;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.footerLinksAreaNormal {
	margin: 0px;
	padding: 0px;
}

.footerLinksArea li {
	font-size: 11px;
	padding: 2px 3px 0px 3px;
}

.footerLinksAreaR li {
	font-size: 11px;
	padding: 2px 3px 0px 3px;
}

.footerLinksAreaC li {
	font-size: 11px;
	padding: 2px 3px 0px 3px;
}

.footerLinksTitle {
	background: url(../img/footer_links_line.gif) repeat-x left bottom;
	font-size: 11px;
	margin-bottom: 6px;
	padding: 0px 0px 6px 3px !important;
}

.footerLinksTitle2 {
	background: url(../img/footer_links_line.gif) repeat-x left bottom;
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 6px;
	padding: 0px 0px 6px 3px !important;
}

#footerAreaBottom {
	clear: both;
	background-color: #333;
 	width : 100%;
	margin: 0px auto;
    padding: 0px;
}

#footerBottom {
 	width : 980px;  
	font-size: 11px;
	text-align: left;
	color: #fff;
	margin: 0px auto;
    padding: 15px 0px 70px 0px;
}

#copyrightTxt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 10px;
}

#footerBottomContact {
	position: fixed;
    left: 50%;
	bottom: 0px;
    margin-left: -490px;
	z-index: 10000;
}

/* ----------------------------------------------------------------------------------
serach
---------------------------------------------------------------------------------- */

#srchArea {
    position: absolute;
    width: 445px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	top: 13px;
	right: 0px;
}

#siteFormTxt {
    position: absolute;
    text-align: right;
    font-size: 11px;
	top: 3px;
	right: 256px;
	line-height: 18px;
}

.srch_mark {
    background: url(../img/srch_mark.gif) no-repeat left;
	padding-left: 18px;
}

input#srchtxt{
    width:150px;
    height:13px;
    min-height:13px;
	margin-right:5px;
    padding:3px 5px;
    *width:150px;
    *height:13px;
    border:1px solid #c3c3c3;
    border-left-color:#7c7c7c;
    border-top-color:#7c7c7c;
    background:#fff;
}

input#srchbtn{
    width:80px;
    *height:20px;
    min-height:20px;
    padding:0px 0;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
}

#siteFormArea {
    position: relative;
    background-color: #F2FDFF;
    text-align: center;
	margin: 0px auto;
    padding: 15px 0px 15px 40px;
	border: 1px dotted #ccc;
}

#siteFormTxtW {
    position: absolute;
    text-align: right; 
    font-size : 11px;
	line-height:120%;
    left: 312px;
    top: 20px;
}

/*==================================================
ページリスト(.PageList)
================================================== */

.PageList {text-align: center; clear: both; margin:20px auto; padding-top:20px;}
	
.PageList ul {
}
.PageList ul li {
	display: inline;
}
.PageList ul li.now { /* 現在のページ */
}
.PageList ul li a {
	padding: 5px 12px;
	border-width: 1px;
	border-style:  solid;
	text-decoration: none;
}
.PageList ul li a, .PageList ul li a:link, .PageList ul li a:visited {
	border-color: #CCC;
	color: #999;
}
.PageList ul li a:focus, .PageList ul li a:hover, .PageList ul li a:active {
	border-color: #d6a0a1;
	background-color:#fff;
	color: #d6a0a1;
}
.PageList ul li.now a { /* 現在のページ */
	border-color: #d6a0a1;
	background-color:#d6a0a1;
	color: #fff;
}