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

*{margin:0;padding:0;}*
body{
font-size:0.7em;
line-height:1.7em;
background:#fff;
color:#444;
}

a:hover{color:#6C757A;}
p{margin:0 0 5px 0;}
address{font-style:normal;}
#usermenu{list-style:none;}

.blockContent p,.blockContent ul,.contents_introduce dt,.blockContent dt{font-size:120%;}
.centerCblock{font-size:1.04em;}

.contents_introduce dd{
font-size:120%;
margin-top:0.3em;
}

#content{
margin:0 auto;
width:980px;
}

#header_background{
background:#fff url(images/headerbg.gif) repeat-x bottom;
padding-top:10px;
}

#header{
height:70px;
color:#808080;
margin:3px 0;
padding:10px 0 0 0;
width:980px;
margin-left:auto;
margin-right:auto;
}

#top_info{
float:right;
width:680px;
padding:5px 0 4px 0;
color:#808080;
}

#top_info_login{
float:right;
width:290px;
padding:0 0 0 35px;
border-left:1px solid #eee;
}

#menu_background{
background:#ffffff url(images/menubg.gif) repeat-x;
}

#function_menulist{
clear:both;
font-size:1.1em;
height:29px;
color:#FFF;
margin-left:auto;
margin-right:auto;
width:980px;
}

#function_menulist li{
padding:3px 11px;
float:left;
list-style:none;
}

#function_menulist li a{
color:#FFF;
background:inherit;
text-decoration:none;
}

#function_menulist li a:hover{
color:#BFE1ED;
background:inherit;
}

.toppagemain{
float:left;
width:980px;
margin:0 0 10px 0;
}

.toppagemenu{
float:right;
width:340px;
margin:0 0 10px 0;
}

.contents_introduce{
background:#f5f5f5;
color:#414141;
padding:8px;
margin:0 0 3px 0;
}

.toppagemenu .blockContent{
background:#f5f5f5;
color:#414141;
}

.toppagemenu .blockContent #usermenu,#qrcode_block{
padding:8px;
margin:0 0 3px 0;
}

.toppagemenu .blockContent .children,.blockContent #statistics{
padding:8px;
margin:0 0 3px 0;
line-height:170%;
}

.notice{
background:#eee;
color:#808080;
padding:12px 8px;
margin:0 0 3px 0;
}
.contents_image{
float:left;
margin:0 9px 3px 0;
}

.c_icon{margin-bottom:-2px;}
.menu_icon,.footer_menulist img,#newsletter img,#login_register img,#footer_bottom_menu img{margin-bottom:-3px;}

#login_register{margin-left:2px;}

#footer{
clear:both;
padding:10px 0;
line-height:2em;
background:#f5f5f5;
}

/* リンク */

.contents_introduce a,.pico_body a,#footer_menu a{
text-decoration:none;
}

.contents_introduce a:hover,.pico_body a:hover,#footer_menu a:hover{
text-decoration:none;
border-bottom:1px solid;
}

/* ログインブロック */

input.login{
width:150px;
border:none;
background:url(images/logininput.gif);
padding:4px;
}

#openid_login{
width:127px;
border:none;
background:url(images/input_openid.png);
padding:4px;
padding-left:25px;
}

#login_block{
margin:0 0 5px 0;
}

#login_block a{
text-decoration:none;
color:#246088;
}

#login_block a:hover{
text-decoration:underline;
color:#246088;
}

#login_block a:visited{
color:#246088;
}

#login_block ul{
list-style:none;
}

#login_block ul#tab{
margin:0;
padding:0;
border-bottom:1px solid #4A8EBC;
background-color:#fff;
float:left;
width:100%;
font-weight:bold;
}

#login_block ul#tab li{
margin:0em;
padding:0.2em 0;
text-align:center;
border:1px solid #4A8EBC;
border-bottom:none;
float:left;
width:11em;
}

#login_block ul#tab li#tab_openid{
margin:0 0 0 1em;
padding:0.2em 0;
text-align:center;
border:1px solid #4A8EBC;
border-bottom:none;
float:left;
width:11em;
}

#login_block ul#tab li a{
background:url(images/bullet.gif) no-repeat 0px 6px;
padding:0 0 0 10px;
}

#login_block ul#tab li.selected{
background-color:#C6E5F9;
color:#246088;
}

#login_block ul#tab li.selected a{
color:#246088;
}

#login_block dl{
margin:0;
padding:10px;
color:#246088;
border:1px solid #ccc;
border-top:none;
background-color:#C6E5F9;
clear:both;
}

#login_block dl dt{
margin-bottom:2px;
padding-bottom:2px;
border-bottom:1px dotted #fff;
}

#login_block dd{
margin:0 0 17px 0;
}

#login_block dl#normal{
height:80px;
}

#openid_identifier{
background:#fff url(../../modules/openid/images/login-bg.gif) no-repeat left;
color:#000;
padding-left:18px;
width:250px;
}
img.openid_button{
border-style:none;
cursor:pointer;
}

#pulldown-menu a{
color:#246088;
text-decoration:none;
}
#pulldown-menu a:link,
#pulldown-menu a:visited,
#pulldown-menu a:hover,
#pulldown-menu a:active{
background:#C6E5F9;
}

#pulldown-menu li{
float:left;
position:relative;
width:20em;
height:2em;
line-height:2em;
}
#pulldown-menu li a{
display:block;
width:20em;
height:2em;
}

#pulldown-menu li ul{
display:none;
}

#pulldown-menu li:hover ul{
display:block;
position:absolute;
z-index:100;
}

#pulldown-menu li ul li{
float:none;
margin:0;
font-weight:normal;
}

#suggest {
position: absolute;
background-color: #FFFFFF;
border: 1px solid #CCCCFF;
width: 252px;
}
#suggest div {
padding: 1px;
display: block;
width: 250px;
overflow: hidden;
white-space: nowrap;
}
#suggest div.select{
color: #FFFFFF;
background-color: #3366FF;
}
#suggest div.over{
background-color: #99CCFF;
}

/* 見出し */

h1{margin-top:-20px;}
h1 a, h2 a{text-decoration:none;}
h2 a:hover{color:#FF6600;background:inherit;}
h2{font-size:1.5em;margin-bottom:5px;color:#000;background:inherit;}

.toppagemainblock{
clear:both;
border-left:8px solid #A9C0CE;
background:#F5F5F5;
padding:7px 0 7px 5px;
margin:0;
font-size:medium;
font-weight:bold;
color:#333333;
}

.toppagemenublock{
background:#6C757A  url(images/corner.gif) no-repeat top right;
color:#FFF;
padding:7px 0 7px 5px;
font:bold 1.2em Tahoma, Arial, Sans-Serif;
margin:0 0 3px 0;
}

a.renew,a:link.renew,a:visited.renew,a:active.renew{color:#000}
a:hover.renew{
color:#000;
text-decoration: none;
border-bottom: 1px solid #6C757A;
}

/* 文字とか文章意味づけ */

#search_field{
background:#fff url(images/searchbg.png) no-repeat right;
color:#808080;
clear:both;
font-weight:bold;
padding:7px 12px 10px 10px;
margin:5px 0;
}

#search_form{float:right;}

input.search{
width:292px;
border:0;
background:#FFF url(images/input.png) no-repeat;
padding:4px;
color:#E0691A;
font-weight:bold;
margin:0 0 0 3px;
}
input.submit{
background:#E0691A url(images/submit.png) no-repeat;
border:0;
padding:4px 0;
width:65px;
margin:0 10px 1px 0;
color:#FFF;
font:bold 1em Arial, Sans-Serif;
}

/* レイアウト */

#CenterColumn .blockContent{
margin:8px 0 10px 5px;
font-size:120%;
line-height:170%;
}

#centerc2 ul,#download_new_block{list-style-type:none;}
.customblock,#pico_body ul{
padding-left:20px;
margin:10px 0;
}
.storycontent ul,.errorMsg ul{list-style-position:inside;}

table{width:100%;margin:0;padding:0;}
td{padding:5px;vertical-align:top;}

.outer{}
.head{background-color:#CCC;padding:5px;font-weight:bold;}
.register_head{background-color:#CCC;padding:5px;font-weight:bold;font-size:110%;}
.even{background-color:#f5f5f5;padding:5px;}
.odd,tr.odd td{background-color:#FAFAFA;padding:5px;}
.odd label,.even label{font-size:110%;}
.foot{padding:5px;}

tr.even td{background-color:#EEE;padding:5px;}

#ModuleContents{
font-size:100%;
line-height:1.6em;
margin-bottom:10px;
padding:0;clear:both;
}

.partition,.block_partition{
border:0 none;
height:1px;
color:#949394;
background-color:#949394;
}

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

#newsletter{font-weight:bold;}

#newsletter a:link,#newsletter a:visited{
color:#808080;
border-bottom:1px dotted;
text-decoration:none;
}

.newsletter_logo{margin-left:18em;}
.newsletter_logo span{font-size:80%;color:#999999;}
.newsletter_logo img{margin-bottom:-2px;}

/* 見出し */

.blockTitle{
border:1px solid #848484;
border-width:0 0 0 5px;
padding:0 0 0 5px;
background-color:#ffffff;
margin-top:10px;
}

h2.main,h2#main{
font-size:130%;
border:1px solid #848484;
border-width:0 0 0 5px;
padding:0 0 0 5px;
background-color:#ffffff;
margin-top:10px;
}

.register,#register{
font-size:182%;
border:1px solid #848484;
border-width:0 0 0 5px;
padding:0 0 0 5px;
background-color:#ffffff;
margin:10px 0 0 5px;
line-height:130%;
}

.search_contents_title{
font-size:100%;
margin-top:10px;
}

#headline_list li,#download_new_block li,.toppagemain .children li,.d3blogBlockLatestEntries li{
background:url(images/list.png) no-repeat 0px 6px;
padding:0 0 0 15px;
list-style-type:none;
}

.toppagemenu .blockContent ul{list-style-type:none;}

#footer hr{
   border-width: 1px 0px 0px 0px;
   border-style: dashed;
   border-color: #b8b8b8;
   height: 1px;
   margin-bottom:3px;
}

/* ナビゲーション */

.pagenavi,#module_author{font-size:80%;text-align:right}
#onecolumn{font-size:80%;text-align:right;margin-top:0.5em;}
#lostpass_navi{margin-top:2em;}
#bookmark{text-align:right;}

#pagetop{
text-align:right;
margin-top:20px;
clear:both;
}

.show_all{margin-top:1em;text-align:right;}

#footer_menu{
width:980px;
margin-left:auto;
margin-right:auto;
margin-bottom:1em;
overflow: hidden;
}

#footer_menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer_menu {
    height: 1em;
    overflow: visible;
}
/**/

.footer_menulist,.footer_bookmark{list-style:none;}
.footer_bookmark a{text-decoration: none;}

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

#footer_bottom{
color:#fff;
background:#b8b8b8;
text-align:right;
padding:0.25em 0;
margin-top:-1em;
}

#footer_bottom a {
text-decoration: none;
color:#fff;
}

#footer_bottom_menu{
width:980px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
}

#footer_bottom_menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/**/
* html #footer_bottom_menu {
    height: 1em;
    overflow: visible;
}
/**/

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

#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}

/* 文字とか文章意味づけ */

.bottom_of_content_body{text-align:right;margin-top:20px;}

.mainbody{font-size:140%;line-height:170%;}
#profile_body,#search_menu,#comment_integrate{font-size:120%;line-height:170%;}
#module_body,#honbun{
font-size:140%;
line-height:170%;
margin-left:5px;
}

#Xigg,.d3blogEntry{
margin-left:5px;
}

#forum_body,.errorMsg,#message_body,.register_body,#register_body{
font-size:132%;
line-height:170%;
margin-left:5px;
}
.register_body p,#register_body p{padding-top:1em;}

.d3f_body{
  line-height:170%;
  font-size:100%;
}

/* コンテンツ別文字サイズ調整 */

.pico_body #footer_nextpage_navi{
  font-size:medium;
}

.pico_body #mokuji{
  font-size:140%;
}

#wpMainContent .main {
font-size:182%;
border:1px solid #848484;
border-width:0 0 0 5px;
padding:0 0 0 5px;
background-color:#ffffff;
margin-top:-5px;
line-height:130%;
}

#wpMainContent .storycontent{
  font-size:140%;
  line-height:170%;
}

#ichiran{
  margin-left:5px;
  font-size:120%;
}

#wpMainContent #kanren strong{font-size:130%}
#wpMainContent #kanren ul{
  list-style-position:inside;
  margin-left:2em;
  font-size:110%;
  line-height:170%;
}

#wpMainContent #blog_update{
font-size:110%;
}

#wpBlockContent ol{
  padding-left:40px;
  font-size:120%;
}

#xigg-main {
  font-size:140%;
  line-height:170%;
}

/* トップ固定のメニュー */

#nav{
    height:35px;
    border-bottom:1px solid #ddd;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#fff url(images/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/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/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;}