@charset "shift_jis";

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

◆template name: カスタム向け01 左サイドバー

お知らせブログ用テンプレート

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

body {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:12px;
  line-height:1.4;
  background:#f3f2f2;
}

/* clear */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
	display: inline-block;
 }
/* IE7 */
 *+html .clearfix {
 	display: inline-block;
}


* { margin:0; padding:0;}

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

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

/*  リンク色  */
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; }

/* 余白 */
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}

/* 位置 */
.alC{text-align:center;}

#container {
  width:950px;　/*全体の幅*/
  text-align:left;
  margin:0 auto;
  position:relative;

}
 
#main{
width:908px;
padding:20px 20px 0 20px;
background:#ffffff;
border:solid 1px #31a3d9;
}

#sideBoxLeft {
	width:300px;  /*左カラム*/
	float:left;
	margin-right:20px;
	padding:0;
}

#sideBoxRight {
display:none;
}

#content{
        font-size:14px;
	width:580px;  /*記事*/
	float:right;
}

/* 　ヘッダー　  */

div#header h1{
line-height:0;
}

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



/* 　サイド　  */

.sidetitle{
	color:#ffffff;
	text-align:left;
	font-weight:bold;
        min-height: 25px;
        padding:4px 0 0 40px;
        background: url(/fanbloginfo/file/side_icon.gif) left center no-repeat #ffa025;
}

.side, .side-tag {
  font-size: 12px;
  margin-bottom:20px;
  padding:10px 0px 0 0px;
}

.newEntry{
  font-size:12px;
  line-height:2;
  margin-bottom:15px;
  padding:10px 0px 10px 0px;
}

#cms-SideBanner li:hover{
opacity:0.8;
}

/*  記事  */

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

}

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

.entryBox h3 {
font-size: 20px;
padding: 11px 0 8px 50px;
color: #ffffff;
min-height: 24px;
background: url(/fanbloginfo/file/h3_icon.gif) 10px center no-repeat #ffa025;
}

.entryBox dl{
    margin-top:15px;
    border-bottom:1px dotted #ccc;
    padding:5px 0;
}

.entryBox dl.last{
    border-bottom:none;
}

.entryBox dl:hover{
opacity:0.8;
}

.entryBox dt{
        width:155px;
        font-weight:bold;
        text-align:center;
	background:#31a3d9;
        color:#ffffff;
        padding:10px;
        float:left;
}

.entryBox dt a{
 display:block;
}

.entryBox dt a:link    { color:#ffffff;text-decoration:none; }
.entryBox dt a:active  { color:#ffffff;text-decoration:underline; }
.entryBox dt a:visited { color:#ffffff;text-decoration:underline; }
.entryBox dt a:hover   { color:#ffffff;text-decoration:underline; }

.entryBox dd{
        width:390px;
        float:right;
        color:#333;
}
a.title{
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
    display:block;
}

.text{
    margin:0 0 0 0px;
    padding:10px 20px 0px 20px;
    line-height:1.7;
    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{ padding-top:35px;
font-size:12px;}



/*  カレンダー  */

#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"]{
        width:230px;
	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:#c6a960;
	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:#eeeeee;
}
.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;
}

.tag-navi{
  clear:left;
  text-align:center;
  margin:10px 0px;
  position:relative;
}
.listCategoryArticle{
  margin-top:5px;
  padding:5px;
  border:solid 1px #cccccc;
}

.listCategoryArticle li{
  margin-bottom:3px;
}


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

.copyright{
  text-align:center;
}

#footer-Ad{
        clear:both;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 55px;
}

footer{
	background: #f38108;
	color: #fff;
	font-size: 100%;
	padding: 20px 0;
}

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

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

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

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

#footer-link{
	text-align: center;
	border-bottom: 1px solid #fff;
	width:950px;
	margin: 0 auto 20px auto;
	padding-bottom: 18px;
}

#footer-link li{
	border-left: 1px solid #fff;
	padding-left:7px;
	margin-left: 6px;
	display: inline-block;
}

#footer-link li:first-child{
	border-left: none;
}

#footer-Copy{
	text-align: center;
}

/* ナビゲーション　*/

ul.gnavi{
 width:100%;
 background:#31a3d9;
 list-style:none;
 margin:0;
 padding:0;
} 

ul.gnavi li {
float:left;
border-right:1px dotted #ccc;
}

ul.gnavi li.lastList {
border-right:none;
background:url(/fanbloginfo/file/blank_icon.gif) 22px center  no-repeat;
}
 
ul.gnavi li a {
 display:block;
 padding:10px 23px;
 text-decoration:none;
 font-size:14px;
 color:#ffffff;
}

ul.gnavi li:hover {
opacity:0.7;
}

ul.gnavi li.lastList a {
 padding:10px 10px 10px 46px;
}


.txtB {
    font-size: 16px !important;
    line-height: 20px !important;
}
.alC {
    text-align: center;
}
.pdt10 {
    padding-top: 10px !important;
}
.bold {
    font-weight: bold;
}
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;
}
* {
    margin: 0;
    padding: 0;
}
body {
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
html {
    color: #333;
    font-family: "ＭＳ ゴシック","MS Gothic","Osaka−等幅",Osaka-mono,monospace;
}

.navi {
    font-size: 12px;
}

.entryBody{
padding:0 0 15px;
}

.bookmark{
padding-top:10px;
}

div.searchTop {
    margin-top:50px;
    text-align: center;
}