@charset "utf-8";

@font-face {
	font-family: font; 
	font-style: normal;
	font-weight: normal;
	src:url(http://file.soliste.3rin.net/irohamaru-Regular.woff) format('woff');	}

@font-face {
	font-family: ruby; 
	font-style: normal;
	font-weight: normal;
	src:url(http://file.soliste.3rin.net/SanafonPro.woff) format('woff');}


/*------------------------------------------------------------
	全体
-------------------------------------------------------------*/

html {
	height: 100%;
	background:
	url(http://file.soliste.3rin.net/cover-flower001.jpg) fixed no-repeat center center / auto auto,
	url(http://file.soliste.3rin.net/bg3.jpg) fixed #f5f1ec;
	}

body {
	color:#5f5759;
	font-family: Georgia,"Book Antiqua",font,serif;
	height: 100%;
	width:100%;
	font-size:12px;
	margin: 0px;
	line-height:1.6;
	letter-spacing:1px;
	scrollbar-arrow-color:#f5f1ec;
	scrollbar-track-color:#f5f1ec;
	scrollbar-face-color:#967274;
	scrollbar-3dlight-color:#967274;
	scrollbar-highlight-color:#f5f1ec;
	scrollbar-shadow-color:#f5f1ec;
	scrollbar-darkshadow-color:#967274;
overflow: visible;
}

/*------------------------------------------------------------
	Hyper Text
-------------------------------------------------------------*/
a, :link {
	text-decoration:none;
	color:#967274;
	}

/* 過去に見たことがあるページのリンクの設定 */
a:visited{
	text-decoration:none;
	color:#967274;
	}

/* カーソルが合っている状態のリンクの設定 */
a:hover {
	color:#eadddd;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	}

/* アクティブ状態のリンクの設定 */
a:active {
	}


/*------------------------------------------------------------
	文字
-------------------------------------------------------------*/

/* ルビ */
ruby rt, rp{
	line-height:2px;
	letter-spacing:2px;
	font-size:8px;
	font-family:"ruby";
	color:#8f8789;
	font-weight:bold;
margin-top:4px;
	}

/* 強調 */
em {
	color:#9a6977;
	font-weight:bold;
	font-style:normal;
	font-size:11px;
	}

/* より強い強調 */
strong {
	color:#514842;
	font-weight:nomal;
	border-bottom:1px solid #f26b7a;
	font-size:100%;
	}

/* 削除文字小 */
del {
	text-decoration:line-through;
	font-size:90%;
	}

/* 削除色変え */
s {
	text-decoration:line-through;
	font-size:100%;
	color:#cccccc;
	}

/* 追加 */
ins {
	text-decoration:underline;
	font-size:95%;
	}

/* 文字を小さく */
small {
	font-size:85%;
	}

/* 下線 */
u {
	text-decoration:none;
	border-bottom:1px dotted #bbbbbb;
	}

br.clear{ clear:both;}

/*------------------------------------------------------------
	Selected Text
-------------------------------------------------------------*/

::selection {
	background: #c8bdba;
	}

::-moz-selection {
	background: #c8bdba;
	}

/*------------------------------------------------------------
	見出し
-------------------------------------------------------------*/

/* ブログタイトル */
h1 {
	width: 100%;
	margin: auto auto;
	padding: 40px 10px 0px;
	position:relative;
	z-index:100;
	font-size: 54px;
	text-align:center;
font-weight:bold !important;
	}

/* 記事タイトル */
h2 {
	font-size:34px;
	font-weight: bold;
	color:#967274;
	}

/* ブログの説明 */
h3 {	
	width: 100%;
	font-size: 10px;
	margin: auto auto;
	font-weight: normal;
	line-height:12px;
	letter-spacing:4px;
	text-align:center;
	padding: 0 10px 20px;
	color:#af9793;
	}

/* ページ内見出し */
h4 {
	font-size:16px;
	font-weight: bold;
	color:#967274;
	border-left:6px solid #af6775;
	border-bottom:1px dashed #8f4748;
	padding:0 30px 10px 20px;
	border-radius: 20px 0 0 20px;
	-webkit-border-radius:20px 0 0  20px;
	-moz-border-radius: 20px 0 0 20px;
	height:16px;
	width:42%;
	}

h4 + p {
	padding:10px 0 30px 20px;
	font-size:11.5px;}

h5 {
	font-size:12px;
	font-weight: bold;
	color:#967274;
	border-bottom:1px dashed #8f4748;
	padding:0 18px 10px 18px;
	margin:0 30px 10px 15px;
	height:16px;
	line-height:28px;
	width:42%;
	display:inline;
	}

h5 + p {
	padding:10px 0 30px 15px;
	margin:20px 30px 10px 10px;
	font-size:10.5px;
	width:100%;
	letter-spacing:1px;}

/*------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------*/

#header {
	width: 100%;
	margin: auto auto;
	padding: 30px 0 15px;
	position: relative;
	z-index: 101;
	}

/*------------------------------------------------------------
	メニュー
-------------------------------------------------------------*/

.global {
	width: 100%;
	max-width: 100%;
	clear: both;
	margin: 20px auto;
	text-align:center;
	border-top: solid 1px #896870;
	border-bottom: dotted 1px #896870;
	background:url(http://file.soliste.3rin.net/bg1.png) scroll;
	position:relative;
	z-index:1000;
	height:auto;
	}

.global:before {
 	content:""; 
	display:block; 
	position:absolute; 
	left:0; 
	top:-6px; 
	width:100%; 
	height:2px;                          
	background:#b7a4a1;
	}

.global ul {
	overflow: hidden;
	width:100%;
	margin: auto auto;
	}

.global ul li {
	list-style: none;
	display:inline;
	}

.global li a  {
	text-decoration: none;
	margin:10px auto;
	padding: 5px 8px;
	display: inline-block;
	width:auto;
	font-weight: bold;
	font-size: 16px;
	color: #8b6763;
	text-align:center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	}

.global li a:hover{
	background-color: rgba(185, 132, 124, 0.2);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color:#a7949f;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	}

.sticky {
  position: fixed;
  top: -22px;
  z-index: 1000;
  width: 100%;
}

.plusticky {
  position: fixed;
	width: 250px;
  z-index: 1000;
}

/* bread----------------------------------------------------- */

.bread {
	width: 100%;
	margin: 25px auto 20px;
	padding: 10px 20px 0px;
	font-size: 11px;
	font-weight: normal;
	}

aside#EntryBottomBlock {
	width: 90%;
	padding:5px 0px 20px;
	margin:auto;
	text-align:right;
	font-size: 11px;
	font-weight: normal;
	}

/* contents----------------------------------------------------- */

#contents {
	width: 100%;
	margin: 30px auto 10px;
	padding-top:0;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	overflow: hidden;
	height: auto !important;  
	height: 100%;             
	min-height: 100%;         
	background:url(http://file.soliste.3rin.net/bg-pattern064.png) fixed;
	}
	
#section {
	width: 100%;
	float: left;
	padding: 0px 5px 40px 0px;
	}

article.entry {
	margin: 0 10px 10px 10px;
	border-bottom: dotted 1px #bbbbbb;
	overflow: visible;
	}


/* 記事タイトル */
article.entry > header {
	margin: 0;
	padding: 0 0;
	}

/* 記事タイトル h2 */
article.entry > header .entry_ttl {
	font-family: "Book Antiqua","ＭＳ Ｐ明朝",serif;
	font-size: 28px;
	font-weight:bolder;
	margin: 0 20px;
	}

/* カテゴリ */
aside#EntryTopBlock{
	width:90%;
	padding:0 0 5px 0;
	margin:-10px 0 10px 0;
	text-align:right;
	color:#896870;
	}

/* 記事本文 */
article.entry .entry_txt {
	margin: 0px 25px 60px 0px;
	line-height:26.5px;
	letter-spacing:1.5px;
	} 

article.entry .entry_txt1 {
	margin: 0px 35px 40px ;
	line-height:26.5px;
	letter-spacing:1.9px;
	} 

/* 画像サイズ */
img {
max-width:100%;
height:auto;
}

/* ページリンク */
.PageLinkBlock{
width:80%;
text-align:center;
padding:25px 0 20px 0;
margin:auto;
}

/* サイドバー */
#aside {
	width: 80%;
	float: none;
	padding: 0px 0;
	margin: auto auto;
	}

aside#plugin {
	margin: 0 0px 30px 0px;
	}

aside#plugina {
	margin: 0px 20px 30px 0px;
	}

article.plugin_inner {
	margin-bottom: 35px;
	}

.plugin_ttl {
	font-weight: bold;
	border: none;
	padding: 0 0 5px 0;
	margin: auto auto;
	font-size: 16px;
	color:#967274;
	display:inline;
	text-align:left;
	}

.plugin_data {
	margin: 20px 0 5px 10px;
	padding: 0px 5px;
	display: block;
	font-weight: normal;
	font-size: 11px;
	line-height:0;
	letter-spacing:1.5px;
	}
p.plugin_data {
	margin: 10px 0 5px 10px;
	padding: 2px 5px;
	display: block;
	font-weight: normal;
	font-size: 11px;
	line-height:20px;
	letter-spacing:1.8px;
	}

.plugin_data_date {
    font-size: 10px;
    text-align: right;
    }

span.music{
position:relative;
text-align: left;
width:100%;
}

span.lyrics{
position:relative;
text-align: left;
width:100%;
}

.audiojs {
    position: relative;
    width: 87%;
    height: 23px;
    background: rgba(204, 180, 180, 0.5);
    overflow: hidden;
    font-family: monospace;
    font-size: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

nav.page {
	padding:5px 20px 20px;
	margin:0 0 20px 20px;
	text-align:right;
	font-size: 10px;
	font-weight: normal;
	color:#ba9aa7;
	position:relative;
	z-index:100;
	}

span.ul1 {
	font-size: 14px;
	font-weight: normal;
	line-height:20px;
	letter-spacing:1.8px;
}
span.ul1:before{
	content: "◇";
	margin-left:-10px;
	margin-right:3px;
	color:#af6775;
}
p.ul2 a{
	font-size: 10px;
	font-weight: normal;
	line-height:20px;
	letter-spacing:1.8px;
}
p.ul2 a:before{
	content: "┗";
	margin-left:7px;
	margin-right:3px;
	color:#af6775;
}

#works, #ori, #ors, #msh, #ub, #gst, #ren, #st{
    margin-top:-70px;
    margin-bottom:30px;
    padding-top:70px;
    overflow: hidden;
	text-decoration:none;
}

#kimi, #wg, #Lae, #othw, #inst, #oths{
    margin-top:-70px;
    padding-top:70px;
    overflow: hidden;
	text-decoration:none;
}

/* footer----------------------------------------------------- */
	
#footer {
	width: 100%;
	margin: 30px auto;
	padding:10px 0px;
	color: #cccccc;
	overflow: hidden;
	text-align:center;
	clear:both;
	}

#footer .inner {
	padding: 40px 0;
	font-size: 11px;
	margin;auto auto;
	text-align:center;
	}

#footer nav{
	width:100%;
	margin:auto auto;
	border:1px dotted #bbbbbb;
	background:url(http://file.soliste.3rin.net/bg1.png) scroll;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	}

#footer ul {
	overflow: hidden;
	margin: auto auto;
	}

#footer ul li {
	list-style: none;
	display:inline;
	}

#footer li a  {
	text-decoration: none;
	margin:5px auto;
	padding: 5px 8px ;
	display: inline-block;
	width:auto;
	font-weight: bold;
	font-size: 14px;
	color: #8b6763;
	text-align:center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	}

#footer li a:hover{
	background-color: rgba(185, 132, 124, 0.2);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color:#a7949f;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	}
	
#footer address {
	clear: both;
	font-size: 10px;
	color: #666666;
	}
	
p.credits {
	font-size: 10px;
	color: #666666;
	padding-bottom:50px;
	}

/* 忍者広告--------------------------------------------------- */

.cm {
	margin: 30px 0;
	font-size: 10px;
	display:inline;
	}