@charset "shift_jis";
/*____________________________
  # netage BaseTemplateCSS
  # update 2007.03.26
	 ____________________________*/
	 
/*------------------------------------
↓ブラウザレイアウトの初期化ここから
-------------------------------------*/
html,body,form,fieldset{margin:0px; padding:0px;}
fieldset{border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin:0px; padding:0px;}
blockquote,li,dt,dd{margin-left:1em;}
li{list-style:none;}
input,textarea,select{font-size:1em; margin:5px;}
table{font-size:1em;}
/*------------------------------------
↑初期化ここまで
-------------------------------------*/

body{
font-family:arial,sans-serif,ＭＳ Ｐゴシック, Osaka,ヒラギノ角ゴ Pro W3;
line-height:145%;
letter-spacing:normal;
font-size:80%;
margin:0;
/*padding:0 1px;/*nesce対策*/
width:100%;/*nesce対策*/
}

div#container{
padding:0px;
width:100%;
margin:0 auto;/*左寄せにする場合はこの指定を削除する*/
/*background-color:#ffffcc;/*クリーム色*/
}

div#header{
position:relative;
height:15px;
padding-top:0px;
padding-left:10px;
background:#eee;
}

div#header h1{
position:absolute;
left:10px;
/*top:1px;*/
color:#333;
font-weight:normal;
font-size:90%;/*w_op,w_nn7,w_ff*/
_font-size:70%;/*w_ie6*/
}

/*--------------------------------
▼headerboxをグローバルナビとして
使用する場合はglobalnaviと書き換えて使う
-----------------------------------*/
div#globalnavi{
margin:0px;
padding:2px 0px;
width:100%;
height:33px;
background-image:url(../images/pc_line.gif);
background-repeat: repeat-x; 
}

div#globalnavi ul{
margin:0px;
/*_margin:2px 0px;*/
padding:0px;
}

div#globalnavi li{
text-align:center;
margin:0px;
width:116px;
height:33px;
padding-top:5px;
float:left;
}

div#globalnavi a:link{
text-decoration:underline;
color:#006699;
}

div#globalnavi a:visited{
text-decoration:underline;
color:#333;
}

div#globalnavi a:hover{
text-decoration:none;
/*background-color:#ff3399;/*ピンク*/
color:#333;
}

div#globalnavi a:activ{
text-decoration:none;
color:#fff;
}

div#globalnavi li.activ{
margin-top:5px;
width:116px;
height:33px;
float:left;
background-image:url(../images/tabu.gif);
background-repeat: no-repeat; 
color:#fff;
}


.activ a{
color:#fff;
font-weight:bold;
}

/*HTML内で必ずcenterboxを囲む*/
div#wrapp{
width:100%;
float:left;
/*background-color:#ff3399;/*ピンク*/
}

/*--------------------------------
3列組コンテンツレイアウトセット
-----------------------------------*/
div#content3 div#centerbox{
background-color:#00CC00;/*緑*/
margin: 0px 200px;
}

div#content3 div#leftbox{
margin-left:-100%;
width:200px;
float:left;
background:#b9caff;/*色を指定しているだけなので削除してOK*/
}

div#content3 div#rightbox{
margin-left:-200px;
width:200px;
float:left;
background:#ff8539;/*色を指定しているだけなので削除してOK*/
}

/*中央のボックスの指定*/
div#centerbox p{
margin:10px 10px 0px 10px;
padding:5px;
}

div#centerbox a:link{
text-decoration:underline;
color:#006699;
}

div#centerbox a:visited{
text-decoration:none;
color:#006699;
}

div#centerbox a:hover{
text-decoration:none;
color:#333;
}

div#centerbox a:activ{
text-decoration:none;
color:#666;
}


div#topiamge{
margin:20px 0px 20px 0px;
padding:5px;
text-align:center;
background-color:#fff;
}

.regist{
padding:0px 0px 0px 20%;
text-align:left;

}

.imagearea{
width:495px;
height:297px;
background-image:url(../images/compimage.gif);
background-repeat: no-repeat;
}

.imagearea_erro{
width:571px;
height:283px;
background-image:url(../images/erroimage.gif);
background-repeat: no-repeat;
}

.imagearea_403{
width:571px;
height:283px;
background-image:url(../images/403.gif);
background-repeat: no-repeat;
}

.form_back{
width:462px;
height:102px;
padding-top:20px;
padding-left:25px;
text-align:left;
margin-top:30px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/form_back.gif);
background-repeat: no-repeat;
}

/*.regist{
padding-bottom:80px;
background-color:#000;
}*/

/*--------------------------------
左のボックスの指定
-----------------------------------*/
div#leftbox h4{
margin:10px 10px 0px 10px;
padding:5px;
/*background-color:#99cc00;*/
font-weight:bold;
color:#99cc00;
}

div#leftbox ul{
margin:0px 10px 10px 10px;
/*background-color:#eee;*/
}

div#leftbox li{
paddig-left:5px;
height:24px;
list-style-position: outside;
border-bottom:1px dashed #ccc;
}

div#leftbox a:link{
color:#333;
}

div#leftbox a:visited{
text-decoration:underline;
color:#333;
}

div#leftbox a:hover{
text-decoration:none;
color:#333;
}

div#leftbox a:activ{
text-decoration:none;
color:#666;
}

/*右のボックスの指定*/

div#rightbox h3{
margin:10px 10px 0px 10px;
padding:5px;
background-color:#ccc;
color:#000;
font-weight:bold;
}

div#rightbox ul{
margin:0px 10px 10px 10px;
padding:5px;
background-color:#eee;
}

div#rightbox li{
width:auto;
height:25px;
border-bottom:1px dashed #fff;
}

div#rightbox a:link{
color:#333;
}

div#rightbox a:visited{
text-decoration:underline;
color:#333;
}

div#rightbox a:hover{
text-decoration:none;
color:#ff3399;/*ピンク*/
}

div#rightbox a:activ{
text-decoration:none;
color:#666;
}


/*--------------------------------
2列組コンテンツレイアウトセット(左固定右可変)
-----------------------------------*/

div#content2 div#centerbox{
/*background-color:#00CC00;/*緑*/
margin: 0px 0px 0px 25%;/*左メニューの場合*/
/*margin: 0px 200px 0px 0px;右メニューの場合*/
}

div#content2 div#leftbox{
margin-left:-100%;
width:25%;
float:left;
/*background:#b9caff;/*色を指定しているだけなので削除してOK*/
}

/*
div#content2 div#rightbox{
margin-left:-200px;
width:200px;
float:left;
/*background:#ff8539;/*色を指定しているだけなので削除してOK*/
/*}*/

/*--------------------------------
1列組コンテンツレイアウトセット(中央可変)
-----------------------------------*/
div#content1 div#centerbox{
text-align:center;
/*background-color:#00CC00;緑*/
margin: 30px 50px;/*両脇の余白設定*/
}

div#centerbox .box{
text-align:left;
}
/*-----------------------------------*/


div#footline{
width:100%;
text-align:center;
}

div#footer{
width:100%;
height:57px;
/*padding:15px 0px 0px 10px;*/
text-align:left;
background-image:url(../images/footline.gif);
background-repeat: repeat-x; 
clear:both;
}

div#footer2{
width:100%;
height:57px;
padding:15px 0px 0px 10px;*
text-align:left;
background-image:url(../images/footline.gif);
background-repeat: repeat-x; 
clear:both;
}

div#coppy_left{
width:50px;
padding:0px 10px;
text-align:left;
float:left;
}

.coppyseo{
	width:120px;
	text-align:left;
	float:left;
}

.footerwidth{
	font-size:small;
	margin:0 auto;
	width:750px;
	text-align:center;
}

.footerlink{
	font-size:small;
	padding:7px;
}

.footerwidth a:link{
text-decoration:underline;
color:#006699;
}

.footerwidth a:visited{
text-decoration:underline;
color:#006699;
}

.footerwidth a:hover{
text-decoration:none;
color:#333;
}

.footerwidth a:activ{
text-decoration:none;
color:#006699;
}

.footerlink a:link{
text-decoration:underline;
color:#006699;
}

.footerlink a:visited{
text-decoration:underline;
color:#006699;
}

.footerlink a:hover{
text-decoration:none;
color:#333;
}

.footerlink a:activ{
text-decoration:none;
color:#006699;
}


div#coppy_right{
width:100%;
padding:0px 10px;
text-align:center;
float:left;
}

div#footline a:link{
text-decoration:underline;
color:#006699;
}

div#footline a:visited{
text-decoration:none;
color:#006699;
}

div#footline  a:hover{
text-decoration:none;
color:#333;
}

div#footline  a:activ{
text-decoration:none;
color:#666;
}

div#footer p{
margin:0px;
padding:15px 0px 0px 10px;
}



/*--会員登録用--*/
div.formarea{
width:550px;
text-align:left;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

.error{
color:red;
display:block;
}


.example{
color:gray;
font-size:12px;
}

div#centerbox p.subtitle{
color:#ff8000;
padding:0;
margin:0;
}


table.regist{
padding:0;
margin:0;
border-collapse: collapse;
border-spacing: 0px;
}

table.regist th{
width:30%;
padding:4px;
background:#F5FFD6;
border:1px solid #99CC00;
text-align:left;
}

table.regist td{
padding:4px;
/*background:#F5FFD6;*/
border:1px solid #99CC00;
}

table.regist td.form_btm{
/*background:#CCE57F;*/
background:#99CC00;
text-align:center;
}
/*-------------------*/