@charset "utf-8";
*{
margin: 0;
padding: 0;}

img{
	border: none;}
ul{	
	list-style: none;}
body{
	font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fdf4e2;
	color: #ccc;}

	
#header{
	margin: 0 auto;}

#title_area{
	width: 879px;
	margin: 0 auto;}
	
#title_left{
	float: left;
	width: 68px;
	margin-top: 4px;}

#title_center{
	float: left;
	width: 394px;}

h1{
	background: url(images/1-10_head/h1.gif) no-repeat;
	width: 394px;
	height: 35px;
	margin: 10px 0 5px;
	text-indent: -9000px;}	

#h1_sub{
	background: url(images/1-10_head/h1_sub.gif) no-repeat;
	float: left;
	width: 196px;
	height: 14px;
	text-indent: -9000px;
	margin-bottom: 22px;
	margin-left: 8px;}	

#language{
	float: right;
	width: 101px;
	height: 12px;
	margin-top: 14px;}	
	
#language li{
	float: left;	
	height: 12px;}
	
#language a{	
	display: block;
	text-indent: -9000px;
	height: 12px;
	overflow: hidden;}

#language a:link,
#language a:visited {background-position: 0 -12px;}

#language a:hover,
#language a:active {background-position: 0 0;}	

#japanese{
	background: url(images/1-10_head/japanese.gif) no-repeat;
	width: 42px;}	
#english{
	background: url(images/1-10_head/english.gif) no-repeat;
	width: 59px;}
	
#nav{		
	clear: both;
	width: 879px;
	height: 23px;
	margin: 15px auto 0;}

#nav li{
	float: left;
	height: 23px;
	list-style: none;}
#nav a{	
	display: block;
	text-indent: -9000px;
	height: 23px;
	overflow: hidden;}

#nav a:link,
#nav a:visited {background-position: 0 -23px;}

#nav a:hover,
#nav a:active {background-position: 0 0;}	

#home{
	background: url(images/1-10_head/1_home.gif) no-repeat;
	width: 79px;}	
#earth{
	background: url(images/1-10_head/2_earth.gif) no-repeat;
	width: 163px;}
#loan{
	background: url(images/1-10_head/3_loan.gif) no-repeat;
	width: 112px;}
#life{
	background: url(images/1-10_head/4_life.gif) no-repeat;
	width: 85px;}
#bible{
	background: url(images/1-10_head/5_bible.gif) no-repeat;
	width: 86px;}
#thoughts{
	background: url(images/1-10_head/6_thoughts.gif) no-repeat;
	width: 112px;}
#link{
	background: url(images/1-10_head/8_link.gif) no-repeat;
	width: 69px;}
#photo{
	background: url(images/1-10_head/9_photo.gif) no-repeat;
	width: 84px;}
#resource{
	background: url(images/1-10_head/10_resource.gif) no-repeat;
	width: 89px;}	
	
#navi_area{	
	border-bottom: solid 1px #5C4036;
	width: 100%;
	z-index: 3;}
	
#contents{
	width: 879px;
	margin: 0 auto;}

#photo_area{
	width: 879px;
	margin-top: 0;
	z-index: 1;}


	/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides{ margin: 0; padding: 0; list-style: none;}
.flex-control-nav {margin: 0; padding: 0; list-style: none; background: #fdf4e2; height: 10px;
padding-top: 10px;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
	/*ここでスライドショー全体の幅を指定（初期設定100％）*/
	width: 879px;}
	
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*ここで写真の最大幅を指定*/
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fdf4e2;; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
/*左右のナビゲーションボタンの設定*/
.flex-direction-nav li a {
	width: 52px;
	/*heightを写真の高さにすれば、反応領域の高さが増える(その場合ボタンの位置を上にする）*/
	height: 504px;
	margin: -13px 0 0;
	display: block;
	/*背景を指定 / ここを消すと左右のボタンがなくなる*/
	background: url(images/bg_direction_nav.png) no-repeat;
	position: absolute;
	/*ここでボタンの位置を指定（0にするとボタンの位置が上に,100にするとボタンの位置が下に）*/
	top: 50%;
	cursor: pointer;
	text-indent: -999em;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 5; margin-left: 397px;}
.flex-control-nav li {margin: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}

/*スライド下部のボタンの設定*/
.flex-control-nav {
	background:#fdf4e2;
	/*height: 25px;*/}

.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(images/1-10_head/bg_control_nav.png) no-repeat;
	/*マウスカーソルをポインターに変更*/
	cursor: pointer;
	text-indent: -9000px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/*#mainと#fbを横並びに配置*/
#wrap{
	display: flex;
	padding-top: 2em;
	margin-bottom: 2em;
}

/*Facebook*/
#fb{		
	width: 40%;
}

#fb .bg_fb {
	height: 60px;
	background-image: url("images/f_logo_RGB-Blue_58.png");  /* 背景画像指定 */
	background-repeat: no-repeat;
	background-size:30px;
	background-position: 5% 50%;
	background-color: #fff;
	}
#fb > div.bg_fb > article {padding: 5% 0% 0% 20%;}
#fb > div.bg_fb > article > a:link,
#fb > div.bg_fb > article > a:visited{
	color: #576277;}
#fb > div.bg_fb > article > a:hover,
#fb > div.bg_fb > article > a:active{
	color: #939D98;}
/*ニュース＆トピックスエリア*/
#main{		
	/*
	margin: 35px auto 30px;
	width: 879px; 
	background: #fff;
	border: solid 1px #5C4036;
*/
	width: 58%;
	padding-left: 1em;
}

iframe{
	height: 90%;
	width: 100%;
	border: none
}

h3{
	font-size: 14px;
	color: #fff;
	background: #5C4036;
	line-height: 25px;
	padding-left: 25px;
	text-align: center;}

	
#footer{
	clear: both;
	height: 58px;
	background: #5C4036;;
	color: #fff;}


#footer a {text-decoration: none;}

#footer a:link,
#footer a:visited{ color: #fff;}
#footer a:hover,
#footer a:active{ color: #FAE8C2;}


#footer_contents{
	font-size: 11px;
	width: 879px;
	margin: 0 auto;}
#footer_left{ 
	float: left;
	margin-top: 7px;
	line-height: 150%;}
#footer_right{
	float: right;
	margin-top: 12px;
	text-align: right;}
#footer_navi{
	margin-bottom: 10px;}
#footer_right p{
	font-size: 9px;
	color: #fff;}


/**add slider bt reset**/
.flexslider .prev, .flexslider .next { height:52px!important;}