@charset "shift-jis";



/* format 
------------------------------------------------------------ */

*{
	margin:0;
	padding:0;
}
body{
	background: url("../img/bg/bg_head.jpg") top left repeat-x;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:75%;
	color:#555555;
	line-height:120%;
}
h1,h2,h3,h4,h5.h6{
	font-size:100%;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

p{
}
ul,li{
	padding:0px;
	margin:0px;
}
li{
	list-style:none;
}
th,td{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	line-height:120%;
	font-size:100%;	
}

label{
	padding:0px 0px 2px 4px;	
}

img{
	vertical-align:top;
	border:none;
}
.clr{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	line-height:100%;
	font-size:0;
}
.boxL{
	float:left;
}
.boxR{
	float:right;
}
.imgL{
	float:left;
	padding:0px 8px 8px 0px;
}
.imgR{
	float:right;
	padding:0px 0px 8px 8px;
}
.caution{
	color:#DD0000;
}

/* link 
------------------------------------------------------------ */
a{
	color:#8f6944;
	text-decoration:underline;	
}
a:visited{
	color:#8f6944;
	text-decoration:underline;	
}
a:active{
	color:#8f6944;
	text-decoration:underline;	
}

a:hover{
	color:#FF6600;
	text-decoration:none;	
}

/* layout 
------------------------------------------------------------ */
#wrapper{
	background:#DFD9CB;
	padding:0px 0px 9px 0px;
}
#wrap{
	background:#FFFFFF url("../img/bg/bg_contentL.jpg") bottom left no-repeat;
	text-align:left;
	margin:0px 28px 0px 28px;
}
#contentsArea{
	background:url("../img/bg/bg_contentR.jpg") bottom right no-repeat;
	padding:25px;
}
#headArea{
	height:98px;
	border-bottom:2px solid #FFFFFF;
}
#footArea{
	background:url("../img/bg/bg_foot.jpg") top left repeat-x;
}
#footer{
	width:976px;
}


/* Search
------------------------------------------------------------ */
.searchCategoryn{
	padding:0px;
}
.searchWord,
.searchCondition{
	padding:0px 0px 4px 0px;
}
.searchCategory ul li{
	float:left;
	padding:0px 12px 0px 0px;
}
.searchWord ul li{
	float:left;
	padding:4px 0px 0px 0px;
}
.searchWord ul li.submit{
	padding:0px 0px 0px 8px;
}

.condition span{
	float:left;
	padding-right:8px;
}

.condition a{
	float:left;
	padding:0px 8px 0px 0px;
}
.condition a img{
	padding-top:0px;
}
.searchCondition{
	width:660px;
	border:1px solid #999999;
	padding:10px;
}
.searchCondition a.on{
	background:url("../img/icon/condition_on.gif") center left no-repeat;
	padding-left:15px;
	padding-right:24px;
	margin-left:8px;
}
.searchCondition a.off{
	background:url("../img/icon/condition_off.gif") top left no-repeat;
	padding-left:15px;
	margin-left:8px;
	
}
.searchCondition a.offHead{
	background:url("../img/icon/condition_off.gif") left top no-repeat;
	padding-left:15px;
	margin-left:8px;
	padding-right:24px;
	padding-top:1px;
}


.searchCondition table td{
	padding:2px 20px 1px 8px;
	border-top:1px solid #FFFFFF;
}
.searchCondition table td.end{
	border-right:4px solid #FFFFFF;
}
.searchCondition table td.style01{
	background:#F2F6F9;
}
.searchCondition table td.style02{
	background:#F2F9F5;
}
.searchCondition table td.style03{
	background:#F9F2F2;
}
.searchCondition table td.style04{
	background:#F9F6F2;
}
.searchCondition table.moreTable th{
	padding-top:6px;
	padding-right:12px;
	color:#8f6944;
	font-weight:bold;
	white-space:nowrap;
	line-height:150%;
}
.searchCondition table.moreTable th img{
	padding:2px 0px 0px 4px;
}
.searchCondition table.moreTable td ul li{
	float:left;
	padding:0px 20px 6px 0px;
}
.searchCondition table.moreTable td ul.moreCondition{
	float:left;
}
.searchCondition table.moreTable th,
.searchCondition table.moreTable td{
	border-bottom:1px dotted #663300;	
	padding-top:6px;
	padding-bottom:0px;
}
.searchCondition table.moreTable td{
	padding-right:0px;
}


.searchCondition  table.list{
	border-bottom:8px solid #FFFFFF;
}
.searchCondition  table.list th{
	padding:0px;
	line-height:100%;
}
.searchCondition  table.list td{
	border-right:5px solid #FFFFFF;
	border-bottom:none;
	padding-right:12px;
}
.searchCondition  table.list th.thColor01,
.searchCondition  table.list td.tdColor01 span{
	color:#265875;
	border-bottom:none;
}
.searchCondition  table.list th.thColor02,
.searchCondition  table.list td.tdColor02 span{
	color:#974348;
	border-bottom:none;
}
.searchCondition  table.list td.tdColor03 span{
	color:#60815E;
}
.searchCondition  table.list td.tdColor04 span{
	color:#84826C;
	border-bottom:none;
}


.searchCondition  table.list td.tdColor01{
	background:#F2F6F9;
}
.searchCondition  table.list td.tdColor02{
	background:#FAF1F2;
}
.searchCondition  table.list td.tdColor03{
	background:#F3F9F5;
}
.searchCondition  table.list td.tdColor04{
	background:#FAF6F3;
}

.searchCondition  table.list td.tdColor01 ul li,
.searchCondition  table.list td.tdColor02 ul li,
.searchCondition  table.list td.tdColor03 ul li,
.searchCondition  table.list td.tdColor04 ul li{
	float:none;
	padding:4px 0px 0px 0px;
}
.searchCondition  table.list td.tdColor02.listFloat ul li{
	padding:0px 4px 4px 0px;
}
/* top 
------------------------------------------------------------ */
.info{
	width:682px;
	padding:16px 0px 0px 0px;
}
.info h2{
	background:#663300 url("../img/title/ttl_info_bg.jpg") top right no-repeat;
	height:100%;
}
.info .infoArea{
	padding:12px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}
.info .infoArea .infoWrap{
	background:url("../img/bg/topInfo.gif") bottom center repeat-y;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}
.info .infoArea .infoWrap .boxL{
	width:296px;
	padding:12px;
	border-top:1px solid #999999;
}
.info .infoArea .infoWrap .boxR{
	width:296px;
	padding:12px;
	border-top:1px solid #999999;
}
.info .infoArea h3{
	font-size:116.7%;
	padding:0px 0px 4px 0px;
	font-weight:bold;
	color:#8f6944;
}
.info .infoArea .infoWrap .boxL ul li,
.info .infoArea .infoWrap .boxR ul li{
	padding:2px 0px;
}
/* header 
------------------------------------------------------------ */
#headArea{
}

#logo{
	width:236px;
	height:82px;
	padding:16px 0px 0px 14px;
	text-align:left;
	background:url("../img/bg/bg_logo.jpg") top right repeat-x;
	float:left;
}
#navi{
    float : right;
    width: 100%;
    margin-left : -251px;
}
.sub{
	float:right;
	padding:21px 12px 8px 0px;
}
.global{
	width:547px;
	margin:0px 0px 0px 251px;
	padding:0px 0px 0px 0px;
}
/* FF2用hack */
.global,  x:-moz-any-link{
	margin-top:-21px;
}
/* FF3〜用hack */
.global,  x:-moz-any-link, x:default{
	margin-top:0px;
}

.global ul li,
.sub ul li{
	float:left;
}
/* footer
------------------------------------------------------------ */
address{
	float:left;
	padding:12px 0px 5px 20px;
}
.pagetop{
	float:right;
	padding:0px 28px 0px 0px;
}

/* Search
------------------------------------------------------------ */
.displayWrap{
	padding:12px 0px;
}
.display{
	width:660px;
	border:1px solid #999999;
	padding:10px;
}
span.dispAll{
	background:url("../img/icon/dispAll.gif") center left no-repeat;
	padding:0px 0px 0px 18px;
}
span.dispSingle{
	background:url("../img/icon/dispSingle.gif") center left no-repeat;
	padding:0px 0px 0px 18px;
}
.display table{
	padding:0px 0px 0px 0px;
}
.display table td{
	padding:4px 0px 2px 0px;
}
.display table td.no{
	padding-left:8px;
}
.display table td.radio{
	padding-top:4px;
	padding-right:8px;
}
* html .display table td.radio{
	padding-top:0px;
}
.display table td.btn{
	white-space:nowrap;
	vertical-align:bottom;
	text-align:right;
	padding:6px 4px;
}
.display table td.btn .searchWord{
	padding:0px 0px 0px 4px;
	margin:0px;
}
.display table td.btn .searchCategory ul li{
	float:left;
	padding:8px 0px 0px 4px;
}
.display table td.btn .submit{
	margin-bottom:-7px;
	padding-top:2px;
}
* html .display table td.btn .submit{
	margin-bottom:0px;
}
.display table td.color{
	background:#99cccc;
}

.moreSearch{
	float:right;
	padding:4px 0px 0px 0px;
	
}
.moreSearch ul li{
	float:left;
	padding:0px 6px 0px 8px;
	white-space:nowrap;
}
.moreSearch ul li.search{
	background:url("../img/icon/search01_on.gif") top left no-repeat;
	padding:0px 6px 0px 15px;
	margin-left:4px;
}

/* RESULT
------------------------------------------------------------ */
.result{
	background:#FFEECC;
	margin-top:16px;
}
.result .tab{
	background:#FFFFFF;
	height:100%;
}
.result .tab ul li{
	float:left;
	margin:0px 0px 0px 12px;
}
.result .tab ul li.on{
	background:#FFEECC url("../img/bg/tab01L.gif") top left no-repeat;
}
.result .tab ul li.on div{
	background:url("../img/bg/tab01R.gif") top right no-repeat;
	padding:8px 20px;
}
.result .tab ul li.off{
	background:#DFD9CB url("../img/bg/tab02L.gif") top left no-repeat;
}
.result .tab ul li.off div{
	background:url("../img/bg/tab02R.gif") top right no-repeat;
	padding:8px 20px;
}

.result .btnArea ul{
	padding:6px 6px 0px 6px;
}
.result .btnArea ul input{
	margin-top:2px;
}
.result .btnArea ul li{
	float:left;
	margin:0px 0px 0px 8px;
}
.result .btnArea ul li.all{
	background:url("../img/icon/checkAll.gif") top left no-repeat;
	padding-top:4px;
	padding-left:18px;
	height:20px;
}
.result .btnArea ul li.clear{
	background:url("../img/icon/checkClear.gif") top left no-repeat;
	padding-top:4px;
	padding-left:18px;
	padding-right:4px;
	height:20px;
}
.result .btnAreaFoot{
	padding-bottom:4px;
}
.tdresult ul{
}
.tdresult ul li{
	float:left;
	margin:0px 0px 4px 8px;
}
.tdresult ul li.all{
	background:url("../img/icon/checkAll.gif") top left no-repeat;
	padding-top:4px;
	padding-left:18px;
}
.tdresult ul li.clear{
	background:url("../img/icon/checkClear.gif") top left no-repeat;
	padding-top:4px;
	padding-left:18px;
	padding-right:4px;
}

.resultList{
	background:#FFFFFF;
	border:2px solid #FFEECC;
	padding:0px 8px 4px 8px;
}
.resultList table.page{
	border-top:1px dotted #663300;
	border-bottom:1px dotted #663300;	
	margin:4px 0px 0px 0px;
}
.resultList table.page td{
	padding:4px 8px 0px 8px;
}
.resultList table.page td span{
	color:#8f6944;
}
.resultList table.page td.right{
	text-align:right;
}
.resultList table.pageNavi td{
	padding:0px 8px;
	vertical-align:middle;
}
.resultList table.pageNavi td{
	white-space:nowrap;
}
.resultList table.pageNavi td.pageNo{
	border-left:1px dotted #663300;
	border-right:1px dotted #663300;
}
.resultList table.pageNavi td.pageNo img{
	padding:2px 0px 0px 0px;
}

table.pageNaviFoot{
	padding:4px 0px 0px 0px;
}

.resultList .bgStyle01,
.resultList .bgStyle02{
	padding:18px 16px;
	margin-top:4px;
	line-height:120%;
}
.resultList .bgStyle01{
	background:#F7F1E2;
}
.resultList .bgStyle02{
	background:#F6F6F5;
}
.resultList .bgStyle01 h2,
.resultList .bgStyle02 h2{
	font-size:100%;
}
.resultList .bgStyle01 h3,
.resultList .bgStyle02 h3{
	font-size:116.7%;
	font-weight:bold;
	padding:6px 0px 0px 0px;
	margin:0px;
}
.resultList .bgStyle01 h4,
.resultList .bgStyle02 h4{
	font-size:85.7%;
	padding:0px;
	margin:0px;
	line-height:100%;
}
.resultList .bgStyle01 ul,
.resultList .bgStyle02 ul{
	padding-top:8px;
}
.resultList .bgStyle01 ul li,
.resultList .bgStyle02 ul li{
}
.resultList .bgStyle01 ul li ul,
.resultList .bgStyle02 ul li ul{
	padding-left:14px;
}
.resultList .bgStyle01 ul li ul li,
.resultList .bgStyle02 ul li ul li{
	padding-bottom:4px;
}
.resultList .bgStyle01 ul li ul li ul,
.resultList .bgStyle02 ul li ul li ul{
	padding:6px 0px 0px 0px;
}
.resultList .bgStyle01 ul li ul li ul li,
.resultList .bgStyle02 ul li ul li ul li{
	float:left;
	padding:0px 6px 6px 0px;
	margin:0px;
}


.resultList .bgStyle01 ul li div,
.resultList .bgStyle02 ul li div{
	padding:2px 0px 12px 0px;
}

.resultList .bgStyle01 ul.view li a,
.resultList .bgStyle02 ul.view li a{
}
.resultList .bgStyle01 ul.view li a.on{
	background:url("../img/icon/search02_on.gif") center left no-repeat;
	padding:0px 0px 0px 14px;
}
.resultList .bgStyle01 ul.view li a.off{
	background:url("../img/icon/search02_off.gif") center left no-repeat;
	padding:0px 0px 0px 14px;
}
.resultList .bgStyle02 ul.view li a.on{
	background:url("../img/icon/search03_on.gif") center left no-repeat;
	padding:0px 0px 0px 14px;
}
.resultList .bgStyle02 ul.view li a.off{
	background:url("../img/icon/search03_off.gif") center left no-repeat;
	padding:0px 0px 0px 14px;
}
.resultList .bgStyle02 ul.view li div{
	line-height:130%;
	padding-top:8px;
	padding-left:15px;
}

.resultList .bgStyle01 ul.bana li,
.resultList .bgStyle02 ul.bana li{
	float:left;
	padding:0px 10px 10px 0px;
}
.resultList .bgStyle01 ul.bana li.ichu,
.resultList .bgStyle02 ul.bana li.ichu{
	padding-top:5px;
}
table.detail td.num{
	white-space:nowrap;
}
table.detail td.num span{
	font-size:116.7%;
	padding:0px 12px 0px 4px;
}
table.detail ul li span{
	font-weight:bold;
}
table.detail ul.data li a{
}
table.detail td{
	font-size:116.7%;
}
/* Form Expand 
------------------------------------------------------------ */
div.CollapsibleBox div.CollapsibleBoxBody {
   display: none;
}
/* POP UP 
------------------------------------------------------------ */
body#popup{
	background:#FFFFFF;
}
div.popup{
	background:#FFFFFF;
}
div.popup table th,
div.popup table td{
	padding:6px 4px 2px 4px;
	border-bottom:1px dotted #663300;
}
div.popup table th{
	color:#8f6944;
	font-weight:bold;
}
div.popup table.popuphead th,
div.popup table.popuphead td{
	background:#663300;
	padding:0px;
}
div.popup table.popuphead td.close{
	vertical-align:middle;
	text-align:right;
	padding:5px 6px 0px 0px;
}
div.popup table th{
	padding:8px 0px 2px 10px;
}

div.popup ul li{
	float:left;
	padding:2px 12px 2px 0px;
}
div.popup table.export{
	margin-left:40px;
}
div.popup table.export th,
div.popup table.export td{
	border:none;
}
div.popup table.export ul li{
	float:none;
	padding:0px 0px 4px 0px;
}
div.popup table.export ul li img{
	margin:-4px 4px 8px 0px;
}
.submitBtn{
	text-align:center;
	width:240px;
	margin:0px auto 0px auto;
	padding-top:13px;
}
div.popup .submitBtn table th,
div.popup .submitBtn table td{
	border-bottom:none;
}
div.popup table th img{
	padding:0px 0px 0px 4px;
}
.error{
	text-align:center;
}
.error p{
	padding:30px 0px;
	margin-left:-40px;
	font-size:120%;
}

/* ClipBoad 
------------------------------------------------------------ */
p.headComment{
	padding:10px 0px 0px 28px;
}
p.headComment strong{
	color:#ff9933;
	font-size:133.3%;
}

/* Refer
------------------------------------------------------------ */
.refer{
	width:658px;
	margin-top:16px;
	padding:12px 12px 0px 13px;
}
* html .refer{
	padding-top:6px;
}
.refer table{
	margin-left:auto;
	margin-right:auto;
}

.refer ul li{
	float:left;
	padding:0px 4px 4px 0px;
	margin:0px;
	line-height:100%;
}

div.referResult{
	width:656px;
	padding:12px;
	margin-top:16px;
	border:1px solid #999999;
}
table.searchFlug{
	width:50%;
	margin:0px auto;
}
table.searchFlug td{
	padding:0px 8px;
	white-space:nowrap;
}
table.searchFlug td.btn{
	text-align:right;
}
table.searchFlug td.btnCenter{
	text-align:center;
}
div.referResult table.referResult{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	margin:12px auto;
}
div.referResult table.width50{
	width:50%;
}
div.referResult table.width70{
	width:70%;
}
div.referResult table.width100{
	width:100%;
}
div.referResult table.referResult th,
div.referResult table.referResult td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:4px;
	vertical-align:middle;
}
div.referResult table.referResult th{
	background:#cccccc;
	text-align:center;
	font-weight:bold;
}
div.referResult table.referResult th.left{
	text-align:left;
}
div.referResult h2{
	color:#ff9900;
	font-size:150%;
	line-height:100%;
	font-weight:bold;
	padding-right:40px;
}
div.referResult h3{
	margin-bottom:15px;
}
div.referResult table.head{
	margin-bottom:15px;
}
div.referResult table.head td.padr{
	padding-right:24px;
}

div.referResult table.referList{
	background:#ffffee;
}
div.referResult table.referList td{
	padding:8px 0px 4px 8px;
}
div.referResult table.referList ul li{
	padding:0px 30px 4px 0px;
}
div.referResult div.recommnedWord ul{
	padding:0px 0px 2px 0px;
}
div.referResult div.recommnedWord ul li{
	padding:2px 0px 2px 20px;
}


/* Confirm 
------------------------------------------------------------ */
.confirmCondition{
	width:660px;
	border:1px solid #999999;
	padding:6px 10px 0px 10px;
	margin-top:16px;
}

.confirmCondition table td{
	padding:5px 20px 5px 8px;
}

.confirmCondition table.moreTable th{
	padding-top:7px;
	padding-right:12px;
	color:#8f6944;
	font-weight:bold;
	white-space:nowrap;
	line-height:130%;
	width:180px;
}
.confirmCondition table td,
.confirmCondition table th{
	border-bottom:1px dotted #999999;
}
.confirmCondition table td.end,
.confirmCondition table th.end{
	border-bottom:none;
}

.confirmCondition table.moreTable th img{
	padding:1px 0px 0px 4px;
}
.confirmCondition table.moreTable td ul li{
	float:left;
	padding:0px 10px 0px 0px;
	white-space:nowrap;
}


.confirmConditionRefer{
	width:660px;
	border:1px solid #999999;
	padding:10px 10px 0px 10px;
	margin-top:15px;
}

.confirmConditionRefer table td{
	padding:2px 20px 0px 8px;
}

.confirmConditionRefer table.moreTable th{
	padding-top:5px;
	padding-right:12px;
	color:#8f6944;
	font-weight:bold;
	white-space:nowrap;
	width:180px;
}
.confirmConditionRefer table.moreTable th img{
	padding:0px 0px 0px 4px;
}
.confirmConditionRefer table.moreTable td ul li{
	float:left;
	padding:0px 8px 8px 0px;
	white-space:nowrap;
}

div.confirmConditionRefer table.referResult{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	margin:8px auto 16px auto;
}

div.confirmConditionRefer table.referResult th,
div.confirmConditionRefer table.referResult td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:4px;
	vertical-align:middle;
	padding-bottom:0px;
}
div.confirmConditionRefer table.referResult th{
	background:#cccccc;
	text-align:center;
	font-weight:bold;
}
div.confirmConditionRefer table.referResult th.left{
	text-align:left;
}


.referResult #disp table td{
	padding:2px 20px 0px 8px;
}

.referResult #disp table.moreTable th{
	padding-top:6px;
	padding-right:12px;
	color:#8f6944;
	font-weight:bold;
	white-space:nowrap;
	width:180px;
}
.referResult #disp table.moreTable th img{
	padding:0px 0px 0px 4px;
}
.referResult #disp table.moreTable td ul li{
	float:left;
	padding:0px 8px 2px 0px;
	white-space:nowrap;
}

/* Mapping
------------------------------------------------------------ */
p.cautionIcon{
	background:url(../img/icon/caution.gif) top left no-repeat;
	padding:2px 0px 8px 18px;
	margin:10px 0px 0px 20px;
}
p.mapcomment{
	margin:10px 0px 0px 20px;
	padding:0px 0px 12px 0px;
}
.formula{
	padding:12px 0px 0px 0px;
}
.formula .textarea{
	text-align:center;
	padding:12px 0px 8px 0px;
}
span.mapping{
	color:#FF9900;
	font-weight:bold;
}

/* Page Back
------------------------------------------------------------ */

.pageBack{
	width:662px;
	padding:10px;
	text-align:center;
}
.pageBackEnd{
	padding-top:14px;
}


/* format
------------------------------------------------------------ */
table.format th,
table.format td{
	font-size:83.3%;
	padding:2px 0px 2px 4px;
}
table.format th{
	text-align:right;
	padding-left:20px;
	width:80px;
}

/* searchDelete 
------------------------------------------------------------ */
div.searchDelete{
	border:1px solid #999999;
	padding:15px;
	width:648px;
}
div.searchDelete p{
	padding-bottom:25px;
}
div.searchDelete table{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}

div.searchDelete table th,
div.searchDelete table td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:6px 4px 4px 4px;
	vertical-align:middle;
}
div.searchDelete table th{
	background:#cccccc;
	text-align:center;
	font-weight:bold;
}
div.searchDelete table td.num{
	padding-top:4px;
	text-align:center;
	white-space:nowrap;
}
div.searchDelete table td.no{
	text-align:right;
	white-space:nowrap;
}
div.searchDelete table tr.tdColor td{
	background:#EEEEEE;
}
div.searchDelete  .pageBack{
	width:100%;
	padding:15px 0px 0px 0px;
	text-align:center;
}
div.searchDelete  .pageBack table{
	border:none;
}
div.searchDelete  .pageBack table td{
	border:none;
}

/* Login / Logout 
------------------------------------------------------------ */

.loginContent{
	width:344px;
	height:300px;
	margin:0px auto;
	text-align:center;
	color:#8f6944;
	padding:0px 14px 14px 14px;
}
.loginContent p{
	text-align:center;
	padding:0px 0px 12px 0px;
}

.login{
	width:318px;
	text-align:center;
	color:#8f6944;
	border:1px solid #999999;
	padding:12px;
}
p.loginCaution{
	margin:0px 0px 12px 340px;
	font-weight:bold;
	color:#8f6944;
}
.login p{
	text-align:right;
	padding:12px 0px 0px 0px;
}
p.loginInput{
	text-align:center;
	padding:12px 0px;
}
.login table.input{
	width:100%;
}
.login table.input th,
.login table.input td{
	padding:8px;
}
.login table.input th{
	text-align:right;
	font-weight:bold;
}

.loginContent02{
	width:544px;
	margin:0px auto;
	text-align:center;
}
.loginContent02 h1{
	color:#663300;
	font-size:133.3%;
	line-height:130%;
}
.loginContent02  ul li{
	color:#663300;
	font-size:116.7%;
	line-height:130%;
}

.loginContent02  ul{
	padding-top:12px;
}
.loginContent02 div{
	text-align:left;
}
.loginContent02 p{
	padding:4px 0px;
}

.loginContent02 .user01{
	border:1px solid #999999;
	background:#ffffee;
	padding:13px 17px;
	margin:20px 0px 0px 0px;	
}
.loginContent02 .user01 .login{
	margin:12px 0px 8px 85px;
	background:#FFFFFF;
}


.loginContent02 .user02{
	border:1px solid #999999;
	background:#ffeeee;
	padding:13px 17px;
	margin:20px 0px 0px 0px;
}
.loginContent02 .user02 p{
	padding:4px 0px 8px 0px;
}
.loginContent02 .user02 p.guide{
	background:url("../img/icon/login.gif") center left no-repeat;
	padding:0px 0px 0px 20px;
	margin-top:8px;
}
.footMenu{
	text-align:center;
	padding:12px 0px 0px 0px;
}

.loginContent03{
	padding-bottom:8px;
	width:640px;
}
.loginContent03 .user02{
	border:1px solid #999999;
	background:#ffeeee;
	padding:13px 17px;
	margin:20px 0px 0px 0px;
}
.loginContent03 .user02 h2{
	background:#ffeeee;
}
.loginContent03 .user02 p{
	padding:4px 0px 8px 0px;
}
.loginContent03 .infoArea ul li{
	list-style-type:disc;
	margin-left:20px;
	padding-top:5px;
}
.loginContent03 .user02 p.guide{
	background:url("../img/icon/login.gif") center left no-repeat;
	padding:0px 0px 0px 20px;
	margin-top:8px;
}
.loginContent03 .info{
	float:left;
	width:380px;
	margin-left:30px;
}
.loginContent03 .loginArea{
	float:right;
	padding:80px 0px 0px 0px;
}
.loginContent03 .loginArea ul li{
	text-align:center;
	padding:0px 0px 12px 0px;
}

.btnHelp{
}
div.help{
	padding:6px 0px 0px 0px;
}
div.help02{
	padding:0px 0px 0px 8px;
}
#contentsArea h1{
	float:left;
	padding:0px 24px 0px 0px;
}
				 
/* etc 
------------------------------------------------------------ */

.clearfix:after,
#wrap:after,
#contentsArea:after,
#headArea:after,
#footArea:after,
{
	content: url("../img/pixel.gif");
	display: block;
	clear: both;
	height: 0;
}

.clearfix,
#wrap,
#contentsArea,
#headArea,
#footArea,
{
	position:relative;
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #wrap,
* html #contentsArea,
* html #headArea,
* html #footArea,
{
	height: 1%;
}

.clearfix,
#wrap,
#contentsArea,
#headArea,
#footArea,
{
	position:relative;
	display: inline-table;
	min-height: 1%;
}

/* End hide from IE-mac */