/* TAG */

body {
	margin:0;
	padding:0;
	background-color:#000000;
	font-size:10px;
	_font-size:62.5%;
	text-align:center;
}

img {
	border:0;
}

form {
	margin:0;
	padding:0;
}

a {
	color:#cc0000;
	text-decoration:none;
}

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

h2 {
	margin:0 0 1em;
	border-bottom:solid 1px #666666;
	padding:0 0 0.1em;
	font-size:1.2em;
	color:#cccccc;
}

h3 {
	margin:0 0 0.8em;
	border-bottom:dotted 1px #004e8a;
	font-size:2em;
	line-height:1.6em;
	text-align:justify;
	color:#004e8a;
}

p {
	margin:0 0 1em;
	font-size:1.2em;
	line-height:1.4em;
	text-align:justify;
	color:#cccccc;
}

dl {
	margin:0 0 1em;
	padding:0;
	font-size:1.2em;
	color:#cccccc;
}

dt {
	float:left;
	width:6em;
	padding:0 0 4px;
	line-height:1.4em;
	text-align:justify;
}

dd {
	margin-left:6em;
	padding:0 0 4px;
	line-height:1.4em;
	text-align:justify;
	zoom:1;
}

#shotorihiki dt {
	width:8em;
}

#shotorihiki dd {
	margin-left:8em;
}

#service dt {
	width:10em;
}

#service dd {
	margin-left:10em;
}

#confirm dt {
	width:10em;
}

#confirm dd {
	margin-left:10em;
}

ul {
	margin:0 0 1em;
	padding:0;
}

li {
	padding:0 0 4px;
	line-height:1.4em;
	font-size:1.2em;
	text-align:justify;
	color:#cccccc;
	list-style-type:none;
}



/* COMMON CLASSES */

.ct {
	text-align:center;
}

.white {
	color:#ffffff;
}

.small {
	font-size:0.8em;
	font-weight:normal;
}



/* LAYOUT */

#container {
	width:750px;
	height:537px;
	margin:30px auto;
	text-align:left;
}

#container div#top {
	position:relative;
	width:750px;
	height:517px;
	background:url(img/index_bg.jpg) no-repeat;
}

#container div#news {
	position:relative;
	width:750px;
	height:517px;
	background:url(img/news_bg.jpg) no-repeat;
}

#container div#AboutUs {
	position:relative;
	width:750px;
	height:517px;
	background:url(img/aboutus_bg.jpg) no-repeat;
}

#container div#service {
	position:relative;
	width:750px;
	height:517px;
	background:url(img/service_bg.jpg) no-repeat;
}

#container div#recruit {
	position:relative;
	width:750px;
	height:517px;
	background:url(img/recruit_bg.jpg) no-repeat;
}

#container div#ContactUs {
	position:relative;
	width:750px;
	height:517px;
	background:url(img/contactus_bg.jpg) no-repeat;
}

#container div#BackTop {
	position:absolute;
	top:332px;
	left:0;
	width:35px;
	height:185px;
}

#container div#BackTop a {
	display:block;
	width:35px;
	height:185px;
	text-indent:-5000px;
}



/* MENU */

#menu {
	position:absolute;
	top:292px;
	left:68px;
}

#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	float:left;
	width:110px;
	height:23px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu ul li a {
	display:block;
	width:110px;
	height:23px;
	text-indent:-5000px;
	background:url(img/menu.jpg) no-repeat;
}

#menu ul li#MenuNews a {
	background-position:0 0;
}

#menu ul li#MenuAboutUs a {
	background-position:-110px 0;
}

#menu ul li#MenuService a {
	background-position:-220px 0;
}

#menu ul li#MenuRecruit a {
	background-position:-330px 0;
}

#menu ul li#MenuVisitingCard a {
	background-position:-440px 0;
}

#menu ul li#MenuContactUs a {
	background-position:-550px 0;
}

#menu ul li#MenuNews a:hover {
	background-position:0 -23px;
}

#menu ul li#MenuAboutUs a:hover {
	background-position:-110px -23px;
}

#menu ul li#MenuService a:hover {
	background-position:-220px -23px;
}

#menu ul li#MenuRecruit a:hover {
	background-position:-330px -23px;
}

#menu ul li#MenuVisitingCard a:hover {
	background-position:-440px -23px;
}

#menu ul li#MenuContactUs a:hover {
	background-position:-550px -23px;
}



/* MAIN */

#column {
	position:absolute;
	top:322px;
	left:310px;
	width:415px;
	height:170px;
	overflow:auto;
	padding:10px;
}

.thumbnail li {
	float:left;
	width:120px;
	margin-right:8px;
}

.thumbnail li a {
	font-size:10px;
}

#ContactUs form {
	margin:0 25px 20px;
	background-color:#333333;
	padding:10px;
}

#ContactUs form input {
	margin:0 0 0.8em;
	border:solid 1px #999999;
}

#ContactUs form input#name {
	width:150px;
}

#ContactUs form input#company {
	width:150px;
}

#ContactUs form input#email {
	width:150px;
}

#ContactUs form input#tel {
	width:150px;
}

#ContactUs form textarea {
	width:320px;
	height:100px;
	margin:0 0 0.8em;
	border:solid 1px #999999;
}

#ContactUs dl {
	margin:0 25px 0;
	background-color:#333333;
	padding:10px 10px 0;
}

#TimeTable {
	padding:100px;
}



/* FOOTER */

#banner {
	float:left;
	width:210px;
	height:42px;
}

address {
	float:right;
	width:540px;
	height:42px;
	background:url(img/copyright.gif) no-repeat;
	font-size:10px;
	text-indent:-5000px;
}

#VisitingCard address {
	width:682px;
	background:url(img/copyright.gif) no-repeat top right;
}



/* VISITING CARD */

#ContainerCard {
	width:682px;
	margin:30px auto;
	padding-left:68px;
	background:url(/img/card/left.gif) no-repeat #220000;
	text-align:left;
}

#VisitingCard {
	width:682px;
}

#VisitingCard #TopLogo h1 {
	position:relative;
	width:682px;
	height:76px;
	margin:0;
	background:url(/img/card/logo.jpg) no-repeat;
}

#VisitingCard #TopLogo h1 a {
	position:absolute;
	display:block;
	width:375px;
	height:76px;
	left:307px;
	top:0;
	font-size:12px;
	text-indent:-5000px;
}

#CardMenu {
	background:url(img/card/menu.jpg) no-repeat;
}

#CardMenu ul {
	margin:0;
	padding:0;
}

#CardMenu ul li {
	float:left;
	width:110px;
	height:23px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#CardMenu ul li a {
	display:block;
	width:110px;
	height:23px;
	text-indent:-5000px;
	background:url(img/card/menu.jpg) no-repeat;
}

#CardMenu ul li#MenuNews a {
	background-position:0 0;
}

#CardMenu ul li#MenuAboutUs a {
	background-position:-110px 0;
}

#CardMenu ul li#MenuService a {
	background-position:-220px 0;
}

#CardMenu ul li#MenuRecruit a {
	background-position:-330px 0;
}

#CardMenu ul li#MenuContactUs a {
	background-position:-440px 0;
}

#CardMenu ul li#MenuNews a:hover {
	background-position:0 -23px;
}

#CardMenu ul li#MenuAboutUs a:hover {
	background-position:-110px -23px;
}

#CardMenu ul li#MenuService a:hover {
	background-position:-220px -23px;
}

#CardMenu ul li#MenuRecruit a:hover {
	background-position:-330px -23px;
}

#CardMenu ul li#MenuContactUs a:hover {
	background-position:-440px -23px;
}

#CardHeadLine {
	width:682px;
	height:220px;
	background:url(img/card/20101016card_headline.jpg) no-repeat;
}

#CardHeadLine h2, #CardHeadLine p {
	margin:0;
	border:0;
	padding:0;
	font-size:12px;
	text-indent:-10000px;
}

#CardPattern1 {
	width:627px;
	margin:0;
	padding:10px 25px 10px 30px;
	background:url(img/card/pattern1_bg.jpg) no-repeat;
}

#CardPattern1 h2 {
	position:absolute;
	margin:0;
	border:0;
	padding:0;
	font-size:12px;
	text-indent:-99999px;
}

#CardPattern1 h3 {
	height:25px;
	margin:0 0 10px;
	border:0;
	padding:0;
	font-size:12px;
	text-indent:-99999px;
	background:url(img/card/headline_nyuko.gif) no-repeat;
}

dl.CardSpec {
	margin:0 0 0.5em 220px;
	padding:0;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
}

dl.CardSpec dt {
	float:left;
	width:3em;
	font-weight:bold;
}

 dl.CardSpec dd {
	margin-left:3em;
}

dl.CardFormat {
	float:left;
	width:330px;
	margin:0 0 0.5em;
	padding:0;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
}

dl.CardFormat dt {
	float:left;
	width:4em;
	font-weight:bold;
}

 dl.CardFormat dd {
	margin-left:4em;
}

#SubmittionDataShort {
	float:right;
	width:280px;
}

#SubmittionDataShort h3 {
	margin:0;
	border:0;
	padding:0;
	width:280px;
	height:25px;
	font-size:12px;
	text-indent:-10000px;
	background:url(img/card/headline_format-sample.gif) no-repeat;
}

#SubmittionDataShort p {
	margin:0;
	padding:5px;
	width:270px;
	background-color:#ffffff;
	font-size:12px;
	line-height:1.4em;
	color:#000000;
}

#SubmittionDataShort ul {
	margin:0;
	padding:5px;
	width:270px;
	background-color:#ffffff;
}

#SubmittionDataShort li {
	min-height:31px;
	_height:31px;
	padding-left:30px;
	background:url(img/download_icon.gif) no-repeat;
	font-size:12px;
	line-height:1.4em;
	color:#000000;
}

#CardPattern2 {
	width:627px;
	margin:0;
	padding:30px 25px 10px 30px;
	background:url(img/card/pattern2_bg.jpg) no-repeat;
}

#CardPattern2 h2 {
	position:absolute;
	margin:0;
	border:0;
	padding:0;
	font-size:12px;
	text-indent:-99999px;
}

#SubmittionDataLong {
	margin:10px 0 0;

}

#SubmittionDataLong h3 {
	height:28px;
	margin:0;
	border:0;
	padding:0;
	font-size:12px;
	text-indent:-99999px;
	background:url(img/card/headline_format.gif) no-repeat;

}

#SubmittionDataLong div {
	margin:0;
	border:0;
	padding:10px;
	font-size:12px;
	color:#333333;
	background-color:#ffffff;
}

#CardPattern3 {
	width:627px;
	margin:0;
	padding:30px 25px 10px 30px;
	background:url(img/card/pattern3_bg.jpg) no-repeat;
}

#CardPattern3 h2 {
	position:absolute;
	margin:0;
	border:0;
	padding:0;
	font-size:12px;
	text-indent:-99999px;
}

#CardBody {
	width:652px;
	padding:20px 15px 0;
	background:url(img/card/card_bg.gif) repeat-y;
}

#CardBody h2 {
	width:652px;
	height:25px;
	margin:0 0 10px;
	border:0;
	padding:0;
	font-size:12px;
	text-indent:-10000px;
}

#CardBody h2#CardSubmittion {
	background:url(img/card/headline_1.gif) no-repeat;
}

#CardBody .CardText {
	margin:0 0 20px;
}

#CardBody #SubmittionFormat {
	float:left;
	width:356px;
}

#CardBody #SubmittionData {
	float:right;
	width:280px;
	padding-right:6px;
}

#CardBody h2#DeliveryDate {
	background:url(img/card/headline_2.gif) no-repeat;
}

#CardBody dl {
	margin:0 0 1em;
}

#CardBody dt {
	float:left;
	width:6em;
	font-size:12px;
	line-height:1.4em;
	color:#660000;
}

#CardBody dd {
	margin-left:6em;
	font-size:12px;
	line-height:1.4em;
	color:#660000;
}

#SubmittionData h3 {
	margin:0;
	border:0;
	padding:0;
	width:280px;
	height:29px;
	font-size:12px;
	text-indent:-10000px;
	background:url(img/card/headline_3.gif) no-repeat;
}

#SubmittionData p {
	margin:0;
	padding:5px;
	width:270px;
	background-color:#ffffff;
	font-size:12px;
	line-height:1.4em;
	color:#000000;
}

#OrderForm {
	padding-bottom:20px;
}

#OrderForm h2 {
	width:652px;
	height:25px;
	background:url(img/card/headline_4.gif) no-repeat;
}

#OrderForm p {
	color:#660000;
}

#OrderForm table {
	width:500px;
	margin:0 auto 10px;
	border-collapse:collapse;
	background-color:#660000;
}

#OrderForm th {
	width:150px;
	border:solid 1px #333333;
	padding:3px 8px;
	background-color:#666666;
	font-size:1.2em;
	line-height:1.4em;
	color:#ffffff;
}

#OrderForm td {
	border:solid 1px #333333;
	padding:3px 8px;
	background-color:#ffffff;
	font-size:1.2em;
	line-height:1.4em;
	color:#333333;
}

#OrderForm textarea {
	width:100%;
	_width:95%;
	height:150px;
	border:solid 1px #cccccc;
	background-color:#eeeeee;
	font-size:12px;
}

#OrderForm input#company,
#OrderForm input#name,
#OrderForm input#email,
#OrderForm input#tel,
#OrderForm input#fax,
#OrderForm input#address,
#OrderForm input#amount {
	width:200px;
	border:solid 1px #cccccc;
	background-color:#eeeeee;
	font-size:12px;
}

#OrderForm input#address {
	width:100%;
	_width:95%;
}

#OrderForm input#amount {
	width:100px;
}



/* CLEARFIX */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */