/* リセット スタイル
---------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote { margin:0; padding:0; }
fieldset,img { border:0; }
address,caption,code,em,th,strong { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
body { font:13px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif;}
table { font-size:100%; }
h1,h2,h3 { text-indent:-8000px; }

/* アンカー スタイル
---------------------------------------------*/
a       { color: #336699; outline: none; }
a:hover { color: #ff0000; }
a:focus { outline: none; }
a img   { border: none; }

/* テキストポジション
---------------------------------------------*/
.textcenter  { text-align: center; }
.textleft    { text-align: left; }
.textright   { text-align: right; }

/* 表示・非表示
---------------------------------------------*/
.pc_none { display: none; }
.sp_none { display: none; }

/* 横幅オプション
---------------------------------------------*/
.w100 { width: 100px; }
.w120 { width: 120px; }
.w180 { width: 180px; }
.w240 { width: 240px; }
.w260 { width: 260px; }
.w300 { width: 300px; }
.w320 { width: 320px; }

/* テーブル オプション
---------------------------------------------*
/* ##### フッター テーブル ##### */
table.footer { width:580px;line-height:1.4; }
table.footer th { width: 140px;padding:1px 0;text-align:left; }
table.footer caption { text-decoration:underline;margin-bottom: 5px; }
/* ####### 記事 テーブル ####### */
.blogPost table { margin-top: 15px;border-color: #ccc; }
.blogPost table th,.blogPost table td {padding:5px;font-size:114%;
line-height: 1.4;border-color: #ccc; }

/* イメージ オプション
---------------------------------------------*/
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 10px; display: inline; }
img.alignleft  { margin: 0 10px 2px 0;display: inline; }
.alignright { float: right; }
.alignleft  { float: left; }
.allclear { clear: both; }
.ipo4 { position: relative;top:4px; }
.profilephoto {
    float:right;
    margin:0;
    padding: 20px 20px 0 10px;
}
.noimg { display: none; }
.top5  { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }
.top130{ margin-top:130px;}
.top200{ margin-top:200px;}
.top330{ margin-top:330px;}
.under5 { margin-bottom:5px; }
.under10 { margin-bottom:10px; }
.under15 { margin-bottom:15px; }
.under20 { margin-bottom:20px; }
.under25 { margin-bottom:25px; }
.under30 { margin-bottom:30px; }
.under35 { margin-bottom:35px; }
.under40 { margin-bottom:40px; }
.under50 { margin-bottom:50px; }
.under60 { margin-bottom:60px; }
.under70 { margin-bottom:70px; }
.under80 { margin-bottom:80px; }
.under85 { margin-bottom:85px; }
.right10 { margin-right:10px; }
.left30 { margin-left:30px; }

/* カラー指定　フォントサイズ　太字　細字
---------------------------------------------*/
.dglay  { color: #333333; }
.lglay  { color: #999999; }
.black  { color: #000000; }
.blue   { color: #0000cc; }
.red    { color: #ff0000; }
.pink   { color: #ff3399; }
.orange { color: #ff3300; }
.egreen { color: #006666; }
.mgreen { color: #669900; }
.white  { color: #ffffff; }
.dgreen { color: #244800; }
.font11 { font-size: 85%; }
.font12 { font-size: 93%; }
.font13 { font-size: 100%; }
.font14 { font-size: 108%; }
.font15 { font-size: 116%; }
.font16 { font-size: 123.1%; }
.font17 { font-size: 131%; }
.font18 { font-size: 138.5%; }
.font24 { font-size: 182%; }
.textbold { font-weight: 700; }
.textnormal { font-weight: normal; }
.textline { text-decoration: underline; }

/* ページナビゲーション ブログのみ
---------------------------------------------*/
.wp-pagenavi { clear: both;margin:1.2em 0; }
.wp-pagenavi span,.wp-pagenavi a {
    display: inline-block;
border-radius: 5px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 7px 15px; 
    margin: 5px;
    font-size: 107%;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi a:visited {
    padding: 7px 15px; 
    margin: 5px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi a:hover {	
    border: 1px solid #000000;
    color: #000000;
    background-color: #ffff99;
    }
.wp-pagenavi a:active {
    padding: 7px 15px; 
    margin: 5px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;	
    }
.wp-pagenavi span.pages {
    padding: 7px 4px; 
    margin: 5px;
    font-size: 107%;
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    }
.wp-pagenavi span.current {
    padding: 7px 6px; 
    margin: 5px;
    font-size: 107%;
    font-weight: bold;
    border: 1px solid #ff0000;
    color: #ff0000;
    background-color: #FFFFFF;
    }
.wp-pagenavi span.extend {
    padding: 7px 4px; 
    margin: 5px;	
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    }
/* スクロールボタン（javascript 下から）
--------------------------------------------------*/
#page-top-js{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: -60px;
  right: 10px;
  width: 80px;
  padding: 20px 0px;
  background: rgba(0,0,255,0.5);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
border-radius: 5px;
}
#page-top-js:hover{ 
  background: rgba(0,0,255,0.8);
}
/* スクロールボタン（noscript）
--------------------------------------------------*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  right: 10px;
  width: 80px;
  padding: 20px 10px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
}
#page-top:hover{ 
  background: rgba(0,0,0,0.8);
}
/* clearfix ハック
---------------------------------------------*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
.clearfix {
 display: inline-table;
 min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */