@charset "utf-8";


/*-------------------------------------------
 ボディ全体 
--------------------------------------------*/

body {
	text-align:center;
	line-height:170%;
	font-size: 13px;
	color : #555555;
	background:#ffffff;
	margin: 0;
	padding: 0;
}

a:link { text-decoration:none; color: #DD9B00;}
a:visited { text-decoration:none; color: #DD9B00;}
a:active { text-decoration:none; color: #DD9B00;}
a:hover { text-decoration:none; color: #F05B68;}



header, nav, article, aside, section, footer {
    display:block;
}

body img{ max-width:100%;}

/*-------------------------------------------
 ヘッダー
--------------------------------------------*/

header {
	width:100%;
	height:40px;
	margin:0;
	background: #ffffff;
	background-position: 50% 0%;
	border-bottom:1px solid #555555;
}




/*-------------------------------------------
 article-メインコンテンツ 
--------------------------------------------*/






section {
	width:90%;
	margin:10px auto 10px auto;
	background: #fff;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 7px;	
	padding:5px;
	text-align:justify;
	text-justify:distribute;
}



/*-------------------------------------------
 バナースペース 
--------------------------------------------*/

#banner {
	width: 90%;
	margin: 4px auto 5px auto;
	text-align:center;
}

#banner a img{
	border: none;
	max-width:100%;
}

#b_banner {
	width: 90%;
	margin: 4px auto 5px auto;
	text-align:center;
}

/*-------------------------------------------
 フッター
--------------------------------------------*/

footer {
	max-width:100%;
	height:30px;
	line-height: 30px;
	clear:both;
	text-align: center;
	background:#555;
}


.credit{
	font-size:12px;
	color: #fff;
}

.pagetop01{	
	width:90%;
	margin:30px auto 10px auto;
	text-align:right;
}


/*-------------------------------------------
 画像の縦横比を一定にする
--------------------------------------------*/

p.sample img {
    width: auto;  /* 横幅を200pxに */
	height: 200px;  /* 高さは自動指定 */
}


/*-------------------------------------------
 フッター付近の固定スライド（問い合わせ）
--------------------------------------------*/
#b_menu1{
	position:fixed;
	bottom:5px;
	left:5px;
	z-index:999;
	}

#b_menu2{
	position:fixed;
	bottom:5px;
	left:90px;
	z-index:999;
	}

#b_menu3{
	position:fixed;
	bottom:5px;
	left:175px;
	z-index:999;
	}

#b_menu4{
	position:fixed;
	bottom:5px;
	left:260px;
	z-index:999;
	}

/*-------------------------------------------
 文字の設定
--------------------------------------------*/

h2{
	font-size: 16px;
	padding-bottom: 4px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #0000ff;
	color: #0000ff;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h3 {
	color: #fff;
	background: #DD9B00;
	font-size: 12px;
	line-height: 1;
	margin: 10px 0 5px 0px;
	width:90%;
	padding: 5px 0 5px 24px;
	border-radius: 9px;
	font-weight: normal;
	text-align: left;
}

/* 文字に背景色をつける（タイトル） */
.orange {background-color:#ffcc99;}
 .gray {background-color:#999999; color:#ffffff; font-size: 16px;}


/*-------------------------------------------
 移動式ページトップの設定（javaも必要）
--------------------------------------------*/
#pageTop {
   position: fixed;
   bottom: 50px;
   right: 20px;
 }

 

#pageTop i {
   padding-top: 6px
 }

 

#pageTop a {
  display: block;
  z-index: 999;
  padding: 10px 0 0 0px;
  border-radius: 5px;
  width: 50px;
  height: 40px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}