@charset "UTF-8";
/* CSS Document */


html,body {
/*	font-family:Arial, Helvetica, sans-serif; 1st*/
/*	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;*/
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body{
	min-width: 980px;
/*  width:980px;*/
  font-size:18px;
  color:#000000;
}
header {
    width: 100%;
	display:block;
	height:90px !important;/*ヘッダー天地縮小*/
/*	height:100px !important;初期*/
    background-color: #ffffff;
}

.block {
	display:block !important;
}

a{
	color:#06C;
}
a:active {
}
a:hover {
	color:#777777;
}
  
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.floatClear {
	clear:both;
}

.txtCenter {
	text-align:center !important;
}
.txtRight {
	text-align:right !important;
}
.txtLeft {
	text-align:left !important;
}

/*#windowCenter {
  width:980px;
  margin:0 auto;
  text-align:center;
  display:block;
}
body > #windowCenter {
	height: auto;
	min-height: 100%;
}*/

/*=�S��*/
/*MacOS IE�ɂ͓K�p���Ȃ�
*html #windowCenter {height:1%;}
*+html #windowCenter {height:1%;}
*/

.nowraper {white-space:nowrap;}
.notxt {
	position:absolute;
	top:-100px;
	left:-5000px;
}
	
pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/******* font ********/
.small {
	font-size:80% !important;
}


/******* width *******/
.width100bg {
	width:100%;
	margin:0 auto;
}
.width980px {
	width:980px;
	margin:0 auto;
}
.width720px {
	width:720px;
	margin:0 auto;
}
.width680px {
	width:680px;
	margin:0 auto;
}
.width400px {
	width:400px !important;
	margin:0 auto;
}
.width360px {
	width:360px !important;
	margin:0 auto;
}
.width300px {
	width:300px !important;
	margin:0 auto;
}
.width270px {
	width:270px !important;
	margin:0 auto;
}
.width220px {
	width:220px !important;
	margin:0 auto;
}
.width180px {
	width:180px !important;
	margin:0 auto;
}
.width140px {
	width:140px !important;
	margin:0 auto;
}

.height32px {
	height:32px;
}
.height42px {
	height:42px;
}
.height80px {
	height:80px;
}
.height200px {
	height:200px;
}


/*** color **/
.bgLiteGray {
	background-color:#f7f8f8 !important;
}
.bgGray {
	background-color:#f4f3f0 !important;
}
.bgCharGray {
	background-color:#666666 !important;
}
.bgBlue {
	background-color:#007DBF !important;
}
.bgLiteBlue {
	background-color:#99CCFF !important;
}


.colorWhite {
	color:#FFFFFF !important;
}
.colorRed {
	color:#FF0000 !important;
}
.colorBlue {
	color:#007DBF !important;
}
.colorCharGray {
	color:#666666 !important;
}



/** Space *****/
/**margin TOP***/
.mgnTop10px {
	margin-top:10px !important;
}
.mgnTop20px {
	margin-top:20px !important;
}
.mgnTop30px {
	margin-top:30px !important;
}
.mgnTop40px {
	margin-top:40px !important;
}
.mgnTop50px {
	margin-top:50px !important;
}
.mgnTop60px {
	margin-top:60px !important;
}
.mgnTop70px {
	margin-top:70px !important;
}
.mgnTop80px {
	margin-top:80px !important;
}
.mgnTop100px {
	margin-top:100px !important;
}
/**margin RIGHT******/
.mgnR10px {
	margin-right:10px !important;
}
.mgnR20px {
	margin-right:20px !important;
}
.mgnR30px {
	margin-right:30px !important;
}
.mgnR40px {
	margin-right:40px !important;
}
.mgnR50px {
	margin-right:50px !important;
}
.mgnR60px {
	margin-right:60px !important;
}
.mgnR80px {
	margin-right:80px !important;
}
.mgnR100px {
	margin-right:100px !important;
}
.mgnR-20px {
	margin-right:-20px !important;
}
/**margin BOTTOM******/
.mgnBttm4px {
	margin-bottom:4px !important;
}
.mgnBttm10px {
	margin-bottom:10px !important;
}
.mgnBttm20px {
	margin-bottom:20px !important;
}
.mgnBttm30px {
	margin-bottom:30px !important;
}
.mgnBttm40px {
	margin-bottom:40px !important;
}
.mgnBttm50px {
	margin-bottom:50px !important;
}
.mgnBttm60px {
	margin-bottom:60px !important;
}
.mgnBttm80px {
	margin-bottom:80px !important;
}
.mgnBttm100px {
	margin-bottom:100px !important;
}
/**margin LEFT******/
.mgnL10px {
	margin-left:10px !important;
}
.mgnL20px {
	margin-left:20px !important;
}
.mgnL30px {
	margin-left:30px !important;
}
.mgnL40px {
	margin-left:40px !important;
}
.mgnL50px {
	margin-left:50px !important;
}
.mgnL60px {
	margin-left:60px !important;
}
.mgnL80px {
	margin-left:80px !important;
}
.mgnL100px {
	margin-left:100px !important;
}
.mgnL180px {
	margin-left:180px !important;
}
.mgnL200px {
	margin-left:200px !important;
}
.mgnL220px {
	margin-left:220px !important;
}

/***********/

.paddTop20px{
	padding-top:20px !important;
}
.paddTop30px{
	padding-top:30px !important;
}
.paddTop40px{
	padding-top:40px !important;
}
.paddTop50px{
	padding-top:50px !important;
}
.paddTop60px{
	padding-top:60px !important;
}
.paddTop80px{
	padding-top:80px !important;
}
.paddTop90px{
	padding-top:90px !important;
}

.paddBttm20px{
	padding-bottom:20px !important;
}
.paddBttm30px{
	padding-bottom:30px !important;
}
.paddBttm40px{
	padding-bottom:40px !important;
}
.paddBttm50px{
	padding-bottom:50px !important;
}
.paddBttm60px{
	padding-bottom:60px !important;
}
.paddBttm80px{
	padding-bottom:80px !important;
}
.paddBttm90px{
	padding-bottom:90px !important;
}


/*** border ******/

.lineColorWhite {
	border-color:#FFFFFF !important;
}
.lineColorBlue {
	border-color:#007DBF !important;
}
.lineBttm3px {
	border-bottom:3px solid;
}
.lineBttm20px {
	border-bottom:20px solid #f7f8f8;
}

/*** font ***/
.fontsize10px {
	font-size:10px;
}
.fontsize11px {
	font-size:11px;
}
.fontsize15px {
	font-size:15px;
}
.fontsize32px {
	font-size:32px;
}

.fontlineheight1em {
	line-height:1em;
}
.fontlineheight1-4em {
	line-height:1.4em !important;
}



/*** BTN ****/

.btnBGimg {
	background:url(http://bonheur.or.jp/wordpress/images/btn_bg.jpg) repeat-x;
}
.btntxt {
	display:block;
	padding:16px 0 16px 0;
	text-align:center;
}

#menuBtn {
	height: 46px;
	width: 980px;
	margin:0 auto;
	display:block;
}

#menuBtn ul{
	width:100%;
	height:100%;
	margin:0 0 0 10px;
	display:block;
}

#menuBtn li{
	float:left;
	display:inline;
}


#menuBtn li.btnMain {
	width:110px;
	height:46px;
	border-left:1px solid #CCC;
}
#menuBtn li.btnMain a {
	display:block;
	width:110px;
	height:46px;
	font-size:90%;
	line-height:0.9em;
/*	font-size:14px;
	line-height:1em;*/
	font-weight:bold;
	color:#333333;
	text-shadow:-4px 4px 10px #FFFFFF, 4px -4px 10px #FFFFFF;
}
#menuBtn li.btnMain a:hover {
	color:#000000;
	background:url(http://bonheur.or.jp/wordpress/images/btn_bg_a.jpg) repeat-x;
/*	text-shadow:-1px 1px 2px #000000, 1px -1px 2px #000000;*/
}
#menuBtn li.btnMain a:active {
	color:#999999;
}

#menuBtn li.btnHome {
	width:50px;
	height:46px;
	font-size:11px;
	font-weight:bold;
	line-height:1.4em;
	left:0;
	position:relative;
	border-left:1px solid #CCC;
}
#menuBtn li.btnHome a {
	display:block;
	color:#000000;
	text-shadow:-4px 4px 10px #FFFFFF, 4px -4px 10px #FFFFFF;
}
#menuBtn li.btnHome a:hover {
    color:#000000;
	background:url(http://bonheur.or.jp/wordpress/images/btn_bg_a.jpg) repeat-x;
/*	opacity:0.7;*/
/*	text-shadow:1px -1px 2px #666666, -1px 1px 2px #666666;*/
}
#menuBtn li.btnHome a:active {
    color:#999999;
}

#menuBtn li.btnSub {
	width:80px;
	height:46px;
	font-size:12px;
	line-height:1.3em;
/*	font-size:11px;
	line-height:1.4em;*/
	font-weight:bold;
	position:relative;
	left:0;
	border-left:1px solid #CCC;
}
#menuBtn li.btnSub a {
	display:block;
	color:#000000;
	text-shadow:-4px 4px 10px #FFFFFF, 4px -4px 10px #FFFFFF;
}
#menuBtn li.btnSub a:hover {
    color:#000000;
	background:url(http://bonheur.or.jp/wordpress/images/btn_bg_a.jpg) repeat-x;
}
#menuBtn li.btnSub a:active {
    color:#999999;
}
#menuBtn li.btnLast {
	border-right:1px solid #CCC;
}


/**** footer ******/
footer {
	height:90px;
	text-align:center;
}
footer .blockCenter{
	width:900px;
	margin:0 auto;
}
footer ul {
	display:block;
	width:850px;
	height:40px;
	margin:0 auto;
}
footer li {
	float:left;
	display:inline;
	font-size:80%;
	line-height:1.5em;
	height:20px;
	margin:10px 10px 10px 0px;
	border-right:1px solid #CCC;
}
footer li.last {
	border-right:0px solid #CCC !important;
	margin:10px 0px 10px 0px !important;
}
footer li a{
	display:block;
	margin:0 10px 0 0;
	color:#333333;
/*	height:32px;*/
}
footer li.last a{
	margin:0 !important;
}
footer p {
/*	display:block;*/
	width:980px;
	height:40px;
	margin:0 auto;
	font-size:60%;
	line-height:3em;
}




.pcVueOn {
	display:table;
}
.iVueOn {
	display:none;
}

.iVueCont {
    position: relative;
    width: 100%;
}
.smpMark {
	width:70px;
	height:auto;
	margin:0 0 0 10px;
}
.smpLogo {
	width:412px;
	height:auto;
	margin:0 0 0 20px;
}

@media only screen and (max-width: 780px) {
.pcVueOn {
	display:none;
}
.iVueOn {
	display:table;
}
.iVueCont {
    position: relative;
    top:84px;
    width: 100%;
}
body{
	min-width: 100%;
	width:100%;
  font-size:18px;
  color:#000000;
}
header {
	display:block;
	height:80px !important;/*ヘッダー天地縮小*/
/*	height:100px !important;初期*/
    border-bottom: solid 4px #007DBF;
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #ffffff;
}
.width980px {
	width:100%;
	margin:0 auto;
}
.width720px {
	width:100%;
	margin:0 auto;
}
.width400px {
	width:100%;
	margin:0 auto;
}

.smpMark {
	width:50px;
	height:auto;
	margin:10px 0 0 10px;
}
.smpLogo {
	width:320px;
	height:auto;
	margin:10px 0 0 10px;
}

/**** footer ******/
footer {
	height:50px;
	text-align:center;
}
footer p {
	width:100%;
	height:40px;
	margin:0 auto;
	font-size:60%;
	line-height:3em;
}

}


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

.smpMark {
	width:40px;
	height:auto;
	margin:10px 0 0 10px;
}
.smpLogo {
	width:226px;
	height:auto;
	margin:14px 0 0 10px;
}

}


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

.smpMark {
	width:30px;
	height:auto;
	margin:10px 0 0 10px;
}
.smpLogo {
	width:200px;
	height:auto;
	margin:14px 0 0 10px;
}

}