@charset "utf-8";
@import "sub-wp.css";
/*右メニュー800+200=1000*/
*{margin:0; padding:0;}
body{background-color:#000000;width:100%;}
#my_body{ width:1000px;/*幅設定%またはpx*/ position:relative; margin:0 auto; margin-left:auto; margin-right:auto;}
a img{ border: none;}/* 画像のリンク枠を消す */
.clear { clear: both; line-height: 1px; }/*
*/
p {line-height: 1.2em; }
/* -------------------------------------------------- */
#my_header{width:100%;border-bottom:1px solid #000000; background: url("/img/my_header.gif") no-repeat right bottom #ffffff; height:150px;/*h2画像の高さに合わせる*/}
#my_header h1 { z-index: 9; font-size: 25px; position: absolute; top: 50px; left: 250px; border: 0px solid #000; color: #000000; /*background-color: #fff;*/ padding-right: 20px; }
#my_header p { font-size: 13px; color: #696969; /*background-color: #ffffff;*/ position: absolute; top: 110px; left: 270px; padding-right: 60px; }
#my_header h2 { font-size: 20px; color: #363636; background-color: #ffffff; position: absolute; top: 20px; right: 20px; }
#sub_headline /*h3*/ { font-size: 15px; color: #000000; position: absolute; top: 190px; right: 220px; /*left: 230px;*/ padding: 3px 5px; background-color: #fff; border-top: 1px solid #000000;border-right: 1px dashed #000000; border-bottom: 1px solid #000000; border-left: 10px solid #000000; }
#my_header a, #my_header a:link, #my_header a:visited{ /* サイトコピーライトの文字色 */color: #363636; text-decoration: underline; }
#my_header a:hover {color: #363636; text-decoration: underline;}
#my_header img { z-index: 1; float: left; position: absolute; top: 10px; left: 10px; }
/* -------------------------------------------------- */
#breadcrumb{ font-size: 12px; line-height: 15px; position: absolute; top: 170px; left: 10px; padding-right: 220px; }
/* -------------------------------------------------- */
#my_footer{width:100%;clear:both;background-color :#ffffff ;border-top:1px solid #000000;text-align:left; padding:0.5em 0; margin-top: 10px;}
#my_footer h3{
font-size: 12px;
font-weight: normal;
color: #000;
/*margin-left: 150px ; 左サイトバー用の空き とピクセル数を合わせる*/
display: inline;
float: right;
position: absolute;
left: 120px;
bottom: 1em;
}
#my_footer a, #my_footer a:link, #my_footer a:visited{ /* サイトコピーライトの文字色 */
color: #000;
text-decoration: underline;
}
#my_footer a:hover {color: #000; text-decoration: underline;}
#my_footer img{
margin-left:15px;
margin-right:15px;
/*padding: 5px 0px 10px 4px; サイトバナーの位置 */
/*float: left; サイトバナーをフッタの右に */
vertical-align: middle;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#my_contents{
/*ここにh1用のバックグラウンド画像を入れる。たて50pxよこ550px-750pxぐらい*/margin-right:210px; background-color:#ffffff; /*background-image: url("/img/background-h1.gif"); background-repeat: no-repeat; background-position: 5px 20px;*/
min-height:1600px;
height: auto !important;
height: 1600px;
}
#mymain{ zoom: 1/*対ie6*/; margin-top: 10px; padding: 60px 10px 10px 10px; border-right:0px solid #ffffff;/*メイン文章のh3以降を下方向にずらす。パンくず・h1・h1pの分のスペースを空けるため。*/}
#mymain h2{ position: relative/*対ie6*/; font-size: 26px; margin-bottom: 10px; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 35px; background: url("/img/mymain_h2.gif") no-repeat left center #e8e8e8; border: 1px solid #000000; clear: both; }
#mymain h3{ position: relative/*対ie6*/; font-size: 22px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 26px; background: url("/img/mymain_h3.gif") no-repeat left center #e8e8e8; border: 1px solid #4f4f4f; clear: both; } /*★.contents */
#mymain h4{ position: relative/*対ie6*/; font-size: 18px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 22px; background: url("/img/mymain_h4.gif") no-repeat left center #e8e8e8; border: 1px solid #828282; clear: both; } /*★.contents */
#mymain h5{ position: relative/*対ie6*/; font-size: 14px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 18px; background: url("/img/mymain_h5.gif") no-repeat left center #e8e8e8; border: 1px solid #b5b5b5; clear: both; } /*★.contents */
#mymain h2 a {color: #363636 ;text-decoration: none;}
#mymain h2 a:link {color: #363636 ;text-decoration: none;}
#mymain h2 a:visited {color: #363636 ;text-decoration: none;}
#mymain h2 a:hover {color: #363636 ;text-decoration: underline;}
#mymain h3 a {color: #363636 ;text-decoration: none;}
#mymain h3 a:link {color: #363636 ;text-decoration: none;}
#mymain h3 a:visited {color: #363636 ;text-decoration: none;}
#mymain h3 a:hover {color: #363636 ;text-decoration: underline;}
#mymain p{ /*padding:0.5em 0;*/ padding:0.4em 0; } /*★.contents */
#mymain blockquote {margin:0px 10px 10px 10px ;padding: 10px 10px 0px 10px ; border-right: 1px dashed #000000; border-left: 8px solid #000000; background: #e8e8e8; }
.imgleft { float: left; margin: 10px 10px 10px 0; }
.imgright { float: right; margin: 10px 0 10px 10px; }
#mymain ul { list-style-position: inside; margin: 10px; }
/*li.star { list-style-image: url("/img/star.gif"); }*/ /*★リスト01*/
#mymain ol { list-style-position: inside; margin: 10px; }
#mymain dl { margin: 10px; }
dt { margin-top: 0px; margin-bottom: 5px; margin-left: 0px; /*background: url("/img/inducement-marble.gif") no-repeat left top;*/ }
dd { margin-top: 0px; margin-bottom: 5px; margin-left: 20px; }
/* background: url("/img/inducement-marble.gif") no-repeat left top; */
/* -------------------------------------------------- */
.my_dir { background: #e8e8e8; border: 1px dashed #b5b5b5 ; margin: 10px 20px 20px 200px; padding: 1px 30px 7px 0; text-align: right; clear: both; }
ul.my_tags { text-align:right; list-style-type: none; }
ul.my_tags li { float: right; width: auto; margin-left: 5px; padding-left:18px; background: #e8e8e8 url('/img/tag-gray.gif') no-repeat left center; }
span.my_date { background: #e8e8e8 url('/img/timer-gray.gif') no-repeat left center; padding-left:18px; margin-right: 10px; }
span.my_category { background: #e8e8e8 url('/img/folder-gray.gif') no-repeat left center; padding-left:18px; margin-right: 10px; }
/* -------------------------------------------------- */
div.post_navigation { background: #e8e8e8; border: 1px dashed #b5b5b5; margin: 10px 10px 20px 10px ; }
div.post_prev { float: left; width: 45%; margin: 10px 0 10px 10px; }
div.post_next { float:right; width: 45%; text-align: right; margin: 10px 10px 10px 0; }
.clear2 { clear: both; font-size: 1px; line-height:1px;}
/* -------------------------------------------------- */
#my_navigation{position:absolute; right :0; top: 160px;/*h2画像・my_headerの高さに合わせる*/ width:200px; background-color:#ffffff;}
#my_navigation h3 { font-size: 16px; text-align: center; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background: url("/img/my_navigation_h3.gif") no-repeat left center #ffffff; width: auto/*[my_navigationのwidth]－[my_navigation h3のborderのピクセル数]×２*/; clear: both; }
#my_navigation img { margin: 5px 0px 0px 5px ;}
#my_navigation p { font-size: 14px; margin: 10px 5px 10px 5px; }
#my_navigation form { margin: 10px 5px 10px 5px; width: auto; text-align: center; }
input.search_form { width: 120px; }
input.search_button { width: 50px; }
div.st-tag-cloud { margin: 10px 5px 10px 5px; }
#my_navigation dl { padding: 0; margin: 10px 5px 10px 5px; }
#my_navigation dt { padding-left: 3px; margin: 1px 0px 1px 0px; border-left : 5px solid #000000; font-size: 12px; }
#my_navigation dd { padding: 0; margin: 1px 5px 1px 5px; font-size: 12px; }
dd.my_navigation_date { text-align: right; color: #828282; }
#mynavi {padding:0 0 1em 0; border:0px solid #fff; border-top:0px solid #fff; }
#mynavi li {list-style:none;}
/* 枠：#b5b5b5 背景：#e8e8e8 文字：#828282
hover枠：#4f4f4f hover背景：#b5b5b5 hover文字：#4f4f4f */
/*#mynavi li a { color: #828282; border-color: #b5b5b5; width: auto; margin-bottom: 0px; padding: 5px; display: block; background-color: #e8e8e8; border-width : 1px 1px 1px 10px; border-style: solid; height: 18px; font-size: 11pt; line-height: 18px; text-decoration: none; }*/
#mynavi li a { color: #828282; border-color: #b5b5b5; width: auto; margin: 0px; padding: 1px 5px 1px 5px; display: block; background-color: #e8e8e8; border-width : 1px 1px 1px 10px; border-style: solid; height: 32px; font-size: 12px; line-height: 16px; text-decoration: none; }
#mynavi li a:link { color: #828282;}
#mynavi li a:visited { color: #828282;}
#mynavi li a:hover { color: #4f4f4f; background-color: #b5b5b5; border-color:#4f4f4f; text-decoration: none;}
#mynavi li a:active { color: #4f4f4f; background-color: #b5b5b5; border-color: #4f4f4f;}
#mynavi li li {list-style:none; /*margin-left: 5px;*/ }
#mynavi li li a { color: #828282; border-color: #b5b5b5; width: auto; margin-bottom: 0px; padding: 1px 5px 1px 5px; display: block; background-color: #e8e8e8; border-width : 1px 1px 1px 15px; border-style: solid; /*height: 18px;*/ font-size: 12px; line-height: 16px; text-decoration: none; }
#mynavi li li a:link { color: #828282;}
#mynavi li li a:visited { color: #828282;}
#mynavi li li a:hover { color: #4f4f4f; background-color: #b5b5b5; border-color:#4f4f4f; text-decoration: none;}
#mynavi li li a:active { color: #4f4f4f; background-color: #b5b5b5; border-color: #4f4f4f;}
/* -------------------------------------------------- */
/******* my_comments *******/
#my_comments{ position: relative/*対ie6*/; background-color: #ffffff; margin: 0px 0px 0px 0px; padding-top: 10px; padding-bottom: 20px; border-left: 0px solid #fff; clear: both; }
#my_comments ol { margin-left: 30px; margin-right: 10px; }
/*#my_comments h3{ font-size: 22px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 26px; background: #e8e8e8 url('/img/sense-up-marble.gif') no-repeat left center; margin: 20px 0 10px 0; border: 1px solid #4f4f4f; clear: both; } /*★.contents */
#trackback-list { font-size: 20px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 29px; background: #e8e8e8 url('/img/trackback-list-gray.gif') no-repeat left center; margin: 20px 0 10px 0; border: 1px solid #4f4f4f; clear: both; } /*★.contents */
#trackback-url { font-size: 20px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 29px; background: #e8e8e8 url('/img/trackback-url-gray.gif') no-repeat left center; margin: 20px 0 10px 0; border: 1px solid #4f4f4f; clear: both; } /*★.contents */
#comments { font-size: 20px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 29px; background: #e8e8e8 url('/img/comments-gray.gif') no-repeat left center; margin: 20px 0 10px 0; border: 1px solid #4f4f4f; clear: both; } /*★.contents */
#comment-space { font-size: 20px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 29px; background: #e8e8e8 url('/img/comment-space-gray.gif') no-repeat left center; margin: 20px 0 10px 0; border: 1px solid #4f4f4f; clear: both; } /*★.contents */
/*#my_comments h4{ font-size: 18px; background-color: #FFF; clear: both; } /*★.contents */
/*#my_comments h5{ font-size: 14px; background-color: #FFF; clear: both; } /*★.contents */
/* -------------------------------------------------- */
/******* attention *******/
#attention {border: #660000 2px solid; width: auto; height: auto; margin: 10px 40px 10px 40px; padding: 5px; background: #fff url('/img/mobi-salon-marble-jp.gif') no-repeat right top; clear: both; }
#attention h3 {font-weight: bold; font-size: 19px; border: none; ;color: #cc0000; padding: 10px 0px 10px 100px ; margin: 0px 0px 10px 0px; background: transparent url('/img/sense-up-marble.gif') no-repeat left center; }
#attention p{ margin: 0px 0px 5px 0px; line-height: 140%; text-indent: 5px; }
#attention strong{color: #cc0000;}
#attention em{color: #0000cc;font-style: normal;font-weight: bold;}
#attention blockquote{margin:10px 10px 10px 10px ;padding:0px 0px 0px 5px ; border-left: 8px solid #009; background: #e6e6fa; }
#attention h3 a { color: #cc0000; text-decoration: none; font-weight: bold; }
#attention h3 a:link { color: #cc0000; text-decoration: none; font-weight: bold; }
#attention h3 a:visited { color: #cc0000; text-decoration: none; font-weight: bold; }
#attention h3 a:hover { color: #990000; text-decoration: underline; font-weight: bold; }
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.b {font-weight: bold; }
.i {font-style: italic; }
.sxxs {font-size: xx-small; }
.sxs {font-size: x-small; }
.ss {font-size: small; } /* size smallの略 */
.sl {font-size: large; } /* size largeの略 */
.sxl {font-size: x-large; }
.sxxl {font-size: xx-large; }
.ds { text-decoration: line-through; } /* decoration strike(打ち消し線)の略 */
/* -------------------------------------------------- */
.red { color: #f00; }
.magenta { color: #f0f; }
.orange { color: #ffa500; }
.yellow { color: #ff0; }
.green { color: #080; }
.lime { color: #0f0; }
.blue { color: #00f; }
.purple { color: #800080; }
.cyan { color: #0ff; }
.brown { color: #a52a2a; }
.silver { color: #c0c0c0; }
.gold { color: #ffd700; }
/* -------------------------------------------------- */