@charset "utf-8";

body {
	font-size: 100%; /* IE */
}

html>/**/body {
	font-size: 13px; /* Except IE */
}

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

html {
}

body,div,p,img,br,form,span,tr,td,th,ul,li,dl,dd,dt,h1,h2,h3,h4,h5 {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	border: 0px;
}

body {
	font-size: 12px;
	font-weight: normal;
/*	background-image: url("../img/bg_body.gif");*/
	padding-left: 10px;
	padding-right: 10px;
}

input, select, textarea {
	font-size: 100%;
	padding: 2px;
}

input[type=checkbox] {
	margin: 4px;
}

input[type=text] {
	margin-right: 4px;
}

#header,
#contents,
#footer {
/*	background-color: #eeeeee;	*/
	clear: both;
	width: 900px;
	margin: 10px auto 10px 10px;
	text-align: left;
}

#footer {
	border-top: 1px dotted #ccc;
	padding-top: 5px;
	margin-top: 15px;
	text-align: left;
}

#copyright {
	color: #202CAF;
	font-size: 120%;
	float: right;
/*	line-height: 2em; */
	vertical-align: top;
}

.sub_menu {
	float: left;
	width: 100%;
	text-align: center;
	vertical-align: bottom;
	margin: 4px 0 10px;
}

.sub_menu li {
	float: left;
	margin-right: 6px;
	width: 150px;
}

#block {
	clear: both;
	width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

a:link,
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #2222ff;
	text-decoration: none;
}

/* 送信制限 */
table#limit {
	width:auto;
	clear:both;
	border-top:1px solid #000066;
	border-left:1px solid #000066;
	border-collapse:collapse;
	border-spacing:none;
}

table#limit th {
	background-color:#DFE8FF;
}

table#limit th,
table#limit td {
	border-bottom:1px solid #000066;
	border-right:1px solid #000066;
	padding:2px;
}

table#limit td {
	text-align:center;
}


table.send_form {
	border-left: 4px solid #000066;
	border-top: 1px solid #000066;
	border-collapse: collapse;
	width: 603px;
}

table.send_form th,
table.send_form td {
	border: none;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	padding: 4px;
	vertical-align: middle;
}

table.send_form th {
	background-color: #ffffff;
	font-weight: normal;
}

table.send_form td {
	text-align: left;
}

/**************************
 * メール送信フォーム
 **************************/
table.send_form {
	margin: 4px 0;
}

.bottom_border {
	border-bottom: 1px solid #000066;
}

table.send_form th {
	width: 130px;
}


table.send_form th.hissu, 
table.send_form td.hissu {
	background-image:url("../img/mark.gif");
	background-repeat:no-repeat;
	background-position: top right;
}

table.send_form th.light_border, 
table.send_form td.light_border {
	border-bottom: 1px dotted #cccccc;
}

#form_send h3 {
	margin-top: 10px;
}

#form_send div.button {
	margin: 10px 0;
	text-align: center;
	width: 603px;
}

/**************************
 * メール送信履歴
 **************************/
div#history {
	clear: both;
}

#history h3 {
	margin-top: 10px;
}

table.list {
	clear: both;
	width: 100%;
	border: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 10px;
}

table.list th,
table.list td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.list th {
	background-color: #eee;
	text-align: center;
	line-height: 2em;
}

table.list td {
	padding: 4px;
}

div#history_header {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 140%;
	margin: 10px 0;
	padding: 4px 0;
}

table.detail {
	width: 600px;
	margin-bottom: 10px;
}

table.detail th,
table.detail td {
	line-height: 1.5em;
}

table.detail th {
	background-color: #eee;
}

p#detail_comment {
	width: 350px;
	float: left;
}

p#detail_delete {
	float: left;
}

p#goto_list {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	clear: both;
	padding-top: 10px;
}

/**************************
 * メール送信履歴
 **************************/
.download table#login {
	margin-bottom: 10px;
	width: 300px;
	border: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.download table#login th,
.download table#login td {
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.download h3 {
	margin-top: 10px;
}

.download #subtitle {
	margin-bottom: 20px;
}

.download input[type=submit] {
	margin-left: 110px;
	margin-bottom: 10px;
}

.download .comment {
	line-height: 1.5em;
}

.download table#file_header,
.download table#file_list {
	border-top: 1px solid #ccc;
}

.download table#file_list {
	border-left: 1px solid #ccc;
}

.download table#file_header th,
.download table#file_header td,
.download table#file_list th,
.download table#file_list td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 6px;
}

.download table#file_header th {
	width: 100px;
	background-color: #eee;
}

.download table#file_list th {
	text-align: center;
	background-color: #e2f1f8;
}


.download table#file_header th#light_border,
.download table#file_header td#light_border {
	border-bottom: 1px dotted #cccc;
}

.clear {
	clear: both;
}

label.error {
	color: #ee0000;
}

div.error { display: none; }
input.error { background-color: #FFCFCF; }

/* Clears
*************************************************/
.clearfix:after {clear: both;	content: ".";display: block;height: 0;visibility: hidden; }.clearfix { min-height: 1px; }.clear {	background: none;	clear: both; }
* html .clearfix { height: 1px; /*\*/ /*/
  height: auto;  overflow: hidden;  /**/ }
/*
*************************************************/

caption,th {text-align: left; }

q:before,q:after {content: ''; }

object,embed {vertical-align: top; }

legend {display: none; }

img,abbr,acronym,fieldset {border: 0; }

li {
	margin: 0;
	list-style-type: none;
}

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

p {margin:0; }

form {margin:0; }

.indent {text-indent:-2345px; }

.clear {clear:both; }

.center {text-align:center; }

/* font */
.j10{
	/* 10px */
	font-size:86%;
}

/* color */
.body,td,th { color:#333333;}
.red        { color:#990000;}
.red2       { color:#CC0000;}
.blue       { color:#000066;}

/*default*/
a:link   {text-decoration: underline;color:#006699}
a:visited{text-decoration: underline;color:#006699}
a:hover  {text-decoration: none;color:#006699}

/*blue*/
.bn a:link   {text-decoration: underline;color:#006699}
.bn a:visited{text-decoration: underline;color:#006699}
.bn a:hover  {text-decoration: none;color:#006699}

.bn3 a:link   {text-decoration: none;color:#006699}
.bn3 a:visited{text-decoration: none;color:#006699}
.bn3 a:hover  {text-decoration: underline;color:#006699}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
/* for ie */
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%;}
.clearfix{ display: block;}
/* End hide from IE-mac */

/*for IE6 */
* html .imgcenter p {
	display: inline;
}

/*for IE7 */
*:first-child+html .imgcenter p {
	display: inline;
}

h2 dl{
	margin-top:10px;
}

h2 dt{
	width:263px;
	height:20px;
	margin-left:0px;
}

h2 dd{
	padding-top:5px;
	margin-left:0px;
	width:110px;
	height:21px;
}

.rec a:link   {text-decoration: underline;color:#006699}
.rec a:visited{text-decoration: underline;color:#006699}
.rec a:hover  {text-decoration: none;color:#006699}

/*
#MAIN{
	width:980px;
	margin-top:10px;
}
*/

/********************************
 * ログイン関連
 ********************************/
#login_box {
	height:400px;
	width:780px;
	background-image: url("../img/bg_img.gif");
	background-repeat: no-repeat;
	padding: 20px 0;
}

.login_logo {
	margin-left: 30px;
	margin-bottom: 10px;
}

h1.login_title {
	margin-left: 40px;
	margin-bottom: 20px;
}


#error_area {
	color: #ff0000;
	font-size: 140%;
	width: 420px;
}

#elements {
	width: 400px;
	margin: 0 0 10px 30px;
	float: left;
	text-align: left;
}

#elements input[type=submit] {
	margin-top: 10px;
	margin-left: 90px;
}

#login_box_image {
	position: relative;
	top: 30px;
	left:-40px;
}

.messages {
	font-size: 130%;
}

p.messages {
	margin: 20px auto;
	line-height: 1.5em;
}

input.getaddress {
	width: 80px;
	height: 25px;
	background: url('../images/common/btn_getaddress.gif');
	text-indent: -5000px;
	border: none;
	cursor: pointer;
}