* {
  margin: 0;
  padding: 0;
  font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 12px;
  }


body {
  width: 100%;
  margin: 0;
  text-align: left;  
  background-color: #ffffff;
  padding: 0;
  }

/*** サイト全体中央配置 ***/

div#wrapper {   
    width: 950px;   
    margin : 0px 0px 0px;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
    text-align: center;   
    border: 0px solid #FF0000;   
}  


hr {
  margin: 5px 0;
}

img {
  border: none;
}
   
input {
  margin: 5px 5px 5px 0;
}

ul, ol {
  list-style-position: inside;
}

#myBody {
  margin: 0;
    text-align: left; 
  background-color: #ffffff;
}

#topMenu {
  padding: 4px;
  font-size: 80%;
  background-color: #F0FFF0;
  border-bottom: 2px solid #bbb;
  }

#topMenu a {
  color: #000;
}

#topMenu a:visited {
  color: #000;
}

#myHeader {
  display: block;
  margin-bottom: 10px;
}

#small {
  font-size: 90%;
}

/*** サイト上部 ***/
h1 {
  margin-left:30px;
  text-align: left;
  font-size: 80%;
  color: #DCDCDC;
  }

/*** トップページ ***/
h2 {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
  font-size: 80%;
}
.topLevelCategory {
  background-image: url(img/folder_yellow.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
}
.subCategory {
  margin-left: 0.4em;
}
.subCategory a {
  text-decoration: none;
} 
.myMenuTable {
  margin-left: 30px;
  font-size: 90%;
  /*background-color: #e0eeff; */
}
.myMenuTable td {
  padding: 0.3em;
  border-left: 0px solid #9af;
  border-bottom: 0px solid #9af;
}

#myMenu1 {
  list-style: none;
  margin-left: 6px;
  line-height: 140%;
}
#myMenu1 li a {
  margin-left: 3px;
}
#myMenu1 li{
  margin: 6px 0;
  padding: 0;
}
#myMenu2 {
  list-style: none;
  line-height: 120%;
  margin-left: 6px;
}
#myMenu2 li a {
  margin-left: 3px;
}

/*** サイト検索結果表示部分 ***/
#title-bar {
  padding-left: 0.5em;
  background-color: #e0eeff;
  border-top: 1px solid #9af;
  }


#log {
  margin-left: 30px;
  width: 70%;
}
#mid {
  margin: 5px 0 10px 0;
}
#mid a {
  background-image: url(img/folder.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
}

a.regsite_title {	/* 登録サイトのタイトル */
  color:#00f;
  background-image: url(img/page_world.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
} 
a.regsite_title:visited {  color:#639;}
a.regsite_title strong {  font-size: 110%;}
.regsite_url {	/* 登録サイトのURL */
  color:#008000;
  font-size: 90%;
}
.regsite_info {	/* 登録サイトのサイト情報 */
  color:#8284cc;
  font-size: 85%;
}  
.regsite_info a {
  color:#8284cc;
}
.regsite_banner {
  float:left;
  margin: 5px 10px 5px 5px;
}
#kanri{ 	/* 管理人コメント */
  font-size: 90%;
  color:#ff9999; 
  background-image: url(img/comments.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
  line-height: 16px;
} 


div.kadomaru {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 1px gray dashed;     /* 枠線の装飾 */
   background-color: #ffffff;   /* 背景色 */
}




.tape {          /* 画像装飾 */
    float : left;
    height : 5px;
    margin : -10px;
    position : relative;
    width : 5px;
}



/* テキスト位置 */

p.align_left{
text-align:left;
}

p.align_right{
text-align:right;
}

p.align_center{
text-align:center;
}



a {
text-decoration: none;
}



a:hover {
	position:relative;
	text-decoration:none;
}




/*シンプルな枠に背景画像 */

div.boxleft1 { 
width: 253px; /* ボックスの横幅 */ 
height : 250px;
float: left;
background-image: url(../img/gra02.gif); /* 背景画像 */ 
background-repeat:repeat-x; 
background-position: center bottom;
border: 1px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */ 
padding: 5px; /* ボックス内の余白 */ 
margin: 3px 3px 0px;
} 

/*シンプルな枠に背景画像 */

div.boxcenter1 { 
width: 365px; /* ボックスの横幅 */ 
height : 250px;
float: left;
background-image: url(../img/gra02.gif); /* 背景画像 */ 
background-repeat:repeat-x; 
background-position: center bottom; 
border: 1px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */ 
padding: 5px; /* ボックス内の余白 */
margin: 3px 3px 0px; 
} 

/*画像検索ワード右寄せ */

div.site-navi { text-align: right; }



/*へッダーにシンプルな枠 */

div.head { 
width: 950px; /* ボックスの横幅 */ 
height : 40%;
background-image: url(../img/sky-blue2.jpg); /* 背景画像 */ 
background-repeat:repeat-x; 
background-position: center bottom; 
border: 0px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */ 
padding: 0px; /* ボックス内の余白 */
margin: 0px 0px 0px;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
margin-top: 0px;
} 


/*フッターにシンプルな枠 */

div.bottom { 
width: 100%; /* ボックスの横幅 */ 
height : 120px;
clear:both;
background-image: url(../img/sky-blue2.jpg); /* 背景画像 */ 
background-repeat:repeat-x; 
background-position: center bottom; 
border: 0px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */ 
padding: 0px; /* ボックス内の余白 */
margin: 0px 0px 0px;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
margin-bottom: 0px;
} 



/*トップページ画像*/

.topimg {
  position: absolute; /* 絶対位置で指定(親ボックス基準) */ 
  top: 50px;          /* 上からpx */ 
  left: 191px;        /* 左からpx */
}






/*タイトルロゴテンプレート*/

.title{
     width: 100% ; /* 横幅 */ 
     font-size :  ;  /*文字の大きさを指示する時に数値を記述*/
     line-height : 25px ;  /*行の高さを指示する時に数値を記述*/
     padding-left : 3px ;
     margin : 0px 0px 0px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #f9f9f9 ;
     border-bottom : solid 1px #cccccc ;
}





/* --- 2段目ライトボックス --- */
div.section {
width: 295px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 20%; /* ボックスの文字サイズ */
margin : 0px 0px 0px;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
}

/* --- 見出し --- */
div.section h6 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(../img/head1.gif) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 7px; /* 段落のマージン（上下、左右） */
}


/*センター新着サイトボックス */

div.newitem { 
width: 297px; /* ボックスの横幅 */ 
height : 600px;
float: right;
border: 1px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */ 
padding: 3px; /* ボックス内の余白 */ 
margin-top:0%; /* 上部の余白 */
margin: 5px 0px 0px;
} 


/*新着サイトボックス */

div.newarrival { 
width: 297px; /* ボックスの横幅 */ 
height : 187px;
float: center;
background-image: url(../img/sky-blue.jpg); /* 背景画像 */ 
background-repeat:repeat-x; 
background-position: center bottom;
border: 1px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */ 
padding: 5px; /* ボックス内の余白 */ 
margin-top:0%; /* 上部の余白 */
margin: 0px 0px 10px;
} 


/*人気ランキング */

div.rank5 {
          width: 280px; /* ボックスの横幅 */ 
          height : 297px;
          float: left;
          background-image: url(../img/blue-gra.jpg); /* 背景画像 */ 
          background-repeat:repeat-x; 
          background-position: center bottom;
          border: 1px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */
          padding: 5px; /* ボックス内の余白 */ 
          margin-top:0%; /* 上部の余白 */
          text-align: center; 
          margin : 5px 5px 0px;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
}

/*アクセスランキング */

div.revrank5 {
          width: 280px; /* ボックスの横幅 */ 
          height : 297px;
          float: left;
          background-image: url(../img/blue-gra.jpg); /* 背景画像 */ 
          background-repeat:repeat-x; 
          background-position: center bottom;
          border: 1px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */
          padding: 5px; /* ボックス内の余白 */ 
          margin-top:0%; /* 上部の余白 */
         text-align: center; 
          margin : 5px 5px 0px;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
}

/*更新サイト */

div.date5 {
          width: 280px; /* ボックスの横幅 */ 
          height : 297px;
          float: left;
          clear: both;
          background-image: url(../img/blue-gra.jpg); /* 背景画像 */ 
          background-repeat:repeat-x; 
          background-position: center bottom;
          border: 1px #DCDCDC solid; /* 枠線（太さ・色・スタイル） */
          padding: 5px; /* ボックス内の余白 */ 
          margin-top:0%; /* 上部の余白 */
         text-align: center; 
          margin : 5px 5px 0px;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
}



/* --- 見出しエリア ショップ更新情報--- */
div.heading {
width: 950px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 1px 11px; /* 見出しエリアのパディング（上下、左右） */
background: url(../img/heading_back5_6.gif) repeat-y right; /* 見出しエリアの背景 */
}

/* --- 見出し --- */
div.heading h3 {
margin: 0;
padding: 1px 0 0 16px; /* 見出しのパディング（上右下左） */
background: url(../img/heading_square1.gif) no-repeat 0 0.2em; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}


/* --- 見出しエリア 新着サイト--- */
div.heading2 {
width: 950px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 1px 11px; /* 見出しエリアのパディング（上下、左右） */
background: url(../img/heading_back5_6.gif) repeat-y right; /* 見出しエリアの背景 */

}

/* --- 見出し --- */
div.heading2 h3 {
margin: 0;
padding: 1px 0 0 16px; /* 見出しのパディング（上右下左） */
background: url(../img/heading_square1.gif) no-repeat 0 0.2em; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}


/* --- 見出しエリア 人気ランキング--- */
div.heading3 {
width: 950px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 1px 11px; /* 見出しエリアのパディング（上下、左右） */
background: url(../img/heading_back5_6.gif) repeat-y right; /* 見出しエリアの背景 */

}

/* --- 見出し --- */
div.heading3 h3 {
margin: 0;
padding: 1px 0 0 16px; /* 見出しのパディング（上右下左） */
background: url(../img/heading_square1.gif) no-repeat 0 0.2em; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}


/* --- 見出しエリア アクセスランキング--- */
div.heading4 {
width: 950px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 1px 11px; /* 見出しエリアのパディング（上下、左右） */
background: url(../img/heading_back5_6.gif) repeat-y right; /* 見出しエリアの背景 */

}

/* --- 見出し --- */
div.heading4 h3 {
margin: 0;
padding: 1px 0 0 16px; /* 見出しのパディング（上右下左） */
background: url(../img/heading_square1.gif) no-repeat 0 0.2em; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}


/*--------------------------------------------------------------------
スクロール
--------------------------------------------------------------------*/

.sample {
	width: 100%;
	text-align: center;
}

#sstop,
#ssmid,
#ssbtm {
	width: 950px;
	text-align: right;
	margin: 0 auto;
}

.c_top,
.c_mid,
.c_btm {
	width: 950px;
	text-align: right;
	margin: 0 auto;
}

/*--------------------------------------------------------------------
パディング　マージン
--------------------------------------------------------------------*/

p.ppp {background-color: #ffffff; padding: 3px 3px;}

/*--------------------------------------------------------------------
中段　2カラム
--------------------------------------------------------------------*/

#leftcol {
float: left;
width: 640px;
text-align:center;
margin:0 auto; 
overflow:hidden;
}

#rightcol {
float: right;
width: 316px;
text-align:center;
margin:0 auto; 
overflow:hidden;
}




#leftcolm {
float: left;
width: 640px;
text-align:center;
margin:0 auto; 
overflow:hidden;
}

#rightcolm {
float: right;
width: 260px;
text-align:center;
margin:0 auto; 
overflow:hidden;
}

/*--------------------------------------------------------------------
kt.html右カラム
--------------------------------------------------------------------*/

rightbox {  
width: 260px; 
float: right;
margin:0 auto; 
overflow:hidden;   
}   
  



/* --- TOPページの右カテゴリーメニュー --- */

div.ccc {
width: 250px; /* ボックスの幅 */

margin: 5px 0; /* ボックスのマージン（上下、左右） */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
}
/* --- メニューエリア --- */
div.ccc ul.menu {
width: 215px; /* メニューの幅 */
margin: 15px auto 10px; /* メニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
}
/* --- メニュー項目 --- */
div.ccc ul.menu li {
width: 55%; /* 項目の幅 */
padding-bottom: 5px; /* 項目の下パディング */
background: url(../img/folder1.gif) no-repeat 1px 0; /* 項目の背景 */
float: left;
}
/* --- リンク --- */
div.ccc ul.menu li a {
margin-left: 22px; /* リンクエリアの左マージン */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.ccc ul.menu li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}