@charset "UTF-8";

/*
販売管理用CSS
*/

/****************************************

          General Setting

*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

/* 背景画像テスト*/
html{ 
  background: url(./bgimg/bg_2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow-y:scroll;
}

body {
    color: #000000;
	font-size: 14px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
    line-height: 160%;
	}


/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	margin: 0px 0px 20px;
}

h2{ margin: 0px;
	}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

img {
	border: none;
}

span.prenext{
 float: right;
 color: #C6C6C6;
}
/****************************************

          Clearfix

*****************************************/

/* フロート解除 */

.clearfix:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}

.clearfix {
    min-height: 1px; /*IE6、7対策*/
}

* html .clearfix {
    height: 1px;
    /*\*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}

/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}


/****************************************

          Link

*****************************************/

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	background-color: #fe56aa;
	text-decoration: none;
}

/* tr:hover { background-color: #eee8aa; } */

/****************************************

	トップ注意書き

*****************************************/

p#index_message a{
 color: #ff0000;
 font-weight: bold;
 }
 
p#index_message a:hover{
 color: #ff0000;
 background-color: #fff;
 text-decoration: underline;
 }
/****************************************

	ログインフォームＣＳＳ

*****************************************/

#form{
  width: 460px;
  margin: 90px auto;
  padding: 20px;
  text-align: center;
  }
 
.form-title{
  text-align: center;
  }
 
.mail,.pass{
  margin-bottom: 20px;
  }

#form input[type="email"],input[type="text"],input[type="password"] {
  width: 260px;
  padding: 6px;
  font-size: 20px;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
     
.submit{
  text-align: center;
  }
 
/* font */
#form p{
  color: #030303;
  font-weight: bold;
  }
 
#form .form-title{
  font-family: Arial;
  font-size: 30px;
  color: #030303;
  }
 
/* skin */
#form{
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: solid #ffffff 6px;
  background: #ffffff;
  }
 
#form .form-title{
  padding-bottom: 6px;
  border-bottom: 2px solid #030303;
  margin-bottom: 20px;
  }

.submit input{
	border:solid 2px #030303;
	background-color: #ffffff;
	padding:12px 30px 10px;
	margin:20px 0;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#030303;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.submit input:hover{
  border:solid 2px #030303;
  background-color: #3cb371;
  color:#ffffff;
}

/****************************************

	ログアウト専用ＣＳＳ

*****************************************/

#form p#logout{
  color: #030303;
  font-weight: bold;
  margin: 40px 0px;
  }

/****************************************

          Layout

*****************************************/

/* 全体 */

/* トップナビゲーション */

	div#top_navigation{
		width: 100%;
		background-color: #ffffff;
		margin: 0px;
		position:fixed;
		top: 0;
		left: 0;
		z-index: 2;
    }


/* コンテンツ部分 */

#wrapper{
	margin: 70px auto;
	width: 1380px;
}

#main {
	float: left;
	width: 646px; /* 640px + 6px*/
	padding:0px;
}

#footer {
	clear: both;
}

/****************************************

          TOP Navigation

*****************************************/

	ul#navimenu{
    list-style:none;
	width: 1080px; /* 100% */
    margin: 0px auto;
	background-color: #ffffff;
    }

    ul#navimenu li{
    list-style:none;
    float:left;
	font-size:14px;
	color: #030303;
    padding: 0px;
	position: relative;
    }

    ul#navimenu li.left_0{
    margin-left: 0px;
    }

    ul#navimenu li.left{
    margin-left: 10px;
    }

    ul#navimenu li.left10{
    margin-left: 10px;
    }	

    ul#navimenu li.left20{
    margin-left: 20px;
    }

    ul#navimenu li.left30{
    margin-left: 30px;
    }

    ul#navimenu li.right_0{
    float: right;
	margin-right: 0px;
    }

    ul#navimenu li.right{
    float: right;
	margin-right: 10px;
    }

    ul#navimenu li.right20{
    float: right;
	margin-right: 20px;
    }

    ul#navimenu li.right30{
    float: right;
	margin-right: 30px;
    }

ul#navimenu li a{ 
			display: block;
			color:#030303;
			font-weight: bold; 
			background-color: #ffffff;
			text-decoration: none;
			font-size:14px;
			line-height: 54px;
			}

ul#navimenu li a:hover {color:#00D936; background-color: #ffffff; text-decoration: none;}

ul#navimenu li#home a{
margin-left: 0px;
background-image: url("./bgimg/home_0.png");
background-repeat: no-repeat;
background-position: center left;
padding-left: 50px;
padding-right: 10px;
}

ul#navimenu li#home a:hover{
background-image: url("./bgimg/home_1.png");
color:#00D936;
background-color: #fff;
}


ul#navimenu li#logout a{
margin-left: 0px;
background-image: url("./bgimg/exit_0.png");
background-repeat: no-repeat;
background-position: center left;
padding-left: 50px;
padding-right: 10px;
}

ul#navimenu li#logout a:hover{
background-image: url("./bgimg/exit_1.png");
color:#00D936;
background-color: #fff;
}

ul#navimenu li#manage a{
margin-left: 0px;
background-image: url("./bgimg/manage_0.png");
background-repeat: no-repeat;
background-position: center left;
padding-left: 50px;
padding-right: 10px;
}

ul#navimenu li#manage a:hover{
background-image: url("./bgimg/manage_1.png");
color:#00D936;
background-color: #fff;
}

ul#navimenu li#hanbai a{
margin-left: 0px;
background-image: url("./bgimg/book_0.png");
background-repeat: no-repeat;
background-position: center left;
padding: 0px;
width: 50px;
text-indent: -9999px;
}

ul#navimenu li#hanbai a:hover{
background-image: url("./bgimg/book_1.png");
background-color: #fff;
}

ul#navimenu li#shiharai a{
margin-left: 0px;
background-image: url("./bgimg/shi_0.png");
background-repeat: no-repeat;
background-position: center left;
padding: 0px;
width: 50px;
text-indent: -9999px;
}

ul#navimenu li#shiharai a:hover{
background-image: url("./bgimg/shi_1.png");
background-color: #fff;
}

ul#navimenu li#message a{
margin-left: 0px;
background-image: url("./bgimg/message_0.png");
background-repeat: no-repeat;
background-position: center left;
padding-left: 50px;
padding-right: 10px;
}

ul#navimenu li#message a:hover{
background-image: url("./bgimg/message_1.png");
color:#00D936;
background-color: #fff;
}

ul#navimenu li#prof a{
margin-left: 0px;
background-image: url("./bgimg/prof_0.png");
background-repeat: no-repeat;
background-position: center left;
padding: 0px;
width: 50px;
text-indent: -9999px;
}

ul#navimenu li#prof a:hover{
background-image: url("./bgimg/prof_1.png");
background-color: #fff;
}

/****************************************

          Sidebar

*****************************************/

#sidebar {
	float: left;
	width: 220px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

.widget{
	margin-bottom: 30px;
}

.widget h2{
	margin: 0px 0px 16px;
	padding: 8px 14px 6px;
	font-size: 16px;
	color: #030303;
	border:2px solid #030303;
	background-color:  #ffffff;
}


.widgettitle span{
	padding: 10px 16px;
	font-size: 14px;
	background-color: #000000;
	color: #ffffff;
}

#sidebar .widget ul{
	padding-left: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar .widget ol{
	padding-left: 2.5em;
	list-style-position: outside;
	list-style-type : decimal;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}


h2.rankingjoho a{
	padding: 10px 16px;
	font-size: 16px;
	background-color: #1e90ff;
	color: #ffffff;
}

h2.rankingjoho a:hover{
	background-color: #fe56aa;
	color: #ffffff;
}

p.rankingjoho a{
	font-size: 18px;
	color: #000000;
	}

p.rankingjoho a:hover{
	background-color: #fe56aa;
	color: #ffffff;
}

#twitter-space{
	padding: 20px;
	height: 100px;
	margin-bottom: 0px;
}

.widget_last{
	padding: 20px;
	margin-bottom: 20px;
}

#sidebar .widget_last li{
	font-size: 14px:
	padding-left: 0;
	list-style-position: outside;
	list-style-type: none;
}

/****************************************

*****************************************/
#midoku_count a{
 font-weight: bold;
 color: #ff0000;
 }

#midoku_count a:hover{
 font-weight: bold;
 color: #fff;
 }

/****************************************

          USER LIST

*****************************************/

#user_list{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

#user_list table{
 margin: 0px auto 20px;
 border-collapse: collapse;
 text-align: left;
 }

#user_list table caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

#user_list table th{
 padding: 10px 0;
 border-top: 2px solid #000000;
 border-bottom: 2px solid #000000;
 table-layout: fixed;
 }

#user_list table td{
 padding: 10px 0px;
 border-bottom: 1px solid #000000;
 table-layout: fixed;

 }

#user_list table td.list_access a:link { color: #0000ff;
	text-decoration: none;}

#user_list table td.list_access a:visited { color: #f5f5f5;
	text-decoration: none;}

#user_list table td.list_access a:hover { color: #ffffff;}

#user_list table td.list_access a:active { color: #ffffff; }


/****************************************

          USER PLUS

*****************************************/

#user_plus{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	text-align: left;
}
 
#user_plus .form-title{
  font-size: 20px;
  color: #030303;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 2px solid #030303;
  margin-bottom: 20px;
  text-align: left;
  }
 
#user_plus .mail,.pass{
  margin-bottom: 20px;
  }
 
#user_plus input[type="text"],input[type="email"] {
  width: 300px;
  padding: 6px;
  font-size: 20px;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
     
#user_plus .submit{
  text-align: left;
  }
 
/* font */
#user_plus p{
  color: #030303;
  font-weight: bold;
  }

#user_plus .submit input{
	border:solid 2px #030303;
	background-color: #ffffff;
	padding:12px 30px 10px;
	margin:20px 0;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#030303;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#user_plus .submit input:hover{
  border:solid 2px #030303;
  background-color: #3cb371;
  color:#ffffff;
}

/****************************************

          SAKUHIN PLUS

*****************************************/

#sakuhin_plus{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	text-align: left;
}
 
#sakuhin_plus .form-title{
  font-size: 20px;
  color: #030303;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 2px solid #030303;
  margin-bottom: 20px;
  text-align: left;
  }
 
#sakuhin_plus .mail,.pass{
  margin-bottom: 20px;
  }
 
#sakuhin_plus input[type="text"] {
  width: 400px;
  padding: 8px;
  font-size: 14px;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }


#sakuhin_plus .submit{
  text-align: left;
  }
 
/* font */
#sakuhin_plus p{
  color: #030303;
  font-weight: bold;
  }


#sakuhin_plus select{
    color: #030303;
    height: 45px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 2px solid #030303;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* text-indent: .01px; */
    text-overflow: "";
    background: #FFF url(./bgimg/arrow.jpg) no-repeat right;
}


#sakuhin_plus .submit input{
	border:solid 2px #030303;
	background-color: #ffffff;
	padding:12px 30px 10px;
	margin:20px 0;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#030303;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#sakuhin_plus .submit input:hover{
  border:solid 2px #030303;
  background-color: #3cb371;
  color:#ffffff;
}

#sakuhin_plus textarea#msg{
  width: 700px;
  padding: 8px;
  font-size: 14px;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }


/****************************************

          SAKUHIN LIST

*****************************************/

#sakuhin_list{
	float: right;
	width: 1140px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

#sakuhin_list table{
 margin: 0px auto 20px;
 border-collapse: collapse;
 text-align: left;
 }

#sakuhin_list table caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

#sakuhin_list table th{
 padding: 10px 8px;
 border: 1px solid #000000;
 background-color: #CCE2EC;
 }

#sakuhin_list table td{
 padding: 3px 8px;
 border: 1px solid #000000;
 table-layout: fixed;
 }

#sakuhin_list table td p{
 margin: 6px 0px;
 }

/****************************************

	DATA_KAKUNIN

*****************************************/

#data_kakunin{
	width: 1380px;
	padding:20px;
	margin: 0 auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

#data_kakunin table{
 margin: 0px auto 20px;
 border-collapse: collapse;
 text-align: left;
 }

#data_kakunin table caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

#data_kakunin table th{
 padding: 10px 8px;
 border: 1px solid #000000;
 background-color: #CCE2EC;
 }

#data_kakunin table td{
 padding: 3px 8px;
 border: 1px solid #000000;
 }

#data_kakunin table td p{
 margin: 0px;
 }


/****************************************

          REPORT LIST

*****************************************/

#report_list{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

#report_list table{
 margin: 0px auto 20px;
 border-collapse: collapse;
 text-align: left;
 width: 100%;
 }

#report_list table caption{
 text-align: left;
 font-weight: bold;
 padding: 8px 0px;
 }

#report_list table th{
 padding: 8px;
 border: 1px solid #000000;
 background-color: #CCE2EC;
 text-align: center;
 }

#report_list table td{
 padding: 8px;
 border: 1px solid #000000;
 text-align: center;
 }

#report_list table td.gray{
 background-color: #dcdcdc;
 }

#report_list table td.pink{
 background-color: #ffb6c1;
 }

#report_list table td.white{
 background-color: transparent;
 }

#report_list table td.yellow{
 background-color: #FFCC66;
 }


#report_list table tr.white{
 background-color: transparent;
 }

#report_list table tr.yellow{
 background-color: #FFCC66;
 }


#report_list div#header{
 width: 100%;
 margin-bottom: 20px;
}

div#header_left{
 width: 430px;
 float: left;
}

div#header_right{
 width: 460px;
 float: right;
}

h1 span#title{
 font-size: 14px;
 font-weight: bold;
 padding: 0px 10px 0px 3px;
 color: #030303;
 border-bottom: 2px solid #030303;
 }

h2{
 font-size: 18px;
 font-weight: bold;
 color: #030303;
 text-align: left;
 padding: 20px 0;
 }


div#msg{
 width: 100%;
 margin-bottom: 40px;
 }

div#msg h2{
 padding: 16px 0px;
 }

div#msg h2.b0{
 border: 2px solid #db7093;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 color: #db7093;
 }

div#msg h2.b1{
 border: 2px solid #87ceeb;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 color: #87ceeb;
 }

div#msg h2.b3{
 border: 2px solid #3cb371;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 color: #3cb371;
 }

div#msg h2.b4{
 border: 2px solid #dc143c;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 color: #dc143c;
 }

div#msg h2.b_green{
 border: 2px solid #228b22;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 color: #228b22;
 }


.button {
	display: block;
	height: 54px;
	width: 200px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #ffffff;
	border: 2px solid #228b22;
	color: #228b22;
	float: right;
}

.button:hover {
	background-color: #228b22;
	border-color: #228b22;
	color: #ffffff;
}

.button_pdf {
	display: block;
	height: 54px;
	width: 160px;
	margin-right:16px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #ffffff;
	border: 2px solid #cd5c5c;
	color: #cd5c5c;
	float: right;
}

.button_pdf:hover {
	background-color: #cd5c5c;
	border-color: #cd5c5c;
	color: #ffffff;
}


#report_list div#listnavi{
 width: 100%;
 margin-bottom: 20px;
}

#report_list div#listnavi p{
 margin: 0;
 padding: 0;
 font-weight: bold;
 }

#report_list td.message{
 padding:22px;
 text-align:left;
}

/***************************************/

#report_list h3{
 font-size: 16px;
 font-weight: bold;
 color: #030303;
 text-align: left;
 margin: 0px 0 20px;
 }

#report_list h4{
 font-size: 14px;
 font-weight: normal;
 color: #030303;
 text-align: left;
 margin: 14px 0;
 }

/***合計額*******************************/

#report_list table#total{
 margin: 0px auto 10px;
 border-collapse: collapse;
 text-align: left;
 width: 100%;
 }

#report_list table#total td{
 padding: 8px;
 border: 1px solid #000000;
 text-align: center;
 }

#report_list table#total td#gokei{
	background-color: #8fbc8f;
 }

div#header_right p#annotation{
 font-size: 13px;
 line-height: 140%;
 text-align: left;
 }

/****************************************

 NEW MESSAGE

*****************************************/

#new_message{
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	margin: 0px auto 30px;
}



/****************************************

          TOP MESSAGE

*****************************************/

#top_message{
 float: right;
 width: 550px;
 padding: 6px 12px;
 border: 2px solid #030303;
 background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#top_message h3,p{
 margin: 6px 0;
 color: #030303;
}

#top_message h3{
 font-size: 14px;
 font-weight: bold;
 }

/****************************************

          MESSAGE LIST

*****************************************/

#message_list{
	float:none;
	margin:0px auto;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

#message_list table{
 margin: 0px auto 20px;
 border-collapse: collapse;
 text-align: left;
 width: 100%;
 }

#message_list table caption{
 text-align: left;
 font-weight: bold;
 padding: 8px 0px;
 }

#message_list table th{
 padding: 8px;
 border: 1px solid #000000;
 background-color: #FFDF7D;
 text-align: center;
 }

#message_list table tr.midoku{
 background-color: #FFFFFF;
 font-weight: bold;
 }

#message_list table tr.kidoku{
 background-color: #E5E5E5;
 font-weight: normal;
 }

#message_list table td{
 padding: 8px;
 border: 1px solid #000000;
 text-align: center;
 }

#message_list table td.gray{
 background-color: #dcdcdc;
 }

#message_list td.message{
 padding:22px;
 text-align:left;
}

/*** 返信メッセ―ジ リスト ***/

#message_list table.comment{
 margin: 16px auto;
 border-collapse: collapse;
 text-align: left;
 width: 100%;
 }

#message_list table.comment th{
 padding: 8px;
 border: 1px solid #000000;
 background-color: #ffc0cb;
 text-align: center;
 }

#message_list table.comment th.white{
 background-color: #ffffff;
 text-align: center;
 }

#message_list table.comment td{
 padding:22px;
 text-align:left;
}

/*** 送信後のメッセ―ジ ***/

#message_list h3.good{
 border: 2px solid #db7093;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 padding: 8px 0px;
 color: #db7093;
 }



/*** 返信用フォーム ***********************/
 
#message_list #comment-title{
  font-size: 16px;
  color: #030303;
  font-weight: bold;
  padding-top: 20px;
  /* border-top: 1px solid #030303; */
  margin: 20px 0px 8px;
  text-align: left;
  }
 
#message_list input[type="text"] {
  width: 400px;
  padding: 8px;
  font-size: 14px;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }


#message_list .submit{
  text-align: left;
  }


#message_list .submit input{
	border:solid 2px #030303;
	background-color: #ffffff;
	padding:12px 30px 10px;
	margin:10px 0;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#030303;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#message_list .submit input:hover{
  border:solid 2px #030303;
  background-color: #3cb371;
  color:#ffffff;
}

#message_list textarea#comment{
  width: 900px;
  padding: 10px;
  font-size: 14px;
  line-height: 140%;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }


/****************************************

          mail_list

*****************************************/

#mail_list{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	text-align: left;
}
 
#mail_list .form-title{
  font-size: 20px;
  color: #030303;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 2px solid #030303;
  margin-bottom: 20px;
  text-align: left;
  }
 
#mail_list .mail,.pass{
  margin-bottom: 20px;
  }
 
#mail_list input[type="text"],input[type="email"] {
  width: 300px;
  padding: 6px;
  font-size: 20px;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
     
#mail_list .submit{
  text-align: left;
  }
 
/* font */
#mail_list p{
  color: #030303;
  font-weight: bold;
  }

#mail_list .submit input{
	border:solid 2px #030303;
	background-color: #ffffff;
	padding:12px 30px 10px;
	margin:20px 0;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#030303;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#mail_list .submit input:hover{
  border:solid 2px #030303;
  background-color: #3cb371;
  color:#ffffff;
}

#mail_list table{
 margin: 20px 0px;
 border-collapse: collapse;
 text-align: left;
 }

#mail_list table caption{
 text-align: left;
 font-weight: bold;
 padding: 10px 0px;
 }

#mail_list table th{
 padding: 10px 0;
 border-top: 2px solid #000000;
 border-bottom: 2px solid #000000;
 table-layout: fixed;
 }

#mail_list table td{
 padding: 10px 0px;
 border-bottom: 1px solid #000000;
 table-layout: fixed;

 }
 
#mail_list #q_mail {
	display: block;
	padding: 20px;
	width:300px;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #ffffff;
	border: 2px solid #228b22;
	color: #228b22;
}

#mail_list #q_mail:hover {
	background-color: #228b22;
	border-color: #228b22;
	color: #ffffff;
}

/****************************************

	タイトル別・著者別　データ一覧

*****************************************/

#ichiran{
	width: 1380px;
	padding: 20px;
	margin: 0 auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	overflow:scroll;
}

#ichiran table{
 margin: 0px auto 20px;
 border-collapse: collapse;
 text-align: left;
 }

#ichiran table caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

#ichiran table th{
 padding: 10px 8px;
 border: 1px solid #000000;
 background-color: #CCE2EC;
 }

#ichiran table td{
 padding: 3px 8px;
 border: 1px solid #000000;
 }

#ichiran table td.lightgreen{
  background-color: #90ee90;
 }

#ichiran table td p{
 margin: 0px;
 }
 
/** 一覧のテーブル ****************************************/

#ichiran_index{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

table.ichiran01{
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #0099CC;
}

table.ichiran01 caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

table.ichiran01 th{
	padding: 10px 30px;
	font-weight: bold;
	text-align: left;
	background-color: #CCE2EC;
	border: 1px solid #0099CC;
}
table.ichiran01 td {
	padding: 10px;
	text-align: center;
	border: 1px solid #0099CC;
}


table.ichiran02{
	margin-top: 40px;
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #0099CC;
}

table.ichiran02 caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

table.ichiran02 th{
	padding: 10px 20px;
	font-weight: bold;
	text-align: center;
	background-color: #CCE2EC;
	border: 1px solid #0099CC;
}
table.ichiran02 td {
	padding: 10px 20px;
	text-align: center;
	border: 1px solid #0099CC;
}

table.ichiran02 td.list_access a:link { color: #0000ff;
	text-decoration: none;}

table.ichiran02 td.list_access a:visited { color: #f5f5f5;
	text-decoration: none;}

table.ichiran02 td.list_access a:hover{ color: #ffffff;}

table.ichiran02 td.list_access a:active{ color: #ffffff; }


/******************************/
table.ichiran03{
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #009250;
}

table.ichiran03 caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

table.ichiran03 th{
	padding: 10px 30px;
	font-weight: bold;
	text-align: left;
	background-color: #91DBB9;
	border: 1px solid #009250;
}
table.ichiran03 td {
	padding: 10px;
	text-align: center;
	border: 1px solid #009250;
}

/***************************/
table.ichiran04{
	margin-top: 40px;
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #009250;
	}

table.ichiran04 caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

table.ichiran04 th{
	padding: 10px 20px;
	font-weight: bold;
	text-align: center;
	background-color: #91DBB9;
	border: 1px solid #009250;
}

table.ichiran04 td {
	padding: 10px 20px;
	text-align: center;
	border: 1px solid #009250;
}

table.ichiran04 td.list_access a:link { color: #0000ff;
	text-decoration: none;}

table.ichiran04 td.list_access a:visited { color: #f5f5f5;
	text-decoration: none;}

table.ichiran04 td.list_access a:hover{ color: #ffffff;}

table.ichiran04 td.list_access a:active{ color: #ffffff; }


/***************************/
table.ichiran05{
	margin-top: 40px;
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #A52175;
	}

table.ichiran05 caption{
 text-align: left;
 font-weight: bold;
 padding: 16px 0px;
 }

table.ichiran05 th{
	padding: 10px 20px;
	font-weight: bold;
	text-align: center;
	background-color: #E1A5CB;
	border: 1px solid #A52175;
}

table.ichiran05 td {
	padding: 10px 20px;
	text-align: center;
	border: 1px solid #A52175;
}

/****************************************

年月別支払いリスト

*****************************************/
#report_list table.ymdlist_table{
 width: 98%;
 margin: 20px auto 40px;
 border-collapse: collapse;
 text-align: left;
 }

#report_list table.ymdlist_table caption{
 text-align: left;
 font-weight: bold;
 padding: 10px 0px;
 font-size: 16px;
 }

#report_list table.ymdlist_table th{
 padding: 10px 6px;
 border-top: 2px solid #000000;
 border-bottom: 2px solid #000000;
 border-left: none;
 border-right: none;
 table-layout: fixed;
 }

#report_list table.ymdlist_table td{
 padding: 10px 6px;
 border-bottom: 1px solid #000000;
 border-left: none;
 border-right: none;
 table-layout: fixed;
 }

#report_list table.ymdlist_table tr.su{
 background-color: #E2EFDB;
 }

#report_list table.ymdlist_table tr.asu{
 background-color: #8FBC8F;
 border-bottom: solid 3px #000;
 border-top: solid 3px #000;
 border-left: none;
 border-right: none;
 font-weight: bold;
 }

#report_list table.ymdlist_table tr{ cursor:pointer;}

#report_list table.ymdlist_table tr:hover{
 color: #000000;
 background-color: #FFCCCC;
}

ul#year_list{
 width: 98%;
 margin: 10px auto;
}

ul#year_list li{
 float: left;
 margin-right: 30px;
}

/****************************************

 1040pxの枠

*****************************************/

#waku_1040{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

h2.help_h2{
  font-size: 20px;
  color: #030303;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 2px solid #030303;
  margin-bottom: 20px;
  text-align: left;
  }

p.help_p{
  color: #030303;
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  margin-top:40px;
  }


/****************************************

 TOPの枠

*****************************************/

#admin_top_waku{
	float: right;
	width: 1040px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
}

/*** 管理画面の返信用フォーム ***********************/

#report_list h3.good{
 border: 2px solid #db7093;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 padding: 8px 0px;
 color: #db7093;
 }

#report_list #comment-title{
  font-size: 16px;
  color: #030303;
  font-weight: bold;
  padding-top: 20px;
  /* border-top: 1px solid #030303; */
  margin: 20px 0px 8px;
  text-align: left;
  }
 
#report_list input[type="text"] {
  width: 400px;
  padding: 8px;
  font-size: 14px;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }


#report_list .submit{
  text-align: left;
  }


#report_list .submit input{
	border:solid 2px #030303;
	background-color: #ffffff;
	padding:12px 30px 10px;
	margin:10px 0;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#030303;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#report_list .submit input:hover{
  border:solid 2px #030303;
  background-color: #3cb371;
  color:#ffffff;
}

#report_list textarea#comment{
  width: 900px;
  padding: 10px;
  font-size: 14px;
  line-height: 140%;
  border:solid 2px #030303;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
/****　今のところここが最後 *******/