/* 
	Theme Name: harmonics-1
	Theme URI: http://fibonacci.jp/
	Description: The purple ink stain in the header is what gives this theme an artistic look. Brought to you free by <a href="http://fibonacci.jp/">fibonacci</a>.
	Version: 3.00
	Author: fibonacci
	Author URI: http://fibonacci.jp/
	Tags: 
	Template:twentyeleven
*/
@import url("../twentyeleven/style.css");
#side-wide-area-1,
#side-wide-area-2{
	float: right;
	margin-right: 3%;
	margin-left: 3%;
	width: 35%;
}
body{

	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial,sans-serif;
	/*font-family: Verdana, Arial, Helvetica, Sans-Serif;*/
	color:#4A5E69;

}
a {color:#2D0C66;text-decoration: none;}
a:hover {color: #2D0C66;text-decoration: underline;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
.waku{
border: thin #CCCCFF solid;
     padding : 4px ;

}
/*//p  { text-indent:1em; }*/
/*本文画像*/
.inright{
   float: right;
   margin: 0px 0px 0.5em 0.5em;
}
.inleft{
   float: left;
   margin: 0px 0.5em 0.5em 0px;
}
.innomal{
   margin: 0px 0.5em 0.5em 0px;
}

/*本文画像*/
div.inleft2{
   float: left;
   max-width: 450px;
padding: 10px 10px;
}
.inleft2 span{
	font-weight: bold;
	padding: 2px 8px;
}
.autorlabel{
	color: #888;
	font-size: 10px;
}
.snsbut{
	font-weight: bold;
	padding: 3px 3px 10px 3px;
}
div.taxtags{
	padding: 0px 3px 15px 3px;
}
span.new{
color: #c51920;
}
/*パンクズ*/
#topicPath_01 {  
 margin:10px 0;  
 }  
#topicPath_01 li {  
  display:inline;  
 line-height:110%;  
list-style-type:none;  
}  
 #topicPath_01 li a {  
 padding-right:10px;  
}  
/* =Structure
----------------------------------------------- */
#page {
	margin: 2em auto;
	max-width: 1000px;
}
#primary {
	float: left;
	margin: 0 -41% 0 0;
	width: 100%;
}
#content {
	margin: 0 41% 0 3%;
	width: 56%;
}
#secondary {
	float: right;
	margin-right: 3%;
	width: 18%;
}
#tertiary {
	float: left;
	margin-right: 3%;
	margin-left: 3%;
	width: 14%;
}

/* =Responsive Structure
----------------------------------------------- */
/*
hgroup{
	background:url('images/bg_header.png') no-repeat center top;
}
#branding hgroup {
	margin: 0 0 0 0;
}
*/
/*最上部のスキマを削除*/
#page.hfeed { margin-top: 0px; }
#branding {
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}

/*ヘッダー*/
#site-title {
	font-size: 32px;
	text-shadow: 0px 1px 1px #000;
	margin: 0px 20px;
	padding: 40px 0px 0px 15px;
}

#site-title a {
	color: #fff;
	letter-spacing: -0.05em;
	font-size: 28px;
	line-height: 30px;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #fff;
}

#site-description {
	font-style: normal;
	color: #fff;
	line-height: 1;
    margin: 0 0px 14px 0;
	padding-left: 40px;
	font-size: 14px;
}

#branding .only-search #s, #branding .only-search #s:focus {
    width: 100px;
}

#branding { border: none; }
#branding img { border-top: 1px solid #aaaaaa; }
#branding hgroup {
height: 220px;
	margin: 0 0 0 0px;
	overflow: hidden;
	zoom: 1;
	background:url('images/bg_header.png') no-repeat center top;
}

#branding #searchform {
	right: 2.5%;
	top: 1.5em;
}
#branding #s {
	font-size: 12px;
	height: 22px;
	padding: 4px 10px 4px 38px;
	width: 110px;
}

#branding #s:focus {
    width: 100%;
}

/* =Menu    background: #000;    background: #fffffe; border: 1px solid #ccc;

-------------------------------------------------------------- */
 

#access .menu-header,
div.menu {
    font-size: 13px;
    margin-left: 12px;
}
/*背景色を白く、枠線をつけて幅を調節します*/
#access {
border: none;
	background:url('images/bg_menu.png') no-repeat center top;
}

#access a {
	color: #000;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}


/*800Pix以下の時の記述サイド2カラム*/
@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 3%;
		width: auto;
	}
	#main #secondary {
		float: none;
		margin: 0 3%;
		width: auto;
	}
	#main #tertiary {
		float: none;
		margin: 0 3%;
		width: auto;
	}
}