/* body部 */
.body
{
margin:0;
color:#333333;
line-height:150%;
}

/* レイアウト */
#layout
{
position:relative;
width:762px;
margin:0 auto;
background-color:#FFFFFF;
}

/* ヘッダー */
#header
{
width:100%;
margin-top:10px;
}

/* ナビ ヘッダー */
#navi_h
{
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
width:100%;
background-color:#A27742;
font-size:11px;
color:#FFFFFF;
border-top: solid 2px #EACEBB;
border-bottom: solid 2px #EACEBB;
}

/* ナビ */
#navi
{
padding-top:10px;
padding-left:3px;
width:100%;
font-size:11px;
}

/* コンテンツ */
#con
{
width:100%;
margin:0 auto;
margin-bottom:20px;
}

/* メイン（左側部） */
#con_main
{
font-size:14px;
float:left;
width:522px;
padding-top:20px;
margin-bottom:20px;
margin-left:6px;
overflow:hidden;
}

/* メニュー（右側部） */
#con_menu
{
float:right;
width:220px;
border-left:1px solid #E1E1E1;
padding-left:3px;
margin-bottom:20px;
margin-left:4px;
overflow:hidden;
}

/* 見出しフォント */
.style1
{
width:auto;
padding:5px 5px 5px 25px;
font-size:large;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
background-image:url(http://www.hapilabo.com/images/ac_title.gif);
background-repeat: no-repeat;
}

/* h2見出しフォント */
.style1_2
{
width:auto;
font-weight:bold;
font-size:12px;
text-align:center;
margin-bottom:0px;
padding-top:2px;
padding-bottom:2px;
background-color:#A27742;
color:#FFFFFF;
border-top: solid 2px #EACEBB;
border-bottom: solid 2px #EACEBB;
}

/* リンクフォント */
.style1_3
{
width:auto;
font-size:large;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
}

/* 小見出しフォント */
.style2
{
width:auto;
padding-left:25px;
padding-bottom:10px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
background-image:url(http://www.hapilabo.com/images/ac_smida.gif);
background-repeat: no-repeat;
background-position:bottom;
}

/* 小文字フォント */
.style3
{
font-size:small;
}

/* 最小文字フォント */
.style4
{
font-size:x-small;
}

/* 上部ナビフォント */
.style5
{
color:#FFFFFF;
}

/* ■カテゴリー見出しリスト */
.style6
{
width:auto;
padding-left:25px;
font-size:large;
font-weight:bold;
margin-top:15px;
margin-bottom:0px;
background-image:url(http://www.hapilabo.com/images/ac_pen2.gif);
background-repeat: no-repeat;
}

/* メニューリスト小フォント */
.style7
{
font-size:11px;
margin-top:15px;
margin-bottom:25px;
}

/* 小フォント */
.style7_1
{
font-size:11px;
}

/* 小フォント */
.style7_2
{
font-size:11px;
text-align:right;
}

/* ヘッダー部メニュー */
.style8
{
font-size:14px;
margin-left:250px;
}

/* ヘッダー部メニュー下タイトル */
.style9
{
font-size:11px;
font-style:italic;
text-align:right;
margin-top:5px;
margin-bottom:15px;
}

/* テキストインデント１ */
.style10
{
margin-left:25px;
margin-top:5px;
padding:5px;
}

/* テキストインデント２ */
.style11
{
margin-left:25px;
}

/* サイトマップ大見出し */
.style12
{
background-color:#F7F3E6;
font-weight:bold;
color:#663300;
padding-left:10px;
padding-bottom:2px;
padding-top:2px;
border-bottom: dotted 1px #663300;
margin-top:10px;
margin-bottom:10px;
}

/* トップ注目記事小見出し */
.style13
{
border-bottom: dotted 1px #666666;
padding-top:4px;
padding-bottom:2px;
}

/* トップ注目記事囲い */
.style14
{
border: dotted 1px #666666;
padding:5px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
}

/* トップ注目記事ul */
.style15
{
list-style-image: url(http://www.hapilabo.com/images/con2.gif);
margin-left:18px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding:0;
}

/* エントリー最近の記事 */
.style16
{
font-size:12px;
margin-top:15px;
margin-bottom:25px;
}

/* 引用文背景 */
blockquote
{
margin:20px;
padding:10px;
background-color:#E4E4E4;
}

/* サブコンテンツヘッダー右 */
.sub_head
{
font-size:11px;
margin-left:250px;
width:auto;
height:60px;
}

/* サブコンテンツヘッダー右斜め文字 */
.sub_head_itext
{
font-size:11px;
font-style:italic;
text-align:right;
margin-top:20px;
line-height:18px;
}

/* サブコンテンツヘッダー右斜め文字 */
.itext
{
color:#333333;
}

/* ad1 */
.ad1_l
{
margin-top:5px;
margin-bottom:20px;
padding-top:5px;
padding-bottom:3px;
border-bottom:1px solid #F3F3F3;
border-top:1px solid #F3F3F3;
}

/* ad2 */
.ad2_l
{
margin-top:25px;
margin-bottom:5px;
padding-bottom:3px;
border-bottom:1px solid #F3F3F3;
border-top:1px solid #F3F3F3;
}

/* 次のページ */
.next_p
{
width:auto;
padding-left:90px;
margin-bottom:5px;
font-size:12px;
font-weight:bold;
background-image:url(http://www.hapilabo.com/images/ac_hlh.gif);
background-repeat: no-repeat;
}

/* 前のページ */
.prev_p
{
width:auto;
padding-left:90px;
margin-bottom:5px;
font-size:12px;
font-weight:bold;
background-image:url(http://www.hapilabo.com/images/ac_hlb.gif);
background-repeat: no-repeat;
}

/* メニュー部メインカテゴリーのli */
.main-list
{
margin-left:18px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding:0;
}

/* メニュー外側枠 */
.sidemenu
{
width:auto;
margin-bottom:20px;
font-size:12px;
}

/* メニュー上タイトル部 */
.menutitle
{
width:auto;
font-weight:bold;
font-size:12px;
padding-left:20px;
padding-bottom:7px;
margin-bottom:5px;
background-image:url(http://www.hapilabo.com/images/ac_side.gif);
background-repeat:no-repeat;
background-position:bottom;
}

/* メニュー部検索フォーム */
.search-menu
{
margin:5px;
}

/* RSSロゴ */
.rss_logo
{
margin-left:8px;
margin-top:5px;
}

/* リンク */
a:link
{
}

a:visited
{
}

a:hover
{
position: relative;
left: 1px;
top: 1px;
color: #FF6600;
text-decoration : underline ;
}

/* フッター */
#footer
{
width:100%;
margin:0 auto;
clear:both;
font-size:12px;
}

/* pre背景 */
pre
{
/* font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
letter-spacing: 0.1em; 
margin:20px;
padding:10px;
background-color:#E4E4E4;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}

strong
{
width:auto;
padding:3px 6px;
border-left: solid 6px #999999;
font-weight:bold;
margin-top:0px;
margin-bottom:10px;
/*
background-color:#EAEAEA;
border-bottom: solid 1px #999999;
font-size:large;
*/
}

/* Follow meアイコン */
p.twitter_followme {
position: fixed;
top: 200px;
right: 0px;
}

.gadget
{
float:left;
width:220px;
padding:5px 5px 5px 5px;
}

.footter_fotter
{
clear:both;
}