﻿/*
* {	
	font-family:"メイリオ", "ヒラギノ角ゴ Std W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
*/
/*　ページ全体　*/
body {
	background-color:#ffffff;
	font-size:small;
	margin:0px;
	padding:0px;
	background-image:url('images/bk1.jpg')
}

/*
p{
	margin:3px;
	height:120%;
}
*/
/* 表のデフォルト */
td
{
	vertical-align:top;
}

td.middle
{
	text-align:left;
	vertical-align:middle;
}
td.middle-right
{
	text-align:right;
	vertical-align:middle;
}

.ime-off-textbox
{
	ime-mode: disabled;
}

/* エラーメッセージ */
.errmsg
{
	font-size:small;
	color:Red;
	margin-top:3px;
	margin-bottom:3px;
}

hr.separater
{
	border:solid 1px #CCCCCC;
	height:1px;
}

/*　ヘッダ　*/
#header{
	background-color:#ACA77B;
	margin:0px;
	padding:0px;
	border-bottom:solid 1px #CCCCCC; 
}

#logo
{
	float:left;
	margin-right:6px;
}
#logo-image
{
    border-style:none;
}

.command-button
{
	margin-top:6px;
	margin-left:6px;
	margin-right:6px;
	float:left;
    border-style:none;
}

#userinfo{
	float:right;
	margin-top:3px;
	margin-right:12px;
	text-align:right;
}

/* メインコンテンツの枠 */
#main-flame
{
	margin:6px;
}


/* フッタ */
#footer {
	margin-top:12px;
	text-align:center;
	border-top:solid 1px #CCCCCC;
	padding-top:12px;
}
.footer-text {
	margin:3px;
}
#copyright {
	margin:3px;
}

/* IE6対策 */
.center
{
	text-align:center;
}

/***********************************************************
*	インデックスページ
************************************************************/

#index-flame{
	width:800px;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#index-side-bar{
	float:left;
	width:200px;
	padding:12px;
	background-color:#fffaf0;
	border:1px silver solid;
}

#index-main-flame{
	float:left;
	margin-left:6px;
}

#login-note
{
	font-weight:bold;
	margin-bottom:6px;
	color:maroon;
}

#login-box
{
	margin-bottom:12px;
	border:solid 1px black;
	background-color:#EEEEEE;
	width:180px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}
#login-header
{
	text-align:left;
	background-color:Blue;
	color:White;
	border-bottom:solid 1px black;
	padding:2px;
	text-indent:3px;
}
.login-body
{
	padding:6px;
	text-align:left;
}
.login-item{
	margin-top:3px;
	text-indent:3px;
}

.login-button
{
	margin-top:6px;
	text-align:center;
}

#free-edition
{
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}

#about-link{
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
	border-bottom:1px gray solid;
	border-top:1px gray solid;
	padding:3px;

}

#coop-header{
	text-align:center;
	font-weight:bold;
	margin-bottom:6px;
	color:maroon;
}

#copyright-note
{
	font-size: small;
	margin-top:24px;
}
#copyright-note-header
{
	font-weight:bold;
	margin-bottom:6px;
	color:maroon;
	border-bottom:1px gray solid;
	border-top:1px gray solid;
	padding:3px;
}
#copyright-note-body
{
	line-height:120%;
}

.link-item{
	margin-top:6px;
	margin-bottom:12px;
	text-align:center;
	font-size:medium;
}
.link-banner{
	border:0px;
}

#intro
{
	margin-bottom:6px;
	text-align:left;
	border:1px silver solid;
	background-color:#fffafa;
	width:560px;
}
#intro-header{
	padding:0px;
	background-image:url('images/intrologo.jpg');
	height:80px;
}

#intro-body
{
	font-size: small;
	line-height:120%;
	padding:6px;
}
#intro-sign
{
	font-size: small;
	text-align:right;
	padding:6px;
}

#about-license{
	text-align:left;
	border:1px silver solid;
	background-color:#fffafa;
	width:560px;
	margin-bottom:6px;
}
#about-license-header{
	font-size:large;
	font-weight:bold;
	padding:3px;
	text-indent:3px;
	background-color:#8b0000;
	color:white;
}
#about-license-body{
	font-size: small;
	line-height:120%;
	padding:6px;
}

#recommend
{
	text-align:left;
	border:1px silver solid;
	background-color:#fffafa;
	width:560px;
}
#recommend-header{
	background-color:#9D896C;
	color:white;
	font-size:medium;
	font-weight:bold;
	padding:3px;
	text-indent:3px;
}
#recommend-body
{
	font-size: small;
	line-height:120%;
	padding:6px;
}
.recommend-list{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:12px;
	padding-left:12px;
}
.recommend-list-item{
	list-style: square;
	margin-top:3px;
	margin-bottom:6px;
}
.recommend-note{
	text-align:right;
	margin-bottom:6px;
}

/***********************************************************
*	雑誌一覧ページ
************************************************************/
#mag-list-flame
{
	width:800px;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#mag-list-header
{
	margin-bottom:3px;
}
#mag-list-title
{
	float:left;
}
#mag-list-cap
{
	font-size:x-large;
}
#mag-list-seldb
{
	float:right;
}

.mag-list-item
{
	border-top:solid 1px #CCCCCC;
	padding-top:3px;
	padding-bottom:3px;
}
.mag-list-item-name
{
	font-size:larger;
}
.mag-list-item-info
{
	font-size:small;
}
.mag-list-item-contstatus
{
	font-size:small;
	margin-left:6px;
	color:Maroon;
}

/***********************************************************
*	検索ページ
************************************************************/

#search-box
{
	margin-bottom:12px;
	border:solid 1px black;
	background-color:#EEEEEE;
	width:400px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}
#search-header
{
	text-align:left;
	padding-left:6px;
	background-color:Blue;
	color:White;
	border-bottom:solid 1px black;
}
.search-body
{
	padding:6px;
	padding-top:12px;
	text-align:center;
}
#criteria
{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#search-button
{
	text-align:center;
	margin:6px;
}

.result-flame
{
	text-align:center;
	margin-top:3px;
	margin-bottom:6px;
}
.result-header
{
	margin-bottom:3px;
	margin-top:6px;
}

/***********************************************************
*	データ表示ページ
************************************************************/

/* 雑誌データの枠 */
#mag-flame
{
	padding:0px;
	border:solid 1px black;
	background-color:#F8FBF8;
	width:90%;
	margin-bottom:6px;
}

/* 雑誌名 */
#mag-name
{
	font-size:x-large;
	background-color:#9D896C;
	color:White;
	border-bottom: solid 1px black;
	padding-left:6px;
}
#mag-cover
{
	float:left;
	margin:6px;
}
#mag-info-flame
{
	float:left;
	margin-top:6px;
}


/* 巻号選択 */
#vol-list
{
	font-size:medium;
	margin-top:12px;
	margin-bottom:12px;
}

/* 目次データの枠 */
#cont-flame
{
	border:solid 1px black;
	background-color:#F8F8F8;
	padding:6px;
}

#cont-vol-name
{
	font-size:x-large;
	background-color:#9D896C;
	color:White;
	border-left:solid 1px black;
	border-top:solid 1px black;
	border-right:solid 1px black;
	padding-left:6px;
	padding-right:6px;
}

.data-item{
	margin:3px;
	height:120%;
}

.data-item-note
{
	margin:6px 3px 3px 3px;
	height:120%;
}

.cont-title
{
	font-size:medium;
	font-weight:bold;
	margin-top:12px;
}

/***********************************************************
*	利用規約などの文書ページ
************************************************************/

.doc-title {
	font-size: large;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 12px;
	padding-bottom:6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
}
.doc-body-intro {
	font-size: small;
	margin-top:0px;
	line-height:120%;
}
.doc-body {
	font-size: small;
	margin-left: 12px;
	margin-top:0px;
	line-height:120%;
}
.doc-head {
	font-size: medium;
	font-weight: bold;
	margin-bottom:6px;
}
.doc-head2{
	font-weight: bold;
	margin-top:12px;
	margin-bottom:3px;
}

.doc-sign {
	text-align:right;
	margin-top:3px;
}
.doc-note-flame{
	margin:12px;
	border:1px gray solid;
	padding:6px;
	background-color:#fffaf0;
}
.doc-note-head{
	font-size: small;
	font-weight: bold;
	margin-top:0px;
	margin-bottom:3px;
	color:maroon;
}
.doc-note-body{
	font-size: small;
	margin-top:0px;
	margin-bottom:6px;
	line-height:120%;
}
.doc-flame {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:12px;
	border:solid 1px silver;
	text-align:left;
	background-color:white;
}

.doc-flame-wide {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:12px;
	border:solid 1px silver;
	text-align:left;
	background-color:white;
}

.doc-list{
	margin-top:0px;
}
.doc-list-item{
	font-size: small;
	margin-left: 6px;
	margin-top:0px;
	line-height:120%;
	list-style-position:outside;
}
.doc-table-cell-center {
	text-align: center;
}
.doc-table-cell-right {
	text-align: right;
}
.doc-table-head{
	background-color:blue;
	color:white;
	font-weight:normal;
	text-align:left;
}

/***********************************************************
*	寄稿文ページ
************************************************************/

.rec-flame
{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px silver;
	text-align:left;
	background-color:white;
	padding:0px;
	margin-top:6px;
	margin-bottom:12px;
}

.rec-title
{
	background-color:#8B5742;
	color:White;
	font-size:medium;
	font-weight:bold;
	border-bottom:solid 1px silver;
	padding:3px;
}
.rec-body
{
	padding:6px;
	font-size:small;
}
.rec-author
{
	background-color:#F8F8F8;
	font-size:small;
	margin-top:3px;
	border-top:solid 1px silver;
	padding:6px;
}

/***********************************************************
*	バナーページ
************************************************************/
.banner-item-flame{
	margin-top:6px;
	margin-bottom:12px;
	border:1px silver solid;
	padding:6px;
}
.banner-sample{
	margin-top:3px;
	margin-bottom:3px;
}
.link-src{
	width:600px;
}

/***********************************************************
*	お問い合わせページ
************************************************************/

#inq-flame
{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	border:ridge 2px;
	padding:12px;
	background-color:White;
	text-align:center;
}

#inq-form-flame
{
	width:360px;
	text-align:left;
}

.inq-text-box
{
	border-color:Gray;
	border-style:solid;
	border-width:1px;
	width:240px;
}

.inq-body
{
	margin-top:6px;
	margin-bottom:12px;
	width:100%;
	border-color:Gray;
	border-style:ridge;
	border-width:1px;
}

#inq-message
{
	margin-top:12px;
	margin-bottom:12px;
}

.page-title
{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	font-size:medium;
	text-align:center;
	margin-bottom:6px;
	background-color:Blue;
	color:white;
	line-height:180%;
	vertical-align:middle;
}
