@charset"utf-8";

/* ====================================
	Begin Maru
   ==================================== */

p.maru {
	padding: 0 15px;
	background-color: #fcdbb6;
}

p.maru:before {
	content: url("demo_images/maru-tl.gif");
	display: block;
	background-image: url("demo_images/maru-tr.gif");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0 -15px;
}

p.maru:after {
	content: url("demo_images/maru-bl.gif");
	display: block;
	background-image: url("demo_images/maru-br.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 -15px;
}



p.maru-2 {
	padding: 0 15px;
	background-color: #cdd466;
}

p.maru-2:before {
	content: url("demo_images/maru-tl.gif");
	display: block;
	background-image: url("demo_images/maru-tr.gif");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0 -15px;
}

p.maru-2:after {
	content: url("demo_images/maru-bl.gif");
	display: block;
	background-image: url("demo_images/maru-br.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 -15px;
}

/* ====================================
	End Maru
   ==================================== */



/* ====================================
	Begin R-line
   ==================================== */

p.r-line {
	padding: 0 15px;
	border: 2px solid #a0410d;	
}

p.r-line:before {
	content: url("demo_images/r-line-tl.gif");
	display: block;
	background-image: url("demo_images/r-line-tr.gif");
	background-repeat: no-repeat;
	background-position: top right;
	margin: -2px -17px 0;
}

p.r-line:after {
	content: url("demo_images/r-line-bl.gif");
	display: block;
	background-image: url("demo_images/r-line-br.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 -17px -2px;
}



p.r-line2 {
	padding: 0 15px;
	border: 2px solid #a0410d;	
}

p.r-line2:before {
	content: url("demo_images/r-line-br.gif");
	display: block;
	background-image: url("demo_images/r-line-bl.gif");
	background-repeat: no-repeat;
	background-position: top right;
	margin: -2px -17px 0;
}

p.r-line2:after {
	content: url("demo_images/r-line-tr.gif");
	display: block;
	background-image: url("demo_images/r-line-tl.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 -17px -2px;
}

/* ====================================
	End R-line
   ==================================== */


/* ====================================
	Begin ezorisu-line
   ==================================== */

p.ezorisu-line {
	margin-top: 40px;
	padding: 0 15px 10px;
	border: 3px solid #43160E;	
}

p.ezorisu-line:before {
	content: url("demo_images/ezorisu-waku.gif");
	display: block;
	margin: -26px 0px 0px;
}

/* ====================================
	End ezorisu-line
   ==================================== */



/* ====================================
	Begin center copyright
   ==================================== */


div.footer-sample { 
	background-color:#333; 
	height:70px; 
	width:500px; 
	display:table-cell; 
	vertical-align:middle; /* 上下のセンタリング */
	text-align:center; /* 文字のセンタリング */
} 

div.copyright-sample { 
	color: #ccc; 
	font-size: 12px; 
	line-height: 1.2em; 

	display:inline; /* ここから下はIE用 */
	zoom:1; 
	vertical-align:middle;
} 

div.footer-sample span.dummy-h { /* spanはIEの場合だけ読み込まれている */
	display:inline; 
	zoom:1; 
	height:100％; 
	vertical-align:middle; 
}






div.footer-sample {
	background-color:#333;
	height:70px;
	width:500px;
	display:table-cell;
	vertical-align:middle; /*上下の中央合わせ*/
	text-align:center; /*文字のセンタリング*/
} 

div.copyright-sample {
    color: #ccc;
    font-size: 12px;
    line-height: 1.2em;
}

*:first-child+html div.copyright-sample {
    display:inline;
    zoom:1;
    vertical-align:middle;
}

*:first-child+html div.footer span.dummy-h {
    display:inline;
    zoom:1;
    height:100%;
    vertical-align:middle;
}

* html div.copyright-sample {
    display:inline;
    zoom:1;
    vertical-align:middle;
}

* html div.footer span.dummy-h {
    display:inline;
    zoom:1;
    height:100%;
    vertical-align:middle;
}



/* ====================================
	End center copyright
   ==================================== */



/* ====================================
	Begin menu-sample
   ==================================== */


#menu-sample {
	width: 400px;
	height: 50px;
	padding: 5px 20px 20px 20px;
	background-color: #e6e6e6;
	margin: 0 auto;
	border: 1px dotted #959aa1;
}

#menu-sample p {
	font-size: 80%;
	font-weight:bold;
	margin: 0 0 5px;
}





#menu-sample ul { /*リスト全体*/
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-sample li { /*リストの1段目*/
	float: left;
	min-width: 94px;
	white-space: nowrap;
}

#menu-sample ul ul { /*2段目以降*/
	display: none;
	position: absolute;
	z-index: 10;
}

#menu-sample li li { /*2段目以降のリスト項目*/
	clear: left;
	position:relative;
	width: 100%;
}

#menu-sample ul ul ul { /*3段目以降*/
	top: 0;
	left: 100%;
}

#menu-sample ul li:hover > ul {
	display: block;
}



*+html #menu-sample ul ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}




#menu-sample li {
	margin-left: 3px;
}

#menu-sample a { /*1段目以降のメニュー文字*/
	font-size: 13px;
	line-height:15px;
	color: #dadada;
	text-decoration: none;
	text-align: center; /*1段目は文字を中央合わせに*/
	padding: 5px 10px;
	background-color: #242424;
	display: block;
}

#menu-sample a:hover {
	color: #f90;
	background-color: #111;
}

#menu-sample ul ul {
	padding-top: 2px;
}

#menu-sample ul ul ul { /*3段目以降*/
  padding-top: 0; /*2段目の上パディング2pxを元に戻す*/
}

#menu-sample li li {
	margin-left: 0; /*liのmargin-left: 3pxを元に戻す*/
}

#menu-sample ul ul a { /*2段目以降のメニュー文字*/
	font-size: 11px;
	line-height: 1.3;
	text-align: left; /*2段目以降は左寄せにもどす*/
	border-top: solid 1px #555555;
	border-right: solid 1px #070707;
	border-bottom: solid 1px #070707;
	border-left: solid 1px #555555;
	background-color: #343434;
}


/* ====================================
	End menu-sample
   ==================================== */

/* ====================================
	Begin social_bookmarks_demo
   ==================================== */


ul.social_bookmarks_demo a img {
 display: block;
 border: none;
}

ul.social_bookmarks_demo {
	list-style: none;
	width: 100%;
	margin: 1em 0 1.5em;
	padding: 0;
}

ul.social_bookmarks_demo li { /*横並びに*/
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 7px;
}

ul.social_bookmarks_demo:after { /*floatの解除*/  
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0em;
	line-height: 0;
} 

ul.social_bookmarks_demo li.twitter_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/twitter-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks_demo li.delicious_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/delicious-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks_demo li.yahoo_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/yahoo!-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks_demo li.google_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/google-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks_demo li.hatena_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/hatena-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks_demo li.livedoor_icon {
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/livedoor-02.gif") ;
  background-repeat: no-repeat;
}

ul.social_bookmarks_demo span { 
  margin: 0;
  padding: 0;
  background-image: url("http://ezorisu-web.com/web-design/wp-content/themes/ezorisu-web/additional_images/social_bookmarks/fukidasi.png");		   
  background-repeat: no-repeat;
  width: 116px;
  height: 34px;
  position:relative;
  top: -50px;
  left: -50px;
  text-align:center;	
  font-size:11px;
  line-height: 20px;
  color:black;
  display: none;
}

ul.social_bookmarks_demo a:hover span {
  display: block;
}

ul.social_bookmarks_demo a:hover { /*ボタンタイトルの下線消去*/
  text-decoration: none;	
}

ul.social_bookmarks_demo a:hover img {
  visibility: hidden;
}

/* ====================================
	End social_bookmarks_demo
   ==================================== */