@charset "shift_jis";
/*____________________________
  # netage BaseTemplateCSS
  # update 2007.03.27
	 ____________________________*/
	 
/*--------------------------------
全レイアウト共通
-----------------------------------*/

h1{
/*margin:0px 10px 10px;*/
/*padding:10px 0px 0px 0px;*/
color:#ff0000;/*赤*/
}

h2{
color:#99cc00;
margin:0px 10px 10px 30px;
padding:10px 0px 0px 0px;
font-weight:bold;
}

h3{
margin:0px 10px 10px;
padding:10px 0px 0px 0px;
color:#333;
border-bottom:1px solid #99cc00;
}

h4{
margin:0px 10px 10px;
padding:10px 0px 0px 10px;
color:#666;/*グレー*/
}

.time{
font-size:80%;
color:#666;/*グレー*/
}

p{
margin:0px 10px 10px;
}

.center{
text-align:center;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.important{/*必須*/
color:#FF6600;
}

.error{/*エラー*/
color:#FF0000;
font-size:80%;
}

.info{/*いんふぉ*/
color:#FF0000;
}


.message{/*メッセージ*/
color:#333;
font-size:80%;
}

.message_area{
padding:0px 10px;
}

.clear{/*クリア*/
clear:both;
}
/*--------------------------------
フォームの指定
-----------------------------------*/

/* 初期値が日本語入力モードになります。 */
.txtmode_all {ime-mode: active;}
/* 初期値が英数字入力モードになります。 */
.txtmode_half {ime-mode: inactive;}

/*--------------------------------
ぼっくす指定
-----------------------------------*/
.box{
margin:10px 10px 0px 10px;
padding:5px;
background-color:#fff;
}

.box ul{
padding-left:0px;
}

.ds { list-style-type: disc } 

/*list-style-position: outside; */
     /* 黒まる2行目揃える */
 
ul .cc { list-style-type: circle; }      /* 白まる */
ul .sq { list-style-type: square; }      /* 四角 */
ul .dc { list-style-type: decimal; }     /* 数字 */
ul .lr { list-style-type: lower-roman; } /* ローマ数字小文字 */
ul .ur { list-style-type: upper-roman; } /* ローマ数字大文字 */
ul .la { list-style-type: lower-alpha; } /* アルファベット小文字 */
ul .ua { list-style-type: upper-alpha; } /* アルファベット大文字 */
ul .nn { list-style-type: none; }        /* マークなし */

.box_all{
padding:10px;
background-color:#009933;
clear:both;
}
.box_l{
width:30%;
_width:25%;/*ie6*/
float:left;
background-color:#EEF9D5;
}

.box_c{
width:30%;
_width:25%;/*ie6*/
float:left;
background-color:#ff9900;
}

.box_r{
width:30%;
_width:25%;/*ie6*/
text-align:right;
background-color:#888;
}
/*--------------------------------
テーブルの指定
見出しが左部、縦に展開する場合
-----------------------------------*/
table.regular{/*ここにpaddingは設定しない*/
margin:10px 50px 50px 50px;
border-collapse:collapse;
border:1px solid #666699;
}

table.regular th{
width:30%;
padding:5px 10px;
text-align:right;
color: #ffffff; /* 文字の色 */
background-color: #99cc99; /* 背景の色 */
border-bottom:1px dashed #666699;
}

table.regular td{
padding:5px 10px;
background-color:#fff;
border-bottom:1px dashed #330099;
}

table.regular .button_area{
padding:10px;
text-align:center;
background-color:#9999cc;
}

/*--------------------------------
テーブルの指定
見出しが上部、横に展開する場合
-----------------------------------*/

table.width_table{/*ここにpaddingは設定しない*/
width:90%;
_width:70%;/*ie62レイアウトの場合と1の場合とサイズを変更*/
margin:10px;
border-collapse:collapse;
float:left;
}

table.width_table th{
width:10%;
padding:5px 10px;
text-align:right;
background-color:#ccc;
border:1px solid #cc6699;
}

table.width_table td{
background-color:#fff;
border:1px solid #330099;
}

.faq_q{
background-image:url(../images/icon_q.gif);
background-repeat: no-repeat; 
background-color:#eee;
}

.pcst_q{
padding-left:25px;
vertical-align:top;
font-weight:bold;
}

.faq_a{
background-image:url(../images/icon_a.gif);
background-repeat: no-repeat;
vertical-align:top; 
}

.pcst_a{
padding-left:25px;
vertical-align:top; 
}

div#static {
text-align:left;
}

div#static h3{
font-size:100%;
font-weight:bold;
padding:5px 10px;
}

div#static p{
padding:0px 0px 20px 40px;
background-color:#fff;
border-bottom:1px dashe #ccc;
}

div.right a{
font-size:70%;
padding:0px 30px 30px 0px;
}