@charset "EUC-JP";

/* --------------------------------------
　リセット
--------------------------------------- */
 
* {   
	margin:0px;
	padding:0px 0px 0px 0px;
}

h1,h2,h3,h4,h5,h6 {font-size:100%;line-height:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:baseline;}
ul {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}
p {margin: 0px 0px 0px 0px;}
img{
vertical-align: top;
vertical-align: bottom;
}
/* --------------------------------------
　共通部分
--------------------------------------- */

/* ページ全体のテキスト色 */
html {color:#000000;}

/* ページ全体 */
body {   
	width:100%;
	line-height:1.6em;
	color:#666;
	text-align:center;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
	background-color:#e8eeee;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}

#left ul{
list-style-image: url(http://yu-goto.sakura.ne.jp/sakaemura/images/li.gif);
padding:0px 0px 0px 15px;
}

#left ul li{margin:0px 0px 3px 0px;}

/* ページ全体のリンク色 */
a, #right .cell a{color:#5FAAB4; border-bottom:dotted 1px;text-decoration:none;}
a:link, #right .cell a:link{color:#5FAAB4;border-bottom:dotted 1px;text-decoration:none;}
a:visited, #right .cell a:visited{color:#5FAAB4;text-decoration:none;}
a:hover, #right .cell a:hover{color:#5FAAB4;text-decoration:none;}
a:active, #right .cell a:active{color:#5FAAB4;text-decoration:none; border-bottom:dotted 1px;}

.entryState a:link{color:#5FAAB4;border-bottom:dotted 0px;text-decoration:none;}
.entryState a:visited, #right .cell a:visited{color:#5FAAB4;text-decoration:none;}
.entryState a:hover, #right .cell a:hover{color:#5FAAB4;text-decoration:none;}
.entryState a:active, #right .cell a:active{color:#5FAAB4;text-decoration:none; border-bottom:dotted 0px;}

/* ブログ名の色 */
h1 a,h1 a:link,h1 a:visited {color:#000000;text-decoration:none;border-bottom:dotted 0px;zoom: normal;line-height:100%;}
h1 a:hover,h1 a:active {color:#999999;text-decoration:none;zoom: normal;line-height:100%;border-bottom:dotted 0px;}

/* 両サイドメニューのリンク色 */
#left a,#right a {color:#666;text-decoration:underline;}
#left a:link,#right a:link {color:#666;text-decoration:none;border-bottom:dotted 0px;}
#left a:visited,#right a:visited {color:#666;text-decoration:none;border-bottom:dotted 0px;}
#left a:hover,#right a:hover {color:#5FAAB4;text-decoration:none;border-bottom:dotted 1px;}
#left a:active,#right a:active {color:#666;text-decoration:none;border-bottom:dotted 0px;}

#footer a {color:#666;text-decoration:underline;}
#footer a:link {color:#666;text-decoration:none;border-bottom:dotted 0px;}
#footer a:visited {color:#666;text-decoration:none;border-bottom:dotted 0px;}
#footer a:hover {color:#333;text-decoration:none;border-bottom:dotted 0px;}
#footer a:active {color:#666;text-decoration:none;border-bottom:dotted 0px;}


#content a img {
    margin: 0px 0px 0px 0px;
    border: 3px solid #FFFFFF;
}


/*ページ全体の幅、レイアウトを中央揃え*/
#wrapper {
	width:960px; /* A */
	margin:0px auto;
	padding:0px 20px 0px 20px;
	text-align:left;
	position:relative;
	background-image:url(http://yu-goto.sakura.ne.jp/sakaemura/images/container_line.png);
	background-position:center;
	background-repeat:repeat-y;

	overflow: hidden;
}

#name{width:0px;height:0px;margin:0px;padding:0px;display:none;}

/*ブログ名と説明文、トップ画像*/
#header {
	width:960px;  /* B */
	height:350px;
	padding:0px;
	zoom: normal;
	position:relative;
	z-index:1;
	margin:0 0 0px 0;
background-color:#000000;
}


#menu{
	width:960px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
	}
#menu ul{width:960px;}

#menu li{
	list-style:none;
    float:left;
	display:block;
	height:30px;}

#menu li.home{width:136px;}
#menu li.info{width:149px;}
#menu li.matome{width:164px;}
#menu li.kadai{width:164px;}
#menu li.sakae{width:175px;}
#menu li.inquiry{width:172px;}

#menu li a {border-bottom:dotted 0px;text-decoration:none; display:block;}
#menu li a:link {border-bottom:dotted 0px;text-decoration:none;}
#menu li a:visited {border-bottom:dotted 0px;text-decoration:none;}
#menu li a:hover {border-bottom:dotted 0px;text-decoration:none; filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;}
#menu li a:active {border-bottom:dotted 0px;text-decoration:none; filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;}

#menu_back{
	width:960px;
	height:30px;
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;background-color:#FFF;
	filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;
  z-index:1;}

#menu h2{font-size:100%;zoom: normal;line-height:100%;}

/*スライドショー*/
#imageContainer {
	width:960px; /*656画像の横幅*/
	height:350px;/*288*/
        top:0px;
        left:0px;
	z-index:0;
	position:absolute;
}

/*コンテンツ枠（記事の枠＋両サイドメニューの枠）*/
#content {
border-top:#999 1px solid;
margin:0 auto;
display:inline-block;
width:960px;
clear:both;
padding:20px 0px 0px 0px;
  zoom:1;
}

/*　左側の幅（右サイドメニューの枠）　*/
#left {
	float:left;
	width:185px;  /* C */
	display:inline;
	overflow: hidden;
  zoom:1;
}

/*　メインの幅（記事の枠）*/
#main {
	float:left;
	width:550px;  /* D */
	margin:0 20px 0 20px;
	overflow: hidden;
	display:inline;
}

/*　右側の幅（右サイドメニューの枠）　*/
#right {
	float:right;
	width:185px;  /* E */
	display:inline;
	clear:right; 
	overflow: hidden;
  zoom:1;
}



 
/* --------------------------------------
　メイン
--------------------------------------- */
/* ブログ名 */
h1 {font-size:0px;padding:0px 0 0 0;zoom: normal;line-height:1;z-index:2;
position:relative;}



.entry {margin:0 0 50px 0;
	background-image:url(http://yu-goto.sakura.ne.jp/sakaemura/images/entry_side.gif);
	background-position:center;
	background-repeat:repeat-y;
	width:550px;}

/* 次の記事・前の記事 */
#entryNavi {margin:0 0 15px 0;text-align:center;}

#entryNavi2 {margin:0 0 15px 0;text-align:center;letter-spacing:0.8em;
width:550px;
position:relative;}

#entryNavi2 a {color:#5FAAB4; border-bottom:dotted 0px;text-decoration:none;}
#entryNavi2 a:link {color:#5FAAB4;border-bottom:dotted 0px;text-decoration:none;}
#entryNavi2 a:visited {color:#5FAAB4;text-decoration:none;}
#entryNavi2 a:hover {color:#5FAAB4;text-decoration:none;border-bottom:dotted 1px;}
#entryNavi2 a:active {color:#5FAAB4;text-decoration:none; border-bottom:dotted 0px;}

/* 記事のタイトル */
h3 {line-height:150%;}

.entry_title {
	font-size:16px;
	font-weight:bolder;
	line-height:100%;
	padding:5px 25px 5px 17px; 
	margin:10px 0px 25px 0px;
	border-left:8px solid #98CFDE;
	width:500px;
	position: relative;
}

*html .entry_title {
	font-size:16px;
	font-weight:bolder;
	line-height:100%;
	padding:5px 25px 5px 17px; 
	margin:10px 0px 25px 0px;
	border-left:8px solid #98CFDE;
	width:500px;
	position: relative;
}

/* 記事の情報 */
.date {text-align:right;font-size:12px;margin:5px 0px 0px 0px;border-top:1px #CCC solid;
padding:5px 0px;
	font-weight:normal;}
.date li{float:right;margin:0px 0px 0px 10px;}

/* 記事本文 */
.entrytop{
	background-image:url(http://yu-goto.sakura.ne.jp/sakaemura/images/entry_top.gif);
	height:7px;
	width:550px;
	position:relative;
font-size:0px;}
.entrybottom{
	background-image:url(http://yu-goto.sakura.ne.jp/sakaemura/images/entry_bottom.gif);
	height:8px;
	width:550px;
	position:relative;
font-size:0px;
clear:both;
margin:15px 0px 0px 0px;}

.entry_body {margin:0px 25px 0px 25px;
	font-size:14px;line-height:160%;overflow: hidden;position:relative;
	clear:both;}




ul.entryState{
	margin:20px 25px 0px 25px;
	border-top:1px #CCC solid;
	padding:5px 0px 0px 0px;
}

ul.entryState li {
    display:inline;
	border-left:1px solid #999;
	padding:0px 5px;
	float:right;
}

#kanren {border:1px #999 solid;padding:20px;margin:10px 0 0 0;
	background-color:#fff;}

#kanrentitle {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}


/* コメント枠 */
#comment {border:1px #999 solid;padding:20px;margin:20px 0 0 0;
	background-color:#fff;}

	#commentTitle {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	#commentSendTitle {
		margin:20px 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	.commentBody {margin:5px 0;padding:10px 0px 0px 0px;border-top:1px #999 solid}
	
	ul.commentState {margin:0 0 15px 0;}
	
	ul.commentState li {
	    display:inline;
		border-left:1px solid #999999;
		padding-left:5px;
	}
	
	.commentSendForm {margin:0;}	
	.commentSendForm .input {width:250px;}
	.commentSendForm textarea {width:350px;margin:0 0 10px 0;}
	
	
/* トラックバック枠 */
#trackback {border:1px #999 solid;padding:20px;margin:20px 0 0 0;
	background-color:#fff;}

	#trackbackURL {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	#trackbackTitle {
		margin:20px 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
		
	#trackback input {width:350px;}
	
	.trackbackName {margin:0;}
	.trackbackBody {margin:5px 0;}
	
	ul.trackbackState {margin:0 0 15px 0;}
	
	ul.trackbackState li {
	    display:inline;
		border-left:1px solid #999999;
		padding-left:5px;
	}


	
/* このページの先頭へ */	
.pageTop {margin:10px 0 25px 0;text-align:right;
width:550px;}

/* --------------------------------------
　記事の装飾
--------------------------------------- */

/* 引用 */
#main blockquote {
	border:1px dotted #CCC;
	padding:10px;
	margin:10px;
}

/* 画像 */
#main .pict {border:1px #cccccc solid;padding:3px;}

/* リスト */
div.entryBody li,div.entryMore li {
	list-style:circle;
	margin:0 0 0 15px;
}


/* --------------------------------------
　サイドメニュー
--------------------------------------- */

/* サイドメニューのタイトル */
.sidetitle{
padding:0px 0px 0px 10px;
width:175px;
position:relative;
  zoom:1;}


.sidesubtitle{
    padding:0px 0px 0px 0px;
	border-top:dashed 1px #333;
	text-align:right;
	font-size:10px;
	position:relative;
  zoom:1;}

#right .sidetitle{
padding:0px 0px 0px 0px;
position:relative;
	}

#right .sidesubtitle{
    padding:0px 10px 0px 0px;
	border-top:dashed 1px #333;
	text-align:right;
	font-size:10px;
	position:relative;}


h4 {font-size:14px;font-weight:bolder;margin:0 0 2px 0;}


/* サイドメニューの内容 */
.sideContents {
	margin:0 0 35px 10px;
}

#right .sideContents {
	margin:0 10px 35px 0px;
}

/* カレンダーの１マス幅 */
.cell {width:27px;}

/* バナーの画像設定 */
#banner li {margin:0px 0px 5px 0px;}

/* ----------------------------------------
 Footer
---------------------------------------- */

#footer {
    text-align:center;
    margin:0 0 0 0;
	background-color:
	#E0E0E0;
	color:#666;
	border-top:1px #F0F0F0 solid;
 	width:100%;
 	clear:left;
}

#copyright {
    font-size:12px;
    padding:15px 0 15px 0;
    text-align:center;
	line-height:200%;
}





/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/


/*メールフォーム全体を囲っているタグのid*/
#sakaemura-net2_top br{Line-Height:5pt;}
#sakaemura-net2_top {width:450px;}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#sakaemura-net2_top .textarea_parts {
width:450px;height:200px;
}




/*カレンダー*/
.calendar table {
	width: 100%;
}
.calendar_month {
	text-align: center;
	margin: 6px 0 0 0;
}
.cell {
	width: 22px;
	height: 22px;
	background: #fdfdfd;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #eaeaea;
}

#right .calendar_month a{color:#5FAAB4; border-bottom:dotted 1px;text-decoration:none;}
#right .calendar_month a:link{color:#5FAAB4;border-bottom:dotted 1px;text-decoration:none;}
#right .calendar_month a:visited{color:#5FAAB4;text-decoration:none;}
#right .calendar_month a:hover{color:#5FAAB4;text-decoration:none;}
#right .calendar_month a:active{color:#5FAAB4;text-decoration:none; border-bottom:dotted 1px;}