アメブロカスタマイズ メニューバー

 

アメブロカスタマイズ メニューバー

 

・丸みがあるものは優しい雰囲気

・角がキリっとしているものはきちんとした感じ

・角に丸みがある中間的な印象

 

メニューバーボタンの数

 

・5つのもの  

・6つのもの

 

 

メニューバーボタンの色

 

・各5色用意しました  

・コードの1カ所を変更すれば、色の変更が可能です  

・カラーコードを見て変更してみてください。  

参考https://www.colordic.org/

 

 

アメブロメニューバー 5つ/角 タイプ

 

メニューバー① ゴールド調/5つ/角

 

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_blank" href="URL1"><span>メニュー1</span></a></li><li><a target="_blank" href="URL2"><span>メニュー2</span></a></li><li><a target="_blank" href="URL3"><span>メニュー3</span></a></li><li><a target="_blank" href="URL4"><span>メニュー4</span></a></li><li><a target="_blank" href="URL5"><span>メニュー5</span></a></li></ul></div><style>.skinContentsArea2,#contentsArea{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi,#contentsArea #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}#contentsArea #rightArea{width:660px !important;}#wideContentsArea #header{width:980px;}.profDetailWrap #navi,#ucsMainContent #navi{display:none;}.skin-blogHeaderNav{padding-top:50px;border:none;}.skin-blogBodyInner{padding-top:30px;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:20%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0px;display:block;text-align:center;text-decoration:none;background:#bfa469;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px#cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー② ターコイズ/5つ/角

 

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_blank" href="URL1"><span>メニュー1</span></a></li><li><a target="_blank" href="URL2"><span>メニュー2</span></a></li><li><a target="_blank" href="URL3"><span>メニュー3</span></a></li><li><a target="_blank" href="URL4"><span>メニュー4</span></a></li><li><a target="_blank" href="URL5"><span>メニュー5</span></a></li></ul></div><style>.skinContentsArea2,#contentsArea{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi,#contentsArea #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}#contentsArea #rightArea{width:660px !important;}#wideContentsArea #header{width:980px;}.profDetailWrap #navi,#ucsMainContent #navi{display:none;}.skin-blogHeaderNav{padding-top:50px;border:none;}.skin-blogBodyInner{padding-top:30px;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:20%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0px;display:block;text-align:center;text-decoration:none;background:#57d0c6;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px#cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー① サーモンピンク/5つ/角

 

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_blank" href="URL1"><span>メニュー1</span></a></li><li><a target="_blank" href="URL2"><span>メニュー2</span></a></li><li><a target="_blank" href="URL3"><span>メニュー3</span></a></li><li><a target="_blank" href="URL4"><span>メニュー4</span></a></li><li><a target="_blank" href="URL5"><span>メニュー5</span></a></li></ul></div><style>.skinContentsArea2,#contentsArea{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi,#contentsArea #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}#contentsArea #rightArea{width:660px !important;}#wideContentsArea #header{width:980px;}.profDetailWrap #navi,#ucsMainContent #navi{display:none;}.skin-blogHeaderNav{padding-top:50px;border:none;}.skin-blogBodyInner{padding-top:30px;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:20%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0px;display:block;text-align:center;text-decoration:none;background:#fa8072;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px#cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー④ レモンイエロー /5つ/角

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_blank" href="URL1"><span>メニュー1</span></a></li><li><a target="_blank" href="URL2"><span>メニュー2</span></a></li><li><a target="_blank" href="URL3"><span>メニュー3</span></a></li><li><a target="_blank" href="URL4"><span>メニュー4</span></a></li><li><a target="_blank" href="URL5"><span>メニュー5</span></a></li></ul></div><style>.skinContentsArea2,#contentsArea{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi,#contentsArea #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}#contentsArea #rightArea{width:660px !important;}#wideContentsArea #header{width:980px;}.profDetailWrap #navi,#ucsMainContent #navi{display:none;}.skin-blogHeaderNav{padding-top:50px;border:none;}.skin-blogBodyInner{padding-top:30px;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:20%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0px;display:block;text-align:center;text-decoration:none;background:#e6ee07;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px#cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

メニューバー⑤ ヒアシンスブルー /5つ/角

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_blank" href="URL1"><span>メニュー1</span></a></li><li><a target="_blank" href="URL2"><span>メニュー2</span></a></li><li><a target="_blank" href="URL3"><span>メニュー3</span></a></li><li><a target="_blank" href="URL4"><span>メニュー4</span></a></li><li><a target="_blank" href="URL5"><span>メニュー5</span></a></li></ul></div><style>.skinContentsArea2,#contentsArea{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi,#contentsArea #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}#contentsArea #rightArea{width:660px !important;}#wideContentsArea #header{width:980px;}.profDetailWrap #navi,#ucsMainContent #navi{display:none;}.skin-blogHeaderNav{padding-top:50px;border:none;}.skin-blogBodyInner{padding-top:30px;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:20%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0px;display:block;text-align:center;text-decoration:none;background:#7a99cf;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px#cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

アメブロメニューバー 6つ/角 タイプ

 

メニューバー⑥ ゴールド調 /6つ/角

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_self" href="URL1"><span>メニュー1</span></a></li><li><a target="_self" href="URL2"><span>メニュー2</span></a></li><li><a target="_self" href="URL3"><span>メニュー3</span></a></li><li><a target="_self" href="URL4"><span>メニュー4</span></a></li><li><a target="_self" href="URL5"><span>メニュー5</span></a></li><li><a target="_self" href="URL6"><span>メニュー6</span></a></li></ul></div><style>.skinContentsArea2{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}.skin-blogHeaderNav{margin-bottom:30px;padding-top:50px;border:none;}.skin-blogBodyInner{margin-top:0;padding-top:0;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:16.6%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0;display:block;text-align:center;text-decoration:none;background:#bfa469;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px #cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー⑦ ターコイズ /6つ/角

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_self" href="URL1"><span>メニュー1</span></a></li><li><a target="_self" href="URL2"><span>メニュー2</span></a></li><li><a target="_self" href="URL3"><span>メニュー3</span></a></li><li><a target="_self" href="URL4"><span>メニュー4</span></a></li><li><a target="_self" href="URL5"><span>メニュー5</span></a></li><li><a target="_self" href="URL6"><span>メニュー6</span></a></li></ul></div><style>.skinContentsArea2{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}.skin-blogHeaderNav{margin-bottom:30px;padding-top:50px;border:none;}.skin-blogBodyInner{margin-top:0;padding-top:0;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:16.6%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0;display:block;text-align:center;text-decoration:none;background:#57d0c6;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px #cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー⑧ サーモンピンク /6つ/角

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_self" href="URL1"><span>メニュー1</span></a></li><li><a target="_self" href="URL2"><span>メニュー2</span></a></li><li><a target="_self" href="URL3"><span>メニュー3</span></a></li><li><a target="_self" href="URL4"><span>メニュー4</span></a></li><li><a target="_self" href="URL5"><span>メニュー5</span></a></li><li><a target="_self" href="URL6"><span>メニュー6</span></a></li></ul></div><style>.skinContentsArea2{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}.skin-blogHeaderNav{margin-bottom:30px;padding-top:50px;border:none;}.skin-blogBodyInner{margin-top:0;padding-top:0;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:16.6%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0;display:block;text-align:center;text-decoration:none;background:#fa8072;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px #cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー⑨ レモンイエロー /6つ/角

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_self" href="URL1"><span>メニュー1</span></a></li><li><a target="_self" href="URL2"><span>メニュー2</span></a></li><li><a target="_self" href="URL3"><span>メニュー3</span></a></li><li><a target="_self" href="URL4"><span>メニュー4</span></a></li><li><a target="_self" href="URL5"><span>メニュー5</span></a></li><li><a target="_self" href="URL6"><span>メニュー6</span></a></li></ul></div><style>.skinContentsArea2{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}.skin-blogHeaderNav{margin-bottom:30px;padding-top:50px;border:none;}.skin-blogBodyInner{margin-top:0;padding-top:0;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:16.6%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0;display:block;text-align:center;text-decoration:none;background:#e6ee07;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px #cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー⑩ ヒアシンスブルー /6つ/角

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_self" href="URL1"><span>メニュー1</span></a></li><li><a target="_self" href="URL2"><span>メニュー2</span></a></li><li><a target="_self" href="URL3"><span>メニュー3</span></a></li><li><a target="_self" href="URL4"><span>メニュー4</span></a></li><li><a target="_self" href="URL5"><span>メニュー5</span></a></li><li><a target="_self" href="URL6"><span>メニュー6</span></a></li></ul></div><style>.skinContentsArea2{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}.skin-blogHeaderNav{margin-bottom:30px;padding-top:50px;border:none;}.skin-blogBodyInner{margin-top:0;padding-top:0;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:16.6%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0;display:block;text-align:center;text-decoration:none;background:#7a99cf ;color:#ffffff !important;border-radius:0px;box-shadow:2px 2px 2px #cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

rgin-bottom:30px;padding-top:50px;border:none;}.skin-blogBodyInner{margin-top:0;padding-top:0;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:16.6%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0;display:block;text-align:center;text-decoration:none;background:#bfa469;color:#ffffff !important;border-radius:15px;box-shadow:2px 2px 2px #cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

[/su_box]

 

 

アメブロメニューバー 5つ/丸み タイプ

 

メニューバー① ゴールド調/5つ/丸み

 

このコードをコピー&ペーストして使う

<div id="navi"><ul><li><a target="_blank" href="URL1"><span>メニュー1</span></a></li><li><a target="_blank" href="URL2"><span>メニュー2</span></a></li><li><a target="_blank" href="URL3"><span>メニュー3</span></a></li><li><a target="_blank" href="URL4"><span>メニュー4</span></a></li><li><a target="_blank" href="URL5"><span>メニュー5</span></a></li></ul></div><style>.skinContentsArea2,#contentsArea{position:relative;width:980px;padding-top:70px;} .skinContentsArea2 #navi,#contentsArea #navi{position:absolute;top:1px;left:4px;width:980px;font-size:16px !important;font-weight:bold;}#contentsArea #rightArea{width:660px !important;}#wideContentsArea #header{width:980px;}.profDetailWrap #navi,#ucsMainContent #navi{display:none;}.skin-blogHeaderNav{padding-top:50px;border:none;}.skin-blogBodyInner{padding-top:30px;}.skin-blogSubA,.skin-blogSubB{position:relative;}.skin-blogSubA #navi,.skin-blogSubB #navi{position:absolute;top:-150px;width:1110px;font-weight:bold;font-size:16px !important;}[data-uranus-layout="columnA"] #navi,[data-uranus-layout="columnC"] .skin-blogSubB #navi,[data-uranus-layout="columnD"] .skin-blogSubA #navi{left:5px;}[data-uranus-layout="columnB"] #navi,[data-uranus-layout="columnC"] .skin-blogSubA #navi,[data-uranus-layout="columnD"] .skin-blogSubB #navi,[data-uranus-layout="columnE"] .skin-blogSubA #navi{right:5px;}[data-uranus-layout="columnE"] .skin-blogSubB #navi{left:-495px;} #navi ul li{margin:0;padding:0;display:inline;width:20%;line-height:3.0;float:left;overflow:hidden;white-space:nowrap;}#navi ul li a{margin:0px 6px 6px 0px;display:block;text-align:center;text-decoration:none;background:#bfa469;color:#ffffff !important;border-radius:25px;box-shadow:2px 2px 2px#cccccc;}#navi ul li a:hover{margin:1px 5px 5px 1px;box-shadow:1px 1px 1px #cccccc;}</style>

 

 

メニューバー② ターコイズ/5つ/丸み

Copyright© 女性起業家の想いを伝え実現するーMeRaise-ミライズ , 2020 All Rights Reserved.