/* 日本語フォントの指定 */
body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/* サイドナビの周辺隙間 */
#sidebar div { padding: 15px 10px 0px; }
/* サイドナビ内電子書籍広告 */
#side-ad div { margin-bottom: 0px; padding-bottom: 0px;}
#side-ad p {  font-size: 11px; margin-bottom: 0px;}
/* adsense広告エリア */
#top-ad { margin: 22px auto 22px 5px; }
#bottom-ad { margin: 20px auto 20px 5px; }

/* 小さいフォント定義 */
span.small { font-size: 11px; }

/* ``によるcodeタグ生成*/
code {
    color: #555;
    font-weight: normal;
    background: none repeat scroll 0 0 #a8cdd3;
    border: 1px solid #98b5ba;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 1px #98d9c7 inset;
    padding: 1px 3px 3px 3px;
    text-shadow: 1px 1px 1px #6bc;
    margin: 0 1px;
}

/*  サイドナビ内定義 */
#sidebar ul, #sidebar ol, #sidebar dl { font-size: 14px; line-height: 1.4; padding: 0; margin-bottom: 17px; list-style-position: outside; list-style-type: none;}
#sidebar li { margin-bottom: 2px;}
#sidebar li ul, #sidebar li ol { margin-left: 10px; margin-bottom: 0px; }
#sidebar ul { margin-left: 15px;}
#sidebar ol { margin-left: 15px; }
#sidebar p { margin-bottom: 0px;}
#sidebar h5 { margin-bottom: 10px;}

/* 電子書籍ホーバーアニメーション */
#sidebar img { border: #0099FF solid 3px; transition: all 0.7s;}
#sidebar img:hover {
    box-shadow: -1px -1px 10px #0099aa;
    box-shadow: 1px -1px 10px #0099aa;
    box-shadow: -1px 1px 10px #0099aa;
    box-shadow: 1px 1px 10px #0099aa;
}

/* パネル広告 */
.panelad {
    margin-bottom: 20px;
}

/* 言語チェンジャー */
#langchanger {
    margin-bottom: 15px;
}
#langchanger p {
    margin-left: 15px;
}

/* jQueryで取り込むリンク記事領域 */
div.kore1extend {
    margin: 20px;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 10px 10px 10px 10px;
}

/* 記事インデント定義 */
#kore1content p { text-indent: 1.0em;}

/* ラベルホーバーアニメーション */
.label { padding: 2px 4px 2px; font-size: 12px; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; text-shadow: 1px 1px 2px #444; -webkit-transition: all 0.5s ease; -moz-transition:all 0.5s ease;
}
.label:hover { color: #000; text-shadow: 1px 1px 1px #fff }

/* Laravel情報パネル */
.laravelinfo {
    margin-top: 10px;
}
.laravelinfo a:hover{
    color: blue;
}
.laravelinfo h4, .laravelinfo h6 {
    color: white; text-shadow: 1px 1px 1px black;
}

/* ボタンにグラデーション */
.button {
    background: -moz-linear-gradient(top, #2ba6cb, #206090);
    background: -webkit-gradient(linear, top, bottom, from(#2ba6cb), to(#206090));
}
.button:hover{
    background: -moz-linear-gradient(top, #40c0e0, #2080a0);
    background: -webkit-gradient(linear, top, bottom, from(#40c0e0), to(#2080a0));
}

/* ナビバーにグラデーション */
.nav-bar, .nav-bar > li {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0f7599), color-stop(0.75, #147bb6), color-stop(0.38, #005081), color-stop(0.00, #7295b5));
    background: -webkit-linear-gradient(top, #7295b5 0%, #005081 38%, #147bb6 75%, #0f7599 100%);
    background: -moz-linear-gradient(top, #7295b5 0%, #005081 38%, #147bb6 75%, #0f7599 100%);
    background: -o-linear-gradient(top, #7295b5 0%, #005081 38%, #147bb6 75%, #0f7599 100%);
    background: -ms-linear-gradient(top, #7295b5 0%, #005081 38%, #147bb6 75%, #0f7599 100%);
    background: linear-gradient(top, #7295b5 0%, #005081 38%, #147bb6 75%, #0f7599 100%);
    margin-bottom: 1px;
}
.nav-bar > li:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #02a8e4), color-stop(0.39, #77bde9), color-stop(0.00, #6b9ecc));
    background: -webkit-linear-gradient(top, #6b9ecc 0%, #77bde9 39%, #02a8e4 100%);
    background: -moz-linear-gradient(top, #6b9ecc 0%, #77bde9 39%, #02a8e4 100%);
    background: -o-linear-gradient(top, #6b9ecc 0%, #77bde9 39%, #02a8e4 100%);
    background: -ms-linear-gradient(top, #6b9ecc 0%, #77bde9 39%, #02a8e4 100%);
    background: linear-gradient(top, #6b9ecc 0%, #77bde9 39%, #02a8e4 100%);
}

footer {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #17192b), color-stop(0.00, #1f3d5c));
background: -webkit-linear-gradient(top, #1f3d5c 0%, #17192b 100%);
background: -moz-linear-gradient(top, #1f3d5c 0%, #17192b 100%);
background: -o-linear-gradient(top, #1f3d5c 0%, #17192b 100%);
background: -ms-linear-gradient(top, #1f3d5c 0%, #17192b 100%);
background: linear-gradient(top, #1f3d5c 0%, #17192b 100%);

}

/* To Top 表示 */
#toTop
{
	display:none;
	padding:4px 4px;
	position:fixed;
	bottom: 5px;
	right: 5px;
	background-color:#ACF;
	text-align:center;
	color:#025;
	text-decoration:none;
	font-size: 9px;
	border-radius:3px;
    z-index: 100;
}

#toTop:hover
{
	background-color:#E3591E;
}
