/* 文字色、背景色、画像などの設定をカスタマイズされる方は、このスタイルシートの最後の方をご覧ください

左メニューの画像は横幅130（→160に拡大）px、右メニュー（今ない）の画像は横幅130（200）pxが最適です
記事の画像は横幅575-10=565px(→580に拡大→680)以下にしてください
記事内テーブル＝595-(10+10)=575
それ以上にするとレイアウトが崩れる場合があります。
(崩れないけど、見栄え良くない)

利用規約は　http://myhurt666.blog22.fc2.com/
*/

* {
    margin-top: 0;
}

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
*/    font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif ; */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    word-break: break-all;
}


#layout {
    width: 950px;
    padding-top: 0px;
    position: relative;
    margin:0 auto;
}

/* 元は240の高さ */
#header {
    width : 950px;
    margin-top:  0px;
    margin-bottom:  0px;
    padding-top: 0px;
    padding-bottom:  3px;
    text-align: left;
}

#content {
    width : 920px;
    margin: 0px 15px 0px 15px;
}

.menu {
    float : left;
    width : 160px;
    margin: 20px 15px 0px 0px;
    text-align: left;
    overflow:hidden;
    font-size: 80%;
}

.menu p, .menu ul {font-size:100%}

#main {
    margin: 0px 0px 0px 0px;
    float : right;
    width : 745px;
    text-align: left;
}

div.navi_left{
    margin: 10px 5px 0px 0px;
   width:700px;
   text-align: left;
   float: left;
}

.navi_left .hotxt{font-size:170%;}

div.navi_right{
    margin: 10px 0px 0px 0px;
   float: right;
   text-align: left;
   width:180px;
}



#footer {
    clear : both;
    width: 950px;
    color: gray;
    padding-top: 10px;
    text-align: center;
    font-size: 80%;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

/* タイトル */
.site_title {
/*    font-weight: bolder; */
    font-weight: normal;
    text-align: left;
/*    padding-top: 20px; */
    padding-top: 10px;
/*    padding-left: 35px;　*/
    padding-left: 15px;
/*    font-size:20px; */
 font-size:28px;
    margin: 0px;
}

.site_title a:link {color : #FFFFFF;
    text-decoration: none;
}
.site_title a:visited {color : #FFFFFF;
    text-decoration: none;
}
.site_title a:hover { text-decoration: underline;
color: #565C76;}


/* 説明文 */
.site_intro {
    margin-top: 0px;
    font-size: 80%;
    font-weight: normal;
    text-align: left;
margin-left:30px
}

/* トップナビ */
div.topnavi {
   font-size:12px;
   color: #ffffff;
background:#555555 url("http://blog-imgs-18-origin.fc2.com/c/a/t/catmania/t_navi_b.png") repeat-x;
   padding: 3px;
    margin-top: 0px;
    text-align: leftr;
}
div.topnavi a {
   color: white;
text-decoration: underline;
   padding: 0px 0.3em;
}

div.topnavi a:link {color : #FFFFFF;
text-decoration: underline;
}
div.topnavi a:visited {color : #FFFFFF;
text-decoration: underline;
}
div.topnavi a:hover { text-decoration: underline;
color: #565C76;}

/* メニュー、便利ナビ見出し */
.menu_area h2, .benri_navi_area h2 {
    font-weight: bold;
    font-size: small;
    padding: 2px 0px 3px 10px;
    margin-bottom: 10px;
}

/* 記事タイトル */
.entry_table h2 {
    font-size: 100%;
    font-weight: bolder;
    margin: 10px 10px 10px 10px;
}
.entry_table h2 a{
    text-decoration: none;
}
.entry_table h2 a:hover {
    text-decoration: underline;
}

h4, h5, h6 {
    font-size: 90%;
}

/* コメント見出し */
.comment_header {
    font-size: 130%;
    font-weight: bolder;
    margin: 10px 20px 15px 20px;
    padding-bottom: 10px;
}
.comment_header a:hover {
    text-decoration: none;
}

/* コメント タイトル */
.comment_title {
    font-weight: bolder;
    margin: 0px 20px 15px 20px;
}
.comment_title a:hover {
    text-decoration: underline;
}

/* リンク */
a {
    text-decoration:none;
}
a:hover {
    text-decoration: underline;
}

/* プロフィール画像 */
.pay img, .plugin-myimage {
    margin-bottom: 10px;
} 

/* リスト */
.menu_area ul {
    text-align:left;
    margin: 0px 0px 10px 0px;
    padding-left: 0px;
    list-style-type: none;
    text-decoration: none;
}

/* 便利ナビ リスト */
.benri_navi_ul {
    font-size: small;
    text-align:left;
    margin: 0px 0px 0px 3px;
    padding-left: 0px;
    list-style-type: none;
    text-decoration: none;
}

.menu_area li,
.benri_navi_area li {
    text-align: left;
    line-height: 130%;
    padding: 1px 0px 3px 20px;
    text-decoration: none;
    list-style-type: none;
}

.menu_area a,
.benri_navi_area a {
    text-decoration: none;
}

.menu_area a:visited,
.benri_navi_area a:visited {color: #336699;
    text-decoration: none;
}

.menu_area a:hover,
.benri_navi_area a:hover {color: #565C76;
    text-decoration: underline;
}

/* プラグイン */
.plugin_area {
              margin : 10px 5px 10px 5px;
}
.plugin_content {
                 margin : 10px 0px 0px 0px;
}
.menu_content {
               margin : 0px 0px 10px 0px;
}

div.infobox {
 overflow: auto;
 scrollbar-3dlight-color: #FFF;
 scrollbar-arrow-color: #ccc;
 scrollbar-darkshadow-color: #FFF;
 scrollbar-face-color: #F7F7F7;
 scrollbar-highlight-color: #ccc;
 scrollbar-shadow-color: #ccc;
 scrollbar-track-color: #F3F3F3;
   height: 15em;
   border: #006699 1px dashed;
   margin-bottom: 10px;
}

div.infobox2 {
   height: 570px;
   overflow: scroll;
   border: #006699 1px dashed;
}


/* 記事テーブル */
.entry_table{
    width: 745px;
    margin-bottom: 30px;
}

/* 記事下　next and prev */
.entry_navi {
    font-size: 90%;
    text-align: center;
    margin: 0px;
    padding: 10px 20px 10px 20px;
}

/* 便利ナビ next and prev */
.benri_navi_state {
    font-size: small;
    text-align:left;
    margin: 0px 20px 10px 15px;
    padding: 0px;
    line-height: 150%;
}

/* 記事本文 */
.entry_text {
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 0px 10px 0px 10px;
}

/* 記事画像 */
.entry_text img {
    padding: 0px;
    margin-right: 10px;
    margin-top: 0.2em;
} 

/* 記事内 ナビ */
.entry_state {
    font-size: 90%;
    text-align: right;
    line-height: 140%;
    padding-top: 5px;
    margin: 0px 10px 15px 10px;
}



.entry_title img {
                 vertical-align:middle;
                 padding: 0px;
                 margin-right: 0.8em
}

.rtim img {
                 vertical-align:middle;
                 padding: 0px;
                 margin-right: 0.4em
}

.imgbottom img {margin-bottom:2px}

/* コメント見出し */
.comment_header {
    font-size: 100%;
    font-weight: bolder;
    margin: 10px 10px 15px 10px;
    padding-bottom: 10px;
}
.comment_header a:hover {
    text-decoration: none;
}

/* コメント ナビ */
.comment_state {
    font-size: 80%;
    text-align: right;
    line-height: 150%;
    padding: 15px 0px 5px 0px;
    margin: 0px 20px 10px 20px;
}

.entry_state li,
.comment_state li,
.entry_navi li,
.benri_navi_state li {
    display: inline;
}

/* 2chのレスのインデント */
.res{
margin-left:2em
}

/* 赤松健先生の日記帳 */
.akamatsu {
    background-color: #dde0ff;
    padding: 10px 10px 10px 10px;
    margin: 0.5em 0.5em 0.5em 10px;
    overflow: auto;
}
pre{margin-left:1.5em; font-size:12px}
/* 引用文 */
q {background-color:#cee0f2;}
.q {background-color:#cee0f2;}
dd .blockquote {font-size:100%;}
dd blockquote {font-size:100%;}
.blockquote .blockquote {font-size:100%;
border-left: 1px solid #CCC;}
blockquote blockquote {font-size:100%;
     border-left:1px solid #CCC;}
.blockquote {
    font-size:90%;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-left: 4px solid #006699;
    padding: 10px 10px 10px 10px;
    margin: 0.5em 10px 0.5em 10px;
    overflow: auto;
}

blockquote {
    font-size:90%;
    border: 1px solid #CCC;
    background: #FFF;
    border-left: 4px solid #006699;
    padding: 10px 10px 10px 10px;
    margin: 0.5em 10px 0.5em 10px;
    overflow: auto;
}

iframe {margin:0.4em}

dd p {font-size:100%}
blockquote p {font-size:100%}
.blockquote p {font-size:100%}
.koum p {font-size:100%}
blockquote pre {font-size:100%}
.blockquote pre {font-size:100%}
p {font-size:90%; margin-top:0.4em; margin-bottom:0.4em}
.amanatu-info {font-size:90%; margin-top:0.4em; margin-bottom:0.4em}
.entry_text li {font-size:90%}
dd li {font-size:100%}
blockquote li {font-size:100%}
.blockquote li {font-size:100%}
.koum li {font-size:100%}


pre {font-size:90%;
   margin-bottom:0.8em;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

/* テーブル */
.entry_table table {border-collapse:collapse;  border:1px solid black} 
.entry_table th,.entry_table td {border-collapse:collapse;  border:1px solid black; font-size:80%; padding:1px;} 
table.none,.none tr,.none tr td {border:none ; font-size:100%;}
.none th,.none td {font-size:100%;} 

/* テーブルキャプション */
.entry_table caption {
    border-collapse: collapse;
    padding: 3px;
    margin: 10px 0px 0px 0px;
    font-size:90%;
}

/* コード等 */


/* トラックバックURL */
.trackback_text {
    line-height : 130%;
    padding-bottom : 15px;
    margin: 0px 20px 10px 20px;
}

/* HOME テーブル */
.home_table{
    width: 595px;
    margin: 0px 0px 40px 0px;
}

/* 絵文字 */
/*img.emoji {
    margin:2px 2px 4px 2px;
    vertical-align:middle; 
}*/

img.emoji {
    margin:2px 2px 4px 2px;
    vertical-align:middle; 
}

img.emoji2 {
    margin:0px 0px 0px 0px;
    vertical-align:middle; 
}

/* カレンダー */
.calendar_layout {
    margin-left: 10px;
    margin-bottom: 15px;
}
.calender {
    font-size: 12px;
    width: 150px;
    background: #FFFFFF;
    border: 1px solid #CCC;
    color: #666;
}
.calender a {font-weight: bolder;}
.calender caption {
    font-size: 11px;
    width: 150px;
    height:14px;
    background: #006699;
    color: #FFFFFF;
    padding-top: 2px;
    padding-bottom: 1px;
}
.calender caption a:link  {color: #CCC; text-decoration: none;}
.calender caption a:active  {color: #CCC; text-decoration: none}
.calender caption a:visited {color: #CCC; text-decoration: none}
.calender caption a:hover   {color: #CCC; text-decoration: underline;}
.calender th {
    width: 20px;
    height: 16px;
    font-weight: bolder;
    text-align: center;
}

.calender td {
    width: 20px;
    height: 16px;
    text-align: center;
}
.calender td a {
    display: block;
}

.calender td a:link {
    background: #ffffff!important;
    color: #006699;
    text-decoration: none;
}

.calender td a:visited {
    background: #ffffff!important;
    color: #333;
    text-decoration: none;
}

.calender td a:hover {
    background: #006699!important;
    color: #FFF;
    text-decoration: underline;
}

/* カレンダー曜日 */
th#sun {
    color: #CC3300;
}
th#sat {
    color: #0066CC;
}

/*
色の設定をカスタマイズされたい方は、以下の部分を変更なさってください。
*/

/* 背景色の設定 */

/* ヘッダ背景色 */
.header {
background:#0077AA url("http://blog-imgs-18-origin.fc2.com/c/a/t/catmania/header_img.png") repeat-x;
/*    border-bottom: 1px solid #C4C7D5; */
}

/* フッタ背景色 */
#footer {
    background-color: #FFF;
    border-top: 1px solid #C4C7D5;
}

/* ボディ背景色 */
#layout {
    background-color: #FFF;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}

/* 記事部分 & メニュー 背景色 */
#main , .menu {
    background-color: #FFF;
}

/* 記事欄 背景色 */
.entry_table {
    background-color: #FFF;
    border: 1px solid #C4C7D5;
}

/* 文字色の設定 */

/* タイトル 文字色 */
.site_title a {color: #FFF;}
.site_title a:hover {color: #FFF;}

/* サイト説明文 */
.site_intro {color: #FFF;}

/* メニュー、便利ナビ見出し 文字色 */
h2 {
    color: #003366;
}

.menu_area h2, .benri_navi_area h2 {
    border-left: 4px solid #336699;
    border-bottom: 1px solid #C4C7D5;
}

/* 記事タイトル 文字色 */
.entry_table h2 a {
    color: #003366;
}
.entry_table h2 a:hover {
    color: #565C76;
}

/* コメント＆トラックバック見出し 文字色 */
.comment_header {
    color: #003366;
    border-bottom: 1px dotted #C4C7D5;
}
.comment_header a, .comment_header a:hover {
    color: #003366;
}

/* コメント＆トラックバックタイトル 文字色 */
.comment_title, .comment_title a {
    color: #336699;
}
.comment_title a:hover {
    color: #565C76;
}

.comment_state {
    border-bottom: 1px dotted #C4C7D5;
}

/* リンク 文字色 */
a:link {color : #336699;}
a:active {color : #666666;}
a:visited {color : #669999;}
a:hover {color: #565C76; background-color:#CCFFFF;}

/* 画像ボーダー 文字色 */
img {border:0;}
a:link img.border {border : solid 2px #0000ff;}
a:active img.border {border : solid 2px #666666;}
a:visited img.border {border : solid 2px #669999;}
a:hover img.border {border : solid 2px white}
a:hover img {filter:alpha(style=0, opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;}

/* リスト 文字色 */
li {color: #333;}
li a {color: #336699;}
li a:hover {color: #565C76;}

/* 記事内 ナビ 文字色 */
.entry_state {
    color: #333;
    border-top: 1px dotted #C4C7D5;
}

.entry_state a,
.comment_state a,
.benri_navi_state a {
    color: #336699;
}

.entry_state a:visited,
.comment_state a:visited,
.benri_navi_state a:visited {color : #336699;
    text-decoration: none
}

/* HOME ナビ 文字色 */
.entry_navi {color: #333;}

/* 記事 文字色 */
.entry_text {color: #333;}
.entry_text a:link {color : #336699; text-decoration: underline;}
.entry_text a:active {color : #666666; text-decoration: underline;}
.entry_text a:visited {color : #669999; text-decoration: underline;}
.entry_text a:hover {background-color:#CCFFFF; text-decoration: underline;}

/* トラックバックURL */
.trackback_text {
    border-bottom: 1px dotted #C4C7D5;
}

/* その他 文字色 */
.menu, #main, #footer {
    color: #333;
}
#footer a {color: #336699;}

/* 見出し背景 文字色 */
.backnr {background-color:#003366; border-right:#666666 1px solid; border-bottom: #666666 1px solid; color:#ffffff; font-weight: bold}

.backpink {background-color:#c4c7d5; border-right:#666666 1px solid; border-bottom: #666666 1px solid; color:#003366; font-weight: bold}

.backmr {background-color:#990000; border-right:#666666 1px solid; border-bottom: #666666 1px solid; color:#ffffff; font-weight: bold}

.backst {background-color:#cccccc; border-right:#666666 1px solid; border-bottom: #666666 1px solid; color:#000000; font-weight: bold}

/* 文字回り込み */
.left {
 float:left;
 margin-right:10px;
}

.right {
 float:right;
 margin-left:10px;
}

.kaijyo {clear:both;} 


/* 文字装飾 */
b {
    font-weight: bolder;
}
.ostxt {
    font-weight: bolder;
    color:#CC0000;
    font-size: large;
}
.count{background-color:#FFCCCC; color: #FF0000; padding:0px 2px; margin:0px 5px}
.rd2txt{background-color:#CC0000; color: #FFFFFF; padding:0px 2px; margin:0px 5px; font-size:80%;}
.rdtxt {color: #CC0000;
background:#F5CECE}
.hotxt{color: #996633;
background-color:#FFEEDD}
.mdtxt{color: #228822; font-weight:bolder}
.ao2txt{color: #0000FF; font-weight:bolder; text-decoration:underline}
.aotxt{color: #DD6600;
background:#FFDDCC}
.bltxt{color: #333333;  font-weight:bolder} 
.mstxt{background-color:#CCC; 
color:#CCC}
.grtxt{color: #666666}
.whtxt{color: #ffffff}
.2ttxt{font-size:140%}
.dttxt{border:double 2px #996633; font-weight:normal;}

.smtxt{font-size:80%}
.cent{text-align: center}

/* ニュース装飾 */

.memonews {border-bottom:solid 2px #003366; margin-top:1.2em; margin-bottom:0.8em; padding-bottom:0.1em; font-weight: bolder}

 .entry_text h3 {
    margin-top:2em; margin-bottom:0.5em; 
    border-left: 4px solid #336699;
    border-bottom: 1px solid #C4C7D5;
    padding-left:0.7em; font-size: 100%; font-weight: bold
} 

/* .entry_text h3 {margin-top:2em; margin-bottom:0.5em; background-color:#003366; padding-left:0.5em; font-size: 100%; color:#ffffff; font-weight: bold} */

.menu_content h3 {margin-top:2em; background-color:#003366; padding-left:0.5em; font-size: 100%; color:#ffffff; font-weight: bold}

.entry_text h4 {margin-top:2em; padding-left:0.5em; font-size: 100%; border-left: 4px solid #336699; border-bottom: 1px solid #C4C7D5; color:#003366; font-weight: bold}

.group {margin-top:2em; background-color:#003366; padding-left:0.5em; color:#ffffff; font-weight: bold}

.nmark {margin-top:1.0em; color:#003366}

.nmar2 {margin-top:1.0em; color:#CC0000}

.nhosi {margin-top:1.0em; color:#CC0000}

.nlink {margin-top:-1.6em; margin-left:1.4em; padding:0.2em 0 0.2em 0.5em; background-color:#f2f2f2; border-right:solid 1px #999999; border-bottom:solid 1px #999999;}

.mtxt {margin-top:-1.4em; margin-left:1.4em}

.ncom {margin-left:1.4em; font-size:80%;}

.nco2 {margin-left:1.4em;}

.ncom .ncom {margin-left:1.4em; font-size:100%;}

.hoso {font-weight:normal}

/* グーグルアドセンス装飾 */
.gads1 {margin-left:20px; margin-bottom:20px}

.gads2 {margin-bottom:40px}

.gads3 {margin-left:20px; margin-top:10px; margin-bottom:20px;}

.gads4 {margin-bottom:10px;}

/* 画像の設定 */




/* body {
      background:  url(http://blog-imgs-37-origin.fc2.com/c/a/t/catmania/bg_2_20120305193618.gif);
} */

/* body {
      background:  url(http://blog-imgs-18-origin.fc2.com/c/a/t/catmania/otherworld_bg01.gif);
}*/

body {
      background:  url(http://blog-imgs-29-origin.fc2.com/m/y/h/myhurt/new_navi_bg_g.gif);
}


/* リストアイコン */
.menu_area li,
.benri_navi_ul li {
    background: 
    url(http://blog-imgs-29-origin.fc2.com/m/y/h/myhurt/new_navi_2_icon_bg.gif)
    no-repeat;
}

/* 無記名コメント非反映 
.writeby {display:none} */

/* URL無し非反映 */
.writer {display:none}

.menuads{color: #228822;}

div.menuads div{margin-bottom:10px}


/* アスキーアート用 */
.aa {
 font-family: "\ff2d \ff33 \20 \ff30 \30b4 \30b7 \30c3 \30af ", sans-serif; font-size:12px;
 line-height: 1;
}


.negikara {padding: 5px 5px 5px 5px; margin: 10px 10px 0em 10px; background-color:#f2f2f2; border:double 3px #999999; border-color: #996633; line-height:1.4; font-weight: bold;}
.negikara a {color: #003366; text-decoration: underline;}
.koum {margin:1.0em 0; padding:0.2em 0.2em 0.2em 0.5em; background-color:#f3f3f3; border:solid 1px #999999; font-size:90%}
code {border:solid 1px #999999; margin:2px;}
div.dttxt {margin:1.0em 0; padding:0.2em 0.2em 0.2em 0.5em; border:double 2px #996633; font-size:90%;}
.dttxt p {font-size:100%;}
dt {margin:0.5em 0; padding:0.2em 0 0.2em 0.5em; background-color:#f3f3f3; border:solid 1px #999999; font-size:90%;}
dd {margin-left:1.0em; font-size:90%;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
<!--  -->
.chromemenu, #chromemenu{
width: 99%;
font-weight: normal;
font-size: 90%;
margin-bottom:0.5em;
} 

.chromemenu:after, #chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} 

.chromemenu ul, #chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://blog-imgs-27-origin.fc2.com/c/a/t/catmania/chromebg.gif) center center repeat-x;
padding: 1px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
} 

.chromemenu ul li, #chromemenu ul li{
display: inline;
} 

.chromemenu ul li a, #chromemenu ul li a{
color: #494949;
padding: 2px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
} 

.chromemenu ul li a:visited{
color: #494949;
text-decoration: none;
} 

.chromemenu ul li a:hover, #chromemenu ul li a:hover{
background: url(http://blog-imgs-27-origin.fc2.com/c/a/t/catmania/chromebg2.gif) center center repeat-x;
}


/*中央寄せ*/
.center {margin-left:auto;
margin-right:auto}

/* はてなブックマークウィジェット */
div.hatena-bookmark div.hatena-modulebody {
  height:20em !important}
div.hatena-modulebody ul li {margin-top:0.5em}

/* あまなつAdhover */
.img_adhover{top:-5000px; left:-5000px;position:absolute}
a.a_adhover img{margin-left:0px; margin-right:0px}
a.a_adhover:hover {z-index:1000;position:relative;}
a.a_adhover:hover .img_adhover{
top:1em;
left:0px;
filter:alpha(style=0, opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;}

.img_adhover2{top:-5000px; left:-5000px;position:absolute;}
a.a_adhover2:hover {z-index:1000;position:relative;}
a.a_adhover2:hover .img_adhover2{
top:-110px;
left:-320px;
filter:alpha(style=0, opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;}

/*akamai アカマイ*/
div.adBlock{
margin-left: 2em;
font-size: 75%;
}
.adBlock, .adBlockHover {margin-left:5em; margin-bottom: 0em; margin-top: 0em;}
#googleAdContainer {font-size:75%; color:#666;}
#googleAdContainer a{text-decoration:none;}
#googleAdContainer a:visited,{color:#999;}
#googleAdContainer a:link{color:#999;}
#googleAdContainer a:visited{color:#999;}
#googleAdContainer a:hover{color:#1f8ad9;}