* {

	margin: 0;

	padding: 0;

	font-style: normal;

	font-weight: normal;

}



body{

	font-size: 10px;

	background-color: #FFF;

	color:#666;

	text-align:center;

}



/*リンク設定*/



a:link{color: #687A21;}

a:visited{color: #687A21;}

a:active{color: #FF9900;}

a:hover{color: #FF9900;}



img{

	border:0px;

}



.clr {

	clear: both;

	margin:0;

	padding:0;

}



/*クリア設定*/



.clearfix:after{

  content: "."; 

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix{

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



/*レイアウト設定*/



#container{

	text-align: center;

	width: 800px;

	margin: 0 auto;

}



#header{

	background-image: url(../common_images/bg_header.jpg);

	text-align:left;

	width : 800px;

	height : 79px;

	margin: 0;

}



#header_menu{

	background-image: url(../common_images/bg_menu.jpg);

	text-align: left;

	width: 800px;

	height: 28px;

	margin: 6px 0;

}



#main{

	width: 800px;

	margin: 0;

	padding: 0;

	clear: both;

}



#contents{

	text-align: left;

	width: 605px;

	margin: 5px 5px 0 0;

	padding: 0;

	float: left;

	line-height: 150%;

}



*html #contents{

	text-align: left;

	width: 605px;

	margin: 5px 0 0 0;

	padding: 0;

	float: left;

	line-height: 150%;

}



#side_menu{

	text-align: left;

	width: 190px;

	margin: 5px 0 0 0;

	padding: 0;

	float: left;

}



* html #side_menu{

	text-align: left;

	width: 195px;

	margin: 5px -5px 0 0;

	padding: 0 0 0 5px;

	float: left;

}



#footer{

	width : 800px;

	height: 28px;

	text-align: center;

	margin: 10px auto;

	padding: 5px 0;

	font-size: 10pt;

	color: #666600;

	clear: both;

}



#footer_menu{

	background-image: url(../common_images/bg_foot.gif);

	background-repeat: no-repeat;

	width : 800px;

	height: 20px;

	margin: 0px auto 0 auto;

	padding: 4px 0 0 0;

	font-size: 8pt;

	color: #666600;

}



#footer_menu a:link,

#footer_menu a:visited {

	text-decoration: none;

}



#footer_menu2{

	background-image: url(../common_images//bg_foot2.gif);

	background-repeat: no-repeat;

	width :800px;

	height:22px;

	text-align: center;

	margin:10px auto 0px auto;

	padding:3px;

	font-size: 10pt;

	color:#687A21;

}

#footer_menu2 a:link,

#footer_menu2 a:visited{

font-weight:bold;

}

#footer_menu2_neichi {
    background-color:#efffb2;
    background-repeat: no-repeat;
    width :800px;
    text-align: center;
    margin:10px auto 0px auto;
    padding:3px;
    font-size: 10pt;
    color:#687A21;
    line-height:15px;
}

#footer_menu2_neichi a:link,

#footer_menu2_neichi a:visited{

font-weight:bold;

}

.ud_margin1{
    margin: 10px 0 0;
}



/*ヘッダー設定*/



#header_line{

	text-align: left;

	width: 100%;

	height: 19px;

	margin: 0;

	padding: 3px 0 0 15px;

}



#header_line .txt{

	float: left;

	color: #999999;

	width: 300px;

}



#header_line .menu{

	width: 300px;

	float: right;

	margin: 2px 0 0 0;

}



#header_line .menu li{

	text-align: left;

	min-width: 20%;

	margin: 0;

	float: left;

	padding: 0 0 0 10px;

    background: url(../common_images/icon_header.gif) top left no-repeat;

    list-style: none;

    text-decoration: none;

}



#header_line .menu a:link,

#header_line .menu a:visited{

    text-decoration: none;

    color: #FF9900;

}



.logo{

	margin: 3px 0 15px 10px;

	float: left;

	width: 150px;

	clear: both;

}



.qr{

	margin:0 15px 0 0;

	text-align: right;

	width: 120px;

	float: right;

}



/*ヘッダーメニュー設定*/



#header_menu{

	clear: both;

}



#header_menu ul{

	margin: 0 0 0 60px;

	height: 28px;

}



#header_menu li{

    width: 81px;

    height: 28px;

	margin: 0;

	padding: 0;

	font-size: 10pt;

	list-style: none ;

	float:left;

	text-align: center;

}



#header_menu li a:link,

#header_menu li a:visited {

    display: block;

    background: url(../common_images/menu_01.gif) top left no-repeat;

    width: 81px;

    height: 28px;

    padding: 6px 0 0 0;

    color: #687A21;

    text-decoration: none;

    font-weight: bold;

}

#header_menu li a:hover {

    display: block;

    background: url(../common_images/menu_01over.gif) top left no-repeat;

    color: #fff;

}



/*コンテンツ内設定*/



#contents .next{

	text-align: right;

	padding: 10px 10px 0 0;

	clear: both;

}



.search_box{

	width: 600px;

	height: 34px;

	margin: 10px 0;

}



.search_box .search{

	float: left;

	margin: 0 5px 0 0;

}



.search_box form{

	padding: 5px 0 0 0;

}



.category_box{

	width: 590px;

	background-color: #C4D212;

	margin: 10px 0;

	padding: 5px;

	line-height: 160%;

	clear: both;

	color: #333333;

}



.category_box .txt{

	padding:5px;

}



.category_box .txt a:hover{

	background-color: #FFCC00;

	color: #000000;

	padding:2px 0;

}



.latest_box{

	width: 605px;

	background-image: url(../common_images/bg_main_contents.gif);

	margin: 0px 0 10px 0;

}



* html .latest_box{

	width: 600px;

	background-image: url(../common_images/bg_main_contents.gif) no-repeat;

	margin: 0px 0 10px 0;

}



.latest_box .hr{

	height: 48px;

	display: block;

	background: url(../common_images/hr_latest.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

}



.latest_box ul{

	width: 570px;

	text-align: center;

	margin: 0 auto;

}



* html .latest_box ul{

	width: 570px;

	text-align: left;

	margin: 10px 0 0 10px;

}



.latest_box li{

	width: 130px;

	margin: 0 5px;

	float: left;

	list-style: none;

}



.cpimg{

	margin:0 0 10px 0;

}



.news_box{

	width: 600px;

}



.news_box .txt{

	padding: 5px;

	font-size: 10pt;

}



.nolist	{

	list-style: none;

	margin:0px 0px 0px 0px;

}

.nolist li	{

	display: inline;

}





/*サイドメニュー設定*/



#side_menu .try a:link,

#side_menu .try a:visited {

    display: block;

    background: url(../common_images/btn_try.jpg) top left no-repeat;

    width: 190px;

    height: 70px;

    margin: 0 0 5px 0;

}

#side_menu .try a:hover {

    display: block;

    background: url(../common_images/btn_try_over.jpg) top left no-repeat;

}



#side_menu .contest a:link,

#side_menu .contest a:visited {

    display: block;

    background: url(http://ecaco.jp/common_images/banner/contest/001/190_71_04.gif) top left no-repeat;

    width: 190px;

    height: 70px;

    margin: 0 0 5px 0;

}



#side_menu .login_box{

	width: 190px;

	background-image: url(../common_images/bg_side.gif);

}



#side_menu .login_box .form{

	padding: 0 7px;

	line-height: 180%;

}



#side_menu .login_box .ipass{

	min-width: 30px;

	float: left;

	margin: 2px;

}



#side_menu .login_box .ipass li{

	list-style:none;

}



#side_menu .login_box .ipass .w input{

	width:70px;

}





#side_menu .touroku{

	width: 190px;

	text-align: center;

	margin: 5px auto 0 auto;

	clear: both;

}



#side_menu .hp_ranking{

	width: 190px;

	background-image: url(../common_images/bg_side.gif);

}



#side_menu .hp_latest{

	width: 190px;

	background-image: url(../common_images/bg_side.gif);

}



#side_menu .hp_latest .txt{

	width: 180px;

	padding: 5px 10px;

	line-height: 160%;

}



#side_menu .hp_latest .txt li{

	list-style: none;

}



#side_menu h3{

	width: 176px;

	height: 17px;

	text-align: center;

	margin: 0 auto;

	padding: 2px 0 0 0;

	color: #FFF;

	font-weight: bold;

	font-size: 12px;

	background: url(../common_images/hr_side.gif) top left no-repeat;

}



/*タブ設定*/



#side_menu .next{

	text-align: right;

	padding: 10px 3px 0 0;

	clear: both;

}



#tabbox{

	width:180px;

	margin:0px auto;

}



#tab{

	width: 180px;

	margin: 5px auto 0 auto;

	text-align: center;

}



#tab_in{

}



* html #tab_in{

	margin:0 0 0 6px:

}



#tab a:link,

#tab a:visited{

	text-decoration:none;

}



#tab .selected{

	background: url(../common_images/tab_side1.gif) top left no-repeat;

	}

	

#tab .selected a:link,

#tab .selected a:visited{

	color:#ffffff;

	text-decoration:none;

	font-weight:bold;

	}

	

#tabbox_inner li{

	width: 56px;

	list-style: none;

	margin: 0 0 0 3px;

	padding: 2px 0 0 0;

	float: left;

	display: block;

	background: url(../common_images/tab_side2.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

}



#tabbox_inner .box_inner{

	overflow: hidden;

}



.box_inner{

	padding: 8px;

}



#fragment1,

#fragment2,

#fragment3{

	width: 163px;

	clear: both;

	background-color: #52601A;

	text-align: center;

	margin: 0 auto;

	padding: 5px;

}



* html #fragment1,

* html #fragment2,

* html #fragment3{

	width: 173px;

	clear: both;

	background-color: #52601A;

	text-align: center;

	margin: 0 auto;

	padding: 5px;

}



#fragment1 .txt,

#fragment2 .txt,

#fragment3 .txt{

	display: block;

	background-color: #FFF;

	padding: 5px;

	text-align: left;

	line-height: 160%;

}



/*下層ページ設定*/



#portal_contents li{

list-style:none;

margin:3px 0 3px 10px;

}



.pan{

	margin: 8px 5px;

}



.hr_whats{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_whats.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



.hr_sample{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_sample.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 95px;

	margin: 0;

}



.hr_faq{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_faq.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 80px;

	margin: 0;

}



.hr_contact{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_contact.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 90px;

	margin: 0;

}



.hr_prbbs{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_prbbs.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



.hr_password{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_password.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



.hr_register{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_register.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 90px;

	margin: 0;

}



.hr_sitemap{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_sitemap.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 90px;

	margin: 0;

}



.hr_rule{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_rule.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



.hr_privacy{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_privacy.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



.hr_filltering{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_filltering.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



.hr_company{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/hr_company.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



.hr_recture{

	width: 595px;

	height: 40px;

	display: block;

	background: url(../common_images/recture/hr_recture.gif) top left no-repeat;

	font-size: 10pt;

	color: #fff;

	font-weight: bold;

	padding: 22px 0 0 100px;

	margin: 0;

}



#contents .txtx{

	padding: 0 10px 10px 10px;

	font-size: 10pt; 

}



#contents .a_menu{

	padding: 0 10px 10px 10px;

	line-height: 160%;

	font-size: 8pt;

}



#contents .a_menu a:link,

#contents .a_menu a:visited{

	text-decoration: none;

}



#contents h3{

	margin: 5px 0 0 5px;

}



.hr_bg{

	background: url(../common_images/hr_bg01.gif) top left repeat-y;

	width: 586px;

	min-height: 20px;

	text-align: right;

	padding: 4px 0 2px 0;

	font-size: 10pt;

	margin: 0 0 10px 5px;

}



.hr_bg a:link,

.hr_bg a:visited{

	font-weight: bold;

	text-decoration: none;

}



#contents .m01{

	width: 560px;

	color: #FF6B24;

	padding:3px 0 3px 7px; 

	border-width: 0px 0px 1px 6px;

	border-style: solid;

	border-color: #FF6B24;

	line-height: 100%;

	margin: 5px 10px 8px 10px;

	font-size: 10pt;

	font-weight: bold;

}



.sample_common_images{

	width: 500px;

	text-align: center;

	margin: 0px auto;

}



.sample_common_images li{

	width: 130px;

	float: left;

	margin: 10px;

	list-style: none;

}



.txt_orange{

	color: #FF6B24;

	font-size: 10pt;

}



.txt_at{

	color: #ff0000;

	font-size: 8pt;

}



.txt_bo{

	font-weight: bold;

}



.error{

	color: #ff0000;

	font-size: 10pt;

}



.note{

	color: #ff0000;

	font-size: 8pt;

	text-align:right;

}



.abbs{

	text-align:right;

	font-size:8pt;

	margin:0 10px 0 0;

}





.txtx hr{

   border-width: 1px 0px 0px 0px; 

   border-style: solid; 

   border-color: #cccccc; 

   height: 1px;

   margin:5px 10px 5px 5px;

}



.txtx ul{

   margin: 10px 0 0 10px;

}



.txtx li{

   list-style: none;

}



.sitemap {

	font-size: 10pt;

}



.sitemap dl {

	margin: 20px 0px 0px 20px;

}



.sitemap dl dd ul{

	width: 210px;

	float: left;

	margin: 0px 0px 10px 20px ;

}



.sitemap dl dd ul li{

	margin: 5px 0px 5px 0px;

	list-style: none;

}



.company_page table {

	width: 550px;

	margin: 10px 0 0px 10px;

	border-spacing: 5px;

	font-size: 10pt;

}



.company_page table th {

	background: #fbebaa;

	width: 120px;

	vertical-align: top;

	padding: 5px 0px 5px 5px;

}





.entry_page p {

	margin: 0px 0px 0px 10px;

}



.entry_page form {

	border-top: 3px solid #ffdaab;

	border-right: 3px solid #d94914;

	border-bottom: 3px solid #d94914;

	border-left: 3px solid #ffdaab;

	background: #fff;

	width: 400px;

	margin: 20px auto 5px auto;

	padding:5px 0 5px 0;

}



.entry_page form h3 {

	text-align: center;

	margin: 10px 0px 10px 0px ;

}



.entry_page form dl {

	margin: 0px 10px 10px 30px;



}



.entry_page form dl dt {

	margin: 5px 0px 5px 0px;

}



.entry_page form dl dd input.mail {

	width: 280px;

}



.entry_page form p {

	text-align: center;

	margin: 10px 0px 10px 0px;

}



.entry_page form {

}



.entry_page ul {

	margin: 10px 0px 50px 10px;

}



.sample_img{

	width: 500px;

	text-align: center;

	margin: 0px auto;

}



.sample_img li{

	width: 130px;

	float: left;

	margin: 10px;

	list-style: none;

}



/*レクチャーページ

-----------------------------------------------------------*/

.recture{

}



.recture h3{

	font-weight:bold;

	font-size:1.2em;

	margin:15px 0 10px 0;

	padding:5px 0;

}

.recture .left_box{

width:305px;

float:left;

}



.recture .left_box2{

width:205px;

float:left;

}



.recture .left_box3{

width:335px;

float:left;

}





.recture .right_box{

width:280px;

float:left;

text-align:right;

}



.recture .right_box2{

width:370px;

float:left;

text-align:right;

}



.recture .right_box3{

width:250px;

float:left;

text-align:right;

}



.recture ul{

text-align:left;

margin:0 0 20px 0;

}



.recture li{

list-style:none;

margin:5px 10px;

font-size:1.2em;

border:solid 1px #ccc;

padding:5px;

}



.recture .red{

color:#FF3535;

}

.recture .yellow{

color:#FF9900;

}

.recture .orange{

color:#FF6600;

}

.recture .green{

color:#77AA00;

}

.recture .blue{

color:#209D9D;

}

.recture .pink{

color:#FF6699;

}

.recture .grey{

color:#666666;

}



.recture .hint{

	background-color:#F0F7A0;

	border:solid 1px #C9D82B;

	color:#3D4620;

	padding:5px;

	margin:0 5px 10px 5px;

	width:560px;

}



.recture .btn{

	text-align:center;

	margin:5px auto;

}





/*リード文

-----------------------------------------------------------*/

p#lead {

	margin: 10px 10px 10px 10px;

}



p#lead2 {

	margin: 10px 10px 10px 10px;

}



.mailsetinpmark {

	color:#999;

}