@charset UTF-8;

/*
Theme Name: black_2clm
Theme URI: no=37601
Description:  横並び（2カラム・左メニュー）白・黒
Version: 1.0
Author: m
Author URI: http://arukuaround.blog133.fc2.com/
*/


/* kihon
------------------------------------------------------------------*/
body          { color: #000; font-family: sans-serif, Verdana, "Hiragino Kaku Gothic Pro", Osaka, Meiryo; line-height: 1.8; background-color: #333; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/bg_stripe_yb.png") }
h1, h2, h3, h4, h5, h6    { font-weight: normal }

h1 { font-size: 16px; padding-left: 10px; border-left: 5px solid #555 }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4,h5,h6 { font-size: 10px }

a:link { color: #666; text-decoration: none }
a:active , a:hover {color: #ccc; text-decoration: none}
a:visited  { color: #999; text-decoration: none }

/*回り込み解除*/
.clearboth{   content:"";  display:block;  clear: both;}
.clearfix:after {  content: ".";    display: block;    clear: both;  height: 0;  visibility: hidden;}

/* Layout*/
/* 左メニューと記事を囲む部分 
------------------------------------------------------------*/
#container              { background-color: #fff; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/bg_container_yb.gif"); background-repeat: repeat-y; margin: 0 auto; padding: 0; width: 900px }

/* 左メニュー表示部分 
------------------------------------------------------------*/
#left             { color: #fff; background-color: #000000; background-repeat: repeat; display: inline; width: 230px; float: left }
/*ブログタイトルと説明*/
.blogtitle           { font-size: 16px; line-height: 1.5em; text-decoration: none; letter-spacing: 0.1em; margin-top: 50px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; border-style: none }
.blogtitle a:link, .blogtitle a:visited {color: #ffffff}
.blogtitle a:hover, .blogtitle a:active      { color: #999 }
.blogintro           { color: #fff; font-size: 10px; line-height: 2em; letter-spacing: 0.1em; margin-bottom: 30px; padding-right: 15px; padding-left: 15px }

/* function_area --------------------*/
#function_area          { margin-right: auto; margin-left: auto; padding-right: 0; padding-bottom: 30px; padding-left: 0; width: 200px }
#function_area ul             { margin-right: auto; margin-left: auto; padding: 0; width: 200px }
#function_area li                { text-indent: -9999px; display: inline; margin: 0; padding: 0; width: 50px; float: left }
#function_area li a   { display: block }

/*function icons*/
.function_twitter a              { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: 0 -32px; text-indent: -9999em; display: block; width: 50px; height: 32px }
.function_twitter a:hover              { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em; display: block; width: 50px; height: 32px }
.function_rss a         { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: -50px -32px; text-indent: -9999em; display: block; width: 50px; height: 32px }
.function_rss a:hover         { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: -50px 0; text-indent: -9999em; display: block; width: 50px; height: 32px }
.function_newentry a     { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: -100px -32px; text-indent: -9999em; display: block; width: 50px; height: 32px }
.function_newentry a:hover     { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: -100px 0; text-indent: -9999em; display: block; width: 50px; height: 32px }
.function_admin a     { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: -150px -32px; text-indent: -9999em; display: block; width: 50px; height: 32px }
.function_admin a:hover      { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/btn_menu_yb.png"); background-repeat: no-repeat; background-position: -150px 0; text-indent: -9999em; width: 50px; height: 32px }

/*search*/
.function_search        { color: #fff; font-size: 10px; margin: 0 20px 20px; padding: 0; width: 200px; clear: both }
fieldset.search      { text-align: center; margin: 0; padding: 0; border-style: none }
#keywords      { color: #000; font-size: 100%; background-color: #fff; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/searchform1.png"); background-repeat: no-repeat; margin-bottom: 10px; padding-left: 10px; width: 150px; height: 26px; float: left; border-style: none }
#searchBtn      { background-color: #fff; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/searchform2.png"); background-repeat: no-repeat; background-position: 0 0; margin-bottom: 10px; padding-top: 26px; padding-left: 5px; width: 30px; height: 26px; float: left; clear: right; border: 0; _top: 1px               }
*:first-child + html #searchBtn { top: 1px }

/* plugin */
.plugin  { font-size: 12px; display: inline; padding-right: 15px; padding-left: 15px; width: 200px }
/*.plugin p  { margin-left: 15px; padding-left: 0 }*/
.p-contents {margin-left:15px; }
.plugin a {  margin-left: 0; padding-left: 0 ; }
.plugin a:link, .plugin a:visited { color: #fff; }
.plugin a:hover, .plugin a:active  { color: #ddd; }
.plugin ul { color: #666666;  list-style-type: none; list-style-position: outside; margin-left: 0; padding-left: 0 }
.plugin li   { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/arrow_yb.png"); background-repeat: no-repeat; background-position: 0 0.5em; list-style: none; padding-left: 20px }

/*メニューの見出しと中身を囲む*/
.menu-wrap  { margin: 0 auto; padding: 0 0 40px; width: 200px }
/* メニューの見出し*/
.menu-title       { line-height: 30px; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/menu-title_yb.png"); background-repeat: no-repeat; margin: 0 0 10px; padding: 0 0 0 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px  }
.menu-title h2   { color: #fff; font-size: 12px; letter-spacing: 0.1em; display: inline; margin: 0; padding: 0 }

/* fc2検索 */
#left form { margin: 0;}
.plugin-search textarea , .plugin-search input, .plugin-search select      { margin: 1px; padding: 3px; border: solid 1px #999 }

/* plugin メールフォーム */
.plugin-mail    { }
.plugin-mail input, .plugin-mail textarea    { font-size: 100%; margin: 1px; padding: 3px; border: solid 1px #999 }

/* カレンダー設定 */
.plugin-calender    { }
.calender           { font-size: 12px; font-family: Futura, Arial; background-color: #000; width: 161px; border-collapse: collapse           }
.calender caption       { line-height: 1em; text-align: center; margin: 0; padding: 5px 0; vertical-align: middle }
.calender th    { font-size: 10px; text-align: center; margin: 0; padding: 0; width: 25px; border-style: none }
#sun { color: #ff467f }
#sat { color: #009fe6 }
.calender td    { text-align: center; margin: 0; padding: 0; width: 23px; height: auto; vertical-align: middle; border-style: none }
.calender td a:link,.calendar td a:visited    { color: #666; text-decoration: none; background-color: #ddd; display: block; width: 23px; height: auto; vertical-align: middle }
.calender td a:hover,.calendar td a:active   { color: #666; text-decoration: none; background-color: #000; display: block }

/* フリーエリア内容*/
.plugin-freearea { font-size: 12px; }

/*プロフィール*/
.plugin-myimage  { margin : 0 auto; text-align: center; padding: 10px; border-style: none }

/* 記事表示部分（右側）
 ------------------------------------------------------------ */
#right            { display: inline; margin-right: 30px; padding-top: 50px; width: 600px; float: right }

/* 記事表示部分を囲うブロック要素の属性 -------------------- */
.kiji        { font-size: 12px; line-height: 1.8; margin-bottom: 100px; padding: 0; width: 590px; word-break: break-all       }
.kiji img  { margin-top: 10px; margin-bottom: 10px; border-style: none }
.kiji a:hover, kiji a:active    { }
.kijibody     { padding-top: 30px; padding-bottom: 10px; border-top: medium none }

/*日時・タイトル*/
.entrydate           { font-size: 12px; font-family: sans-serif, universe, Arial; letter-spacing: 0.1em; margin-right: 15px; padding-right: 15px; float: left; border-right: 1px solid }
.entrydate a:link, .entrydate a:visited  { color: #000; }
.entrydate a:hover, .entrydate a:active  { color: #999; }
.entrytitle                     { font-size: 14px; font-family: sans-serif, universe, Arial; letter-spacing: 0.1em; margin: 0 0 10px; padding: 0 0 2em 5px }
.entrytitle a:link, .entrytitle a:visited { color: #000000; }
.entrytitle a:hover, .entrytitle a:active { color: #999; }

/*記事内の要素の表示*/
.kijibody blockquote { padding-right: 5px; padding-left: 5px; border: solid 1px #b9b9b9 }
.kijibody blockquote p { padding-right: 10px; padding-left: 10px }
.kijibody ul  { list-style-position: inside }
.kijibody li   { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/arrow_yn_bk.png"); background-repeat: no-repeat; list-style-type: none; padding-left: 20px }

/*カテゴリー*/
.entryinfo  { text-align: right; width: 590px }
.entryinfo ul       { list-style-type: none; margin: 0; padding-right: 5px; padding-bottom: 20px }
.entryinfo li  { display: inline }
.category  { font-size: 10px; line-height: 16px; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/caticon.gif"); background-repeat: no-repeat; background-position: left bottom; display: block; padding-right: 5px; padding-left: 20px; float: right }
.category a:link, .category a:visited       { color: #39f; padding: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px    }
.category a:hover, .category a:active  { color: #ccc }

/*ユーザータグ*/
.entryTags   { font-size: 10px; line-height: 16px; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/tagicon.gif"); background-repeat: no-repeat; background-position: left bottom; display: block; padding-right: 5px; padding-left: 20px; float: right }
.entryTags a:link, .entryTags a:visited  { color: #39f; font-size: 10px }
.entryTags a:hover, .entryTags a:hover { color: #ccc }
.tag  { background-image: url("tagicon.gif"); background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; width: 16px; height: 16px }

/*続きを読むボタン*/
.readmore a:link, .readmore a:visited , .readclose a:link, .readclose a:visited     { color: #fff; line-height: 26px; background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/readmore_yb.png"); background-repeat: no-repeat; text-align: center; display: block; margin-top: 5px; margin-bottom: 5px; width: 150px; height: 26px }
.readmore a:hover, .readclose a:hover  { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8 }

/*拍手ボタンなど*/
.fc2_footer img   { margin-top: 5px }

/*関連記事*/
.relate_dl    { margin: 20px; padding: 5px; border: solid 1px #999 }
.relate_dt  { padding-left: 5px }
.relate_dd   { line-height: 1.5em; list-style-position: inside; margin-left: 1em }

/*記事のタイトル一覧モード＆記事検索結果*/
.content   { width: 590px; font-size: 12px; }
.content p  { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #333 }
.content ul  { list-style-position: inside }
.content li  { list-style-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/arrow_yn_bk.png"); }

/* 記事のステータス用リスト */
.sub      { font-size: 14px; text-align: right; margin: 2em 0 0; padding-top: 10px; border-top: 1px dotted; border-bottom: medium none }
.sub li   { font-size: 10px; display: inline; margin-left: 5px; padding-left: 5px; border-left: 1px dotted }
.sub a:link, .sub a:visited    { color: #000000; margin-right: 0.3em }
.sub a:hover, .sub a:active   { color: #999 }

/* pagenavi */
.pagenavi         { font-size: 10px; text-align: center; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 30px }
.pagenavi a:link, .pagenavi a:visited   { color: #fff; font-size: 10px; background-color: #666; padding: 5px ;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.pagenavi a:hover, .pagenavi a:active  { color: #ccc; background-color: #a1a1a1 }

/* resform
------------------------------------------------------------------*/
/* comment form */
/*コメント・トラックバックの囲み*/
.kiji2       { font-size: 12px; margin-right: auto; margin-left: auto; width: 590px }

.form       { font-size: 12px; display: block; padding-bottom: 3em; width: 590px }
.form input, .form textarea   { font-size: 100%; background-color: #ddd; margin-top: 3px; margin-bottom: 3px; padding: 2px; border: solid 1px #999 }
.form input[type=checkbox],#form input[type=radio] {  border: 0px; background: none; }
.himitu { margin: 0; padding: 0 }

/*formarea*/
.formarea_left   { line-height: 1.2em; display: inline; width: 39%; float: left }
.formarea_right    { line-height: 1.2em; display: inline; width: 59%; float: right }
.formarea_right .submit    { color: #000; background-color: #fff; display: block; margin-left: 5px; padding: 2px; width: 80px; height: 30px; float: right; border-style: solid; border-width: 1px; border-color: #999 #666 #666 #999; -moz-border-radius: 2px; -webkit-border-radius: 2px  }
.formarea_right .submit:hover   { color: #fff; background-color: #39f }
/* img center */
.pay { text-align: center; margin-right: 2em }
/* comment&trackback title */
.cmttb_title     { font-size: 14px; margin-bottom: 1em }
.cmt_title { font-size: 12px; font-weight: bold }
/* commentlist */
#commentlist { margin-top: 1.7em; margin-right: 1.7em; margin-bottom: 7.7em }
/* trackbacklist */
#trackbacklist { margin: 2.7em 1.7em 0 0; padding: 1.7em 0 2.7em 3.7em; border-top: 1px solid #ddd }
#trackbacklist li ul { margin-top: 0.7em; margin-bottom: 1.7em }
/* commentlist trackbacklist */
#commentlist a, #trackbacklist a { margin-right: 0.5em }
#commentlist li, #trackbacklist li { margin-bottom: 0.5em }
/* trackback uri */
#trap dt   { font-size: 12px; margin: 0 0 0.5em 15px }
#trap dd   { font-size: 12px; line-height: 1.5em; margin-left: 20px }

img.emoji  { vertical-align: baseline; border: 0 }

/* footer
------------------------------------------------------------------*/
#footer                { background-color: #000000; text-align: center; margin: 0 auto; padding: 10px 0 0; width: 900px; height: 80px; clear: both }
#footer p     { color: #fff; font-size: 10px; line-height: 1.5em }
#footer a:link, #footer a:visited   { color: #fff}
#footer a:hover    { text-decoration: underline }

/* others
------------------------------------------------------------------*/
 /*ページトップへ戻る*/
#returnbtn     { text-indent: -9999px; margin: 0 0 0 900px; position: fixed; z-index: 1; bottom: 100px; left: auto; width: 20px; height: 80px; _display: none  }

#returnbtn a:link, #returnbtn a:visited   { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/pagetop_yb.png"); background-repeat: no-repeat; background-position: 0 bottom; text-indent: -9999px; display: block; width: 20px; height: 80px }
 #returnbtn a:hover, #returnbtn a:active    { background-image: url("http://blog-imgs-46-origin.fc2.com/a/r/u/arukuaround/pagetop_yb_ov.png"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 20px; height: 80px } 

/*ad */
#adCount0,#adCount1,#adCount2  { line-height: 1em }

/* -------------------- twitter-facebook button -------------------- */
table .fc2_socialbtn, td.fc2button-twitter, td.fc2button-facebook  { border: none; }