@charset "utf-8";

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ページサイド*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*下層スタイル*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.icon_ring {
	background: url("../img/ring_orange.gif") no-repeat left center;
	padding-left: 15px;
}
.notice {
	color: #b40909;
	font-weight: bold;
}
.pd10 {
	padding: 0 10px;
}
.inr {
	padding: 0 10px;
	margin-bottom: 20px;
}
.border_box {
	border: 1px solid #c1c1c1;
	padding: 10px;
}


.grad_box {
	background: url("../img/long_grad.gif") repeat-x left top;
	border: 1px solid #bfbfbf;
	padding: 10px;
	margin-bottom: 10px;
}
/*リスト*/
.p_cont ol {
	margin-left: 20px;
	padding-left: 15px;
	margin-bottom: 1em;
}
.p_cont ol li {
	list-style-type: decimal;
}

.p_cont ul {
	margin-left: 10px;
	padding-left: 15px;
	margin-bottom: 1em;
}
.p_cont ul li {
	list-style: url("../img/ring_orange.gif");
}

/*幅指定無しfloat*/
dl.free {
	margin-bottom: 15px;
}
dl.free dt {
	float: left;
	clear: both;
	margin-right: 10px;
	_margin-right: 5px; /*for ie6*/
}
dl.free dd {
	overflow:hidden;
	zoom:1;
}
/*幅指定無しfloat右*/
dl.free2 {
	margin-bottom: 10px;
}
dl.free2 dt {
	float: right;
	clear: both;
	margin-left: 10px;
}
dl.free2 dd {
	overflow:hidden;
	zoom:1;
}

/*横並びimg*/

.p_cont ul.list_img2 {
	padding: 0;
	margin: 0 0 10px 0;

}
.p_cont ul.list_img2 li {
	width: 50%;
	float: left;
	list-style: none;
	text-align: center;
}

.p_cont ul.list_img3 {
	padding: 0;
	margin: 0 0 10px 0;

}
.p_cont ul.list_img3 li {
	width: 33.3%;
	float: left;
	list-style: none;
	text-align: center;
	margin-bottom: 10px;
}


.p_cont ul.list_img4 {
	padding: 0;
	margin: 0 0 10px 0;

}
.p_cont ul.list_img4 li {
	width: 25%;
	float: left;
	list-style: none;
	text-align: center;
	margin-bottom: 10px;
}





/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*見出し*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*画像見出し*/
h2.h2_img {
	height: 50px;
	width: 680px;
	text-indent: -10000px;
	margin-bottom: 15px;
	border: none;
}
.p_cont {
}

.p_cont h1 {
}

.p_cont h2 {
	padding: 15px;
	background: url("../img/grad_green.gif") repeat-x left bottom #218811;
	color: #ffffff;
	font-size: 150%;
	font-weight: normal;
	border: 1px solid #166f09;
	margin-bottom: 20px;
}
.p_cont h3 {
	background: url("../img/ring_orange_b.gif") no-repeat left 8px;
	padding: 5px 5px 10px 20px;
	border-bottom: 1px dotted #a2a2a2;
	font-size: 133.3%;
	font-weight: normal;
	margin-bottom: 15px;
}

.p_cont h4 {
	background: #f1ecdd;
	padding: 10px;
	margin-bottom: 10px;
}
.p_cont h5 {
	background: url("../img/ring_orange.gif") no-repeat left 8px;
	padding: 5px 5px 10px 20px;
	font-weight: normal;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*テーブル*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.p_cont table {
	width: 100%;
	margin-bottom: 15px;
}
.p_cont table th, .p_cont table td{
	border-collapse: separate;
	border: 1px dotted #d1d1d1;
	padding: 5px;
}
.p_cont table th {
	background: url("../img/dot_blue.gif") repeat left bottom;
}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*エラーメッセージ*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.form-error {
    border: 1px solid red;
}

dd.login_pass #flashMessage,
.error-message {
    color: red;
    margin-left: 180px;
}

#authMessage,
#flashMessage {
    color: red;
}

span.description {
    color: #007C7C;
    font-size: 85%;
}

.text_red {
    color: red;
}

.hissu {
    background: url("../img/ring_orange.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 15px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ページング*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#page span {
    margin: 0 10px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フォームのサイズ*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
input.form_ss {
    width: 5%;
}

input.form_s {
    width: 10%;
}

input.form_m {
    width: 30%;
}

input.form_l {
    width: 40%;
}

input.form_xl {
    width: 50%;
}

textarea.form_m {
    width: 30%;
}

textarea.form_l {
    width: 40%;
}

textarea.form_xl_s {
    width: 45%;
}

textarea.form_xl {
    width: 50%;
}

textarea, input, select, button {
    margin-left: 10px;
    margin-right: 10px;
    padding: 2px;
}

input.pass_conf {
    margin: 0;
    border: none;
    background: none;
}