/*******************************************
 Container
********************************************/

body{
	background: #FFF;
	text-align: center;
}

#container{
	width:820px;
	margin: 0px auto 0;
	text-align: left;
}


/*******************************************
 Layout
********************************************/

#header{
	width:800px;
	height:100px;
	margin: 0px 10px 0;
	background: url(../img/common/header.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#navi,
#footer ul,
#pagetop{
	display: none;
}

#main{
	width:776px;
	margin: 10px 0 10px 22px;
}

#footer{
	width:820px;
	height:180px;
}


#article{
	width:740px;
	margin: 30px 0 0 20px ;
}

li{
	list-style-type:none;
}


/*******************************************
‹¤’Ê•”•ª
********************************************/
#main h2{
	margin: 10px 0;
}
.article h3{
	width: 776px;
	height: 30px;
	display: block;
	margin: 10px 0 5px;
    clear: both;
}

.article h4{
	margin: 10px;
}


.article h5{
	margin: 5px 20px;
	color: #666666;
	font-size: 120%;
}


#main .img_right{	float:right;}
#main .img_left{	float:left;}
#main p.center{text-align: center;}

.line_bottom{	background: url(../img/common/bg_line.gif) repeat-x 0 bottom;	padding:0 0 15px 0 ;}

.article strong{
	color:#0186B7;
}

.article p,.article dl{

	margin: 10px 20px;
}

.article dt{
	font-weight: bold;
	color: #FF771D;
	padding-top: 10px;
}
.article dd{
	padding: 0px 20px;
}
.article dl p{
	margin: 5px 0 ;
}

.article ul,.article ol{
	padding: 10px 20px;
}

.article ol li,
.article{
	margin:0 0 5px 0;
}

.article ul li{
	background: url(../img/common/icon.gif) no-repeat 0 3px;
	padding: 0 20px;
}

.article ol li{
	list-style-type:decimal;
}

#footer img.banner{
	width: 776px;
	margin: 10px 22px;
}

#main table{
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin: 5px 0 10px 30px;
}


#main table th,
#main table td{
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	padding: 5px;
}
#main table th{
	background: #ff9600;
	color: #FFFFFF;
}

#main table td{
	background: #FFFAE0;
}

#main table strong{
	color:#FF0000;
	font-size: 80%;
}

#main caption{
	text-align: left;
	font-weight: bold;
	color:#0186B7;
}

#main p.btn{
	width: 240px;
	height: 45px;
	float:none;
	margin:20px auto;
	clear: both;
}

#main p.btn a{
	display: block;
	width:100%;
	height:100%;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
}


.article dl.flow dt{
	color: #333333;
	font-weight:normal;	
}

.article dl.flow dt.y1,
.article dl.flow dt.y2,
.article dl.flow dt.y3,
.article dl.flow dt.y4,
.article dl.flow dt.y5{
	padding:0 25px;
	min-height: 21px;
	margin: 0 20px;
}

.article dl.flow dt.y1{	background: url(../img/common/list1.gif) no-repeat 0 0;}
.article dl.flow dt.y2{	background: url(../img/common/list2.gif) no-repeat 0 0;}
.article dl.flow dt.y3{	background: url(../img/common/list3.gif) no-repeat 0 0;}
.article dl.flow dt.y4{	background: url(../img/common/list4.gif) no-repeat 0 0;}
.article dl.flow dt.y5{	background: url(../img/common/list5.gif) no-repeat 0 0;}

.article dl.flow dd.arrow{
	margin: 0 0 0 250px;
	width: 20px;
}

/*******************************************
 Top&Service
********************************************/
#index #special,
#service #special{
	background: url(../img/top/back_special.gif);
	margin: 15px 0 0 0 ;
}

#index #special p,
#service #special p{
	width: 380px;
	margin:10px 0 10px 10px;
	float: left;
}

#index .article ul.btn{
	padding: 0;
}

#index #special img,
#index #special p img,
#service #special img,
#service #special p img{
	margin: 0;
	padding: 0;
	display: block;
	clear: right;
}

#index #special img.img_right,
#service #special img.img_right{
	margin:10px 10px 10px 0;
	padding: 0;
}


#index #service01,
#index #service03,
#index #service05{
	width:383px;
	float:left;
    clear: both;
}
#index #service02,
#index #service04{
	width:383px;
	float:right;
}

#index dl strong,#service dl strong{
	color: #0186B7;
}


#index .article p,#index dl,#index .article p,#service dl{
	margin: 10px 0 0 18px;
}

#index dt,
#service dt{
	margin: 10px 0 0 0;
	padding-left: 25px;
	min-height: 21px;
}

#index dt.y1{	background: url(../img/common/list1.gif) no-repeat 0 10px;}
#index dt.y2{	background: url(../img/common/list2.gif) no-repeat 0 10px;}
#index dt.y3{	background: url(../img/common/list3.gif) no-repeat 0 10px;}
#index dt.y4{	background: url(../img/common/list4.gif) no-repeat 0 10px;}

#service dt.y1{	background: url(../img/common/list1.gif) no-repeat 0 10px;}
#service dt.y2{	background: url(../img/common/list2.gif) no-repeat 0 10px;}
#service dt.y3{	background: url(../img/common/list3.gif) no-repeat 0 10px;}
#service dt.y4{	background: url(../img/common/list4.gif) no-repeat 0 10px;}
#index dd,#service dd{
	margin-left: 20px;
	padding-left: 20px;
	background: url(../img/common/ico_yellow.gif) no-repeat 0 4px;
}

#index .article img{
	margin: 10px 0;
}

#index #main h3,#service h3{
	height:30px;
	text-indent:-9999px;
	background: url(../img/service/sub_title.gif) no-repeat 0 0;
	margin: 10px 0 5px;
    clear: both;
}
#index #special h3,
#service #special h3{
	height:45px;
	background: url(../img/top/sub_title.gif) no-repeat 0 0;
}
#index h4{
	height:45px;
	text-indent:-9999px;
	margin: 10px 0;
}	

#index .article #service01 h4{	background: url(../img/top/cap1.gif) no-repeat 0 0;}
#index .article #service02 h4{	background: url(../img/top/cap2.gif) no-repeat 0 0;}
#index .article #service03 h4{	background: url(../img/top/cap3.gif) no-repeat 0 0;}
#index .article #service04 h4{	background: url(../img/top/cap4.gif) no-repeat 0 0;}
#index .article #service05 h4{	background: url(../img/top/cap5.gif) no-repeat 0 0;}

/*******************************************
 Top
********************************************/

#index .mainimg{
	line-height: 0;
}


#index .mainimg img{
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
}

#index ul.navi_sub{
	width:776px;
	height:79px;
	margin: 0;
	padding:0;
}

#index ul.navi_sub li a{
	text-indent: -9999px;
	text-decoration: none;
	height:79px;
	width: 194px;
	float: left;
	background: url(../img/top/navi_sub.jpg) no-repeat 0 0;
}

#index ul.navi_sub li.sub01 a{background-position: 0 0;}
#index ul.navi_sub li.sub02 a{background-position: -194px 0;}
#index ul.navi_sub li.sub03 a{background-position: -388px 0;}
#index ul.navi_sub li.sub04 a{background-position: -582px 0;}

#index ul.navi_sub li.sub01 a:hover{background-position: 0 bottom;}
#index ul.navi_sub li.sub02 a:hover{background-position: -194px bottom;}
#index ul.navi_sub li.sub03 a:hover{background-position: -388px bottom;}
#index ul.navi_sub li.sub04 a:hover{background-position: -582px bottom;}

#index #news{
	width:510px;
	background: url(../img/top/news.gif) no-repeat 0 0;
	margin:0 0 10px 0;
}



#index h2{
	height:35px;
	text-indent:-9999px;
	margin:0;
}

#index h3{
	text-indent:-9999px;
	margin: 10px 0 5px;
    clear: both;
	background: url(../img/top/sub_title.gif) no-repeat 0 0;
	height: 45px
}



#index .article .topic{
	width: 510px;
	float: left;
	margin: 0;
	padding:0;
}

#index .article .topic img{
	margin: 10px 0;
}

#index .article ul.btn{
	float: right;
	margin:0;
	width: 255px;
}

#index .article ul.btn li{
	line-height: 0;
	margin: 0;
	padding: 0;
}

#index .article ul.btn li a{
	border: none;
}

#index .article ul.btn li img{
	margin:10px 0 0 0;
	display: block;
}

#index #news{
	margin: 0;
}

#index #news dl{
	height:79px;
	margin: 0;
	padding:0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#index #news dt{
	margin: 0 0 0 12px;
	padding: 0 5px 0 20px;
	float:left;
	background: url(../img/top/ico_arrow.gif) no-repeat 0 4px;
}
#index #news dd{
	color: #09F;
	background: none;
}

#index #news dd.more a{
	width:84px;
	height:13px;
	line-height: 0;
	margin:0 10px 10px 0;
	text-indent:-9999px;
	display: block;
	float: right;
	background: url(../img/top/btn_morenews.gif) no-repeat 0 0;
}
#index #news dd.more a:hover{
	background-position:0 -13px;
	}

#index #news .line{
	width:460px;
	height:8px;
	margin-left: 10px;
    clear: both;
	background: url(../img/common/bg_line.gif) repeat-x 0 0;
	text-indent: -9999px;
}

#index img{
	margin: 10px 0;
}


/*******************************************
 Example
********************************************/



/*******************************************
 Fee
********************************************/
#fee #main table th{
	width:200px;
	font-size: 120%;
	padding: 9px;
}


#fee #main p.campain{
	float:right;
	width: 255px;
	clear: both;
	margin:0 10px 0 0;
}



#fee #main p.btn a.apply{	background:url(../img/fee/btn_apply.gif) 0 0 no-repeat;}
#fee #main p.btn a.contact{	background:url(../img/fee/btn_contact.gif) 0 0 no-repeat;}

#fee #main p.btn a:hover{
	background-position: 0 bottom;
}

/*******************************************
 Apply
********************************************/
#apply.index #main p.btn{
	float:none;
	margin:0 auto;
	float: right;
	margin: 40px;
}

#apply #main p.btn a.contact{background:url(../img/apply/btn_contact.gif) 0 0 no-repeat;}
#apply #main p.btn a.apply{	background:url(../img/apply/btn_apply.gif) 0 0 no-repeat;}
#apply #main p.btn a.entry{	background:url(../img/apply/btn_entry.gif) 0 0 no-repeat;}
#apply #main p.btn a.add{	background:url(../img/apply/btn_add.gif) 0 0 no-repeat;}

#apply #main p.btn a:hover{
	background-position: 0 bottom;
}


/*******************************************
 Faq
********************************************/


/*******************************************
 Contact
********************************************/
#contact #main p.btn a.service{	background:url(../img/contact/btn_service.gif) 0 0 no-repeat;}
#contact #main p.btn a.shop{background:url(../img/contact/btn_shop.gif) 0 0 no-repeat;}

#contact #main p.btn a:hover{
	background-position: 0 bottom;
}

#contact #main table th.midashi{
	background: #FFFFFF;
	color: #FF771D;
	font-size: 120%;
}

#contact #main table td.submit{
	text-align: center;
	background: #FFFFFF;
}

#contact #main table td.submit input{
	margin: 5px 10px;
	background: #0186B7;
	color: #FFFFFF;
	border: none;
	padding: 4px 8px;
}

#contact #main table td input,
#contact #main table td textarea{
	border:solid 1px #CCCCCC;
}

#contact #main table td input:hover,
#contact #main table td textarea:hover{
	border:solid 1px #30a9d6;
	background: #edfaff;
}

#contact #main table td.submit input:hover{
	background: #30a9d6;
	border: none;
}

#contact #main .article p.agree{
	width: 130px;
}

#contact #main .article p.btn a.agree{
	background: url(../img/contact/btn_yes.gif) 0 0 no-repeat;
	width: 130px;
}

#contact #main .article p.btn a.disagree{
	background: url(../img/contact/btn_no.gif) 0 0 no-repeat;
	width: 130px;
}

/*******************************************
Company
********************************************/
#company .article h3,#privacy .article h3,#rule .article h3{
	font-size: 16px;
	padding:2px 0 0 12px;
	background: url(../img/common/bg_h3.gif) no-repeat 0 0;
	margin:15px 10px 0 10px;
	color: #666666;
}


#company .article dl{
	width:716px;
	margin:  0 30px ;
	clear: both;
}
#company .article dl dt{
	background: url(../img/common/icon_dt.gif) no-repeat 0 13px;
	padding: 10px 0 0 15px;
	float: left;
	width: 100px;
}
#company .article dl dd{
	float: right;
	width: 616px;
	margin: -18px 0 0 0;
	padding: 0;
}
#company .article dl dd li{
	margin: 0 0 0 -22px;
}
/*************** Frame***************/
#apply #main iframe{
	margin: 0 20px;
	width: 732px;
	overflow: visible;
	border: solid 2px #ff9600;;
}


.frame #container{
	background: none;
	background: #fffeee;
	padding:10px 20px;
	width: auto;
}

.frame #container p{
	margin: 10px 0;
}

.frame #container dt{
	font-weight: bold;
	margin: 10px 0;
	color: #ff9600;
}

.frame #container ol li{
	list-style-type:decimal;
	margin: 0 30px;
}