@charset "UTF-8";

/* Reset of Default Style*/

body, td, th {
	font-size: 12px;
	color: #666666;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

* html body, * html td, * html th {
	font-size: 12px;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.5;
}

body {
	background-color: #FFFFFF;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, address {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

a{
text-decoration:underline;
}

a:link{
color: #4469a7;
text-decoration: none;
}

a:visited {
color: #4469a7;
text-decoration: none;
}

a:hover {
color: #4469a7;
text-decoration: underline;
}

a:active {
color: #4469a7;
text-decoration: none;
}

ul,li,ol,dl,dt,dd{
margin:0;
padding:0;
list-style:none;
}

p{
margin: 0;
}

img{
border: 0;
}

form{
margin: 0;
padding: 0;
}

.clear{
clear: both;

}

td{
vertical-align:top;
text-align:left;
}

/*Clearfix */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/*レイアウト*/

#container{
width:840px;
margin:0 auto;
}

#headline{
background-color:#660000;
width:830px;
height:16px;
color:#FFFFFF;
text-align:right;
padding-right:10px;
font-size:92%;
}

#header{
width:100%;
border-bottom:1px solid #660000;
padding-bottom:5px;
}

#header h1{
float:left;
}

#header div.statusarea{
float:right;
}

#header div.statusarea li{
padding-top:7px;
}

#warpper{
width:813px;
clear:both;
padding:0px 0px 15px 27px;
border-bottom:1px solid #660000;
}

#footer{
width:840px;
}

#footer td.larea{
}

#footer td.close{
padding-top:12px;
text-align:right;
}

#footer div.copy{
background-color:#660000;
font-size:84%;
text-align:right;
color:#FFFFFF;
padding:2px 5px 2px 0px;
}

form td.larea{
width:30%;
font-weight:800;
height:30px;
}

div.complete{
text-align:center;
font-size:16px;
padding:100px 0px 0px;
}



/*エラー*/

#error{
width:600px;
padding:20px;
border:1px solid #ff0202;
text-align:center;
color:#ff0202;
margin:20px auto;
}



/*トップ*/

#main_top{
background-image:url(images/smark_05.jpg);
background-repeat:no-repeat;
background-position: 0 0;
width:813px;
height:726px;
margin:0;
padding:0;
}

#main_top p.exp{
background-image:url(images/smark_07.jpg);
background-repeat:no-repeat;
background-position: 0 0;
width:606px;
height:42px;
padding:13px 15px 15px;
line-height:150%;
}

#main_top p.exp02{
background-image:url(images/smark_12.jpg);
background-repeat:no-repeat;
background-position: 0 0;
width:606px;
height:42px;
padding:13px 15px 15px;
line-height:150%;
}


#main_top .btn{
padding:0px 0px 0px 440px;
}


/*ログイン*/

#login{
background-image: url(images/login_02.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:813px;
height:331px;
}

#login div.formarea{
width:520px;
margin:0px auto;
padding-top:50px;
}

#login input{
width:400px;
}

#login td.btn{
text-align:center;
padding-top:25px;
}

#login div.bigner{
margin:40px 0px 0px;
}

/*パスワード忘れ*/

#pass{
background-image: url(images/login_02.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:813px;
height:331px;
}

#pass div.formarea{
width:520px;
margin:0px auto;
padding-top:30px;
}

#pass .passtext{
height:60px;
}

#pass input{
width:400px;
}

#pass td.btn{
text-align:center;
padding-top:25px;
}

#pass div.bigner{
margin:40px 0px 0px;
}

#pass .btn02{
text-align:center;
padding-top:50px;
}

/*メンバー*/

#member{
background-image:url(images/member_02.jpg);
background-position:0 0 ;
background-repeat:no-repeat;
width:785px;
height:420px;
}

#member p{
padding:15px 20px 0px;
line-height:180%;
}

#member p strong{
font-size:15px;
}


#member div.field{
width:520px;
margin:0 auto;
padding-top:20px;
}


#member input{
width:400px;
}

#member .btn{
text-align:center;
padding-top:20px;
}

#member .btn02{
text-align:center;
padding-top:50px;
}

#member div.comfirm{
width:60%;
padding-top:50px;
margin:0 auto;
}



/*級を選ぶ*/

#navi{
background-image:url(images/navi_02.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:785px;
height:550px;

}

#navi div.btn{
width:500px;
margin:0px auto;
padding-top:57px;
}

/*問題*/

#quetion{
width:785px;
padding-top:20px;
}

#quetion div.page{
text-align:right;
font-size:15px;
color:#2f824a;
}

#quetion div.number{
text-align:left;
font-size:15px;
padding-bottom:10px;
}

#quetion td.item{
width:210px;
border:1px solid #999999;
text-align:center;
}

#quetion td.qu{
width:540px;
padding:0px 10px 0px 25px;
vertical-align:middle;
font-size:16px;
font-weight:800;
}

#quetion td.qu span{
font-size:20px;
}

#quetion div#answer{
background-image:url(images/qu_01.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:785px;
height:316px;
}

#quetion div#answer div.btn{
width:567px;
margin:0 auto;
padding-top:64px;
}

#quetion div#answer ul{
width:785px;
text-align:center;
padding-top:20px;
}

#quetion div#answer li{
padding-top:30px;
font-size:17px;
font-weight:600;
list-style-type:lower-alpha;
list-style-position:inside;
}

#quetion div#answer li a{
text-decoration:none;
}

#quetion div.hint{
padding-top:44px;
text-align:right;
}

/*yesno*/

#yes,#no{
width:814px;
padding-top:20px;
}

#yes div.number,#no div.number{
text-align:left;
font-size:15px;
padding-bottom:10px;
}

#yes div.explanation{
background-image:url(images/yes_02.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:814px;
height:91px;
}

#no div.explanation{
background-image:url(images/no_02.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:814px;
height:91px;
}

#yes div.explanation p,#no div.explanation p{
padding:15px;
}

#yes div.btn,#no div.btn{
padding-top:20px;
text-align:right;
}

/*達人*/

#tatsujin{
width:814px;
padding-top:20px;
}


#tatsujin div.btnarea{
background-image:url(images/tatsujin_02.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:814px;
height:160px;
}

#tatsujin div.btnarea p{
padding:18px 0 0 447px;
}

/*達人名鑑*/

#maikan{
width:814px;
padding-top:20px;
}

#maikan div.page{
text-align: center;
margin-bottom:5px;
}

#maikan div.list{
background-image:url(images/meikan_03.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:814px;

}

#maikan div.list table{
margin:0 auto;
border-top:1px solid #999999;
border-left:1px solid #999999;
}

#maikan div.list td{
text-align:center;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
padding:5px;
}

#maikan div.list td.f01{
width:15%;
}

#maikan div.list td.f02{
width:25%;
}

#maikan div.list td.f03{
width:25%;
}

#maikan div.list td.f04{
width:35%;
}



/*合格*/

#gokaku{
width:814px;
margin-top:20px;
}

#gokaku div.bg{
background-image:url(images/gokaku_01.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:814px;
height:209px;
}

#gokaku div.bg_f{
background-image:url(images/fugokaku_01.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:814px;
height:209px;
}

#gokaku div.bg p{
font-size:24px;
padding:115px 0px 0px 230px;
font-weight:600;
}

#gokaku div.bg_f p{
font-size:24px;
padding:115px 0px 0px 260px;
font-weight:600;
}

#gokaku div.bg02{
background-image:url(images/gokaku_02.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:814px;
height:127px;
}

#gokaku div.bg02 p{
padding:12px 0px 0px 573px;
}


/*認定書*/

#ninteisho{
width:527px;
margin:0 auto;
}

#ninteisho div.base{
background-image:url(images/ninteisho.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:527px;
height:729px;
}

#ninteisho div.base p.name{
padding:230px 0px 0px 100px;
}


#ninteisho div.base p.sentences{
padding:30px 0px 0px 100px;
width:340px;
line-height:200%;
}

#ninteisho div.base p.date{
padding:50px 0px 0px 100px;
width:340px;
text-align:right;
}

#ninteisho div.base p.copy{
padding:20px 0px 0px 100px;
width:340px;
text-align:right;
}