/* ---------------------- */
/*  □初期化              */
/* ---------------------- */
h1       {font-size:100%; margin: 0px; font-weight:normal;}
h2,h3,h4 {font-size:100%; margin: 0px; font-weight:normal;}
*:before,*:after { content : ""; }
* {

 font-style : normal;
 line-height:130%;
 font-size:100%;
 }

/*-----記事のデザイン------*/
.ch001{
  font-weight : bolder;
  font-size : 14px;
  padding-left: 2em;
  margin-top : 15px;
  line-height : 170%;

}
.ch000{
  background-color : #cccccc;
  font-size : 12px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
.ch003{
  background-color : #cccccc;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  font-size : 13px;
}
.ch004{
padding-left: 2em;
  font-weight : bolder;

}

.center-bc04{
background-color : #0000ff;
border-bottom-width : 3px;
border-bottom-style : solid;
border-bottom-color : black;
font-size : 105%;
padding: 5px;
font-weight : bolder;
color : #ffffff;
margin-bottom : 0px;
}


/* --------------------- */
/* 全体のデザイン          */
/* --------------------- */
#big-box{
text-align : center;
width : 100%;
}
#left_01 {
width: 22%;
float: left;
padding : 0px;
text-align : left;
vertical-align : top;
margin-left : 11px;
}
#right_01{
width: 22%;
float: left;
padding : 0px;
text-align : left;
vertical-align : top;
}

#main_top{
width: 53%;
float: left;
margin-left: 3px;
padding : 0px;
text-align : left;
vertical-align : top;
padding : 10px;
}
/* ---------------------- */
/* カテゴリー等のデザイン    */
/* ---------------------- */
.left_01_a{
width: 98%;
padding-bottom: 5px;
filter: dropshadow(color=#a9a9a9, offx=8, offy=8);
}
.left_01_b{
color : white;
background-color : #00ff00;
padding : 5px;
margin : 0px;
border-width : 3px;border-style :solid;border-color : black;
width : 99%;
font-weight : bolder;
filter:glow(color=orange);
}
.right_01_a{
width: 98%;
padding-bottom: 5px;
filter: dropshadow(color=#a9a9a9, offx=8, offy=8);
}
.right_01_b{
color : white;
background-color : #ff00ff;
padding : 5px;
margin : 0px;
border-width : 3px;border-style :solid;border-color : black;
width : 99%;
font-weight : bolder;
filter:glow(color=orange);
}

.main_contents {
font-size : 85%;
vertical-align : top;
margin-top : 10px;
margin-bottom : 10px;
}
.under_01{
color : black;
background-color : #cccccc;
padding : 5px;
margin : 0px;
border-width : 3px;border-style :solid;border-color : black;
width : 95%;
filter:glow(color=orange);
text-align : center;
font-size : 12px;
}
/* --------------ボタンデザイン------------ */
.side_01{
padding : 5px;
margin : 0px;
border-width : 3px;border-style :solid;border-color : black;
width : 98%;
filter:glow(color=orange);
text-align : center;
font-size : 14px;
}
/* -------------記事枠デザイン------- */
.center-bc-ao{
background-color : #00ffff;
border-bottom-width : 3px;
border-bottom-style : solid;
border-bottom-color : black;
font-size : 105%;
padding: 5px;
font-weight : bolder;
color : black;
margin-bottom : 0px;

}
.center-bc-01{
width: 100%;
padding-bottom: 5px;
filter: dropshadow(color=#a9a9a9, offx=8, offy=8);

}

.center-bc-02{
color : black;
background-color : white;
padding : 0px;
margin : 0px;
border-width : 3px;border-style :solid;border-color : black;
width : 99%;
text-align : left;

}
.cnter-bc-b{
color : white;
background-color : black;
padding : 3px;
text-align : right;
font-size : 77%;
}
.a22{
margin-top : 6px;
line-height : 130%;
margin-bottom : 6px;
margin-left : 6px;
margin-right : 6px;
font-size : 93%;

}
/* ---------------------- */
/*  □３カラム枠の設定    */
/* ---------------------- */

/* ■背景■ */
body {
 margin : 0px;
 padding : 0px;
 color:black;
 background-Color : white;
 text-align: center;
 }

/* ■全体枠■ */
TABLE#all_parts {
 width : 100%;
 text-align : left;
 margin-left : auto;
 margin-right : auto;
 border-collapse: separate;
 }

/* ■先頭枠■ */
#top_parts {
 width:100%;
 padding : 4px;
 background-Color : #ff69b4;
 border-top: 3px solid black;
 border-bottom: 3px solid black;
 text-align : center;
 line-height:100%;
 }

#top_dot {
 width:100%;
 background-Color : black;
 border-top: 6px dashed white;
 border-bottom: 6px dashed white;
 border-collapse: collapse;
 }

#top_back {
 width:100%;
 background-Color : black;
 border: 3px solid black;
 border-collapse: collapse;
 position:relative ;
 top:-6px;
 left:-6px;
 }

#in {
 width:100%;
 border-collapse: collapse;
 position:relative ;
 top:-6px;
 left:-6px;
 }

#shadow {
 width:100%;
 background-Color : darkgray;
 border-collapse: collapse;
 position:relative ;
 top:6px;
 left:6px;
 }

.top2_p{
 padding-top : 0px;
 font-weight : bolder;
 font-size: 140%;
 color: #ffffff;
 font-weight:normal;
 line-height:100%;
 vertical-align : top;
 }

/* ■サイド枠■ */
#side_parts {
 width : 22%;
 vertical-align : top;
 padding : 0px;
 }

/* ■サイドタイトル部■ */
#side_tytle {
 width:100%;
 background-Color : lime;
 border: 3px solid black;
 padding : 4px 6px;
 }

#side_tytle2 {
 width:100%;
 background-Color : fuchsia;
 border: 3px solid black;
 padding : 4px 6px;
 }

/* ■サイドコンテンツ部■ */
#side_contents {
 position:relative;
 padding : 12px 6px 24px 6px;
 background-Color : transparent;
 vertical-align : top;
 }

/* ■中央枠■ */
#center_parts {
 width : 56%;
 overflow:hidden;
 background-Color : transparent;
 padding : 0px;
 text-align : left;
 vertical-align : top;
 }

/* ■ナビTABLE■ */
table#center_navi{
 text-align:center;
 border-collapse: separate;
 margin-left : auto;
 margin-right : auto;
 }

/* ■中央タイトル■ */
#center_tytle {
 width:100%;
 padding : 4px 8px;
 background-Color : cyan;
 border: 3px solid black;
 text-align : left;
 }


/* ■中央コンテンツ部(枠なし)■ */
#center_linenone {
 width:100%;
 color:black;
 font-size:95%;
 padding : 6px 8px;
 background-Color : transparent;
 text-align : left;
 }

/* ■中央スペーサ(枠なし)■ */
#center_space {
 width:100%;
 font-size:80%;
 padding : 0px;
 background-Color : transparent;
 text-align : left;
 }

/* ■中央下部■ */
#center_under {
 width:100%;
 font-size:80%;
 padding : 0px 8px;
 background-Color : black;
 text-align : right;
 color:white;
 border: 3px solid black;
 }

/* ■終端枠■ */
#end_parts {
 width:100%;
 padding : 4px 8px;
 text-align : center;
 font-size: 80%;
 vertical-align : middle;
 background-Color : gainsboro;
 border: 3px solid black;
 }

/* ---------------------- */
/*  □文字フォントの設定  */
/* ---------------------- */

/* ■標準リンク■ */
a:link,a:visited,a:active{
 color:blue;
 text-decoration:underline;
 }

a:hover{
 color:red;
 text-decoration:underline;
 position:relative ;
 top:1px;
 }

/* ■TOPタイトルリンク■ */
.main_t a:link,.main_t a:visited,.main_t a:active{
 font-size:190%;
 color:#FFFFFF;
 font-weight : bolder;
 text-decoration:none;
 }

.main_t a:hover{
 font-size:190%;
 color:#FFFFFF;
 font-weight : bolder;
 text-decoration:none;
 }
/* ■記事下段■ */
.kiji_k a:link,.kiji_k a:visited,.kiji_k a:active{
 color:white;
 text-decoration:underline;
 }

.kiji_k a:hover{
 color:cyan;
 text-decoration:underline;
 }
/* 記事枠デザイン */
.top_list{
  background-color : #c0c0c0;
  padding : 15px;
  list-style-type: circle;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  border-left-width : 3px;
  border-right-width : 3px;
  border-bottom-width : 3px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : black;
  border-right-color : black;
  border-bottom-color : black;
}

.top_list LI{

  margin-top : 20px;
  margin-bottom : 20px;
}
.top_list_h2{
  font-size : 150%;
  font-weight : bolder;
  color : white;
  background-color : #ff0080;
  padding : 5px;
  border-width : 3px ;
  border-style : solid;
  border-color : black;
  margin-bottom : 0px;
}

/* ■ENDタイトルリンク■ */
.sub_t a:link,.sub_t a:visited,.sub_t a:active{
 font-size:inherit;
 text-decoration:none;
 }

.sub_t a:hover{
 font-size:inherit;
 text-decoration:none;
 }
/* ---＝＝＝＝＝＝＝＝＝メニュ＝＝＝＝＝＝＝＝＝--- */
.sub-hed-cs{
  background-color : #cccccc;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  text-align : center;
  height : 50px;
  width : 90%;
}

div#header_m {
width: 90%;
clear: both;
height: 40px;
text-align : center;
}
div#header_m ul li {
display: inline;
list-style-type: none;
}

div#header_m ul li a {
width: 160px;
display: block;
float: left;
padding-top: 11px;
text-align: center;
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
height: 29px;
margin: 0px;
background-image: url(http://www.vipelog.org/img/sab-head-15-02.png);
}

* html #header_m ul li a {
height: 40px;
width: 160px;
}

div#header_m ul li a:hover {
background-position: 0px -40px;
}

/* ---＝＝＝＝＝＝＝＝＝アイコン表示＝＝＝＝＝＝＝＝＝--- */
.img-icon{
  float : left;
  margin-right : 5px;
}

/* ---＝＝＝＝＝＝＝＝＝関連サイト＝＝＝＝＝＝＝＝＝--- */
.kie-ad{
padding-top : 10px;
padding-bottom : 10px;
border-top-color : #666666;
border-bottom-color : #666666;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
}