@charset "UTF-8";

	html {  
		height: 100%;  
		width:100%;
	} 

body {
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:78%;
	line-height:1.6;
	font-family: 'メイリオ','ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4','Verdana','Lucida Sans Unicode',Osaka, sans-serif !important;
	height:100%;
		width:100%;
	background:#fcfcfc;
}
/*Topページ背景*/
#toppage {
	background:url("../img/toppage_base.jpg")  ;
}
img {
	border : none;
}
.clear {
	clear : both;
	margin : 0;
	padding : 0;
}
#container {
	margin:0px auto;
	padding:0;
	width:950px;
	text-align:center;
	height: auto !important;  
	height: 100%;  
	min-height: 100%;  
}
* html div#continer {
	height:100%;
	margin:0 auto;
}

#container #toppage h1 {
	margin:5px 0 0 100px ;
	padding:0;
	height:80px
}

#container h1 {
	margin:5px 0 0 0px ;
	padding:0;
	height:102px
}

#container #mainnavi{
	float : left;
	width:240px;
	margin:48px 0 0 30px ;
	text-align:left;
}
	#container #mainnavi ul {
		margin : 0 0 0.3em 0;
		padding : 0;
		list-style : none;
	}
	#container #mainnavi li {
		margin : 0 0 0.3em 0;
		padding : 0;
		list-style : none;
	}
/*TOPページメインコンテンツ枠**************************/
#toppage #container #maincontent {
	float : left;
	width:655px;
	margin:0px 0 0 0px ;
	text-align:left;
}


/*メインコンテンツ枠**************************/
#container #maincontent {
	float : left;
	width:655px;
	margin:30px 0 0 0px ;
	text-align:left;
}
#container #maincontent a.blank:link ,
#container #maincontent a.blank:visited {
	background : url("../img/i_blank.gif") no-repeat left center;
	text-decoration : underline;
	font-weight : bold;
	padding : 0 0 0 15px;
	color:#572522;
}
#container #maincontent a.blank:hover ,
#container #maincontent a.blank:active {
	background : url("../img/i_blank.gif") no-repeat left center;
	text-decoration : none;
	font-weight : bold;
	padding : 0 0 0 15px;
	color:#5c5c5c;
}
/*トップページ　プチ情報*/
	#container #petitcolumn {
		clear :both;
		/*margin:380px 0 1em 90px; *//*20110125変更*/
		margin : 0 auto 1em auto;
		padding:0;
		text-align:left;
		width:820px !important; /*20110125変更*/
		height:120px !important; /*20110125変更*/
		overflow:auto;  /*20110125変更*/
	}
	#container #petitcolumn ul {
		margin : 0;
		padding : 0;
		list-style : none;
		text-align:left;
		width:800px !important;
		/*float : left;   20110125変更*/
	}
	#container #petitcolumn li {
		font-size:0.9em;
		margin : 0 0 0.3em 0;
		padding:0 0 0 0px;
	}
	#container #petitcolumn li span {
		font-weight:bold;
		font-size:1.1em;
		display : inline-block;
		background: url("../img/icon_heart_y.jpg") no-repeat left top ;
		padding:0 1em 0 20px;
	}
	#container#nowonsale{
		clear :both;
		width:1100px;
		/*float : left; 20110126修正*/
		margin :1.5em 0 0 0;/*20110126修正*/
	}
	*:first-child+html #container #nowonsale{
		clear :both;
	/*	float : left;20110126修正*/
		margin :1.5em 0 0 0em;
		/*width:180px;20110126修正*/
	}
	#container#nowonsale img {
		float : left;
}

	/*下部ページ***********************************/

	#container #maincontent dl {
		margin : 0 0 2em 0;
		padding:0;
		width:600px !important;
		clear : right ;
	}
	#container #maincontent dt {
		font-weight:bold;
		font-size:1.2em;
		margin : 0.2em 0;
		padding:0.3em 0 0.5em 42px;
		/*line-height:40px;*/
		background : url("../img/icon_record.jpg") no-repeat left top ;
		/*border-bottom : 1px dotted #4a4a4a;*/
		width:600px;
	}
	#container #maincontent dt span {
		font-weight:normal;
		font-size:0.8em;
		float : right;
		display : inline-block;
		width:10em;
	}
	#container #maincontent dd {
		margin:0.1em 0 0 1em ;
		padding : 0.5em 0 0 0;
		width:580px;
		background : url("../img/line_dotted.jpg") no-repeat left top ;
	}
	#container #maincontent dd blockquote{
		margin:0.2em 0 0 0.5em ;
	}
		/*Infomationのコラム中の引用dl指定*/
		#container #maincontent dd blockquote dl {
			margin:1em 0 0 0.5em ;
			padding:0
		}
				#container #maincontent dd blockquote dt{
					margin:0em !important;
					padding:0 0 0 0.5em;
					font-weight:bold;
					font-size:1.15em;
					line-height:1.4;
					background-image :none ;
					/*background: url("../img/icon_heart.jpg") no-repeat left top ;*/
				}
				#container #maincontent dd blockquote dd{
					margin:0.1em 0 0 1em ;
					padding : 0.2em 0 0 0;
					width:550px;
					background-image :none ;/* url("../img/line_dotted.jpg") no-repeat left top ;*/
				}

	#container #maincontent .alignright {
	float : right ;
	margin : 0 0 0 0.5em;

}
/**PROFILEページ***************************************/
	#container #maincontent #profile {
		width:650px;
		min-height:400px;
		margin : 0;
		background: url("../img/img_profile_base.jpg") no-repeat right bottom;
	}
	#container #maincontent .profile_text {
		width:580px;
		margin : 1em 0 0 1em;
	}














	/*メインコンテンツ枠のページTOPへ戻るボタン*/
	#container #maincontent .pagetop {
		clear : both ;
		float : right ;
		margin:1em 5em 2em 0 ;
		padding : 0 0 0 20px;
		text-align:right
	}

#container #maincontent .pagetop a:link ,
#container #maincontent .pagetop a:visited {
	background : url("../img/icon_pagetop.jpg") no-repeat left top ;
	text-decoration : underline;
	padding : 0 0 0 15px;
	color:#4a4a4a;
}
#container #maincontent .pagetop a:hover ,
#container #maincontent .pagetop a:active {
	background : url("../img/icon_pagetop.jpg") no-repeat left top ;
	text-decoration : none;
	padding : 0 0 0 15px;
	color:#4a4a4a;
}


/***********************************************************************************/
 /*#slider
--------------------------------------------------*/

#slider {
    width: 300px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    float:right;
	overflow: hidden; /* important */
}
#sliderContent {
    width: 300px; /* important to be same as image width or wider */
    top: 0;
    margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
    display: none;
    width: 300px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
	overflow: hidden; /* important */
}
.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 100px;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #333;
    display: none;
}
.clear-slider {clear: both;}
.top-slider {top: 0;left: 0;}
.bottom-slider {bottom: 0; left: 0;}
#slider ul { list-style-type: none;}

	

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






#container .info {
	margin:20px auto 0px auto;
	padding:0;
	width:770px;
}
#container .info h3{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#fa6507;
	font-size:0.95em;
	color:#fa6507;
}
#container .info p {
	margin:0;
	padding:0;
	color:#535353;
	font-size:0.92em;
}
#container #mainbox {
	margin:20px auto 0px auto;
	padding:0;
	width:770px;
}

 #container #mainbody a.blank:link ,
 #container #mainbody a.blank:visited {
	background : url("../img/elm/i_blank.gif") no-repeat left center;
	text-decoration : underline;
	font-weight : bold;
	padding : 0 0 0 15px;
	color:#572522;
}
 #container #mainbody a.blank:hover ,
 #container #mainbody a.blank:active {
	background : url("../img/elm/i_blank.gif") no-repeat left center;
	text-decoration : none;
	font-weight : bold;
	padding : 0 0 0 15px;
	color:#5c5c5c;
}
#aboutus #container #mainbody a.inner:link ,
#aboutus #container #mainbody a.inner:visited {
	color:#641616 ;
	text-decoration : underline;
	font-size:0.94em;
}
#aboutus #container #mainbody a.inner :hover ,
#aboutus #container #mainbody a.inner:active {
	text-decoration : none;
	color:#5c5c5c;
	font-size:0.94em;
}


#container #mainbox #access {
	float:left;
	margin:0px 0px 0px 15px;
	padding:0;
	text-align:left;
	width:400px;
}
#container #mainbox #access img {
	border:1px solid #f6d5a8;
}
#container #mainbox #access p{
	margin:0;
	padding:2px 0 0 20px;
	color:#535353;
	font-size:0.9em;
}

#container #mainbox #element  {
	float:left;
	margin:0px 0px 0px 10px;
	padding:0;
}


#container #mainbox #element dl {
	margin:0;
	padding:0;
}
#container #mainbox #element dl dt {
	font-weight:bold;
	color:#fa6507;
	width:5.5em;
	float:left;
	clear: left;
	text-align:right;
	margin:0px;
	padding:0 5px 0 0;
}
#container #mainbox #element dl dd {
	width:230px;
	color:#535353;
	float:left;
	text-align:left;
	margin:0px;
	padding:0 0 0 5px;
	border-left:2px solid #fa6507;
	font-size:0.9em;
}
/*お知らせ*/
#container #news_element {
	clear : both;
	text-align:left;
	margin : 0em auto 0px auto;
	padding: 0;
	width:860px;
}
#container #news_element .bnr {
	float : left;
	margin:0 5px 0 5px;
	padding:0;
	width : 430px;
	text-align:left;
}
#container #news_element .right_bnr {
	float : left;
	margin:0 0 0 0px;
	padding:0;
	width : 410px;
	text-align:left;
}
#container #news_element .right_bnr img {
	display : block ;
	margin: 5px 0;
}

#container #news_element .right_bnr .newsarea {
	margin : 1em 0 0 0;
	padding : 0 ;
	border-top:1px dotted #b9b9b9;
	border-bottom:1px dotted #b9b9b9;
}
#container #news_element .right_bnr .newsarea em {
	margin : 0;
	padding:4px 4px 0 4px;
	font-weight : bold;
	font-size:1.3em;
	display : block;
	font-style : normal;
}
#container #news_element .right_bnr .newsarea span {
	font-size:0.94em;
	padding:4px 4px 0 4px;
}
#container #news_element .right_bnr .newsarea a:link ,
#container #news_element .right_bnr .newsarea a:visited {
	color:#7f7f7f;
	text-decoration : none;
	background : #fff;
	display : inline-block;
	width:100%;
	height:100%;
}
#container #news_element .right_bnr .newsarea a:active ,
#container #news_element .right_bnr .newsarea a:hover {
	color:#ffffff;
	text-decoration : none;
	background : #c8c8c8;
	display : inline-block;
	width:100%;
	height:100%;
}

}
/*

#footer {
clear:all;
position: absolute;  
bottom: 0;  
width: 100%;  
height: 3px;  
margin:0 auto;
text-align:center;

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
#footer {
	clear:both;
	width:100%;
	margin:1em auto 0px auto;
	padding:1em 0px 0px 0px;
	text-align:center;
}

#footer .nosmoke {
	margin:0 auto;
	padding:2px 0 2px 26px;
	color:#909090;
	font-size:1em !important;
	background:url("../img/icon_nosmoke.gif") no-repeat left center;
	min-height:25px;
	width:34em;
	height:26px;
}
#footer ul {
	margin : 5px 0px 1em 0px;
	padding :  0;
	list-style : none;
}
#footer li {
	margin : 0px 0.7em 1em 0px;
	padding : 0 0 0 0.7em;
	list-style:none;
	display : inline;
	font-size : 0.92em;
	font-weight:bold;
	border-left:1px solid #909090;
}
#footer li.end {
	margin : 0px 0.7em 1em 0px;
	padding : 0 1em 0 0.7em;
	list-style:none;
	display : inline;
	font-size : 0.92em;
	font-weight:bold;
	border-left:1px solid #909090;
	border-right:1px solid #909090;
}

#footer li a:link ,
#footer li a:visited {
	color:#909090;
	text-decoration : none;
}
#footer li a:hover ,
#footer li a:active {
	color : #5f5012;
	text-decoration : none;
}
*/




/****************************************
Footer************************************
******************************************/
#footer {
	clear:both;
	margin:2em auto;
	padding:1em 0:
	font-size:0.8em;
	text-align: center;
}
#footer #credit{
	margin:2em auto;
/*	background:url("../img/icon_bearforest.jpg") no-repeat left center;*/
	padding:0 0 0 12px;
	line-height:24px;
	font-size:0.8em;
}
/*
#footer #credit {
	clear:both;
	margin:0 0 2em 0;
	padding:0 0 0 12px;
	color:#535353;
	font-size:0.8em;
}
#footer #credit a:link,
#footer #credit a:visited {
	color:#9c9c9c;
	text-decoration:underline;
	background:url("../img/elm/vw_view_off.gif") no-repeat left center;
	padding:0 0 0 12px;
	}
#footer #credit a:hover,
#footer #credit a:active {
	color:#535353;
	text-decoration:none;
	background:url("../img/elm/vw_view_on.gif") no-repeat left center;
	padding:0 0 0 12px;
}
*/