@charset "utf-8";

* {
	margin: 0;
    padding: 0;
    line-height: 1.2em;
	color: #666;
    font-size: medium;
}
body {
	background: #FFF url("/eng/images/bg_header.gif") repeat-x left top;
	text-align: center;
}
th, td, form {
	margin: 0;
    padding: 0;
    line-height: 1.2em;
    font-size: medium;
}

/* ------------------------------------------------------------
   link
------------------------------------------------------------ */
a:link, a:visited, a:active {
	color: #666;
    text-decoration: underline;
}
a:hover {
	color: #D39C02;
    text-decoration: underline;
}

/* ------------------------------------------------------------
   images
------------------------------------------------------------ */
img {
	border: 0;
    vertical-align: text-bottom;
}

img.left {
    margin: 0 15px 15px 0;
    float: left;
}
img.right {
    margin: 0 0 15px 15px;
    float: right;
	}

/* ------------------------------------------------------------
   font size
------------------------------------------------------------ */
big {
	font-size: 105%;
}
small {
		font-size: 85%;
}

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

/* ------------------------------------------------------------
   headline
------------------------------------------------------------ */
h1, h2 {
	margin-bottom: 1em;
}
h1 {
	padding: 5px 10px;
	width: 625px;
	height: 65px;
	color: #444;
	background: url("/eng/images/h1_back.jpg") no-repeat left top;
	vertical-align: middle;
	font-size: large;
}
h2 {
    padding: 0 0 0 10px;
    border-bottom: 1px solid #DEDEDE;
    border-left: 3px solid #0D98D1;
    color:#000;
    line-height: 35px;
}
h3, h4, h5, h6 {
	margin-bottom: 0.5em;
}
h3 {
    padding: 0 0 0 10px;
    background: url("/shared/images/bg_h3.gif") repeat-x left top;
    height: 31px;
    line-height: 31px;
    font-size: 110%;
    font-weight: bold;
}
h4, h5 {
	padding-left: 15px;
	border-bottom: 1px dotted #B2B2B2;
}
h4 {
	background: url("/shared/images/icon02_01.gif") no-repeat 3px 5px;
}
h5 {
	background: url("/shared/images/icon03_01.gif") no-repeat 3px 5px;
}
h6 {
	color: #014273;
}

/* ------------------------------------------------------------
   paragraph
------------------------------------------------------------ */
p {
	margin: 0 0 1em 0;
}
p.title {
	margin: 0 0 3px 0;
}
p.para, p.paragraph, p.para-last, p.para2, p.paragraph-last,p.para-up {
    text-indent: 1em;
    line-height: 150%;
}
    p.para, p.paragraph  {
        margin: 0 0 0 0;
    }
    p.para-last, p.para2, p.paragraph-last {
        margin: 0 0 1em 0;
    }
    p.para-up {
        margin: 0.5em 0 0 0;
    }
p.double {
    margin: 0 0 2em 0;
}
p.half {
    margin: 0 0 0.5em 0;
}
p.zero, p.last {
    margin: 0 0 0 0;
}
.indent2 {
    margin: 0 0 0 10px;
}
/* ------------------------------------------------------------
   list
------------------------------------------------------------ */
ul, ol, dl {
	margin-bottom: 1em;
}
    ul li {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: none;
    }
ol {
	margin-left: 1.5em;
	list-style: decimal;
}
	ul li {
		padding-left: 1em;
		list-style: none;
		background: url("/shared/images/icon04_01.gif") no-repeat left 5px;
	}
	ul li ul {
		margin-bottom: 0;
	}
		ul li ul li {
			margin-left: 1em;
			padding-left: 0;
			list-style: disc;
			background: none;
		}
		ul.list-a5 {
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
    list-style: none;
}
    ul.list-a5 li {
        margin: 0 0 0 1em;
        padding: 0 0 0.2em 0;
        background: none;
        text-indent: -1em;
    }
    /* 2? */
    ul.list-a5 li.col2 {
        margin: 0 0 0 1.7em;
        text-indent: -1.7em;
    }
    /* FAQ */
    ul.list-a5 li.faq {
        margin: 0 0 0 1.5em;
        text-indent: -1.5em;
    }
    ul.list-a5 li.last {
        padding: 0 0 0.2em 0;
    }
		
/* ------------------------------------------------------------
   table
------------------------------------------------------------ */
#main table {
	margin: 0 0 1em 0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
	#main table th {
		padding: 3px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #FFF;
		vertical-align: middle;
		color: #666;
		background: #EEE;
		text-align: center;
		white-space: nowrap;
	}
	#main table td {
		padding: 3px !important;
		border-right: 1px solid #CCC !important;
		border-bottom: 1px solid #CCC !important;
		vertical-align: top;
	}
	#main table td.middle {
		vertical-align: middle;
	}
	#main table td.center {
		text-align: center;
	}
	#main table td.all-center {
		vertical-align: middle !important;
		text-align: center !important;
	}

table.nothing, {
    margin: 0 0 10px 5px;
    border: none;
	border-color: #FFFFFF;
	border-spacing: 0;
    padding: 0;
	empty-cells: show;
}

table.nothing td {
    border: none;
	padding: 0;
}


.link-navi {
    margin: 0 0 0.5em 0;
    padding: 0 0 0 0;
}
    .link-navi div {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        float: left;
        width: 200px;
        background: url("/shared/images/icon01_02.gif") no-repeat left center;
    }
        .link-navi div a {
            margin: 0 0 0 1em;
            padding: 0 0 0 0;
        }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/* ------------------------------------------------------------
   layout
------------------------------------------------------------ */
#container {
	margin: 0 auto;
	position: relative;
	width: 95%;
    text-align: left;
}
	#container #header, #container #topichpath, #container #footer {
		width: 100%;
	}
	#container #header {
		height: 125px;
		text-align: left;
	}
	#container #wrapper {
		padding: 0;
		padding-bottom: 1em;
		background: url("/eng/images/bg_snavi.gif") repeat-y left top;
	}
		#wrapper table#contents {
			margin: 0;
			width: 100%;
			border-collapse: collapse;
		}
			#wrapper table#contents td {
				border: none;
				vertical-align: top;
			}
			table#contents td#snavi {
				width: 255px;
			}
#footer {
	background: #28BADF;
}

/* ------------------------------------------------------------
   header
------------------------------------------------------------ */
#header h1, #header p.logo {
	margin: 25px 0 0 0;
}
#header h1 {
	padding: 0;
	width: 882px;
	height: 36px;
	background: none;
}
#header #header-navi {
	width: 882px;
	text-align: right;
}
	#header-navi ul {
		width: 882px;
	}
		#header-navi ul li {
			padding: 0 13px;
			display: inline;
			background: url("/shared/images/icon01_01.gif") no-repeat left center;
			font-size: small;
		}
			#header-navi ul li a {
				color: #0149EE;
			}
		#header-navi ul li.last {
			padding-right: 0;
		}

/* ------------------------------------------------------------
   topic path
------------------------------------------------------------ */
#topichpath ul {
	margin-bottom: 0.5em;
	position: absolute;
	top: 100px;
}
	#topichpath ul li {
		padding: 0 6px;
		display: inline;
		background: url("/shared/images/icon03_01.gif") no-repeat right center;
	}
	#topichpath ul li.first {
		padding-left: 0;
	}
	#topichpath ul li.active {
		background: none;
	}

/* ------------------------------------------------------------
   sub navigation
------------------------------------------------------------ */
#snavi ul {
}
	#snavi ul li {
		padding-left: 0;
		line-height: normal;
		list-style: none;
		background: none;
	}
		#snavi ul li .category, #snavi ul li .category-on {
			padding-bottom: 3px;
			color: #FFF;
			font-weight: bold;
		}
		#snavi ul li .category {
			background: url("/eng/images/btn_smenu-bottom.gif") no-repeat left bottom;
		}
		#snavi ul li .category-on {
			background: url("/eng/images/btn_smenu-bottom_on.gif") no-repeat left bottom;
		}
			#snavi ul li .category .bg-top, #snavi ul li .category-on .bg-top {
				margin-bottom: 0;
				padding-top: 2px;
			}
			#snavi ul li .category .bg-top {
				background: url("/eng/images/btn_smenu-top.gif") no-repeat left top;
			}
			#snavi ul li .category-on .bg-top {
				background: url("/eng/images/btn_smenu-top_on.gif") no-repeat left top;
			}
			#snavi ul li .category a, #snavi ul li .category span,
			#snavi ul li .category-on a, #snavi ul li .category-on span {
				padding: 0 10px;
				display: block;
				width: 215px;
				color: #FFF;
				text-decoration: none;
			}
			#snavi ul li .category a, #snavi ul li .category span {
				background: url("/eng/images/btn_smenu-middle.gif") repeat-y left top;
			}
			#snavi ul li .category-on a, #snavi ul li .category-on span {
				background: url("/eng/images/btn_smenu-middle_on.gif") repeat-y left top;
			}
		#snavi ul li a:hover {
			text-decoration: underline;
		}
		#snavi ul li ul {
			margin: 3px 7px 0.5em 7px;
			width: 221px;
		}
			#snavi ul li ul li {
				margin: 0 0 5px 20px;
				list-style: disc;
				color: #28BBE0;
			}
			#snavi ul li ul li a {
				padding: 0;
				display: inline;
				color: #666;
				background: none !important;
				font-weight: normal;
				text-decoration: underline;
			}
			#snavi ul li ul li a:hover {
				color: #D39C02;
			}

/* ------------------------------------------------------------
   main contents
------------------------------------------------------------ */
/* top page */
h2#top {
	padding: 0;
	border: none;
	width: 645px;
	height: 130px;
	line-height: normal;
}
.info, .pickup {
	border: none;
	position: relative;
}
	h3.top {
		margin-bottom: 0;
		padding-left: 7px;
		height: 29px;
		background: url("/eng/images/h3_back.gif") repeat-x left top;
	}
	p.more {
		margin-bottom: 0;
		position: absolute;
		top: 5px;
		right: 7px;
	}
	.info .info-list, .pickup .pickup-list {
		margin-bottom: 1em;
		padding: 5px 10px;
		border: 1px solid #BACAD6;
		border-top: none;
	}
		.info-list dl, .pickup-list dl {
			margin-bottom: 0.5em;
		}
		.info-list dl a:link, .info-list dl a:visited, .pickup-list dl a:link, .pickup-list dl a:visited {
			color: #0149EE;
		}
			.info-list dl dt, .info-list dl dd {
				padding: 3px 0;
			}
			.info-list dl dt {
				float: left;
				background: url("/shared/images/icon01_02.gif") no-repeat left 8px;
				width: 7.5em;
			}
				.info-list dl dt span {
					margin-left: 15px;
				}
			.info-list dl dd {
				padding-left: 6.5em;
				border-bottom: 1px dotted #666;
			}
				.info-list dl dd p{
					margin-bottom: 0;
					display:inline-block;
				}
			.pickup-list dl dt, .pickup-list dl dd {
				padding-left: 10px;
			}
			.pickup-list dl dt {
				float: none;
				background: url("/shared/images/icon03_01.gif") no-repeat left 5px;
			}
			.pickup-list dl dd {
				margin-bottom: 0.75em;
			}
.section01, .section02, .section03, .section04, .section05, .section06 {
	margin-left: 15px;
}

/* images & text */
.img-txt {
	margin-bottom: 1em;
}
	.img-txt .img-left, .img-txt .txt-right {
		float: left;
		width: auto;
	}
		.img-txt .img-left {
			padding-right: 15px;
		}
		.img-txt .txt-right {
			word-break: normal;			/* IE only */
		}
		
/* ------------------------------------------------------------
   footer
------------------------------------------------------------ */
#footer p.copyright {
	margin-bottom: 0;
	padding: 0.5em 0;
	width: 95%;
	color: #FFF;
	text-align: right;
}