@charset "Shift-JIS";

/*-----------------------
	RESET
-----------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, 
em, font, img, dl, dt, dd, ol, ul, li, table, tbody, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
}
ol,ul,li{
    list-style:none;
}
body {
	font-size:13px;
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link { color:#09F !important; text-decoration: none !important;}
a:hover { color:#09F !important; text-decoration:underline !important;}

/*-----------------------
	common
-----------------------*/
.contentsWrap {
	width:100%;
	text-align:center;
}
.mainWrap {
	width:1000px;
	margin:0 auto;
	padding: 30px 0 0 0;
}
.header li { float:left;}

#pagetop {
	text-align: right;
	clear: both;
	margin: 40px 0 15px 0;
	padding-top: 40px;
}

/*-----------------------
	top
-----------------------*/
#mainimage {
	padding: 34px 0 0 0;
	clear: both;
}

/* TOP 新着情報 */
#newsArea {
	width:547px;
	padding:0 30px;
	float:left;
	overflow: hidden;
}
#newsArea h3 { padding:18px 0 16px 0;}
#newsArea .rss {
	width:527px;
	min-height:2000px;
	padding:10px;
	/*overflow:auto;*/
	text-align: left;
}

#newsArea .title {
	background:url(../images/top_news_title.gif) no-repeat left center;
	padding:10px 20px;
}
#newsArea .block {
	position: relative;
	zoom:1;
}
#newsArea .date {
	position: absolute;
	left: 410px;
	top: 10px;
}
#newsArea .content {
	padding-right: 143px;
	position: relative;
	margin: 15px 20px;
}
#newsArea .content img {
	width: 130px;
	position: absolute;
	left: 350px;
	top: 10px;
	text-align: center;
	display: block;
}

/* TOP 更新情報 */
#updateArea {
	width:303px;
	padding:0 50px 0 40px;
	float:right;
}
#updateArea .hr { margin:10px 0;}
#updateArea .box_in {
	width:270px;
	height:240px;
	padding:10px;
	margin:0px 0px 10px 0px;
	text-align:left;
	overflow-y:auto;
}

#updateArea .box_in dl {
	padding: 5px 5px 5px 0;
}
#updateArea .box_in dt {
	font-size:16px;
	color:#09F;
	font-weight:bold;
	padding:0 0 5px 0;
}
#updateArea .box_in dd { font-size:12px; line-height:1.8;}
#updateArea .box_in dd.date {}
#updateArea .box_in dd.contents { padding:5px 0;}

.border_b {
	border:0;
	height:1px;
	background:#000;
}

#link a { display:inline-block; padding:10px 15px 0; border:0;} 
/*-----------------------
	下層ページ about_side
-----------------------*/
#sideAbout {
	width:200px;
	height:1050px;
	margin:35px 20px 0 0;
	background:url(../images/side_line.gif) repeat-y right center;
	float:left;
}

#sideAbout ul { padding:32px 0 0 10px; text-align:left;}

/*-----------------------
	下層ページ about_main
-----------------------*/
#mainAbout {
	width:770px;
	height:1100px;
	margin:35px 0 0 10px;
	background:url(../images/about_bg.jpg) no-repeat right top;
	text-align:left;
	float:right;
}

#mainAbout #inner {
	padding-top:25px;
}
#mainAbout #inner h3 { margin-bottom:48px;}
#mainAbout #inner h4 { margin:145px 0 15px 0;}

#mainAbout #inner #txt { padding-left:5px;}
#mainAbout #inner p { line-height:1.8; margin-bottom:30px;}


/*-----------------------------
	下層ページ access_side
-----------------------------*/
#sideAccess {
	width:200px;
	height:750px;
	margin:35px 20px 0 0;
	background:url(../images/side_line.gif) repeat-y right center;
	float:left;
}

#sideAccess ul { padding:32px 0 0 10px; text-align:left;}

/*-----------------------------
	下層ページ access_main
-----------------------------*/
#mainAccess {
	width:770px;
	height:750px;
	margin:35px 0 0 10px;
	text-align:left;
	float:right;
}
#mainAccess #inner {
	width:750px;
	padding:25px 10px;
}
#mainAccess #inner #address {
	width:750px;
	height:204px;
	margin-top:65px;
	background:url(../images/access_bg.jpg) no-repeat;
}
#mainAccess #inner #address ul { padding-left:8px;}

/*-----------------------
	footer
-----------------------*/
.footer {
	width:100%;
	margin-top:15px auto;
	padding:45px 0 0 0;
	background-image:url(../images/footer_line.gif);
	background-repeat:repeat-x;
	display:block;
}

.footer ul {
	width:1000px;
	margin: 0 auto;
	padding:20px 0;
	text-align:center;
	display:inline-block;
}
.footer li { float:left;}

.logo { padding-bottom: 18px;}
.address { padding: 0 84px;}
.fb_icon { padding-left: 93px;}

.copyright {
	width:100%;
	background-color:#fdf97f;
	padding:20px 0;
	margin-top:10px;
}

/*-----------------------
	scroolbar
-----------------------*/
#scroll {
	position: relative;
	width: 300px;
	height: 300px;
	overflow: hidden;
	border: 1px solid #DDD;
}

#scroll .scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 300px;
	z-index: 1;
}

#scroll .scrollbar .track {
	position: absolute;
	top: 5px;
	left: 0;
	background: #EEE;
	width: 5px;
	height: 290px;
	z-index: 2;
}

#scroll .scrollbar .track .thumb {
	position: absolute;
	top: 0;
	left: 0;
	background: #CC3300;
	width: 5px;
	z-index: 3;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}

#scroll .scrollbar .up {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
	background: #DDD;
	z-index: 2;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}

#scroll .scrollbar .down {
	position: absolute;
	top: 295px;
	left: 0;
	width: 5px;
	height: 5px;
	background: #DDD;
	z-index: 2;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}


/*----------------------------------
  カスタムスクロールバー
-----------------------------------*/

/* 全体 */
.jspContainer { overflow:hidden; position:relative; zoom:1; _overflow-y:auto; }

/* スクロールバーを除いたエリア */
.jspPane { position:absolute; left:0; }

/* 縦スクロールバー */
.jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; }

/* 横スクロールバー */
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:10px; }

/* 背景 */
.jspTrack { background:#111; position:relative; width: 1px; _background:none; }

/* ノブ */
.jspDrag { background:#333; position:relative; top:0; left: -4px; cursor:pointer; width: 10px; zoom:1; _background:none; _left: 0px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }

.scroll_area { overflow:auto; height:468px;}





/*----------------------------------
  スライダー
-----------------------------------*/
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	clear: both;
	position: relative;
	margin: 0 auto 50px;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	/*position: absolute;
	bottom: -30px;
	width: 100%;*/
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/loading.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right;
	font-size: 0;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 15px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fdf97f;
}

/* DIRECTION CONTROLS (NEXT / PREV) 

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
*/
.bx-wrapper .bx-controls-direction {
	display: none;
}