@charset "utf-8";
@import url(css/common.css);


/* default 
==============================*/

* {
	padding: 0 ;
	margin: 0 ;
}

img {
	border: 0px ;
}

#center img {
	margin: 5px ;
}

.clear {
	clear: both ;
}

li {
	list-style-type: none ;
}

.content p {
	padding: 0px 0px 0.6em ;
	margin: 0px ;
}

hr {
	clear: both ;
	margin-top: 20px ;
	border: 1px solid #999 ;
}

a {
	color: #666 ;
}

a:hover {
	color: #000 ;
}

table {
	font-size: 100% ;
}

h1, h2, #center h3, hr, .clear{
	clear: both ;
}

hr {
	margin-bottom: 5px ;
}

/* layout 
==============================*/

body {
	padding-bottom: 30px ;
	font-size: 0.625em ;
	line-height: 1.5 ;
	text-align: center ;
}

#container {
	position: relative ;
	width: 890px ;
	margin: auto ;
	text-align: left ;
}



#header {
	height: 100px ;
	margin-bottom: 17px ;
	background: url(images/header.png) no-repeat ;
}

#sidenavi1 {
	float: left ;
	width: 200px ;
	margin-left: 20px ;
	overflow: hidden ;
	font-size: 1.2em ;
	display: inline ;
}

#center {
	float: right ;
	width: 632px ;
	padding-top: 60px ;
	padding-bottom: 30px ;
	margin-right: 25px ;
	overflow: hidden ;
	font-size: 1.2em ;
	display: inline ;
}

#footer {
	padding: 10px 10px 20px 10px ;
	margin-top: 20px ;
	line-height: 1.2 ;
	background: #ff8600 ;
}

/* header 
==============================*/



#header * {
	position: absolute ;
	font-size: 1em ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	white-space: nowrap ;
}

#header h1 {
left : 235px ;top: 110px ;
	width: 627px ;
	padding-left: 40px;
	font-size: 18px ;
	color: #000 ;
	line-height: 44px ;
	background: url(images/h1.png) no-repeat ;
}

#header>h1 {
	width: 587px ;
}

#header h2 {
	left: 10px ;
	top: 0px ;
}

#header p {
	top: 0px ;
	right: 10px ;
	padding: 0 ;
	margin: 0 ;
}

#header img {
	left: 34px ;
	top: 31px ;
}



/* sidenavi 
==============================*/

#sidemenu {
	padding: 6px ;
	margin-bottom: 17px ;
	background: #efeee6 ;
}

#sidemenu ul {
	border-top: 1px solid #d7d7d7 ;
	line-height: 1 ;
	margin-top : -1px ;
}

#sidemenu li {
	border: 1px solid #d7d7d7 ;
	border-top: none ;
	line-height: 1 ;
}

#sidemenu li a {
	padding: 9px 0px 9px 20px;
	border: 2px solid #fff ;
	color: #333 ;
	text-decoration: none ;
	display: block ;
	background: #ffffff url(images/navi.png) no-repeat left center ;
}

#sidemenu li a:hover {
	background: #f6f6f6 url(images/navi.png) no-repeat -200px center;
}

#searchbox {
	padding: 2px ;
	border: 1px solid #c3c3c3 ;
	text-align: center ;
}

#searchbox form {
	padding: 10px ;
	background: url(images/form_bg.png) repeat-x ;
	background: #e8e6db ;
}

#searchbox form label {
	padding-bottom: 10px ;
}

#searchbox form input {
	width: 140px ;
}

#searchbox form input#search {
	padding: 1px ;
	margin-bottom: 6px ;
	border-top: 1px solid #abadb3 ;
	border-right: 1px solid #dbdfe6 ;
	border-bottom: 1px solid #e3e9ef ;
	border-left: 1px solid #dbdfe6 ;
}

#searchbox form input#searchbutton {
	height: 21px ;
	width: 47px ;
	border: none ;
	color: #000 ;
	background: url(images/search.png) no-repeat center center ;
	line-height: 21px ;
}

/* center 
==============================*/

#center h3, #center h4, #center h5 {
	padding: 0px 16px;
	margin-top: 15px ;
	margin-bottom: 1em ;
	font-size: 1.2em ;
	font-weight: normal ;
	display: block ;
	background: url(images/hl.png) no-repeat left center;
	line-height : 34px ;
	height : 34px ;
}

#center h3 a {
	height: auto ;
	color: #333 ;
	text-decoration: none ;
}

#center h5 {
	margin-bottom: 0px ;
}

.whats p {
	padding: 6px 5px 6px 20px ;
	margin: 0 ;
	border-bottom: 1px dotted #999 ;
	line-height: 1 ;
	background: url(images/whats_p.gif) no-repeat 4px center;
}

.content table.sample {
	width: 90% ;
	margin: 20px 0% 20px 5% ;
	border: none;
	border-collapse: collapse;
}

.content table.sample th {
	padding: 7px ;
	border: solid 1px #ccc ;
	font-weight: normal ;
	color: #000 ;
	text-align: left ;
	white-space: nowrap ;
	background: #eeeeee ;
}

.content table.sample td {
	padding: 7px ;
	border: solid 1px #ccc ;
	color: #000 ;
	background: #fff ;
}

/* footer 
==============================*/

#footer * {
	font-size: 1em ;
	font-weight: normal ;
	color: #fff ;
	line-height: 1 ;
	text-decoration: none ;
	white-space: nowrap ;
}

#footer img {
	float: left ;
	margin-right: 10px ;
}

/* index 
==============================*/

#index #center img {
	margin-left: 0px !important ;
}

.contentsWrap {
	padding: 5px 0px ;
	margin-bottom: 15px ;
	text-align: center ;
	background: #efeee6 ;
}

#index #center .contentsWrap img {
	padding: 0px !important;
	margin: 5px !important ;
}


/*
step mail
*/


/* common */

#stepMl {}
#stepMl * {margin : 0 ; padding : 0 ; list-style-type : none ; }
#stepMl .prg, #stepMl .title, #stepMl .app, #stepMl .prg ul {float : left ;display : inline ; }
#stepMl dd { margin-left : 0px ; padding-left : 0px ; }

/* title */

#stepMl { position : absolute ; left :20px ; top : 100px; background :url(../images/step_bg.png) no-repeat   ; width : 870px ; overflow : hidden ;height : 88px ; }
#stepMl .title h3 { background :url(../images/common/ml/title.png) no-repeat ; width : 215px ; height : 53px ; padding-top : 53px ; overflow : hidden ;}
#stepMl .title>h3 { height : 0px ;}
#stepMl .title { width : 220px ; margin-left : 5px ; margin-top : 5px ; margin-right : 10px ;}
#stepMl .title p { font-size : 10px ;  color : #666 ;line-height : 1.2 ; margin-left : 5px ;margin-top :12px ; margin-bottom : 2px ; padding : 0px ;}


/* program */
#stepMl .prg {width : 315px ; margin-top : 10px ;}
#stepMl .prg ul {width : 150px ;padding: 0 !important ; margin : 0 ;display : inline ; line-height : 1.4 ;}
#stepMl .prg ul.right { margin-top : -1em; }
#stepMl .prg li { white-space : nowrap ;font-size : 10px ; color : #660 ; margin : 0 ; padding : 0 ; list-style-position : outside ;}
#stepMl .prg li .day { padding : 0 ; margin : 0 ;font-weight: bold ; color : #DB3B16 ;}
#stepMl .prg li .number {padding : 0 ; margin : 0 ;color :#E8937F ;}
#stepMl .prg dt { margin-bottom : 2px ; padding : 2px ;line-height : 1 ;color : #DB3B16 ; font-weight : bold ; letter-spacing :7px ; width : 130px ;border-bottom :2px dotted #febd85 ;}

/* apply */
#stepMl .app { float : left ;width : 300px ;position :relative ; margin-top:10px; height : 85px ;}
#stepMl .app { margin-top : 10px ;} 
#stepMl .app { color : #666 ; }
#stepMl .app button { position : absolute ; right :15px ;bottom :13px ;background :url(../images/step_submit.png) no-repeat ; width : 78px ; border: none ; padding-top : 27px ; overflow : hidden ; height : 27px ;}
#stepMl .app>button { height : 0px ; } 
#stepMl .app .name {line-height : 1 ;width : 190px ; margin-bottom : 2px ;padding : 0 ; }
#stepMl .app .pref {line-height : 1 ;width : 98px ; padding : 0 ;  padding : 0 ; }
#stepMl .app option { line-height : 1 ;padding : 0 ; margin : 0 ; padding : 0 ; }
#stepMl .app .mail {line-height : 1 ; width : 190px ; padding : 0 ; }
#stepMl .app select { line-height : 1 ;padding : 0 ; margin : 0 ; padding : 0 ; }
#stepMl .app dt { font-size : 10px ; width : 290px ;padding-top : 17px ; height :17px ; overflow : hidden ; display : block ; margin-bottom : 3px ;}
#stepMl .app>dt { height : 0px ;}
#stepMl .app { overflow : hidden ;} 
#stepMl .app li { float : left ; margin-bottom : 2px ; margin-right : 2px ;}