@charset "shift_jis";

/* -------------------------------------------

◆template name: カスタム向け 右サイドバー 青

カスタマイズ用のテンプレートです。

------------------------------------------- */


* { margin:0; padding:0;}

body {
  font-family:"游ゴシック体", "Yu Gothic", YuGothic,Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:16px;
  line-height:1.4;
  color:#333333;　/*文字色*/

}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,textarea,select,fieldset,legend,p,blockquote,img { margin:0; padding:0;}
fieldset,img { border:0;}

ol,ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/*  link  */
/* a:link    { color:#003366;text-decoration:underline; }　
a:active  { color:#003366;text-decoration:underline; }
a:visited { color:#225588;text-decoration:underline; }
a:hover   { color:#225588;text-decoration:none; } */

a:link    { color:#0F0AD1 ;text-decoration:underline; }　
a:active  { color:#003366;text-decoration:underline; }
a:visited { color:#4C2472;text-decoration:underline; }
a:hover   { color:#225588;text-decoration:none; }


#container {
  width:1200px;　/*全体の幅 1000px*/
  text-align:left;
  margin:0 auto;
  position:relative;
  padding-bottom:10px;
}

#sideBoxLeft {
display:none;
}

#sideBoxRight {
	width:300px;  /*右カラム*/
	float:right;
	padding:0;
}

#content{
	width:800px;  /*記事 600px*/
	float:left;
	margin-right:20px;
}

/*  ナビバー*/
#navbar{
	position: fixed;
        z-index :999;
	top:0px;
        background: #333 !important;  
        /* margin-left:300; */
        width: 100%;
        padding-left:0;
        width:1500px; 
        height=50px;
        font-size:16px;
}
#navbar li{
        display: block;
        width:10%;
        float:left;
        margin: 0; 
        padding: 0;  
}
#navbar li a{ 
  display: block; 
  padding: 12px 0 10px; 
  background: #333 !important;  
  color: #fff; 
/*        color: #f8fbf8;
        background-color: #f8fbf8; */
  text-align: center;  
  text-decoration: none; 
top: 50%;

} 
#navbar img{
display: table-cell;
vertical-align: middle;
}

/* 　ヘッダー　  */

div#header {
	padding:20px 0;
	/* background-color:#f0f8ff;   #3b5998;  フェイスブック色 */
	display:block;

}

h1 a { color:#333333; text-decoration:none;} 
h1 a:hover { color:#333333; text-decoration:underline;}

#header .description{
  color:#000000;
}

/*　見出し　 */

h3{
       border-bottom: 1px solid #3b5998;  /* 下線  */
       padding: 0px 20px 4px 6px;

}

/* 　サイド　  */

.sidetitle{
	color:#fff;
	text-align:left;
	padding:5px;
	background:#0078D7;   /* 3a6aab フェイスブック */
	font-weight:bold;
	font-size:16px;
	border-bottom:solid 2px #103f7f;
}

.side, .side-tag {
  margin-bottom:25px;
  padding:10px 0px 10px 0px;
}


/*  記事  */

.entryBox { 
	padding-top:3px;
	margin-bottom:40px;
	position:relative;
	background-color:#ffffff;
}

.date{
	font-size:10px;
	margin-bottom:5px;
	font-weight:normal;
}

h2.title{
	background:#0078D7;  /* 3a6aab フェイスブック */
        padding:10px;
}
a.title{
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    /* font-size:18px;   */
   font-size:18px; 
    display:block;
}

.text{
    margin:0 0 0 0px;
    padding:10px 20px 0px 20px;
    /* line-height:1.7; */
    line-height:2.0; 
    font-weight:normal;
}
.text:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .text{
    zoom: 1;
} /* IE6 */
*:first-child+html .text{
    zoom: 1;
} /* IE7 */

.text blockquote{
    border:1px solid #ca1010;
    margin:10px 0px 10px 0px;
    padding:10px 20px;
    color:#666666;
    background-color:#f5f5f2;
}

.posted{ margin-top:10px;}


/*  カレンダー  */

#calendar {
  margin-top:0px;
  margin-bottom:15px;
  padding:0 0px 10px 0px;
}

#calendar table{
  width:100%;
  margin:0px auto;
}

.calendarhead{
  color:#666666;
  text-align:left;
  padding:0px 0px 0px 0px;
  margin-bottom:10px;
  font-weight:normal;
  border-bottom:solid 2px #1b1b1b;
}
td.calendarday a:link{
  font-weight:normal;
  display:block;
  text-decoration:none;
  padding:2px 0px;
  color:#c2b084 ! important;
  width:100%;
  height:19px;
  line-height:19px;
  text-align:center;
}
.calendarhead .calendarday
, .calendarhead .calendarday a:link
, .calendarhead a:link{
  text-decoration:underline;
  color:#666666;
}
#calendar th{ color:#333333;}
#calendar td{
  padding:0;
  margin:0;
  height:25px;
  line-height:25px;
}
.calendarday {
  padding:1px 2px;
  color:#666666;
}
#calendar th.sunday{ color:#cc3333;}
#calendar th.saturday{ color:#006699;}


/*  検索  */

input{
	max-width:200px;
}

.side input[type="text"]{
	border:solid 1px #cccccc;
	background:#ffffff;
	padding:5px;
	vertical-align:middle;
}

.side input[type="text"]:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}
.side .input-submit{
	background-color:#666666;
	border:0;
	padding:5px;
	color:#ffffff;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
	font-weight:bold;
}
.side .input-submit:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}


/*  コメント  */
#comments {
	padding:10px;
	margin-top:25px;
}

#comments form {
	margin:0px;
	padding:0px 10px;
}

#comments .input-submit{
	margin-right:5px;
	background:#666666;
	color:#ffffff;
	width:auto;
	cursor:pointer;
}

#comments .input-submit:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}

textarea{
	width:95%;
	margin-bottom:5px;
}
.comments-head{ 
	color:#333333;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding: 5px 0px 5px 5px;
	background:#c1defe;
}
.comments-body {
	margin:20px;
	padding:0px;
}
.comments-body .text{
	color:#333333;
	padding:0px;
	margin:0px;
}
.comments-post {
	color:#666666;
	padding:5px 10px;
	text-align:right;
	border-bottom:dotted 0px #cccccc;
	margin-bottom:20px;
}

#trackback {
	background:#eeeeee;
	background-position:top center;
	padding:20px 20px 20px 20px;
	margin-top:25px;
}



/*  タグクラウド  */

.tag-word{
  margin:10px 0px 0px 0px;
  text-align:right;
}

.tag{
  background-color:#eeeeee;
  background-position:top center;
  padding:20px 20px 20px 20px;
}
#tag_cloud{
  border:1px solid #CCC;
  padding:10px;
  text-align:left;
  position:relative;
}
#tag_cloud a {
  padding:2px;
}
.tag-title{
  font-weight:bold;
  text-align:left;
}
.tag-body{
  margin:10px 0px;
  padding:10px 0px 0px 0px;
  position:relative;
}
.tag-service{
  text-align:left;
  font-weight:bold;
  border-bottom:1px solid #CCC;
  padding:0px 0px 5px 0px;
  clear:left;
  position:relative;
}
.tag-search{
  text-align:right;
  padding:5px 0px;
  margin-bottom:10px;
  font-weight:bold;
  position:relative;
}
.tag-article{
  padding:0px 10px 10px 10px;
  text-align:left;
  position:relative;
}
.tag-article-title{
  text-align:left;
  padding:0px 0px 5px 0px;
  font-weight:bold;
  position:relative;
}
.tag-article-posted{
  font-weight:normal;
  position:relative;
}
.tag-article-summary{
  padding:0px 10px;
  line-height:1.4em;
  position:relative;
}
.tag-more{
  text-align:right;
  margin:10px 0px;
  clear:left;
  position:relative;
}




/*  listCategoryArticle  */
.listCategoryArticle{
  margin-top:5px;
  padding:5px;
  border:solid 1px #cccccc;
}

.listCategoryArticleImage ul li {
  width: 25%;
  *width: 22.5%;
  height: 160px;
  float: left;
  margin-bottom: 8px;
  padding: 5px;
  border-right: 1px solid #EEE;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  display: table;
}

.listCategoryArticleImage ul li:hover {
  background: #c1defe;
}



/*  フッター */
#footer{clear:both;}

.copyright{
  text-align:center;
}

/*  吹き出し */
.arrow_box {
	position: relative;
	background: #00bfff;       /* 吹き出しの色 */
        font-size: 18pt;                /* フォントサイズ */
        font-weight: 800;             /* 文字の太さ */
        color: #ffffff;                    /* 文字色 */
        line-height: 1.2;               /* 吹き出しの縦長 */
        padding-bottom:20px;    /* 文字の縦位置 */
        padding-left:20px;           /* 文字の横位置 */
        border-radius: 10px;       /* 吹き出しの角を丸くする */
}
.arrow_box:after {
	top: 100%;
	left: 10%;                         /* 矢印の位置 */
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(36, 192, 213, 0);
	border-top-color: #00bfff;    /* 吹き出しの色 */
	border-width: 20px;
	margin-left: -20px;
}

/* ヘッダーメニュー */
ul#headerMenu {
width:1200px;
margin-bottom:10px;　/* メニュー下の余白 */
background-color:#4169e1; /* 背景色 */
} 
 
ul#headerMenu li { 
list-style-type:none;
float:left;
} 
 
ul#headerMenu li a { 
display:block; 
text-align:center; 
width:239px;  /* メニューボタンの幅 */
padding:10px 0; 
border-right:1px solid #ffffff;  /* 区切り線 */
color:#ffffff;  /* リンク文字の色 */
background-color:#4169e1;  /* メニューボタンの背景 */
text-decoration:none; 
font-size:16px;
}
 
ul#headerMenu li.last a { 
display:block; 
text-align:center; 
width:240px; /* メニューボタンの幅 */
border:none; /* 区切り線 */ 
color:#ffffff; /* リンク文字の色 */
background-color:#4169e1; /* メニューボタンの背景 */
text-decoration:none; 
font-size:16px;
}  
 
ul#headerMenu li a:hover { 
color:#ffffff; /* マウスが乗ったときのリンク文字色 */
background-color:#008fde; /* マウスが乗ったときの背景色 */
text-decoration:none; 
}