@charset "shift_jis";
/*----------------------------
  CSS Date Document 2009.05
  Last Update 2010.11.24 Date
----------------------------*/

@import "base.css";
@import "common.css";


/*####################　SNS　####################*/

#Header #Sns { padding-top:7px;}
#Header #Sns ul { width:230px;}
#Header #Sns ul li {
	float:left;}
	
#Footer { position:relative;}
#Footer #SnsF {
	position:absolute;
	top:10px;
	right:0;
	width:235px;}
	#Footer #SnsF ul { width:230px;}
#Footer #SnsF ul li { border:none;}

/*####################　おやみだし　####################*/


#HeadImage {
	background:url(../../img/headimage.jpg) 0 0 no-repeat;
	width:970px;
	height:222px;
	margin:0 auto 36px;
	text-align:left;
		}
#HeadImage p{ display:none;}
#HeadImage ul{
	display:inline;
	float:right;
	width:244px;
	height:206px;
	margin:7px 5px 0 0;
	}
#HeadImage ul li{
	background-position:0 0;
	background-repeat:no-repeat;
	width:244px;
	height:66px;
	margin:0 0 4px 0;
	_display:inline;
	}
#HeadImage ul li.menu01{ background-image:url(../../img/btn-headimage01.jpg);}
#HeadImage ul li.menu02{ background-image:url(../../img/btn-headimage02.jpg);}
#HeadImage ul li.menu03{ background-image:url(../../img/btn-headimage03.jpg); margin:0;}
#HeadImage ul li a{
	display:block;
	width:242px;
	height:65px;
	margin:0 2px 1px 0;
	text-indent:-9999px;
	}
#Main #MenuList ul{
	width:780px;
	margin:0;
	}
#Main #MenuList ul li{
	background-position:0 0;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:58px;
	margin:0;
	}
#Main #MenuList ul li.menu01{ background-image:url(../../img/btn-main01.gif); width:196px;}
#Main #MenuList ul li.menu02{ background-image:url(../../img/btn-main02.gif); width:195px;}
#Main #MenuList ul li.menu03{ background-image:url(../../img/btn-main03.gif); width:195px;}
#Main #MenuList ul li.menu04{ background-image:url(../../img/btn-main04.gif); width:194px;}
#Main #MenuList ul li a{
	display:block;
	height:55px;
	margin-bottom:3px;
	text-indent:-9999px;
	}
#Main #MenuList ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}


/*####################　クイールのふるさと　####################*/

#Main #Quill h2{
	display:inline;
	float:right;
	width:250px;
	height:158px;
	margin:0;
	}
#Main #Quill .content{
	background:url(../../img/wall-qui-bottom.gif) left bottom no-repeat;
	display:inline;
	float:left;
	width:527px;
	padding-bottom:11px;
	}
#Main #Quill .content dl{
	background:url(../../img/wall-qui-top.gif) 0 0 no-repeat;
	width:495px;
	_width:527px;
	padding:10px 12px 5px 20px;
	}
#Main #Quill .content dl dt{
	display:inline;
	float:left;
	width:294px;
	margin:0 14px 10px 0;
	}
#Main #Quill .content dl dd{ line-height:1.5;}
#Main #Quill .content dl dd.photo{
	display:inline;
	float:right;
	margin:0 0 0 20px;
	line-height:1;
	}
#Main #Quill .content dl dd.more {
	background:url(../img/contents/arrow-black.gif) 0 0.4em no-repeat;
	line-height:1;
	margin:15px 0 0;
	padding-left:15px;
	}
#Main #Quill .content dl dd.more a{
	font-size:11px;
	text-decoration:underline;
	}



#Main #Faq h2{margin-bottom:15px;}
#Main #Faq ul{margin:0 17px;}
#Main #Faq ul li{
	background:url(../img/contents/ico-q.gif) left center no-repeat;
	margin:0 0 10px 0;
	padding:10px 0 8px 40px;
	}
#Main #Faq ul li a{ color:#0879b4;}
#Main #Topics h2,
#Main #Media h2{margin-bottom:25px;}
#Main #Topics dl,
#Main #Media dl{
	clear:both;
	margin:0 17px 25px 17px;
	}
#Main #Topics dl dt,
#Main #Media dl dt{
	display:inline;
	float:left;
	width:84px;
	}
#Main #Topics dl dd,
#Main #Media dl dd{
	display:inline;
	float:right;
	width:655px;
	}
#Main #Topics dl:after,
#Main #Media dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #Topics dl dd a,
#Main #Media dl dd a{ color:#0879b4;}


/*　こみだし
-------------------------------------*/

/* まごみだし */





/*end*/