@charset 'UTF-8';



body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
table,th,td,
address,p,
hr,br,span,a,img
{
	margin : 0;
	padding : 0;
	font-size: 100%;
}




/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

/* img, */
/* .sub-img { behavior: url(./iepngfix.htc) } */

body {
	text-align : center;
	background-color: #F1F4EA;
	font-family: Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif;
	color: #333333;
}

.wrap {
	width : 900px;
	margin : 0 auto;
}

p {
	line-height : 140%;
}


/*
table {
	border-collapse: collapse;
}
*/


li {
	list-style : none;
}


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



a:link {
	color: #000;
	text-decoration: none;
}
/* a:hover {
	color: #0033FF;
	text-decoration: underline;
} */
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #0F399B;
}
h4 {
	font-weight: normal;
}


/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header-bg {
	/*width: 100%;*/
	height : 348px;
	text-align: center;
	background : url(../img/parts/header_bg.jpg) repeat-x;
	margin-bottom: 30px;
}
#header {
	/*width: 100%;*/
	height : 300px;
	margin: 0 auto;
	background: url(../img/parts/mainvis.jpg) 0 0 repeat-x #333;
}

#about #header {
	height : 300px;
	margin: 0 auto;
	background: url(../img/parts/mainvis.jpg) 0 0 repeat-x #333;
	/*background: url(../img/parts/header_vis1.jpg) 0 0 no-repeat #333;*/
}
	
#header h1 {
	float : left;
	margin-left: 22px;
}
*html #header h1 {
	float : left;
	margin-left: 11px;
}


/* -------------------------------------------------------------------
>> navi
------------------------------------------------------------------- */
#navi {
	height: 48px;
	text-align: center;
	background : url(../img/navi/navi.jpg) no-repeat;
	margin: 0 auto;
}



/* -------------------------------------------------------------------
>> global-navi
------------------------------------------------------------------- */




.main-menu {
	float: right;
	width: 900px;
}
.main-menu li {
	float: left;
}
.main-menu li a {
	display: block;
	height: 48px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../img/navi/navi.jpg) no-repeat;
}
.main-menu .navi01 a {
	width: 164px;
	background-position: left top;
}
.main-menu .navi02 a {
	width: 154px;
	background-position: -164px top;
}
.main-menu .navi03 a {
	width: 153px;
	background-position: -318px top;
}
.main-menu .navi04 a {
	width: 127px;
	background-position: -471px top;
}
.main-menu .navi05 a {
	width: 128px;
	background-position: -598px top;
}
.main-menu .navi06 a {
	width: 174px;
	background-position: -726px top;
}
.main-menu .navi01 a:hover, .main-menu .navi01 a.on {
	background-position: left bottom;
}
.main-menu .navi02 a:hover, .main-menu .navi02 a.on {
	background-position: -164px bottom;
}
.main-menu .navi03 a:hover, .main-menu .navi03 a.on {
	background-position: -318px bottom;
}
.main-menu .navi04 a:hover, .main-menu .navi04 a.on {
	background-position: -471px bottom;
}
.main-menu .navi05 a:hover, .main-menu .navi05 a.on {
	background-position: -598px bottom;
}
.main-menu .navi06 a:hover, .main-menu .navi06 a.on {
	background-position: -726px bottom;
}

/* -------------------------------------------------------------------
>> contents
------------------------------------------------------------------- */
#content-bg {
	width : 100%;
	text-align : center;
}
#content {
	position: relative;
	/* clear : both; */
	width : 900px;
	margin : 0 auto 0px auto;
	text-align: left;
}




/* サービスバナー  */

#service-bnr {margin: 0  0 30px 0;}

.quick-navi {
	_zoom :1;
	overflow:hidden;
	float : left;
	width : 900px;
	margin : 0 0 0px;
}
.quick-navi li{
	float : left;
	margin : 0 20px 0px 0;
}
.quick-navi li.last {
	margin : 0 0 0px 0;
}


/* リンクバナー  */

#link-bnr {
	clear:both;
	margin: 30px 0;
}

.link-navi {
	_zoom :1;
	overflow:hidden;
	float : left;
	width : 900px;
	margin : 0 0 0px;
}
.link-navi li{
	float : left;
	margin : 0 10px 0px 0;
}
.link-navi li.last {
	margin : 0 0 0px 0;
}

/* bpage-btn 2カラム  */
/*
#link-bnr {
	clear:both;
	margin: 80px 0 60px;
}
*/

.btn-two {
	clear:both;
	_zoom :1;
	overflow:hidden;
	float : left;
	margin: 20px 0 40px;
}
.btn-two li{
	float : left;
	margin : 0 66px 0px 0;
	
}
.btn-two li.last {
	margin : 0 0 0px 0;
}
.btn-two li a.access{
	display: block;
	width : 262px;
	height: 52px;
	text-indent: -9999px;
	background: url(../img/navi/btn_access.jpg) 0 0 no-repeat;
}
.btn-two li a.inq{
	display: block;
	width : 262px;
	height: 52px;
	text-indent: -9999px;
	background: url(../img/navi/btn_inq.jpg) 0 0 no-repeat;
}
.btn-two li a:hover{
	background-position: 0 -52px;
}
	
/* photo 2カラム  */

#link-bnr {
	clear:both;
	margin: 30px 0;
}

.img-two {
	_zoom :1;
	overflow:hidden;
	float : left;
	width : 590px;
	margin : 0 0 0px;
}
.img-two li{
	float : left;
	margin : 0 10px 0px 0;
	width : 290px;
	font-size: 1em;
	line-height: 140%;
}
.img-two li.last {
	margin : 0 0 0px 0;
}
.img-two li img {margin-bottom: 6px;}

/* photo 3カラム  */

#link-bnr {
	clear:both;
	margin: 30px 0;
}

.img-three {
	_zoom :1;
	overflow:hidden;
	float : left;
	width : 590px;
	margin : 0 0 15px;
}
.img-three li{
	float : left;
	margin : 0 10px 0px 0;
	width : 190px;
	font-size: 0.8em;
	line-height: 130%;
}
.img-three li.last {
	margin : 0 0 0px 0;
}
.img-three li img {margin-bottom: 6px;}

/* >> レギュラーページ */
#topic-path {
	width: 900px;
	height: 35px;
	line-height: 35px;
	padding-bottom: 10px;
	margin-left: 6px;
	background: url(../img/parts/topicPath_bg.gif) repeat-x bottom left;
}
#topic-path ul {
	margin-left: 40px;
}
#topic-path li {
	display: inline;
	font-size: 0.75em;
}
#topic-path span {
	margin: 0 10px;
}



/* << レギュラーページ */

#pegeTop {
	clear: both;
	display: block;
    overflow: hidden;
	float: right;
	margin-right: 30px;
}
#pegeTop {
	display: block;
	padding: 5px 1em;
	background-color: #576657;
	font-size: 0.7em;
	line-height: 1;
	color: #FFFFFF;
}



/* left-area */
#left-area {
	float : left;
	width: 590px;
	padding-top: 0px;
	padding-bottom: 50px;
}
*html #left-area {padding-bottom: 40px;}
*:first-child+html #left-area {padding-bottom: 40px;}

/* レイアウト共通部分 */
#category-area,
#item-area,
#catch-area,
#works-area {
	position: relative;
	width: 590px;
	margin-bottom: 40px;
	z-index: 0;
	padding-bottom: 10px;
}


/* チャッチ */
#catch-area h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

/* お知らせ */
#info-area h2 {
	clear: both;
	text-indent: -9999px;
	background: url(../img/parts/h2_blog.jpg) no-repeat;
	height: 40px;
}
/* コンテンツ見出し2 */
#txt-area h2 {
	clear: both;
	background: url(../img/parts/h2_bg.jpg) no-repeat;
	height: 32px;
	margin-bottom: 18px;
	font-size: 1.2em;
	font-weight: normal;
	color: #F1F4EA;
	padding: 8px 0 0 50px;
}
#txt-area h3 {
	clear: both;
	font-size: 1.1em;;
	margin: 1em 0;
}

#txt-area p {margin-bottom: 1em;}

dl.info-list {
	font-size: 0.9em;
	margin: 15px 0 3px;
}
dl.info-list dt {
	padding-top: 6px;
	color: #7F6C58;
	line-height: 1.5;
	width: 12em;
	padding: 0px 0.5em 2px 1em;
}
dl.info-list dd {
	margin: -1.6em 0 15px;
	padding: 0 0 5px 12em;
	line-height: 1.5;
	border-bottom: 1px solid #CFBEA8;
}
html* dl.info-list dt {
	
}


.link-archives a {
    display: block;
    overflow: hidden;
	float: right;
}

a.list-page-link {
	display: block;
	padding: 3px 1em;
	background-color: #CDBCA2;
	font-size: 0.8em;
	color: ;
}
a.list-page-link:visited {
	color: #F1F4EA;
}


/* カテゴリーリスト */
#category-area h3 {
	text-indent: -5000px;
	background: url(../img/title/category.gif) no-repeat;
	height: 30px;
}


.cat-block {
	border-bottom: 1px solid #333;
    clear: both;
	padding: 20px 0;
	z-index: -1;
}
.cat-block h4 {
	border-bottom: 1px solid #333;
	padding-bottom: 2px;
	margin-bottom: 1em;
}
.cat-block-img {
    display: block;
    float: left;
    margin-right: 15px;
    width: 200px;
	text-align: center;
}
.cat-block-in {
    float: right;
    width: 300px;
}

.page-list {
    clear: both;
    font-size: 0.9em;
    margin: 30px 0 0;
    text-align: center;
}
.page-list li {
    display: inline;
}
.page-list a {
    border: 1px solid #576657;
    margin: 0 3px 0 0;
    overflow: hidden;
    padding: 4px 4px 3px;
    text-decoration: none;
}
.page-list a:hover,
.page-list .now a {
	background : #576657;
	color: #F1F4EA;
}
.page-list a:visited {}

/* 記事 */
#item-area h3 {
	background: url(../img/parts/line.gif) 0 bottom no-repeat;
	height: 30px;
	font-weight: normal;
}
#item-area h4 {
	clear: both;
	border: 1px solid #92B895;
	border-width: 1px 0 1px 0;
	padding: 10px 0;
	line-height: 2em;
}
#item-area span {
	display: block;
	float: left;
	background-color: #92B895;
	width: 10em;
	text-align: center;
	margin-right: 2em;
	color: #F1F4EA;
}
.item-txt {
	padding: 20px 0;
}
.item-txt p {
	margin-bottom: 1em;
}
.item-txt img {
	margin-bottom: 1em;
}
#item-area .cat-block {
	border-bottom: none;
}

 #item-area #fb-area span {
	background-color: #F1F4EA;
}



	
/* right-area =============================================================== */
#right-area {
	float : right;
	width: 280px;
	padding-top: 0px;
	padding-bottom: 50px;
}

/* サイドバー  =============================================================== */
#right-area .side-area-layout {
	position: relative;
	width: 264px;
	padding-top: 55px;
	margin-bottom: 20px;
}
#right-area .side-area-layout h3 {
	position: absolute;
	top: -3px;
	right: -3px;
	width: 280px;
	height: 45px;
	text-indent: -5000px;
}



/* サイトのバナー */
#bnr-area {
	padding-left: 0px;
}
#bnr-area a {
	display: block;
	margin-bottom: 15px;
}



/* サイド */
.update-navi {
	margin : 0 20px 40px;
}
.update-navi dt {
	margin : 0 0 0px 0;
	padding : 0 0 0 0;
	height:40px;
}

.update-navi dd {
	margin : 0px 0 0 0;
	padding : 5px 10px;
	border : 1px solid #ad9474;
	border-width: 0 1px 1px 1px;
}
.update-navi a {
	font-size : 0.8em;
	color : #F1F4EA;
}
.update-navi a:hover {
	color : #92B895;
}
.update-navi a:visited {color : #F1F4EA;}


/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */
#footer-bg {
	clear : both;
	width: 100%;
	text-align: center;
	background: url(../img/parts/footer_bg.jpg) 0 0 repeat-x #F1F4EA;
}
#footer {
	width: 900px;
	margin: 0 auto;
}

#footer-bg address {
	height: 60px;
	font-style : normal;
	font-size: 0.75em;
	color: #B99B7C;
}
#footer-bg address a {
	color: #B99B7C;
}

/* -------------------------------------------------------------------
>> footer-navi
------------------------------------------------------------------- */
#footer-navi li {
	display : inline;
} 
#footer-navi {
	padding: 20px 0 40px;
}

#footer-navi li {
	font-size: 0.9em;
}


#footer-navi li a {
	color: #FEFDF0;
	border-right: 1px solid #333;
	padding: 4px 10px 2px;
	
}
#footer-navi li.last a {border-right: none;}
#footer-navi li a:hover {
	color: #FEFDF0;
}



/* -------------------------------------------------------------------
>> 汎用クラス
------------------------------------------------------------------- */
.img-left {
	float : left;
	text-align: left;
	margin: 0 10px 30px 0;
}
.img-right {
	float : right;
	text-align: right;
}
.img-title {margin-top:-18px;}

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }





.clear  { clear: both; }

.clearfix:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
.clearfix{
	zoom:1;
}




/*  table 4  */
table.ta4 {
    width: 100%;
    border: 1px #E1D1BC solid;
    border-collapse: collapse;
    border-spacing: 0;
    letter-spacing: 0;
    font-size: 0.85em;
}

table.ta4 th {
    padding: 7px 2em 7px 1em;
    border: #E1D1BC solid;
    border-width: 0 0 1px 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 30%;
	background-color: #ECF0E3;
	font-weight: bold;
	/*white-space: nowrap;*/
	color: #60513C;
}
table.ta4 th.center {
	text-align: center;
	margin: auto;
}
table.ta4 td {
    padding: 7px 0px 7px 1em;
    border: 1px #E1D1BC solid;
    border-width: 0 0 1px 1px;
    text-align: ;
	width: 70%;
}

.list01 {
	 margin: 0 0 40px;
	color: #7D4D2F;
 }
.list01 li {
	 list-style-type: disc;
	 margin: 0.8em 0 0.8em 30px;
	 line-height: 120%;
	
	 float: none;
  }