/********背景白余白あり*******/
#all01{
width:480px;
background:#fff;
margin:0px auto;
padding:0;
padding:0;
}

/*--------------------------------
▲ ウィンドウ幅が800px以上の場合 ▲
--------------------------------*/
/*--------------------------------
▼ ウィンドウ幅が799px以下の場合 ▼
--------------------------------*/
@media screen and (max-width:799px){
#all01{
width:100%;
background:#FFF;
margin:0 auto;
padding:0px 0px;
}
}




/********背景白灰色あり*******/
#all02{
width:480px;
background:#fff;
margin:0px auto;
padding:0;
padding:0;

}

/*--------------------------------
▲ ウィンドウ幅が800px以上の場合 ▲
--------------------------------*/
/*--------------------------------
▼ ウィンドウ幅が799px以下の場合 ▼
--------------------------------*/
@media screen and (max-width:799px){
#all02{
width:100%;
background:#E6E7EA;
margin:0 auto;
padding:0px 0px;
}
}




/*///////////////////ヘッダー//////////////////////*/
/*TOPページ用ヘッダー*/
.tophead00{
padding:4px;
background: #444444;
text-align:center;
margin:0px auto 0px auto;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}


/*各ページ用ヘッダー*/
.tophead01{
padding:4px;
background: #444444;
margin:0px auto 0px auto;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}



/*///////////////////ボックス系//////////////////////*/



/*///////////////////ボックス系//////////////////////*/
/*ガチャ結果の外枠*/
.box001{
width:96%;
background: -moz-linear-gradient(left top, #8C6900,#A08E50);
background: -webkit-gradient(linear, left top, right bottom, from(#8C6900), to(#A08E50));
margin:6px auto;
padding:2px 0px;
border: 1px solid #CCC;
border-radius: 10px;
letter-spacing: 0.1em;
/*line-height: 1.4em;*/
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}


/*ガチャ結果中枠*/
.box001naka{
width:96%;
background:#000;
color:#FFF;
margin:0px auto;
padding:10px 4px;
border: 1px solid #CCC;
border-radius: 10px;
letter-spacing: 0.1em;
line-height: 1.4em;
}


/*ガチャ結果文言外枠*/
.box001soto{
width:90%;
background: -moz-linear-gradient(left top, #A26500,#EDC223);
background: -webkit-gradient(linear, left top, right bottom, from(#A26500), to(#EDC223));
color:#FFF;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px ;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-radius: 0px 10px 10px 0px;
letter-spacing: 0.1em;
line-height: 1.4em;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}


/*ガチャ結果文言中*/
.box001soto01{
width:96%;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #ccc;
background-image: linear-gradient(
/*斜め45度から*/45deg,
#000000 25%,
#111111 25%, #111111 50%,
#000000 50%, #000000 75%,
#111111 75%, #111111);

/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 8px 8px;
color:#FFF;
margin:0px 0px 0px 0px;
padding:4px 4px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-radius: 0px 10px 10px 0px;
letter-spacing: 0.1em;
line-height: 1.4em;
}



/*ガチャ紹介ページ*/
.box002{
width:96%;
background:#FFF;
margin:6px auto;
padding:4px 4px;
border: 1px solid #CCC;
border-radius: 10px;
letter-spacing: 0.1em;
line-height: 1.4em;

}


/*ガチャ結果確認ボタン枠*/
.box002btnwaku{
width:90%;
margin:06px auto;
padding:0px 0px;
position:absolute;
bottom:0px;
left:50%;
z-index:100;

}


/*広告大枠*/
.box003{
width:94%;
margin:0px auto;
padding:6px;
line-height: 1.5em;

border: 1px solid #EBEBEB;
background: #FFF;
color:#000;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;

}


.box003cate{
width:90%;
display: inline-block;
margin:0em auto;
color:#444;
font-weight:bold;
font-size:12px;
text-align:center;
padding:4px 4px;
border: 1px solid #ccc;
}

/*アイコン2列横並び*/
/*アイコン*/
.box003niretu01{
width:23%;
padding:4px;
float:left;
line-height: 1.2em;
}

/*キャラランキング説明*/
.box003niretu02{
width:72%;
padding:4px;
float:left;
}

/*キャラランキングコメントリンク*/
.box003comelink{
line-height: 1.4em;
color:#006DD9;
text-decoration:underline;
font-size:16px;
}






/*ワンポイントコメント*/
.box003onepoint{
margin:10px auto 0px auto;
padding:4px 2px;
font-size:14px;
line-height: 1.3em;
width:98%;
border: 1px solid #3BAF8A;
}


/*一押し枠*/
.box003ichioshi{
padding:4px;
line-height: 2.0em;
background:#F4FBF9;
}

/*一押しコメント部分*/
.box003ichioshi01{
border-bottom:solid 2px #FF0000;
padding:0px 0px 5px 0px;
font-weight: bold;

}



/*lpレビュー部分*/
.box003review01{
width: 98%;
margin:0 auto;
padding:4px 4px ;
border: 0px solid #000000;
background:#F4FBF9;
line-height: 1.5em;
font-size: 14px;
}

/*リアルガチャる*/
.box003real{
margin:10px auto;
width:80%;
border: 1px solid #999;
border-radius: 6px;

text-align:center;
}


/*リアルでガチャる*/
.box003reallink{
display: block;
font-size:16px;
font-weight: bold;
padding:10px;
color:#999;
/*text-shadow: 1px 1px 1px #000; */
}


/*ガチャ結果のこのゲームの詳細*/
.box003midashi{
padding:6px 6px;
}



.box003btn{
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
border: 1px solid #DDD;
color:#555;
width: 80%;
padding: 10px 10px;
margin:15px auto 2px auto;
font-size:20px;
font-weight: bold;

}
.box003btn:hover{
color:#000;
}


/*箇条書き*/

.box004{
padding:0px 0px 5px 0px;
border-bottom:solid 2px #FF0000;
width:98%;
z-index:1000;

}
/*箇条書き説明部分＆動画画像説明部分*/
.box004a{
width:98%;
padding:10px 0px 10px 0px;
line-height: 1.2em;

}


.box004b{
width:96%;
padding:0px 0px 10px 0px;
line-height: 1.2em;

}


/*詳細ページ大枠*/
.box005{
width:96%;
margin:0px auto;
padding:6px;
background: #FFFFFF;
color:#444444;
}

/*一覧ページ大枠*/
.box005a{
width:98%;
margin:0px auto;
padding:6px;
background: #FFFFFF;
color:#444444;
}

/*上段クリック枠*/
.box005b{
width:96%;
margin:0px auto;
padding:6px;
background: #F6F6F6;
color:#444444;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;

}

/*上段クリック枠*/
.box005c{
width:96%;
margin:2px auto;
padding:6px;
color:#444444;
line-height:1.5em;
}

/*SP画像*/
.box005d{
margin:4px auto 0px auto;
}

/*レビュー境界線*/
.box005e{
margin:12px auto 12px auto;
border-bottom: 1px dotted #AAA;/*#0085B2*/
}


/*レビュー囲い*/
.box005f{
margin:12px auto;
}



/*lpレビュー部分*/
.box006 {
width: 96%;
margin:0 auto;
padding:6px 6px ;
border: 0px solid #000000;
background:#FFFBEE;
line-height: 1.4em;
font-size: 14px;
}


/*詳細の文章囲い*/
.box007{
padding:4px 10px;
line-height: 1.9em;

border: 0px solid #CCC;
font-size:14px;
letter-spacing: 0.1em;
background: #FFFFFF;
}



/*画像リンク部分*/
.box007a{
padding:4px 4px 2em 4px;
font-size:16px;
letter-spacing: 0.1em;
background: #FFFFFF;
text-decoration:underline;
font-weight: bold;
text-align:center;
text-shadow: 1px 1px 3px #BBB;
}

/*画像リンクの影*/
.box007b{
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
margin:0px auto 10px auto;
}




/*上段枠アイコン＆テキスト＆カテゴリ群*/
/*アイコン画像*/
.box008{
width:20%;
padding:6px;
float:left;
}

/*画像*/
.box0088{
width:20%;
padding:6px;
float:left;
position:relative;
}


.box0088img{
width:20%;
padding:6px;
float:left;
position:absolute;
bottom:-20px;
left:0px;
}




/*カテゴリ*/
.box008a {
display: inline-block;
margin:0em auto;
color:#444;
font-weight:bold;
font-size:12px;
text-align:center;
padding:4px 4px;
border: 1px solid #ccc;
}


/*カテゴリ詳細上段の裏側（見えなくするのに文字と線を白に）*/
.box008a01 {
background: #FFFFFF;
display: inline-block;
margin:0em auto;
color:#FFF;
font-weight:bold;
font-size:12px;
text-align:center;
padding:4px 4px;
border: 1px solid #FFF;
}



/*テキストリンク部分*/
.box008b{
width:70%;
padding:4px;
float:left;
}

/*テキストリンクアンダーラインなど*/
.box008c{
line-height: 1.4em;
color:#006DD9;
text-decoration:underline;
font-size:16px;
}

.box008d{
width:70%;
padding:4px;
float:left;
}

/*アプリ境界線詳細ページ*/
.box009{
padding:4px 6px;
line-height: 1.4em;
background: #3B5998;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}

/*アプリ境界線一覧ページ*/
.box009a{
width:96%;
margin:0px auto 10px auto;
padding:6px;
line-height: 1.4em;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background: #3B5998;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}


/*下段基本情報*/
.box010{
padding:4px 6px;
line-height: 1.6em;
background:#AAA;
border: 0px solid #ccc;
color:#FFFFFF;
background-image: linear-gradient(
/*斜め45度から*/45deg,
#AAAAAA 25%,
#888 25%, #888 50%,
#AAAAAA 50%, #AAAAAA 75%,
#888 75%, #888);

/* 幅8px、高さ8pxで背景画像の斜線サイズ*/
background-size: 4px 4px;
}


/*動画再生投稿など情報*/
.box011{
display: inline-block;
margin:8px auto 10px auto;
/*float:left;*/
text-align:center;
font-size:12px;
width:28%;
border: 1px solid #999;
padding:4px 0px;
line-height: 1.6em;
}



/*本文中の赤文字*/
.box012{
margin:0px auto;
text-align:center;
font-size:20px;
padding:1em 0em;
font-weight:bold;
color:#E21111;
text-shadow: 1px 1px 1px #BBB;
}



/*全体的な枠*/
.box013{
padding:10px 10px;
}


/*全体的な枠*/
.box013a{
padding:10px 10px;
background: #FFF;
}


/*全体的な枠特集ページ上段*/
.box013b{
padding:4px 10px;
background: #FFF;
}

/*検索題名部分*/
.box014 {
color:#FFF;
background: #A0A0A0;
margin:0px auto 4px auto;
cursor: pointer;
padding: 4px 8px;
border-bottom: 0px solid #fff;
/*box-shadow:2px 2px #1a6ea0;*/
}



/*LPフッター会社概要*/
.box015 {
margin:0px auto;
padding:6px 6px 16px 6px;
border: 0px solid #000000;
background:#000;
line-height: 1.3em;
}


/*特集ページのテキスト上段枠*/
.box016{
width:94%;
margin:4px auto 10px auto;
padding:4px 4px;
line-height: 1.4em;
letter-spacing: 1px;
border: 1px solid #999;
background:#FFF;
}


/*ピックアップ特集リンク*/
.box017{
display: block;
padding:8px 8px;
color:#0080FF;
border-top: 0px solid #999;
border-bottom: 1px solid #999;
line-height: 1em;
text-size:18px;
}



/*特集ページ文言*/
.box018{
width:96%;
margin:0px auto 10px auto;
padding:10px 6px;
line-height: 1.4em;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background: #777;
color:#FFF;
text-size:18px;
font-weight:bold;
}


/*TOP下段のレビュー吹き出し*/

/*吹き出しリンク全体枠*/
.box019{
width:96%;
padding:4px;
border-bottom: 1px solid #000;
}


/*吹き出し部分ゲームアイコン＆app*/
.box01901a{
width:20%;
padding:4px;
float:left;
}

.box01901b{
width:70%;
padding:4px;
float:left;
line-height: 1.3em;
}


.box01902a{
padding:4px;
width:10%;
float:left;
}


/*吹き出し部分プロフ＆テキスト*/
.box01902b{
width:80%;
padding:4px;
float:left;
line-height: 1.3em;
}




/*吹き出し部分*/
.box019a{
  position: relative;
  width: 96%;
  background-color: #FFFCF7;
  text-align: left;
padding:6px 6px 6px 12px;
border-radius: 6px;
border: 1px solid #EAD726;

}


.box019a:before {
  content: "";
  position: absolute;
  bottom: 30%;
  left: 0%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #FFFCF7;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
border: 1px solid #EAD726;
}


/*上段リンク太字枠*/
.box020{

width:98%;
padding:2px 0px;
font-size:16px;
color:#FF0000;
font-weight:bold;
font-weight: bold;
text-shadow: 1px 1px 1px #BBB;
}



/*00games動画部分*/

.box021{
width:94%;
padding:4px;
border-bottom: 1px solid #555;
}


/*動画画像*/
.box021a{
width:30%;
padding:4px;
float:left;
}

/*動画タイトル*/
.box021b{
width:65%;
padding:4px;
float:left;
line-height: 1.3em;
}

/*動画本文*/
.box021c{
width:98%;
padding:4px;
line-height: 1.3em;
color:#555555;
}



/*動画内画像表示部分*/
.box022{
margin:0px auto;
width:98%;
height:120px;
background-color:#FFF;
overflow:hidden;
}

/*詳細内画像表示部分*/
.box022a{
margin:0px auto;
width:98%;
height:120px;
background-color:#FFF;
overflow:hidden;
}


/*動画ページ内ランキングを見る*/
.box023{
margin:10px auto 10px auto;
text-decoration: none;
font-size:14px;
text-align:center;
padding:10px 10px;
border:1px solid #298CDA;
}


/*TOP動画部分*/
.box024_00{
line-height:-1.05em;
float:left;
width:45%;
}

.box024_01{
padding:2px 4px;
float:left;
width:48%;
}

/*///////////////////ボックス系//////////////////////*/


/*///////////////////タイトル系//////////////////////*/
/*大きい文字*/
.title001 {
margin:0.5em auto;
color:#444;
font-weight:bold;
font-size:20px;
padding:4px 4px 4px 10px;
border-left: 4px solid #3BAF8A;
border-right: 0px solid #003266;
border-bottom: 0px solid #003266;
background:#FFF;
line-height: 1.5em;
/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 4px 4px;
}

/*中文字*/
.title002 {
margin:0.5em auto;
color:#444;
font-weight:bold;
font-size:18px;
padding:4px 4px 4px 10px;
border-left: 4px solid #888;
border-right: 0px solid #003266;
border-bottom: 0px solid #003266;
background:#FFF;
line-height: 1.2em;
background-size: 4px 4px;
}


/*詳細のアプリ名斜線名前*/
.title003 {
width: 96%;
margin:0px auto;
color:#FFFFFF;
font-weight:bold;
padding:10px 6px ;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #ccc;
background-image: linear-gradient(
/*斜め45度から*/45deg,
#3B5998 25%,
#5879BE 25%, #5879BE 50%,
#3B5998 50%, #3B5998 75%,
#5879BE 75%, #5879BE);

/* 幅8px、高さ8pxで背景画像の斜線サイズ*/
background-size: 4px 4px;

}

/*一覧のアプリ名斜線名前（青濃いめ）*/
.title003a {
width: 96%;
margin:0px auto;
color:#FFFFFF;
font-weight:bold;
padding:10px 6px ;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #ccc;
background-image: linear-gradient(
/*斜め45度から*/45deg,
#2F4779 25%,
#5879BE 25%, #5879BE 50%,
#2F4779 50%, #2F4779 75%,
#5879BE 75%, #5879BE);

/* 幅8px、高さ8pxで背景画像の斜線サイズ*/
background-size: 4px 4px;

}




/*特集ページ用*/
.title004 {
margin:0.5em auto;

font-weight:bold;
font-size:20px;
padding:4px 4px 4px 10px;
border-left: 4px solid #555;
border-right: 0px solid #003266;
border-bottom: 0px solid #003266;
background:#FFF;
line-height: 1.5em;
/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 4px 4px;
}


/*00games動画一覧ゲーム名*/
.title005 {
margin:0.3em auto;
color:#444;
/*font-weight:bold;*/
font-size:16px;
padding:4px 4px 4px 10px;
border-left: 4px solid #888;
border-right: 0px solid #003266;
border-bottom: 0px solid #003266;
background:#FFF;
line-height: 1.2em;
background-size: 4px 4px;
}




/*///////////////////タイトル系//////////////////////*/




/*///////////////////文字系//////////////////////*/
/*結果ページプレイがまだなら今がチャンス*/
span.text001{
font-size:12px;
font-weight: bold;
color:#FF0000;
text-shadow: 1px 1px 1px #FFF; 
}

/*ワンポイント解説*/
span.text002{
font-size:16px;
font-weight: bold;
color:#FF0000;
text-shadow: 1px 1px 1px #555; 
}


span.text003 {
    background: linear-gradient(transparent 70%, #ffff66 70%);
}




/*///////////////////文字系//////////////////////*/


/*///////////////////h系文字//////////////////////*/

h1#viewtitle001{
font-size:20px;
font-weight:bold;
color:#555;
line-height: 1.5em;
padding:4px;
}
/*///////////////////h系文字//////////////////////*/


/*///////////////////ライン系//////////////////////*/
/*枠の上段線青*/
.line01{
width:94%;
margin:10px auto 0px auto;
padding:4px 6px;
line-height: 1.4em;
border-top: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
border-bottom: 0px solid #000;
background: #18B385;
color:#FFF;
}



/*///////////////////ライン系//////////////////////*/



/*///////////////////フロートクリア//////////////////////*/
/*リセット系*/
/*floatクリア*/
.floatcl{
clear:both;　/*floatの解除、ここがポイント*/
}
/*リセット系*/
/*///////////////////フロートクリア//////////////////////*/



/*///////////////////検索窓//////////////////////*/

/*セクレト段落部分*/
.select-box001cl{
margin:1px auto;
}



/*adw対策用セクレト*/
.select-box001{
width: 30%;
margin: 0px 0px;
padding: 2px 0px 0px 2px;
background-color: ;
border: 1px solid #999;
display: table-cell;
border-radius: 5px;
}


.select-box001 select {
width: 98%;
padding: 4px 6px;
font-size:8px;
border: 0px solid #999;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:;
background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);

background-size: 24px, 100%;
}



/*adw対策用セクレト*/
.select-box001a{
width: 32%;
margin: 0px 0px;
padding: 2px 0px 0px 2px;
background-color: ;
border: 1px solid #999;
float:left;
border-radius: 5px;
}

.select-box001a select {
width: 98%;
padding: 4px 6px;
font-size:8px;
border: 0px solid #999;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:;
background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
background-size: 24px, 100%;
}



/*上段カテゴリー枠*/
.select-box002{
width: 75%;
margin: 4px auto;
padding: 2px 6px;
background-color: #FFF;

}

.select-box002 select {
width: 100%;
padding: 6px 8px;
font-size:14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: url(https://game-live.click/img/kensaku.png) right 50% no-repeat, -webkit-linear-gradient(top, #FFF 0%,#FFF 100%);
background: url(https://game-live.click/img/kensaku.png) right 50% no-repeat, linear-gradient(to bottom, #FFF 0%,#FFF 100%);
background-size: 24px, 100%;
}





/*///////////////////検索窓//////////////////////*/



/*//////////////////////ボタン系//////////////////*/
/*検索サブミットボタン*/
.sbt_001{
background: -moz-linear-gradient(top,#8097CE 0%,#8097CE);
background: -webkit-gradient(linear, left top, left bottom, from(#8097CE), to(#8097CE));
border: 1px solid #DDD;
color:#111;
float:left;
width: 33%;
padding: 8px 0;
margin:1px 0px 0 1px;
font-size:14px;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;	
font-weight: bold;
color:#FFF;
}
.sbt_001:hover{
color:#FFF;
}



/*ランキングに戻る*/
.btn001{
background: -moz-linear-gradient(top,#8097CE 0%,#8097CE);
background: -webkit-gradient(linear, left top, left bottom, from(#8097CE), to(#8097CE));
border: 1px solid #DDD;
color:#111;

width: 80%;
padding: 14px 0;
margin:10px auto;
font-size:20px;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;	
font-weight: bold;
color:#FFF;
text-align:center;
}
.sbtn001:hover{
color:#FFF;
}



/*//////////////////////ボタン系//////////////////*/



/*///////////////////javaとの組み合わせcss//////////////////////*/
/* :::::: スクロールすると固定が表示 :::::: */
#page-kotei {
position: fixed;
bottom: 5px;
right: 5px;
/*font-size: 77%;*/
z-index:900;
}
#page-kotei a {
background: ;
text-decoration: none;
color: #fff;
width: 100px;
padding: 20px 0;/*30px*/
text-align: center;
display: block;
border-radius: 5px;
}
#page-kotei a:hover {
    text-decoration: none;
    background: ;
}
/* :::::: スクロールすると固定が表示 :::::: */




/* :::::: スクロールすると固定が表示 :::::: */
#page-kotei02 {

 margin:0px auto;
 position: fixed;
 bottom: 10px;
left:10px;
 width:60%;
text-align:center;
border:0px solid #888888;
padding: 14px 0;


background-color: rgba(59,175,138, 0.8);
z-index:900;
line-height: 1.4em;
border-radius: 5px;
}
/* :::::: スクロールすると固定が表示 :::::: */



/* :::::: 下段固定AFリンク :::::: */
#kotei-bottm01{
margin:0px auto;
position: fixed;
bottom: 10px;
left:0px;
width:100%;
text-align:left;
border:0px solid #888888;
padding: 20px 6px;
background-color: rgba(59,89,152, 0.9);
z-index:900;
line-height: 1.4em;
border-radius: 0px;
text-shadow: 1px 1px 1px #000; 
box-shadow: 1px 3px 3px #888;
-webkit-box-shadow: 1px 3px 3px #888;
-moz-box-shadow: 1px 3px 3px #888;
}

/*///////////////////javaとの組み合わせcss//////////////////////*/


/*固定系*/


/* :::::: スクロールすると固定が表示 :::::: */
.kotei-top01 {
margin:0px auto;
position: fixed;
top: 0px;
left:0px;
width:100%;
z-index:900;
}
/* :::::: スクロールすると固定が表示 :::::: */




/* :::::: スクロールすると固定が表示 :::::: */
#kotei-top02 {
    position: fixed;
width:35%;
padding: 6px 4px;
background: rgba(68,68,68,0.8);
    bottom: 30px;
    right: 0px;
    font-size: 70%;
z-index:900;
}
#kotei-top02 a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 16px 0;/*30px*/
    text-align: center;
    display: block;
    border-radius: 5px;
}
#kotei-top02 a:hover {
    text-decoration: none;
    background: #999;
}
/* :::::: スクロールすると固定が表示 :::::: */


/* :::::: スクロールすると固定が表示 :::::: */
#kotei-top03 {
    position: fixed;
width:80%;
padding: 6px 4px;
background: rgba(68,68,68,0.8);
    bottom: 15px;
    left: 10%;
    font-size: 70%;
border-radius: 5px;
z-index:900;
line-height: 1.2em;
}
#kotei-top03 a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 16px 0;/*30px*/
    text-align: center;
    display: block;
    border-radius: 7px;
}
#kotei-top03 a:hover {
    text-decoration: none;
    background: #999;
}
/* :::::: スクロールすると固定が表示 :::::: */



/* :::::: スクロールすると固定が表示 :::::: */
#kotei-top04 {
    position: fixed;
width:80%;
padding: 6px 4px;
background: rgba(251,244,69,0.1);
    bottom: 15px;
    left: 10%;
    font-size: 70%;
border-radius: 5px;
border:2px solid #0096D4;
z-index:900;
line-height: 1.2em;
}
#kotei-top04 a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 16px 0;/*30px*/
    text-align: center;
    display: block;
    border-radius: 7px;
}
#kotei-top04 a:hover {
    text-decoration: none;
    background: #999;
}
/* :::::: スクロールすると固定が表示 :::::: */