/*　八木隆太郎のYaggy's kitchen〜やぎの台所〜　*/
/*　最終更新日：2010/01/07　*/


/*　共通　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
background-color:#D2EAF3;
margin:0px;
}
a{
text-decoration:none;
color:#009900;
}
a:active{
color:#FF9933;
}
a:visited{
color:#009900;
}
a:hover{
color:#FF9933;
}
table {
clear:both;
}
p {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

/*　SWFリンクナビ　*/
ul#bn_swflink{
list-style:none;/* リストマークの有無 */
width:170px;
height:100px;
margin:0px;
padding:0px;
}
ul#bn_swflink li{
list-style:none;
width:170px;
height:100px;
float:left;
}
ul#bn_swflink a{
display:block;/* display＝要素の性質の変更。block＝要素の後に改行が入るように変更する意味 */
width:170px;
height:100px;
text-indent:-1000px;/*　文字飛ばす　*/
overflow:hidden;/*　文字飛ばす　*/
}

a.bn_swf{background-image:url(image/main_r_swf.jpg);} a:hover.bn_swf{background-position:0px -100px;}

/*　プロフリンクナビ　*/
ul#bn_proflink{
list-style:none;/* リストマークの有無 */
width:220px;
height:105px;
margin:0px;
padding:0px;
}
ul#bn_proflink li{
list-style:none;
width:220px;
height:105px;
float:left;
}
ul#bn_proflink a{
display:block;/* display＝要素の性質の変更。block＝要素の後に改行が入るように変更する意味 */
width:220px;
height:105px;
text-indent:-1000px;/*　文字飛ばす　*/
overflow:hidden;/*　文字飛ばす　*/
}

a.bn_prof{background-image:url(image/main_ll_prof.jpg);} a:hover.bn_prof{background-position:0px -105px;}

/*　2008年度へリンクナビ　*/
ul#bn_2008link{
list-style:none;/* リストマークの有無 */
width:220px;
height:40px;
margin:0px;
padding:0px;
}
ul#bn_2008link li{
list-style:none;
width:220px;
height:40px;
float:left;
}
ul#bn_2008link a{
display:block;/* display＝要素の性質の変更。block＝要素の後に改行が入るように変更する意味 */
width:220px;
height:40px;
text-indent:-1000px;/*　文字飛ばす　*/
overflow:hidden;/*　文字飛ばす　*/
}

a.bn_2008{background-image:url(image/main_ll_2008.jpg);} a:hover.bn_2008{background-position:0px -40px;}

/*　バックナンバーへリンクナビ　*/
ul#bn_tobnlink{
list-style:none;/* リストマークの有無 */
width:220px;
height:25px;
margin:0px;
padding:0px;
}
ul#bn_tobnlink li{
list-style:none;
width:220px;
height:25px;
float:left;
}
ul#bn_tobnlink a{
display:block;/* display＝要素の性質の変更。block＝要素の後に改行が入るように変更する意味 */
width:220px;
height:25px;
text-indent:-1000px;/*　文字飛ばす　*/
overflow:hidden;/*　文字飛ばす　*/
}

a.bn_tobn{background-image:url(image/main_ll_tobn.jpg);} a:hover.bn_tobn{background-position:0px -25px;}


/*　トップページ　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#container {
width:940px;
height:850px;
overflow:hidden;
margin:auto;
padding:0px;
background-color:#D2EAF3;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
letter-spacing:0.1em;
line-height:14px;
color:#000000;
text-align:center;
}
#s_left {/* */
width:55px;
height:850px;
margin:0px;
padding:0px;
float:left;
}
#s_right {/* */
width:45px;
height:850px;
margin:0px;
padding:0px;
float:left;
}
#main {/* */
width:840px;
height:850px;
margin:0px;
padding:0px;
float:left;
}

#main_header {/* */
width:840px;
height:115px;
margin:0px;
padding:0px;
clear:both;
}
#main_main {/* */
width:840px;
height:600px;
margin:0px;
padding:0px;
clear:both;
}
#main_footer {/* */
width:840px;
height:135px;
margin:0px;
padding:0px;
clear:both;
}

/* #main_mainの中身 */

#main_l {/* */
width:670px;
height:600px;
margin:0px;
padding:0px;
float:left;
}
#main_r {/* */
width:170px;
height:600px;
margin:0px;
padding:0px;
float:left;
}
#main_l_header {/* */
width:670px;
height:55px;
margin:0px;
padding:0px;
background-image:url(image/main_l_header.jpg);
text-align:right;
clear:both;
}
#main_ll {/* */
width:220px;
height:545px;
margin:0px;
padding:0px;
text-align:left;
float:left;
}
#main_ll_frame {/* */
width:220px;
height:265px;
margin:0px;
padding:0px;
background-image:url(image/main_ll_frame.jpg);
clear:both;
}
#main_frame {/* */
width:450px;
height:545px;
margin:0px;
padding:0px;
background-image:url(image/main_frame.jpg);
float:left;
}


/*　日誌ページ　////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body#diary {/* 日誌ページの背景透過の設定。ここで設定して、index.htmlの背景を見えるようにする */
background-repeat:no-repeat;
background-color:transparent;
background-attachment:fixed;
margin:0px;
padding:0px;
}

/* エントリー一覧 */

#ds_container {
width:190px;
height:auto;
margin:0px;
padding:5px 0px 0px 2px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
letter-spacing:0.1em;
line-height:14px;
color:#000000;
text-align:left;
float:left;
}
.ds_table {
width:6px;
margin:0px;
padding:0px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
letter-spacing:0.1em;
line-height:14px;
color:#000000;
text-align:left;
vertical-align:top;
}
.ds_title {
width:auto;
height:auto;
margin:0px;
padding:0px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
letter-spacing:0.1em;
line-height:14px;
text-align:left;
vertical-align:top;
color:#000000;
}

/* 記事内容 */

#dm_container {
width:425px;
height:auto;
margin:0px;
padding:0px 0px 15px 5px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
letter-spacing:0.1em;
line-height:16px;
color:#000000;
text-align:left;
float:left;
}
.dm_title {
width:295px;
height:auto;
margin:0px;
padding:0px;
font-size:14px;
font-weight:bold;
color:#009933;
text-align:left;
vertical-align:top;
float:left;
}
.dm_day {
width:auto;
height:auto;
margin:0px;
padding:0px;
font-weight:bold;
text-align:left;
vertical-align:top;
float:right;
}
.dm_text {
width:auto;
height:auto;
margin:0px;
padding:30px 0px 0px 0px;
text-align:left;
clear:both;
}
.photo_left{
width:auto;
height:auto;
float:left;
}
.photo_right {
width:auto;
height:auto;
float:right;
}
.pict{
margin:0px;
padding:0px;
text-align:center;
clear:both;
}
.comment{
width:auto;
height:auto;
padding:2px;
margin:0px;
background-color:#3399FF;
font-size:10px;
line-height:12px;
text-align:center;
color:#ffffff;
clear:both;
}















































/*　letter-spacing:の問題性→改行<br>を二つ以上並べた場合、ieでは一つ目が反映されない。以下対処の為の設定　//////////////////////////////////////*/
br {
letter-spacing:normal;
}