@charset "UTF-8";

/* =======================================

	Browser Reset CSS

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background:; color: #000;}

body {font:13px/1 "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}



/* =======================================

	Basic CSS

========================================== */
/*      Font Size Memo ======================

0.769em = 10px
0.846em = 11px
0.923em = 12px
1em     = 13px
1.077em = 14px
1.154em = 15px
1.231em = 16px
1.308em = 17px
1.385em = 18px
1.462em = 19px
1.538em = 20px
1.692em = 22px
1.846em = 24px
2em     = 26px
2.154em = 28px

========================================== */
body, html {background: url(../image/fukuju-bg.png) top center repeat-x #032072; height: 100%; min-height: 100%;}

body{ line-height:1.5; color: #fff;}

img { max-width: 100%;
    height: auto;}

/* Links Config */
body a{ color: #283c7e;}
body a:link{}
body a:visited{}
body a:hover{ text-decoration: none;}
body a:active{}




/* =======================================

	#HEADER

========================================== */

#header {
}

#header-wrap {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

#header h1 {
}

.nav-info {
}

.nav-info ul {
	float: right;
}

.nav-info ul li {
	float: left;
	margin-top: 59px;
	margin-right: 35px;
}

.nav-info ul li.last {
	margin-right: 0;
}

.nav-info ul li img {
	padding-right: 5px;
}

.nav-info ul li a {
	text-decoration: none;
	color: #fff;
}

#nav-wrap {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

#nav {
	background: #8bedf8;
	padding-left: 220px;
}

#nav ul {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	color: #1f359c;
	text-decoration: none;
}

#navi{
	background: #8bedf8;
	padding-left: 220px;
}

#navi ul {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

#navi ul li {
	float: left;
	display:block;
	/*width:16.6%;*/
	padding:0 20px;
	text-align:center;
}

#navi ul li a{
        display: inline-block;
        font-size: 1.077em;
        height: 30px;
	line-height:30px;
        position: relative;
	text-decoration:none;
	color:#0547cb;
        line-height:2;
}

#navi ul li a:hover{
    background-color:#0547cb;
	color:#fff;
}

#navi ul li a:hover:last-child{
    /*padding-right:5px;*/
}

#navi ul li a:hover:before{
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 30px;/*右の高さ*/
    border-left-color: #0547cb;
    border-left-style: solid;
    border-left-width: 10px;/*右の幅*/
    right: -10px;/*上と同じマイナス幅*/
}

#navi ul li:last-child a:hover::before{
	background-color:#0547cb;
}

#navi ul li a:hover:after{
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 30px;/*左の高さ*/
    border-right-color: #0547cb;
    border-right-style: solid;
    border-right-width: 10px;/*左の幅*/
    left: -10px;/*上と同じマイナス幅*/
}

#navi ul li:first-child a:hover::after{
	background-color:#0547cb;
}

#navi ul li a:hover:before,
#navi ul li a:hover:after{
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}

#sidebar {
	text-align: center;
}

#sidebar h2 {
	font-size: 1.308em;
}

#sidebar h3 {
	font-size: 1.385em;
}

#sidebar p {
	font-size: 0.923em;
	color: #dcecf8;
}

#main {}

.linkbtn{
	color:#fff;
	text-decoration:none;
	font-size:1.1em;
	padding:5px 20px;
	background-color:#1563ff;
	/*boxshadow*/
    -moz-box-shadow:inset 0px 0px 20px #01346b;
    -webkit-box-shadow:inset 0px 0px 20px #01346b;
    box-shadow:inset 0px 0px 20px #01346b;
    border:solid 1px #01346b;
	/*border-radius*/
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	display:inline-block;
}

.linkbtn span{
	display:inline-block;
	text-align:center;
}

.linkbtn span span{
	border:1px solid #fff;
	padding: 0 3px;
}

.linkbtn img{
	margin-left: 1em;
}

a.linkbtn:hover:hover {
	opacity: 0.8 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
	


/* ---------------------------------------
      #pagetop
	------------------------------------------ */
#pagetop{
	position: fixed;
	right: 20px;
	bottom: 20px;
}

/* ------------------- .group (clearfix) ------------------- */
.group:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.group {min-height: 1px;}

* html .group {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

@media screen and (min-width : 769px) {

	#sp-nav{
		display: none;
	}

}

@media screen and (min-width : 641px) {

        #sp-side {
		display: none;
	}


	#header h1 {
		float: left;
	}

	#header h1 a {
		background: url(../image/fukuju-logo.png) 0 0 no-repeat;
		width: 200px;
		height: 97px;
		text-indent: -9999em;
		display: block;
	}

	.container {
		/*min-height: 100%;*/
	}

	#contents {
		max-width: 1000px;
		margin: 0 auto;
		/*background: url(../image/fukuju-side-bg.png) 0 0 repeat-y;*/
		/*padding-bottom: 20px;*/
	}

	#sidebar {
		float: left;
		width: 20%;
		padding: 0 21px 0 0;
		box-sizing: border-box;
                background: url(../image/fukuju-side-bg.png) 0 0 repeat-y;
	}
	
	#sidebar h2 {
		margin: 30px 0 15px;
		padding-left: 28px;
	}
	
	#sidebar h3 {
		margin: 15px 0 0;
		padding-left: 28px;
	}
	
	#sidebar p {
		padding-left: 28px;
		margin-bottom:30px;
		line-height:2.0;
	}

	#main {
		float: right;
		width: 80%;
	}

        #find-area {
                width:46% !important;
        }

        #other-area {
                width:53% !important;
                max-width:379px;
        }

}

@media screen and (max-width : 768px) {

	#navi{
		display: none;
	}

	#sp-nav p {
		width:100%;
		background: #8bedf8;
		margin: 0 auto 2px;
		text-align: center;
	}

	#sp-nav p a {
		font-size: 1.231em;
		line-height: 3em;
		text-decoration: none;
		color: #0547cb;
		white-space: nowrap;
	}

}

@media screen and (max-width : 640px) {
	#header-wrap{
		padding-top:3.0em;
	}
		
	#nav, #sidebar {
		display: none;
	}

	.nav-info{
	    background-color: #8bedf8;
	    position: fixed;
	    width: 100%;
	    top: 0;
	}

	.nav-info ul{
		float:none;
		margin:0 auto;
		text-align:center;
	}

	.nav-info ul li {
		float:none;
		margin-top:0;
		margin-right: 1em;
		display: inline-block;
	}

	.nav-info ul li a {
		color: #0547cb;
	}

	#bilingual-area { display: none; }

	#header-wrap, #gnav ul {
		max-width: 1000px;
		width: 100%;
	}

	#header h1 {
		float: none;
		text-align: center;
		margin: 20px 0;
	}
	#header h1 a {
		background: url(../image/sp-fukuju-logo.png) 0 0 no-repeat;
		width: 206px;
		height: 72px;
		text-indent: -9999em;
		display: block;
		margin: 0 auto;
	}

	#sp-side {
		text-align: center;
	}

	#sp-side h2 {
		font-size: 1.923em;
	}

	#sp-side h3 {
		font-size: 1.923em;
	}

	#sp-side p {
		font-size: 1.385em;
		margin: 0 4% 1em;
	}

	#sp-nav {
		margin-bottom: 20px;
	}

	#pagetop {
		bottom: 30px;
	}


}

@media screen and (max-width : 320px) {
}