@charset "utf-8";
/*
Theme Name: sheepsleap2012
Theme URI: http://llschema.com
Description: Project::sheepsleap-2012
Author: SCHEMA
Version: 1.1
Tags: 
*/
/*================================================================================================*/
/* Fontsize list (12px=100%) */
/* | 9px =74.5%  | 10px=83%    | 11px=91%    | 12px=100%   | 13px=107.6% | 14px=115.8% | */
/* | 15px=124.2% | 16px=132.4% | 17px=140.7% | 18px=148.9% | 19px=157.2% | 20px=165.5% | */
/* | 21px=173.8% | 22px=182.1% | 23px=190.3% | 24px=198.6% | 25px=206.9% | 26px=197%   | */
/*================================================================================================*/
/* @External contents */
/*================================================================================================*/
/* HTML5 Doctor Reset & YUI3.0 Font */
@import "share/css/html5reset-1.6.1.css";
@import url(http://yui.yahooapis.com/3.4.1/build/cssfonts/fonts-min.css);
/* Web Font by Google */
@import url(http://fonts.googleapis.com/css?family=Quattrocento:700,400);
.font-quattro {	font-family:"Quattrocento";}
.font-quattro_bold {
	font-family:"Quattrocento";
	font-weight:700;
}
/* Web Font by chibatch.jp */
@font-face{ 
	font-family:"WebIconFonts";
	src:url("share/fonts/webiconfonts.eot");
	src:
		url("share/fonts/WebIconFonts.eot?") format("eot"),
		url("share/fonts/WebIconFonts.woff") format("woff"),
		url("share/fonts/WebIconFonts.ttf") format("truetype");
}
.icon {	font-family:"WebIconFonts";}
/*================================================================================================*/
/* @Core styles */
/*================================================================================================*/
html {	overflow-y:scroll;}
html, body {	height:100%;}
h1, h2, h3, h4, h5, p, table, ul, dl {	margin-bottom:1em;}
h1, h2, h3, h4, h5, h6, strong, em, th, dt {	font-weight:bold;}
h1 {
	font-family:"Quattrocento";
	font-size:148.9%;
}
h2 {
	font-family:"Quattrocento";
	font-size:148.9%;
}
h3 {
	font-family:"Quattrocento";
	font-size:124.2%;
}
ol li {
	margin-left:2em;
	list-style:decimal;
}
a {
	color:#000;
	outline:none;
}
a:hover {	color:#f5c91c;}

body {
	background-color:#a9dee9;
	margin-top:0;
}



/*================================================================================================*/
/* @Wrapper */
/*================================================================================================*/
#globalWrapper {
	position:relative;
	min-height:100%;
	font:12px/1.489 "ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width:960px;
	margin-left:auto;
	margin-right:auto;

}
body > #globalWrapper {	height:auto;}
/*================================================================================================*/
/* #header */
/*================================================================================================*/
#globalWrapper > header {
	margin:0 auto 30px;
	padding-top:80px;
	position:relative;
}
#globalWrapper > header h1 {
	margin:0;
	text-align:center;
}
#globalWrapper > header hgroup {
	text-align:center;
}
#globalWrapper > header hgroup h1 {
	margin:0;
	font-size:60px;
}
#globalWrapper > header hgroup h2 {
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:normal;
	font-size:124.2%;
}
/* #nav_global ---------------------------------*/
#nav_global {
	padding:5px 0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:1000;
}
#nav_global:after {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.5));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.99)), to(rgba(255, 255, 255, 0.5)));
	z-index:-1;
}
#nav_global ul {
	margin:0;
	display:inline-block;
	vertical-align:top;
}
#nav_global ul li {
	padding:16px 0;
	display:inline-block;
}
#nav_global ul li a {	text-decoration:none;}
#nav_global ul.menu li {	margin:0 13px;}
#nav_global ul.menu li:last-of-type {	margin-right:15px;}
#nav_global ul.menu li a,
#nav_global ul.menu li span {
	line-height:1.324;
	font-family:"Quattrocento";
	font-weight:700;
	font-size:148.9%;
}
#nav_global ul.menu li span {	color:#ccc;}
#nav_global ul.menu li a {	color:#000;}
#nav_global ul.menu li.current a {	color:#f5c91c;}
#nav_global ul.social {
	padding-left:10px;
	border-left:2px solid #f7f7f7;
}
#nav_global ul.social li {	margin:0 3px;}
#nav_global ul.social li a {
	display:block;
	width:19px;
	line-height:1.324;
	font-family:"WebIconFonts";
	font-size:132.4%;
	text-align:center;
}
#nav_global ul.social li a:hover {
	color:#fff;
	background:#000;
}
/*================================================================================================*/
/* #content */
/*================================================================================================*/
/*
#content {
	padding-bottom:20px;
	padding-top:20px;
	}
#content > div.wrap {
	margin-bottom:55px;
	padding-top:60px;
	border-top:2px solid #8f8b89;
}
#content > div.wrap > div.inner {
	margin:0 auto;
	max-width:840px;
}
#main > h1:first-of-type {
	margin-bottom:55px;
	padding:0 0 10px 18px;
	border-bottom:1px solid #c7c5c4;
	font-size:148.9%;
}
#main a {	color:#e883b4;}
#main a:hover {	color:#4da2de;}


/* #nav_page -----------------------------------*/
#nav_page {	text-align:center;}
#nav_page ul {	margin:0;}
#nav_page ul li {
	margin:0 2px;
	display:inline-block;
	font-size:115.8%;
	font-family:"Quattrocento";
}
#nav_page ul li.prev {	margin-right:10px;}
#nav_page ul li.next,
#nav_page ul li.last {	margin-left:10px;}
#nav_page ul li a {
	color:#878787;
	text-decoration:none;
}
#nav_page ul li a:hover {	color:#f5c91c;}
/* #latest_articles ----------------------------*/
#latest_articles {
	margin:0 auto;
	border-top:1px solid #271e1c;
	border-bottom:1px solid #271e1c;
}
#latest_articles div.inner {
	margin:0 auto;
	padding:35px 0;
	position:relative;
	max-width:840px;
}
#latest_articles div.inner h1 {
	margin:0;
	padding:0 45px 0 15px;
	display:inline-block;
	position:absolute;
	top:-.8em;
	left:0;
	background:#fff;
}
#latest_articles div.inner article {
	margin:0 6px;
	float:left;
	width:127px;
}
/* @Section::FoldContent ---------------------------*/
#sec_concept {
	margin:0 auto;
	padding-bottom:70px;
	position:relative;
	max-width:840px;
}
#sec_concept > h1 {
	margin-bottom:0;
	position:absolute;
	bottom:20px;
	right:0;
	left:0;
	font-size:17px;
	text-align:center;
}
#sec_concept > h1 a {
	padding:2px 10px 0;
	border-radius:20px;
	display:inline-block;
	width:240px;
	color:#000;
	background:#c7c8c9 url(share/img/concept_cursor_down.png) repeat-y 10px 10px;
	text-decoration:none;
}
#sec_concept > h1 a.active {	background:#c7c8c9 url(share/img/concept_cursor_up.png) repeat-y 10px 10px;}
.folding_content {
	padding:8em 65px 50px;
	border:1px solid #c7c5c4;
	position:relative;
	clear:both;
	background:#f6f1e9;
}
.folding_content .title {
	padding:15px;
	border-bottom:1px dashed #c7c5c4;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:left !important;
}
.folding_content a.close {
	position:absolute;
	top:7px;
	right:7px;
	display:block;
	width:42px;
	height:42px;
}
.folding_content *:last-child {	margin-bottom:0;}
/*================================================================================================*/
/* #footer */
/*================================================================================================*/


#globalWrapper > footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:1000;
}

#globalWrapper > footer:after {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	background:rgba(255, 255, 255, 0.5);
	z-index:-1;
}
#globalWrapper > footer > div.social {
	margin:0 auto;
	padding:10px 0 5px;
	max-width:840px;
	text-align:right;
}
#globalWrapper > footer > div.wrap {
	padding:6px 0;
	color:#fff;
	background:#271e1c;
	font-family:"Quattrocento";
	font-size:83%;
}
#globalWrapper > footer > div.wrap p {	margin:0;}
#globalWrapper > footer > div.wrap a {
	color:#fff;
	text-decoration:none;
}
#globalWrapper > footer > div.wrap a:hover {	color:#f5c91c;}
#globalWrapper > footer > div.wrap img {	vertical-align:middle;}
#globalWrapper > footer > div.wrap > div.inner {
	margin:0 auto;
	position:relative;
	max-width:840px;

}




#pagetop {
	margin-left:-32px;
	position:absolute;
	top:-37px;
	left:50%;
}
#nav_footer {	float:left;}
#nav_footer ul li {
	margin-right:30px;
	display:inline-block;
}
#copyright {
	float:right;
	text-align:right;
}
#copyright p img {	margin-left:10px;}
/*================================================================================================*/
/* @Classes */
/*================================================================================================*/
/* Layout Box ----------------------------------*/
.left {	float:left;}
.right {	float:right;}
.clear {	clear:both;}
/* WP Classes ----------------------------------*/
img.alignright {
	margin:0 0 1em 1em;
	float:right;
}
img.alignleft {
	margin:0 1em 1em 0;
	float:left;
}
img.aligncenter {
	margin:0 auto 1em;
	display:block;
}
/* Tag Cloud ----------------------------------*/
div.tag_cloud a {	color:#000 !important;}
div.tag_cloud a:hover {
	color:#fff !important;
	background:#000;
}
/*================================================================================================*/
/* @JavaScript Styles */
/*================================================================================================*/
.fb-like {	
	vertical-align:top;
	margin-right:-30px;}
.twitter-share-button {	margin-right:-30px;}
/*================================================================================================*/
/* @Clearfix */
/*================================================================================================*/
.clearfix:after,
#main:after,
#latest_articles div.inner:after,
footer > div.wrap > div.inner:after
{display:block;clear:both;content:"";}




/*================================================================================================*/
/* @box */
/*================================================================================================*/
#box01 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box01.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box01 a:hover {
	background-position: 0 bottom;
}

#box02 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box02.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box02 a:hover {
	background-position: 0 bottom;
}


#box03 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box03.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box03 a:hover {
	background-position: 0 bottom;
}

#box04 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box04.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box04 a:hover {
	background-position: 0 bottom;
}

#box05 a {
	display: block;
	width: 170px;
	height: 152px;
	background: url(img/anchoco_image_box05.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box05 a:hover {
	background-position: 0 bottom;
}


#box06 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box06.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box06 a:hover {
	background-position: 0 bottom;
}


#box07 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box07.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box07 a:hover {
	background-position: 0 bottom;
}

#box08 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box08.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box08 a:hover {
	background-position: 0 bottom;
}

#box09 a {
	display: block;
	width: 170px;
	height: 158px;
	background: url(img/anchoco_image_box09.png) no-repeat 0 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#box09 a:hover {
	background-position: 0 bottom;
}

div#container_of_content {
 position: relative;
 overflow: hidden;
}
ul#container_of_listed_items {
 float: left;
 position: relative;
 left: 44%;
}
li.listed_items {
 position: relative;
 left: -50%;
 float: left;
 list-style:none;
 padding:0 10px;
}

.clear { clear:both; }
.clear hr { display:none; }  





div#linkbutton {
	position: relative;
	overflow: hidden;
	padding:30px 0;
}
ul#linkbutton {
 float: left;
 position: relative;
 left: 46%;
}

.bg {
	background-image:url(img/anchoco_image_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:40px;
	padding-right:60px;
}