/*---------- ページ全体の指定 ----------*/

body {
  /*font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino KaKu Gothic Pro", Osaka;*/
  font-family: Arial, Helvetica, Verdana, sans-serif, "Hiragino KaKu Gothic Pro", Osaka;

  margin: 0;
  padding: 0 0 10px 0;
  font-size: 12px;
  color: #333;
/*
  background-image: url(/maniacmanga/img/back.gif);
  background-repeat: repeat-y;
  background-position: top;
*/
}

a:link {
  color: #004080;
  font-size: 12px;
}

a:visited {
  /*color: #005ebb;*/
  color: #004080;
  font-size: 12px;
}

a:hover {
  color: #005ebb;
  font-size: 12px;
}

p {
  margin: 20px 0 20px 0;
  line-height: 150%;
  letter-spacing: 1px;
}

h1 {
  font-size: 12px;
  margin: 0;
  padding: 2px 3px 0px 3px;
  color: #333;
}



/*---------- メイン ----------*/

div.main {
  margin: 0 auto 0 auto;
  padding: 0;
  /*width: 780px;*/
  width: 950px;
  /*border-right: solid 2px #cccccc;*/
  /*border-bottom: solid 2px #cccccc;*/
  /*border-left: solid 2px #cccccc;*/
  background-image: url(/maniacmanga/img/content_back.gif);
  background-repeat: repeat-y;
  background-position: left;
}


/*---------- ヘッダー ----------*/

div.header {
  margin: 0;
  /*width: 780px;*/
  width: 950px;
  height: 90px;
  background-color: #ffffff;
  border-bottom: solid 2px #005ebb;
  font-family:Verdana;
  background-image: url(/maniacmanga/img/header.jpg);
  background-repeat: no-repeat;
}

div.header h1 {
  margin: 0;
  padding: 2px 0 0 10px;
  font-weight: normal;
  text-align: left;
  font-size: 9px;
  color: #666666;
}

div.header h2 {
  margin: 0;
  padding: 25px 10px 10px 15px;
  width: 400px;
  text-align: left;
  font-size: 14px;
  color: #666666;
  height: 40px;
}


div.table-left{
  text-align: left;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

div.table-left a,
div.table-left a:visited,
div.table-left a:link {
  font-size: 40px;
  color: #333333;
  text-decoration: none;
}

div.table-left a:hover{
  font-size: 40px;
  color: #666666;
  text-decoration: none;
}

div.table-right{
  text-align: right;
  margin: 0;
  padding: 8px 14px 2px 0;
  font-size: 15px;
  color: #c9171e;
  line-height: 150%;
  text-decoration: none;
}

div.table-right a{
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

div.table-right a:hover{
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}

div.table-right-up {
    font-size: 12px;
    text-align: center;
    color: black;
}
div.table-right-down {}





div.header-menu {
  background-color: #333333;
  margin: 0px;
  padding: 17px 0 15px 15px;
  background: url(/maniacmanga/img/head_menu_back.gif) repeat;
}

div.header-menu ul {
  text-align: left;
  padding-bottom: 1px;
  margin: 0px;
  width: auto;
}

div.header-menu li {
  color: #ffffff;
  display: inline;
  padding-left: 9px;
  padding-right: 5px;
  background: url(/maniacmanga/img/l_icon.gif) no-repeat;
}

div.header-menu a,
div.header-menu a:link,
div.header-menu a:visited {
  color: #ffffff;
  text-decoration: none;
font-size:16px;
}

div.header-menu a:hover {
  color: #cccccc;
}


/*---------- コンテンツ ----------*/

div.container {
  margin: 0px;
  padding: 6px 6px 6px 8px;
  background-image: url(/maniacmanga/img/content_back.gif);
  background-repeat: repeat-y;
  background-position: left;
}


/*---------- メインコンテンツ ----------*/

div.contents {
  float: left;
  margin: 0;
  padding: 5px 10px 0 2px;
  line-height: 150%;
  letter-spacing: 1px;
  /*width: 698px;*/   /* 全体で710にするには、width + paddingの12ptとすれば良い*/
  width: 648px;   /* 全体で710にするには、width + paddingの12ptとすれば良い*/
}

div.contents img.head_photo {
  margin: 0 0 10px 0;
}

div.contents img.photo {
  float: left;
  margin: 10px 20px 0 0;
}

div.contents img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

div.contents p.photo {
  margin: 0 0 20px 0;
  padding: 0;
}

div.contents h2 {
  margin: 0 0 7px 0;
  padding: 9px 0 10px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #ffffff;
  background-image: url(/maniacmanga/img/titlebar.gif);
  background-repeat: no-repeat;
}

div.contents h3 {
  margin: 0 0 0 0;
  padding: 0px 0px 0px 5px;
  font-size: 14px;
}

div.contents h3 a,
div.contents h3 a:visited,
div.contents h3 a:link {
  font-size: 14px;
  color: black;
  text-decoration: none;
}



div.contents p {
  margin: 15px 0 30px 0;
  line-height: 150%;
  letter-spacing: 1px;
  /*width: 550px;*/
  /*width: 670px;*/
  width: 620px;
}

table#t01 {
  border: solid 1px #999999;
  border-collapse: collapse;
}


td#t01 {
  border: solid 1px #999999;
  border-collapse: collapse;
}


td#head {
  padding: 6px;
  border: solid 1px #999999;
  border-collapse: collapse;
}


/*---------- メニュー ----------*/
div.menu_chunk {
  float: right;
}


div.menu {
  float: right;
  margin: 0 0 0 0;
  padding: 0;
  width: 270px;
  bottom: 0;
  text-align: left;
  /*background-color: #dddddd;*/
}

div.menu h2 {
  margin: 0 0 2px 0;
  padding: 7px 0 5px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(/maniacmanga/img/sidebar.gif);
  background-repeat: no-repeat;
}

div.menu div.menulist {
  margin: 0 0 14px 0;
  padding: 0 0 4px 0;
  width: 270px;
  text-align: left;
  /*background-image: url(/maniacmanga/img/menu_back.gif);*/
}

div.menu div.menulist h2 {
  margin: 0;
  padding: 6px 0 6px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(/maniacmanga/img/sidebar.gif);
  background-repeat: no-repeat;
}

div.menu div.menulist a{
  color: #004080;
  display: block;
  /*border-bottom: solid 1px #c6c6c6;*/
  border-bottom: dashed 1px #c6c6c6;
  width: 248px;
  padding: 7px 0 6px 20px;
  font-size: 12px;
  background-image: url(/maniacmanga/img/side_menu_bg.jpg);
  background-repeat: no-repeat;
}

div.menu div.menulist span.user{
  color: #004080;
  display: block;
  /*border-bottom: solid 1px #c6c6c6;*/
  border-bottom: dashed 1px #c6c6c6;
  width: 248px;
  padding: 7px 0 6px 20px;
  font-size: 12px;
  /*background-image: url(/maniacmanga/img/side_menu_bg.jpg);*/
  /*background-repeat: no-repeat;*/
}

div.menu div.menulist a:hover{
  color: #005ebb;
  /*
  background-image: url(/maniacmanga/img/side_menu_bg_hover.gif);
  background-repeat: no-repeat;
  */
}

div.menu div.menu_free {
  margin: 0 0 14px 0;
  padding: 0 0 4px 0;
  width: 270px;
  text-align: left;
  background-image: url(/maniacmanga/img/menu_back.gif);
}

div.menu div.menu_free h2 {
  margin: 0;
  padding: 6px 0 6px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(/maniacmanga/img/sidebar.gif);
  background-repeat: no-repeat;
}

div.menu div.menu_free a{
  color: #004080;
  width: 248px;
  padding: 6px 0 5px 0;
  font-size: 12px;
  /*background-color: #f3f3f2;*/
 }

div.menu div.menu_free a:hover{
  color: #005ebb;
  /*background-color: #f3f3f2;*/
}




/*---------- メニュー２ ----------*/
div.menu2 {
  float: right;
  margin: 0 0 15px 0px;
  /*padding: 0;*/
  width: 270px;
  /*bottom: 0;*/
  /*text-align: left;*/
  /*background-color: #dddddd;*/
}

div.menu2 h2 {
  margin: 0 0 2px 0;
  padding: 7px 0 5px 12px;
  line-height: 110%;
  font-size: 12px;
  color: #fffffc;
  background-image: url(/maniacmanga/img/sidebar.gif);
  background-repeat: no-repeat;
}

div.menu2 div.search_upper {
  padding: 12px 0 3px 0;
}
div.menu2 div.search_lower {
  border-bottom: dashed 1px #c6c6c6;
  padding: 3px 0 12px 0;
}






/*---------- フッター ----------*/

div.footer {
  clear: both;
  height: 70px;
  margin: 0;
  padding: 30px 0 15px 10px;
  text-align: center;
  border: solid 2px #005ebb;
  /*border-top: solid 2px #005ebb;*/
  font-size: 12px;
  color: #333333;
  /*background-color: #cccccc;*/
  background-color: #edf5ff;
}

div.footer a {
  color: #333333;
  font-size: 12px;
}

div.footer a:hover {
  color: #333333;
}




/*---------- 共通 ----------*/
div.contents span.title {
    font-size: 14pt;
    color: black;
    text-decoration: none;
}
div.contents span.title a {
    font-size: 14pt;
    color: black;
    text-decoration: none;
}
div.contents span.by {
    padding: 0px 0px 0px 10px;
    font-size: 10pt;

}
div.contents span.item {
    font-size: 12pt;
}
div.contents span.item a {
    color: black;
    text-decoration: underline;
    font-size: 12pt;
}

/* サムネイルのリンク設定（色が変わらないように）*/
img.noborder { border: 0; }
img.noborder_middle { border: 0; vertical-align:middle; }


div.contents span.title_small {
    font-size: 10pt;
    color: black;
    text-decoration: none;
}
div.contents span.title_small a {
    font-size: 10pt;
    color: black;
    text-decoration: none;
}
div.contents span.by_small {
    padding: 0px 0px 0px 10px;
    font-size: 10pt;

}



/**
 * menu（homeで使用するスタイル）
 */
div.homemenu  {
    width: 648px;
    margin:10px 0px 0px 0px;
    background-color: #edf5ff;
    border-top:    1px dashed #9db8cf;
    border-bottom: 1px dashed #9db8cf;
}

div.homemenu div.welcome {
    float: left;
    width: 600px;
    padding: 10px 24px 13px 24px;
    margin: 0px 0px 0px 0px;
}
div.homemenu div.welcome span.bold {
    font-weight: bold;
}

div.homemenu div.image {
    float: left;
    width: 200px;
    padding: 10px 0px 13px 5px;
    margin: 0px 0px 0px 0px;
}
div.homemenu div.text {
    float: left;
    width: 438px;
    padding: 10px 0px 13px 5px;
    margin: 0px 0px 0px 0px;
}


div.homemenu_list {
    width: 648px;
    margin:10px 0px 0px 0px;
}

/*左*/
div.homemenu_list div.left  {
    float: left;
    width: 304px;
    margin:10px 20px 0px 0px;
}
div.homemenu_list div.left div.text {
    float: left;
    width: 299px;
    padding: 10px 0px 8px 5px;
    margin: 0px 0px 0px 0px;
    border-top:    1px dashed #9db8cf;
}
div.homemenu_list div.left div.text_1 {
    float: left;
    width: 299px;
    padding: 10px 0px 8px 5px;
    margin: 0px 0px 0px 0px;
    border-top:    1px solid #9db8cf;
}

/*右*/
div.homemenu_list div.right  {
    float: right;
    width: 314px;
    margin:10px 0px 0px 0px;
}
div.homemenu_list div.right div.image {
    float: left;
    width: 100px;
    padding: 10px 0px 13px 5px;
    border-top:    1px dashed #9db8cf;
}
div.homemenu_list div.right div.image_1 {
    float: left;
    width: 100px;
    padding: 10px 0px 13px 5px;
    border-top:    1px solid #9db8cf;
}
div.homemenu_list div.right div.text {
    float: left;
    width: 180px;
    padding: 10px 0px 8px 5px;
    border-top:    1px dashed #9db8cf;
}
div.homemenu_list div.right div.text_1 {
    float: left;
    width: 180px;
    padding: 10px 0px 8px 5px;
    border-top:    1px solid #9db8cf;
}



/**
 * onedisplay
 */
div.onedisplay {
    /*width: 698px;*/
    width: 648px;
    margin:10px 0px 0px 0px;
}
div.onedisplay div.heading {
    float:left;
    width:150px;
    padding:10px 0px 13px 5px;
    margin: 0px 0px 0px 0px;
    /*border-top: 2px solid #d9d8d8;*/
    border-top:    1px dashed #9db8cf;
}
div.onedisplay div.text {
    float:left;
    /*width:538px;*/
    width:488px;
    padding:10px 0px 8px 5px;
    margin: 0px 0px 0px 0px;
    /*border-top: 2px solid #d9d8d8;*/
    border-top:    1px dashed #9db8cf;
}
div.onedisplay table {
    margin: 0px 0px 0px 20px;
}
div.onedisplay table th,
div.onedisplay table td {
    padding: 0px 13px 10px 13px;
    text-align: center;
}

div.onedisplaymenu  {
    width: 648px;
    margin:10px 0px 0px 0px;
    background-color: #edf5ff;
    border-top:    1px dashed #9db8cf;
    border-bottom: 1px dashed #9db8cf;
}

div.onedisplaymenu div.welcome {
    float: left;
    width: 600px;
    padding: 10px 24px 13px 24px;
    margin: 0px 0px 0px 0px;
}
div.onedisplaymenu div.image {
    float: left;
    width: 200px;
    padding: 10px 0px 13px 5px;
    margin: 0px 0px 0px 0px;
}
div.onedisplaymenu div.text {
    float: left;
    width: 438px;
    padding: 10px 0px 13px 5px;
    margin: 0px 0px 0px 0px;
}








/**
 * listdisplay / find
 */
div.listdisplay  {
    /*width: 698px;*/
    width: 648px;
    margin:10px 0px 0px 0px;
}
div.listdisplay div.image {
    float: left;
    width: 100px;
    padding: 10px 0px 13px 5px;
    margin: 0px 0px 0px 0px;
    /*border-top: 2px solid #d9d8d8;*/
    border-top:    1px dashed #9db8cf;
}
div.listdisplay div.text {
    float: left;
    /*width: 588px;*/
    width: 538px;
    padding: 10px 0px 8px 5px;
    margin: 0px 0px 0px 0px;
    /*border-top: 2px solid #d9d8d8;*/
    border-top:    1px dashed #9db8cf;
}


/**
 * ページ切り替え用（ページめくりボタン）。各画面で共通して使う
 */
div.page_change {
    float: left;
    /*width: 700px;*/
    /*width: 650px;*/
    width: 640px;  /* 650だと、広告がずれるので、仕方なく640にする*/
    text-align: center;
}
div.page_change span.previous {
    margin: 0px 10px 0px 0px;
}
div.page_change span.next {
    margin: 0px 0px 0px 10px;
}
div.page_change span.number {
    margin: 0px 5px 0px 5px;
}
div.page_change span.number_current {
    color: red;
    margin: 0px 5px 0px 5px;
}
div.page_change span.number_current a {
    text-decoration: none;
}
div.page_change span.previous a:link,
div.page_change span.previous a:visited,
div.page_change span.next a:link,
div.page_change span.next a:visited,
div.page_change span.number a:link,
div.page_change span.number a:visited {
    color: black;
    text-decoration: underline;
}


/**
 * 管理画面
 */
div.admin {
    margin: 15px 10px 15px 30px;
}
div.admin table.admin {
    font-size: 14px;
    text-decoration: none;
    margin-left:0px
}
#title_adminedit {
    display:block;
    font-size: 9pt;
    text-align: center;
}
/*h1 {font-size:18pt; color: #333399; font-weight: bold; font-style: normal; text-decoration: none; margin-left:0px;}*/
/*h2 {font-size:11pt; color: #339999; font-weight: bold; font-style: normal; text-decoration: underline; margin-left:0px}*/
/*h3 {font-size:10pt; color: #FFFFFF; font-weight: normal; font-style: italic; text-decoration: underline; margin-left:0px}*/
/*h5 {font-size: 12px; color: #ff0000; text-decoration: none; margin-left:0px}*/
/*h6 {font-size: 12px; color: #000080; text-decoration: none; margin-left:4px}*/
th {font-size: 14px; color: #FFFFFF; background-color: #3366CC; font-weight: bold; }
td {font-size: 14px;}



/**
 * エラーメッセージ
 */
div.error-message {
    color: #ff0000;
    font-weight: bold;
}


/**
 * ゲストブック、Onedisplayで表示するレビュー
 */
div.review_list {
    width: 538px;
    margin:10px 0px 0px 0px;
    padding: 5px 55px 5px 15px;
}
div.review_list1 {
    background-color: #dddede;
    border-bottom: 1px solid #dddddd;

}
div.review_list2 {
    border-bottom: 1px solid #dddddd;
    border-left:   1px solid #dddddd;
    border-right:  1px solid #dddddd;
}
div.review_list td {
    padding: 0;
    margin: 0;
    font-size: 10pt;
}