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


/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}


/*--Base------------------------------------------------------------*/

body {
	width: 747px;
	margin: 0 auto;
	border: 1px solid #ccc;
	background: url(../img/body_bg.jpg) no-repeat top;
}

html {
	height: 100%;
	overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}


img {
	border: none;
	vertical-align: middle;
}



/*--clearfix-----------------------------------------------------------*/

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*--Text------------------------------------------------------------*/

body {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

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

/*--Link------------------------------------------------------------*/


a:ink{
　　color: #004DEA;
　　text-decoration: underline;
}


a:visited {
　　color: #004DEA;
　　text-decoration: underline;
}


a:hover {
　　color: #FA7700;
　　text-decoration: none;
}

a:active {
　　color: #FA7700;
　　text-decoration: none;
}




/*--common----------------------------------------------------------*/



header h1 {
	font-size: 80%;
	margin-bottom: 6px;
}


/*--layout----------------------------------------------------------*/

#wrapper {
	width: 100%;
}


header {
	margin: 0 auto;
	background: url(../img/header_bg.jpg) no-repeat;
	min-width: 697px;
	padding: 10px 10px 15px 10px;
}


#contents {
	margin: 0 auto;
	min-width: 697px;
	min-height: 500px;/*サンプル用に高さ設定してあります。*/
}

#footer {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	min-width: 697px;
}

#footer footer {
	margin: 0 auto;
	height: 120px;/*サンプル用に高さ設定してあります。*/
}

#header header,
#contents,
#footer footer {
	width: 697px;/*センター固定 or リキッドレイアウトの変更(リキッドレイアウトにする場合はwidthを100%に変更)*/
}


article {
	margin-bottom: 20px;
}



/*--header----------------------------------------------------------*/


h2 {
	float: left;
}


header ul {
	list-style: none;
	display: block;
	float: right;
}


header ul li {
	float: left;
}


header #tel {
	margin: 2px 14px 0 0;
}

header #siryou_btnS {
	margin-top: -2px;
}

header #siryou_btnS a:hover {
opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}




/*--nav----------------------------------------------------------*/


nav {
	width:747px;
	padding:0;
	margin:0;
	list-style-type: none;
}

nav ul {
	list-style: none;
}

nav ul li {
    width:20%;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}


nav ul li a {
	hposition:relative;
	width:auto;
	color:#fff;
	font-size:100%;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background: #7F5924;
}

nav ul li a:visited {
	hposition:relative;
	width:auto;
	color:#fff;
	font-size:100%;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background: #7F5924;
}


nav ul li a:hover {
	color:#fff;
	background: #BF6F21;
}





/*--footer nav----------------------------------------------------------*/


footer {
	font-size: 100%;
	text-align: center;
}

footer ul {
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
	margin: 20px 0;
}


footer li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	width: 697px;
}

footer p {
	padding-top: 10px;
}


.pt p {
	margin-top: 20px;
	text-align: right;
}


.breadcrumb {
	margin-top: 20px;
}