@charset "utf-8";
/* レイアウト */

body{
  line-height:170%;
  margin:0 10%;
  background-color:#FFFFFF;
}

hr{
  border:0 none;
  height:1px; 
  color:#949394;
  background-color:#949394;
}

.footer_menulist,.footer_bookmark ul,#footer_search{
  padding:0 0.75em;
  margin:0 0 0 0.5em;
  list-style:none;
}
.footer_bookmark a{text-decoration: none;}
#footer{margin-bottom:1em;font-size:90%}

#feed{
float:left;
width:20%;
margin:0 0 0 5px;
}

#site_profile,#author_profile,#site_all,#contents_all{
float:left;
width:19%;
margin:0 0 0 5px;
}

.footer_menutitle{
font-size:100%;
padding-left:2px;
border-bottom:1px dashed #848484;
}

address{font-style:normal;}

#contribution{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:0.5em 1em;
width: 98%;
background: #fff0f0;
clear:both;
}

#contribution h2{
font-size:120%;
text-align:center;
}

/* リンク */

#introduction a,#epub a,#honbun a,#pagetop a,#footer a{
text-decoration:none;
}

#introduction a:hover,#epub a:hover,#honbun a:hover,#pagetop a:hover,#footer a:hover{
text-decoration:none;
border-bottom:1px solid;
}

/* 画像 */

.footer_menulist img{margin-bottom:-3px;}
img{border-style:none;}

.lightTip{  }
.lightTip .content{ font-size:80%;width: 500px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom{ height: 14px; background: url(../images/icons/notch-white.png) top center no-repeat; }

#bokin{text-align:right;margin-top:-3em;}

/* 見出し */

h1{
  font-size:150%;
  text-align:center;
  border:solid;
  border-width:1px 0;
  padding:5px;
  border-color:#B3B3A7;
  margin-top:2em;
}

#heading{font-weight:bold}

/* ナビゲーション */

#focus{font-weight:bold}
#home{text-align:center}

#pagetop{
  font-size:80%;
  text-align:right;
}

#bookmark{text-align:right;}

#side_fixed {
background-color: #eee;
border: solid 1px gray;
position: fixed !important;
position: absolute;
bottom: 70px;
right: 5px;
padding: 5px;
text-align:center;
}

#side_fixed p{margin:0.5em 0}

/* 役割のある文章 */

#search{text-align:center}
#introduction{font-size:80%}

#epub{
  font-weight:bold;
  text-align:center;
}

/* リスト */

#header_list{
 margin:0;
 padding:0;
 text-align:center;
 font-size:80%;
}

#header_list li{display:inline}
dt{font-weight:bold;}
dd{padding-bottom:1em;clear:both;}

/* スクリプトのメニュー */

#nav{
    height:35px;
    border-bottom:1px solid #ddd;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#fff url(../images/script/topmenu/nav.png) repeat-x center left;
}
#nav ul{
    height:25px;
    list-style:none;
    margin:6px auto 0px auto;
    width:95%;   
}
#nav ul li{
    display:inline;
    float:left;
    margin:0px 2px;
}
#nav .topmenu a,#nav .contact{
    font-size:10px;
    font-weight:bold;
    float:left;
    padding: 2px 4px;
    color:#999;
    text-decoration: none;
    border:1px solid #ccc;
    cursor: pointer;
    background:transparent url(../images/script/topmenu/overlay.png) repeat-x center left;
    height:16px;
    line-height:16px;
}
#nav .topmenu a:hover{
    background:#D9D9DA none;
    color: #fff;
}
#nav .topmenu a.top span, #nav a.bottom span{
    float:left;
    width:16px;
    height:16px;
}

#nav ul li.search{
    float:right;
}
#nav input[type="text"]{
    float:left;
    border:1px solid #ccc;
    margin:0px 1px 0px 10px;
    padding:5px;
}
input.searchbutton{
    border:1px solid #ccc;
    padding:1px;
    cursor:pointer;
    width:30px;
    height:22px;
    background:#E8E9EA url(../images/script/topmenu/search.png) no-repeat center center;
}
input.searchbutton:hover{
    background-color:#D9D9DA;
}

/* シェアボタン */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?ookgoz');
	src:url('../fonts/icomoon.eot?ookgoz#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?ookgoz') format('truetype'),
		url('../fonts/icomoon.woff?ookgoz') format('woff'),
		url('../fonts/icomoon.svg?ookgoz#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-pocket:before      {content: "\e902";}
.icon-twitter:before     {content: "\ea96";}
.icon-facebook:before    {content: "\ea90";}

/*shareボタンstyle
/************************************************************/

.shareList10__item {
	height:20px;
	line-height:20px;
	margin:5px 0 0 5px;
	text-align:center;
}
.shareList10__link {
	display:block;
	padding:0 10px;
	color:#ffffff;
	text-decoration: none;
	border-radius: 5px;
}
.shareList10__link::before{
	font-size:14px;
	transition: ease-in-out .2s;
	border-radius: 5px;
}
.shareList10__link::after{
	content:attr(title);
	font-size:12px;
	vertical-align: top;
	margin-left:5px;
}

.shareList10__link:hover{opacity: 0.75;}
.shareList10__link.icon-twitter{background:#55acee;}
.shareList10__link.icon-facebook{background:#3B5998;}
.shareList10__link.icon-pocket{background:#EB4654;}