@charset "UTF-8";

  /**
   * デフォルトフォーム用 CSS
   * 
   * @author  HAKKO Development Co.,Ltd. az'Ciel division (H.N)
   * @version 2010.03.21
   * 
   */

/**
//=========================================//
//---------------都道府県選択--------------//
//=========================================//
*/

select#pref optgroup {

    font-style      : normal;
    font-weight     : bold;
    color           : #666;
    padding         : 4px 0px 2px 2px;
    border-top      : 1px dotted #666;
}

select#pref option {

    font-style      : normal;
    font-weight     : normal;
    color           : #333;
    padding         : 0px 0px 0px 16px; 
}

/**
//=========================================//
//-------------フォームテーブル------------//
//=========================================//
*/

table.form {
	
	width             : 98%;
	margin            : 16px 8px;
	border-top        : 2px dotted #C4E2B3;
	border-collapse   : separate;
}

table.form tr th,
table.form tr td {
		
		font-weight     : normal;
    border-bottom   : 2px dotted #C4E2B3;
		padding         : 4px 0;
		text-align      : left;
}


table.form th {
		
	width             : 160px;
	vertical-align    : top;
}

table.form th.sideHead {
		
	color             : #487a2e;
	font-weight       : bold;
}


ul#inquiryInfo {
	
	margin            : 8px 8px 8px 24px;
	list-style        : circle;
}

ul#inquiryInfo li {
	
	margin            : 3px 0;
	line-height       : 110%;
}

span.en {
	
	font-weight       : bold;
	color             : #999;
}

div.note {
	
	margin            : 0 0 0 12px;
}

/**
//=========================================//
//-----------ラジオボタン整形--------------//
//=========================================//
*/

td div.radio {
  
    margin          : 3px 0px;
}

td div.radio input,
td div.radio label {
  
	margin            : 3px 4px 3px 0px;
	cursor            : pointer;
	vertical-align    : middle;
	white-space       : nowrap;
}

/**
//=========================================//
//-------------フォームエラー--------------//
//=========================================//
*/

table.form input,
table.form select,
table.form textarea {

    margin          : 1px 0px;
    padding         : 2px;
}
table.form select {

    padding         : 0;
}

div.err input,
div.err select,
div.err textarea {

    border          : 1px solid #F00 !important;
    background-color: #FEE;
    margin          : 1px 0px;
    padding         : 2px;
}
div.err select {

    padding         : 0;
}

/*
td.parallel div.err,
td.parallel div.notErr {

    float           : left;
    margin          : 0px 6px 0px 0px;
}

*/
td.parallel div {

    float           : left;
    margin          : 0px 6px 0px 0px;
}


div.err .err_str {

    color           : #F00;
    line-height     : 150%;
}

div.error {

    font-size       : 1.0em;
    text-align      : center;
    border          : 1px solid #F00;
    margin          : 16px auto;
    padding         : 4px 0px;
    color           : #F00;
    background-color: #FEE;
    clear           : both;
    width           : 554px;
}

* html div.error {


    margin          : 0 0 0 52px;
    width           : 554px;
}


div.err p {

    margin          : 0 !important;
}

/**
//=========================================//
//----------------フォーム-----------------//
//=========================================//
*/

#mainCol input.zip {

    width           : 64px;
}

#mainCol input.p96 {

    width           : 96%;
}

#mainCol input.w16 {

    width           : 16px;
}

#mainCol input.w32 {

    width           : 32px;
}

#mainCol input.w64 {

    width           : 64px;
}

#mainCol input.w128 {

    width           : 128px;
}

#mainCol input.w160 {

    width           : 160px;
}

#mainCol input.w192 {

    width           : 192px;
}

#mainCol input.w256 {

    width           : 256px;
}

#mainCol input.w320 {

    width           : 320px;
}

div.editForm img {

    margin          : 2px 4px;
    vertical-align  : middle;
}

#mainCol div.radio {

    margin          : 3px 0px;
}

#mainCol div.radio input {

    margin          : 3px 3px;
    cursor          : pointer;
    vertical-align  : middle;
    white-space     : nowrap;
}

#mainCol div.radio label {
  
	white-space     : nowrap;
}

/*IE8*/
html>/**/body div.radio label {  

	display /*\**/: block\9;
	float: left\9;  
} 

/*ボタン*/
div.btn {
	
	padding           : 12px 0;
	text-align        : center;
}

#mainCol p.note {
	
	font-size         : 0.9em;
	margin            : 2px 0;
	color             : #666;
}

div.note span.required,
#mainCol td span.required,
#mainCol th span.required {
	
	color             : #F00;
	margin            : 0 2px;
	font-size         : 0.83em;
	font-weight       : normal;
}

#mainCol textarea.p96 {
	
    width           : 96%;
		height          : 128px;
}

#mainCol p.prohibited {
	
	margin: 0 0 0 1.5em;
	color : #F00;
}

/**
//=========================================//
//----------------画像ボタン---------------//
//=========================================//
*/

ul.btn img {

    cursor          : pointer;
}

div.formConfirm {
	
	margin            : 12px;
	
}

div.btn input {
	cursor            : pointer;
	margin            : 10px 0;
	padding           : 4px 0;
	width             : 160px;
}

/**
//=========================================//
//----------------ログイン-----------------//
//=========================================//
*/

* html form {
	
	text-align : center;
}

div.pwdError, 
div.loginError {

    width           : 378px;
    font-size       : 1.1em;
    text-align      : center;
    border          : 1px solid #F00;
    padding         : 4px 0px;
    margin          : 12px auto 2px auto;
    color           : #F00;
    background-color: #FEE;
}

div.notice {

    width           : 378px;
    font-size       : 1.1em;
    text-align      : center;
    padding         : 4px 0px;
    margin          : 12px auto 2px auto;
    color           : #333;
}

div.pwdForm table,
div.loginForm table {
    width          : 380px;
    border         : 1px solid #82B9B4;
    margin         : 8px auto;
}

div.pwdForm tr,
div.loginForm tr {

    color           : #333;
}

div.pwdForm th,
div.pwdForm td,
div.loginForm th,
div.loginForm td {

    vertical-align  : middle;
    padding         : 4px;
}

div.pwdForm th,
div.loginForm th {

    font-weight     : bold;
		color           : #666;
    width           : 80px;
    padding         : 4px;
    white-space     : nowrap;
    text-align      : left;
    vertical-align  : top;
}

div.pwdForm th.sideHead,
div.loginForm th.sideHead {

    text-align      : right;
    padding         : 12px 12px;
    width           : 120px;    
}

div.pwdForm th.bottomHead,
div.loginForm th.bottomHead {

    text-align      : center;
    padding         : 12px 0px;
}

div.pwdForm td,
div.loginForm td {
    padding         : 10px 4px;  
}

div.pwdForm input.textBox,
div.loginForm input.textBox {
  
    width           : 192px;
}

/*ログインボタン*/
div.pwdForm input.btn,
div.loginForm input.btn {

    width           : 100px;
    height          : 28px;
    cursor          : pointer;
    padding         : 1px 0px 0px 0px;
}

* html div.loginForm input.btn {

		margin          : 0 0 0 148px;
}

* html div.pwdForm input.btn {

		margin          : 0 0 0 148px;
}

*:first-child+html div.loginForm input.btn {

		margin          : 0 0 0 148px;
}

*:first-child+html div.pwdForm input.btn {

		margin          : 0 0 0 148px;
}


div.loginMsg {

    width           : 360px;
    text-align      : left;
    color           : #666;
    border          : 1px solid #FFF;
    margin          : 1px 0px;
    padding         : 0px;
    
    
}

div.logout {

    text-align      : center;
    margin          : 16px 0px;
}

div.loginForm div.radio {
  
    margin          : 8px 0px;
    line-height     : 140%;
    color           : #666;
}

div.loginForm div.radio input,
div.loginForm div.radio label {
  
    margin          : 3px 0px;
    cursor          : pointer;
    vertical-align  : middle;
    white-space     : nowrap;
}

div.loginNotice {

    width           : 360px;
    font-size       : 1.1em;
    text-align      : center;
    border          : 1px solid #00F;
    padding         : 4px 0px;
    margin          : 4px 0px;
    color           : #00F;
    background-color: #EEF;
    clear           : both;
}

div.loginform input#autologin {

	width             : auto;
} 


div.loginform div.autologin {

	padding            : 4px 0;
} 


/*下部説明書き*/
#helpDescription {

/*
	  border-radius         : 4px;
	  -moz-border-radius    : 4px;
	  -webkit-border-radius : 4px;
    background-color      : #FFFFEE;
    border                : 1px solid #CCCCCC;

*/
    color                 : #666;
    margin                : 12px auto;
    width                 : 520px;
		clear                 : both;
}

* html #helpDescription {

    color                 : #666;
    margin                : 12px 0 12px 88px;
    width                 : 520px;
		clear                 : both;
}


div.helpSpace {

    padding         : 8px;
}

#helpDescription li {

    font-size       : 0.9em;
    text-indent     : -1em;
    list-style      : none;
    line-height     : 128%;
    margin          : 3px 12px 3px 10px;
}

#helpDescription li img {

    margin          : 0px 4px 2px 2px;
}

/**
//=========================================//
//-----------------------------------------//
//=========================================//
*/

div.event-info {
	
	border            : #ccc solid 1px;
	margin            : 0;
	padding           : 12px;
}

* html div.event-info {
	
	border            : #ccc solid 1px;
	margin            : 0 0 0 24px;
	padding           : 12px;
	width             : 552px;
}


table.event-info {
	
	margin            : 0;
	padding           : 12px;
	width             : 480px;
}

table.event-info tbody{
	
	padding           : 4px;
	margin            : 4px;
}

table.event-info th {
	
	text-justify      : distribute-all-lines;
	vertical-align    : top;
	text-align        : right;
	font-weight       : normal;
	white-space       : nowrap;
	padding           : 2px;
	width             : 16%;
}

table.event-info td {
	
	vertical-align    : top;
	padding           : 2px;
}
table.event-info td.colon {
	
	text-align        : center;
	width             : 24px;
}


table.event-info-list {
	
	/*
border    : 1px solid #ccc;
*/
	text-align        : left;
	width             : 480px;
}

table.event-info-list tbody{
	
	padding           : 2px;
}

table.event-info-list th {
	
	text-justify      : distribute-all-lines;
	vertical-align    : top;
	text-align        : right;
	font-weight       : normal;
	white-space       : nowrap;
	padding           : 0;
	width             : 64px;
}

table.event-info-list td {
	
	vertical-align    : top;
	padding           : 0;
}
table.event-info-list td.colon {
	
	text-align        : center;
	width             : 24px;
}

div.document p.summary {
	
	margin            : 8px 8px 0 12px !important;
	
}

input#login {
	
	background : url('../images/layout/login.png') no-repeat left top;
	border          : 0px;
	width           : 53px;
	height          : 15px;
	cursor          : pointer;
	margin          : 0 12px;
}
span.new {
	
	color           : #F00;
	font-weight     : bold;
	font-style      : italic;
	font-size       : 1.1em;
}

a.read-all {
	
	white-space     : nowrap;
}