@charset "utf-8";

@import url(2-singleUtilities.css);

/*=========================================================

	Layout
	
=========================================================*/

body {
	margin: 0 0; /* margin */
}
/*#outer {
margin: auto;
width: 90%;
background: url("images/bg/back_left.gif") repeat-y top left;
}
*/
div#header,
div#content,
div#footer {
	width: 100%; /* (example: 50%~100%, 400px~1000px, 60em, etc. )*/
	min-width: 35em; /* 最小幅 */
	max-width: 77.5em; /* 最大幅 */
}

/*--------------------------------
	Side Border
--------------------------------*/
/*
div#header,
div#content {
	border-color: #56859f;  両サイドボーダーの色 
}

div#content {
	border-bottom: 6px solid #56859f;
}
*/
/*=========================================================

	General
	
=========================================================*/

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333;/*	color: #555;*/
	background-color: #fff;/*	background-color: #fff;*/
}

div#header {
/*	padding-top: 115px; /* img height - 21px(div#header padding bottom) */
/*	_height: 156px;  /* for IE */
	background-color: #30a;
	background-image: url(images/top/top1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#content {
	background-color: #fff;/*	background-color: #fff;*/
}

div#content div#main {
	background-color: #fff;/*	background-color: #fff;*/
	border-color: #ddd; /* 本文カラム境界線 */
}

/*---------------
 Font Size Setting
 本文文字サイズ
-----------------*/

div.textBody {
	font-size: 130%; /* ( small: 92% | medium: 100% | large: 107% ) */
}

/* individual font size (個別記事のみ文字サイズを変える) */

body.individual div.textBody {
	font-size: 130%; /* ( small: 92% | medium: 100% | large: 107% ) */
}

/*---------------
 Link Color
-----------------*/

a:link {
	color: #258;
}

a:visited {
	color: #666;
}

a:hover {
	color: #d00;
}

/*---------------
 Website Title
-----------------*/

div#header p.siteName {
	font-weight: bold;
	font-size: 167%;
}

div#header p.siteName a {
	color: #fff;
}

div#header p.siteName a:hover {
	color: #fb0071;
}

/*---------------
 Description
-----------------*/

div#header p.description {
	color: #d3eeff;
}

/*---------------
 Topic Path
-----------------*/

/* 現在位置 */
p.topicPath span.current {
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	background-color: #fff;
}

/*---------------
 Heading
-----------------*/

h1 {
	margin: 0.5em;
	/*padding: 0.5em 30px;*/
	color: #000;
	background-color: #fff;
	_height: 1px; /* for IE */
}

h2 {
	border-bottom: 1px solid #bbb;
	border-left: 6px solid #30a;
	color: #000;
	margin-left:30px;
	margin-right:30px;
}

h3 {
/*	border-bottom: 1px solid #eee;*/
	border-left: 10px solid #00b;
	font-size: 165%;
	padding:  0px 10px;
	font-weight: bold;
	color: #000;
	margin:0 0 20px 0;
}

/*=========================================================

	div#utilities (Sidebar)
	
=========================================================*/

div#utilities dl.navi,
div#utilities dl.others {
	color: #444;
	background-color: #fff;
	padding-right:5px;
	margin:10px 10px 0 0;
}

div#utilities dl.navi dt,
div#utilities dl.others dt {
	color: #111;
	background-color: #fff;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
	font-weight: bold;
	font-size: 120%;

}

div#utilities dl.navi dd,
div#utilities dl.others dd {
	margin-bottom: 0.5em;
	background-color: #fff;
	border: 1px solid #fff;
}

div#utilities dl.navi dd ul,
div#utilities dl.others dd ul{
	margin: 0px;
}

/*---------------
 Utilities Link Color
-----------------*/

div#utilities ul li {
	list-style-type: none;
	list-style-position: outside;
}

div#utilities li a {
/*	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
	text-decoration: none;*/
}

div#utilities li a:link {
	text-decoration: none;
	color: #258;
/*	background-image: url(images/arrow/arrow0101.gif)*/
}

div#utilities li a:visited {
	text-decoration: none;
	color: #666;
/*	background-image: url(images/arrow/arrow0102.gif);*/
}

div#utilities li a:hover {
	color: #f00;
	text-decoration: underline;
/*	background-position: 2px 0.1em;*/
}

div#utilities li a img {
	border-style:none;
}


dd.tag_cloud{
	margin:5px 0 0 10px !important;
}

dd.tag_cloud  a:link {
	text-decoration: none;
	color: #258;
}

dd.tag_cloud a:visited {
	text-decoration: none;
	color: #666;
}

dd.tag_cloud a:hover {
	color: #f00;
	text-decoration: underline;
}


/*---------------
 dl.navi
-----------------*/

dl.navi {

}

dl.navi dt {
/*	font-weight: bold;*/
}

/*---------------
 dl.others
-----------------*/

dl.others {

}

dl.others dt {

}

/*---------------
 .freeSpace [?]
-----------------*/

div#utilities .freeSpace {
	margin: 1px;
	background-color: #fff;
}

div#utilities .freeSpace p,
div#utilities .freeSpace dl,
div#utilities .freeSpace ul,
div#utilities .freeSpace ol,
div#utilities .freeSpace li {
	margin: 0.1em 5px;
}

/*---------------
 nest
-----------------*/

div#utilities dl.navi dd dl dt,
div#utilities dl.others dd dl dt {
	background-color: #fff;
}

/*---------------
 Sidebar Link Color
-----------------*/

dl.navi li a,
dl.others li a {

}

/*

body class="single"
div#utilities style

2-singleUtilities.css

*/

/*=========================================================

	Entry
	
=========================================================*/

div.entry {
	margin: 3px 30px 5px 30px;

}

/*---------------
 Title
-----------------*/

div.entry h2 {
	margin: 5px 1px;
	padding: 0.3em 0px;
	font-size: 250%;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	border-left: 0px solid #fff;
}

body.individual div.entry h2 {

}

div.entry h2 a {

	text-decoration: none;
	color: #333;
/*	background-image: url(images/mark/mark_ast.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
}

div.entry h2 a:visited {
	color: #333;
/*	background-image: url(images/mark/mark_ast02.gif);*/
}

div.entry h2 a:hover {
	color: #55c;
text-decoration: underline;
}

/*---------------
 Text Body
-----------------*/

div.entry div.textBody dl {
	border-left: 6px solid #eee;
	border-bottom: 1px solid #fff;
}

/*---------------
 Link img
-----------------*/
div.textBody img {
	border: 1px solid #fff;
	margin: 5px 0;
}

div.textBody a img {
	border: 1px solid #000;
}

div.textBody a:hover img {
	border: 1px solid #33f;
}

/*---------------
 Continue reading
-----------------*/

p.continue {
	font-size: 1.4em;
	font-weight: bold;
}

p.continue a:link,
p.continue a:visited {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(images/arrow/arrow0101.gif);
}

p.continue a:visited {
	background-image: url(images/arrow/arrow0102.gif);
}

p.continue a:hover {

}


/*---------------
 Flip Pager (Newer - Older)
-----------------*/

ul.flip{
	text-align: center;
}

ul#flip1 a {
	padding: 0 0.5em;
	color: #666;
	background-repeat: no-repeat;
}

/* Newer Article */

ul#flip1 a.older {
	padding-left: 18px;
	background-image: url(images/arrow/v_arrow070101.gif);
	background-position: left center;
}

/* Older Article */

ul#flip1 a.newer {
	padding-right: 18px;
	border-left: 1px solid #ccc;
	background-image: url(images/arrow/v_arrow070102.gif);
	background-position: right center;
}

/* On Mouse */

ul#flip1 a:hover {
	color: #f33;
}
 
ul#flip1 a.older a:hover {
	background-image: url(images/arrow/v_arrow070201.gif);
}

/* Older Article */

ul#flip1 a.newer a:hover {
	background-image: url(images/arrow/v_arrow070202.gif);
}

/*---------------
 Flip Pager2 (Newer - Older)
-----------------*/

#flip2 {
/*	border: 1px solid #eee;*/
}

#flip2 li {
	color: #000;
}

#flip2 li a {

}

/*---------------
 Retun to page top
-----------------*/

p.return a {

}

/*---------------
 Archive Index
-----------------*/

p.archives a {

}

/*=========================================================

	Footer
	
=========================================================*/

div#footer {
	margin:0 auto -45px;
}

div#footer ul.support {
	color: #d7e3e8;
	background-color:#9be;
	border-top: 3px solid #35c;
	padding: 30px 25px 3px 0px;
	margin: 20px 0 0 0;

}

div#footer ul.support li {
	color: #57e;
	padding: 1px;
}

div#footer ul.support li a {
	color: #bbb;
	text-decoration: none;
}

div#footer ul.support li a:hover {
	color: #999;
	text-decoration: none;
}

div#footer li.template a {

}

div#footer address {
	color: #56859f;
	background-color: #bce;
	padding: 7px 30px;
	margin: 0;
}

/*=========================================================

	Elements
	
=========================================================*/

em {
	font-weight: bold;
}

strong {

}

/*---------------
 Form
-----------------*/

fieldset {
	border: 1px solid #eee;
	background-color: #f5f5f5;
}

legend {
	color: #000;
	background-color: #fff;
}

input,
textarea {
	border-color: #d4d4d4 #eee #eee #d4d4d4;
	background-color: #fff;
}

input:hover,textarea:hover {
	border-color: #00a0dd;
}

input:focus,textarea:focus {
	border-color: #aaa;
	background-color: #fff;
}

input.submit {
	color: #fff;
	background-color: #666;
}

input.submit:hover {
	background-color: #000;
}

/*---------------
 Table
-----------------*/

table a:link{
	text-decoration:none;
	color: #258;

}
table a:visited{
	text-decoration:none;
	color: #666;

}
table{
	width: 100%;
	border: 1px #258 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}

th {
	padding: 5px;
	border: #258 solid;
	border-width: 0 0 1px 1px;
	background: #def;
	color: #258;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
td {
	padding: 10px;
	border: 1px #258 solid;
	border-width: 0 0 1px 1px;
	color: #258;
	background: #eef6ff;
}

/*---------------
 Pre
-----------------*/

pre {
	color: #666;
	background-color: #f5f5f5;
}

pre * {
	color: #444;
}

pre[title]:before {
	color: #fff;
	background-color:  #bbb;
}

/*---------------
 Blockquote (引用)
-----------------*/

blockquote {
	color: #339;
	font-size: 90%;
	border: 1px solid #00b;
	border-left: 5px solid #00b;
	background-color: #def;
	margin-top:30px;
	margin-bottom:30px;
}

blockquote * {
/*	color: #666;*/
}

blockquote[title]:before {
/*	color: #000;*/
}

blockquote[cite]:after {
/*	color: #333;*/
}

cite {
/*	color: #333;*/
}

/*=========================================================

	Others
	
=========================================================*/

/*--------------------------------------
	Tag Cloud
---------------------------------------*/

div#utilities dd ul.tagCloud {
	padding: 0.5em 0!important;
}

ul.tagCloud {
	margin: 0.7em 0px;/*	margin: 0.7em 30px;*/
	padding: 0.5em 10px;
	line-height: 1;
	font-size: 13px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
}

ul.tagCloud li a {
	text-decoration: none;
}

/* Tag level 1>6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #888!important;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #888!important;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color: #888!important;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
	color: #888!important;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
	color: #888!important;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
	color: #888!important;
}

/* On Mouse */
ul.tagCloud li a:hover {
	color: #000;
}

/*--------------------------------
コメント・トラックバック数など、
数を表す部分で使われます
--------------------------------*/

.count {
	color: #486f00;
}

/*============================
  Module に対して
=============================*/

div#header ul#globalNavi {
	background-color: #30a;
}

div#header ul#globalNavi li a {
	border-color: #30c;
	border-bottom: 3px solid #306;
	border-top: 1px solid #30c;
	background-color: #30a;
}

div#header ul#globalNavi li a:hover {
	background-color: #308;
}

div#header ul#globalNavi li.current a {
	border-color: #fff;
	color: #30a;
	background-color: #fff;
}


div#header ul#globalNavi li ul {
     display: none;
     position: absolute ;
	top:30px ;
 	z-index: 10;
}

div#header ul#globalNavi li ul a {
	text-align: left;
	background-color: #308;
	border-color: #308;
	border-bottom: 3px solid #308;
	border-top: 1px solid #308;
	margin: -1px -50px 0px -9px;
	padding:4px 0 4px 10px;
}

div#header ul#globalNavi li ul a:hover {
	color: #308;
}

div#header ul#globalNavi li ul li {
     float: none;
}

div#header ul#globalNavi li ul li ul {
     position: absolute;
}

div#header ul#globalNavi li:hover > ul {
     display: block;
}


/*============================
  日付について追加
=============================*/
div.date{
	margin: 30px 30px -3px 31px;
	font-weight: bold;
	color: #aaa;
}

/*============================
  カテゴリについて追加
=============================*/
div.info{
	text-align: right;
	line-height: 2.5;
	margin: 2px 30px 5px 30px;
	color: #bbb;
	padding: 0px 0 0;
	border-top: 1px #bbb dotted;
}

div.info img {
	position:relative;
	bottom:13px;
}

div.info span{
    vertical-align: top !important;
}

iframe.twitter-share-button {
    width: 105px!important;
}

div.info a:link {
	text-decoration: none;
}

div.info a:visited {
	text-decoration: none;
}

div.info_search{
	text-align: right;
	margin: 2px 30px 0px 30px;
}

div.location{
	margin: 30px 0px 30px 0px;
	font-size: 100%; 
	line-height: 1.5em;
	padding: 20px 0 0;
	border-top: 1px #bbb dotted;
}

/*============================
  記事の余白
=============================*/
div.entry div.textBody { 
line-height: 1.6;
padding: 0px 0 20px 0!important;
}

div.entry div.textBody p { 
line-height: 1.6;
}

li.link {
	line-height: 1.3;
}

div.entrylist {
	margin:0 40px;
}

div.entrylist a:link{
	text-decoration: none;
}

div.entrylist a:visited{
	text-decoration: none;
}

div.list{
line-height: 1.3;
}

ul.recentEntries {
	line-height: 1.1;
}

ul.google {
	padding: 0 0 0 25px; 
}

span.font-3 {
	font-size: 0.6em;
}
span.font-2{ 
	font-size: 0.75em;
}
span.font-1 {
	font-size: 0.9em;
}
span.font {
	font-weight: bold;
}
span.font1 {
	font-weight: bold;
	font-size: 1.3em;
}
span.font2 {
	font-weight: bold;
	font-size: 1.65em;
}
span.font3 {
	font-weight: bold;
	font-size: 2.5em;
}
span.font4 {
	font-weight: bold;
	font-size: 4.1em;
}
span.quot {
	color:#009900;
	font-size: 0.8em;
}
span.pink {
	font-weight: bold;
	color:#ff155b;
}
span.pink1 {
	font-weight: bold;
	font-size: 1.3em;
	color:#ff155b;
}
span.pink2 {
	font-weight: bold;
	font-size: 1.65em;
	color:#ff155b;
}
span.pink3 {
	font-weight: bold;
	font-size: 2.5em;
	color:#ff155b;
}
span.pink4 {
	font-weight: bold;
	font-size: 4.1em;
	color:#ff155b;
}
span.red {
	font-weight: bold;
	color:#ff0000;
}
span.red1 {
	font-weight: bold;
	font-size: 1.3em;
	color:#ff0000;
}
span.red2 {
	font-weight: bold;
	font-size: 1.65em;
	color:#ff0000;
}
span.red3 {
	font-weight: bold;
	font-size: 2.5em;
	color:#ff0000;
}
span.blue {
	font-weight: bold;
	color:#2115ff;
}
span.blue1 {
	font-weight: bold;
	font-size: 1.3em;
	color:#2115ff;
}
span.blue2 {
	font-weight: bold;
	font-size: 1.65em;
	color:#2115ff;
}
span.blue3 {
	font-weight: bold;
	font-size: 2.5em;
	color:#2115ff;
}
span.blue4 {
	font-weight: bold;
	font-size: 4.1em;
	color:#2115ff;
}

span.green {
	font-weight: bold;
	color:#006600;
}
span.green1 {
	font-weight: bold;
	font-size: 1.3em;
	color:#006600;
}
span.green2 {
	font-weight: bold;
	font-size: 1.65em;
	color:#006600;
}
span.green3 {
	font-weight: bold;
	font-size: 2.5em;
	color:#006600;
}
span.green4 {
	font-weight: bold;
	font-size: 4.1em;
	color:#006600;
}

span.right {
	text-align: right;
}

span.del {
	text-decoration : line-through ;
}

div#header p.counter {
	margin: 0px 16px 0px 0px;
	text-align: right;
}

.more-link {
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(images/arrow/arrow0102.gif);
}

div.similar {
	margin: 0 30px 0;
}

div.similar a{
/*	font-weight: bold;*/
	font-size:180%;
	text-decoration:none;
}

div.similar-img {
	float: left;
	width: 14%;
	min-width: 77px;
	height: 80px;
}

div.similar-title {
	float: left;
	width: 86%;
	height: 82px;
}

div.similar-title a{
  display: block;
  width: 100%;
  height: 100%;
}

div.similar-img a img {
	border: 1px solid #ccc;
	padding: 1px;
}

div.similar-img a:hover img {
	border: 2px solid #f33;
}

.float-clear {
 clear: both;
}

div.img-center{
	text-align: center;
}

img#wpstats{
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden
}

ul.archive a:link{
text-decoration: none;
}

ul.archive a:visited{
text-decoration: none;
}

dl dt a:link{
	text-decoration: none;
	border-bottom:1px dashed;
	color: #333;
}

dl dt a:visited{
	text-decoration: none;
	border-bottom:1px dashed;
	color: #333;
}

/* 画像の回り込み */
.aligncenter {
    display: block;
    clear: both;
    margin: 0.25em auto 1.5em;
    }
.alignleft {
    float: left;
    padding: 0 20px 5px 0px;
    }
.alignright {
    float: right;
    padding: 0 0px 5px 20px;
    }
.alignleft span{
	display: block;
	font-size: x-small;
	text-align: center;
    }
.alignright span{
	display: block;
	font-size: x-small;
	text-align: center;
    }
.clear { clear: both; }

ins {
	border-bottom: none;
}

/*============================
  ナビゲーション
=============================*/
.tablenav {
	color: #2583ad;
//	background: #fdfbff;
	padding: 8px 5px 0 0;
	text-align:right;
}

.tablenav2 {
	color: #2583ad;
//	background: #fdfbff;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
}

a.page-numbers, .tablenav2 .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
}


a.page-numbers:hover {
	color: #fdfbff;
	background: #328ab2;
	border-color: #106090;
}

.tablenav .current {
	color: #fdfbff;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold;
}

.tablenav2 .current {
	color: #fdfbff;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold;
}