/* CSS Document */
body {
	margin:30px;
	padding:0;
	background-color: #ABA3A3;
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka, sans-serif;
	font-size:12px;
	color:#333333;
}
table{
	font-size:12px;
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka, sans-serif;
	color:#333333;
	}
td {
	background-color:#FFFFFF;
}
form {
	margin:0;
}
form, input, select, textarea {
	color: #333333;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a img {
	border:none;
	}
a {
	color: #CA6900;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #990000;
}

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.floatleft { float:left; margin:0; }
.floatright { float:right; margin:0; }
.clear { clear:both; }
.middle { vertical-align:middle; }
.text-top { vertical-align:text-top; }
.bottom { vertical-align:bottom; }
.hd { display:none; }
.img-left { float:left; margin:0 10px 10px 0; }
.img-right { float:right; margin:0 0 10px 10px; }

h1 {
	margin: 0;
	padding: 0;
}
.webimg {
	margin:20px 0 10px 20px;
	border:0;
}

.newtable{
	margin:15px 0 0 17px;
}
.newtable-s{
	margin:0 0 0 17px;
}


h1.sub {
	font-size:18px;	
	font-family:Garamond, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Times New Roman, Times, serif;
	color:#8e8e8e;
}

h2.subsub {
	font-size:14px;	
	font-family:Garamond, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Times New Roman, Times, serif;
	color:#a5a5a5;
	margin-top:0;
}

.title{
		margin: 0;
}

.subt {
	background:url(images/point.gif) center left no-repeat;
	padding-left:20px;
	margin:20px 0 10px 0;
	height:23px;
	line-height:22px;
}
.subt-strong {
	border-bottom:#ffb746 2px solid;
	color:#5f4823;
}

.layout, .dropdown {
	margin: 0 ;
	width: 750px;
	text-align:left;
	}
.button {
	margin: 0;
	width: 750px;
	background-color: #BCBEC0;
	text-align:right;
	}
.button td {
	vertical-align:bottom;
	border:1px solid #FFFFFF;
	font-size:12px;
}
.button td a {
	display:block;
	margin:0;
	padding:10px 5px 5px 5px;
	height:13px;
	line-height:1em;
	text-decoration:none;
	color:#666666;
	background:url(images/back_button.jpg) 0 0 repeat-x;
	}
.button td a:hover {
	background:url(images/back_button2.jpg) 0 0 repeat-x;
	}
#main {
	background: #ffffff url(images/back_middle.jpg) 250px bottom no-repeat;
	vertical-align:top;	
	}
#main2 {
	background: #ffffff;
	vertical-align:top;	
	}
#main2 {
	background: #ffffff;
	vertical-align:top;	
	}
#main p{
	margin:15px 15px 0px 15px;
	width:350px;
}
#main2 p{
	margin:15px 15px 0px 15px;
	width:710px;
}
#main3 p{
	margin:15px 15px 0px 15px;
	vertical-align:top;	
}
#main4 p{
	margin:15px 0px 0px 15px;
	vertical-align:top;	
}
#center {
	background-color:#ffffff;
	width:180px;
	}
#right {
	background-color:#ffffff;
	width:15px;
	}
address {
	margin:5px;
	text-align:left;
	color: #ffffff;
	width: 750px;
	font-size:10px;
}
.navi1 {
	display:block;
	width:100%;
}

.portalp {
	margin:0 10px 15px 10px;
	line-height:1.5;
}

.movie-cm {
	float:right;
	width:320px;
	margin:10px 0 10px 10px;
}

/* print */
.print-cont {
	width:725px;
	position:relative;
	margin-top:20px;
}

.print-cont p { margin-left:5px; }
.print-cont-img { margin:20px 0 0 10px; border:0; }

.print-cont-bcard {
	width:205px;
	height:345px;
	border-left:#d5cdc0 2px solid;
	padding-right:20px;
}

.print-cont-postcard {
	width:205px;
	height:345px;
	position:absolute;
	top:0;
	left:205px;
	border-left:#d5cdc0 2px solid;
	padding-right:20px;
}

.print-cont-flyer {
	width:315px;
	height:345px;
	position:absolute;
	top:0;
	left:410px;
	border-left:#d5cdc0 2px solid;
	padding-right:20px;
}

.print-cont-catalog {
	width:565px;
	border-left:#d5cdc0 2px solid;
	margin-top:30px;
}

/* host */
.hosting-table td { vertical-align:top; }
.hosting-left {
	background-color:#fff7e7;
}
.hosting-middle {
	background-color:#fff9e6;
}
.hosting-right {
	background-color:#fcfce3;
}
.hosting-left .subtitle { margin:0 0 15px 0; background-color:#ffcc66; }
.hosting-middle .subtitle { margin:0 0 15px 0; background-color:#ffdc75; }
.hosting-right .subtitle { margin:0 0 15px 0; background-color:#eeeebb; }
.hosting-left .datatable th { background-color:#ffcc66; }
.hosting-middle .datatable th { background-color:#ffdc75; }
.hosting-right .datatable th { background-color:#eeeebb; }

.subtitle {
	padding:3px 5px;
	color:#57503b;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #a69c7f;
	border-left:3px double #a69c7f;
	background-color:#e3e0d7;
}

.datatable {
	margin:0 auto;
	background-color:#B6BFC8;
}
.datatable tr {
	background-color:#FFFFFF;
}
.datatable th {
	background-color:#f0eee8;
}
.bg, .datatable .bg { background-color:#F0F9FC; }
.bg2, .datatable .bg2 { background-color:#B6BFC8; }
.datatable .editor tr, .datatable .editor th { background:none; }

/* package plan */
.businesscard-img {
	margin:0 0 5px 0;
	text-align:center;
}
.businesscard-img img { margin-right:5px; }

.webdesign-left {
	width:50%;
	background-color:#fff9e6;
	vertical-align:top;
}
.webdesign-right {
	width:50%;
	background-color:#fcfce3;
	vertical-align:top;
}
.webdesign-left .subtitle { margin:0 0 15px 0; background-color:#ffdc75; }
.webdesign-right .subtitle { margin:0 0 15px 0; background-color:#eeeebb; }
.webdesign-left .datatable th { background-color:#ffdc75; }
.webdesign-right .datatable th { background-color:#eeeebb; }

/* webpage */
.site-flow {
	margin-left:5px;
}

.site-flow-cont {
	margin-left:5px;
	border-left:#dde7cc 3px solid;
	padding-top:20px;
	position:relative;
}

.site-flow-cont p {
	margin:0 0 0 10px;
}

.site-flow-arrow {
	margin:10px 0 0 80px;
}

.site-flow-img {
	margin-top:10px;
}

/* dropdown menu */
.dropdown { position:relative; }
.subnavi {
	margin:0;
	padding:0;
	visibility: inherit;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.subnavi a {
	padding:2px 0;
	display:block;
	width:100%;
	background-color:#FFFFFF;
}
.subnavi a:hover {
	background-color:#C1AA8F;
	text-decoration:none;
}
.subnavi span {
	margin-left:5px;
}

/* mailform */
.mailform { margin:20px 0 0 20px; text-align:center; }
.mailform table { width:500px; text-align:left; background-color:#C1AA8F; }
.mailform th, .mailform td { padding:5px; text-align:left; vertical-align:middle; }
.mailform th { background-color:#FFFFFF; color:#666666; }
.mailform td { background-color:#FFFFFF; }
.mailform .formtitle { text-align:center; background-color:#C1AA8F; color:#FFFFFF; }
.mailform .quote-title { background-color:#E8DED3; }
.previewtitle { margin:5px; color:#FFFFFF; font-size:14px; text-align:center; }
.colorred { color:#A81212; }
.subcategory { margin:0; padding:20px 0 30px 0; width:142px; }
.subcategory a { font-size:14px; font-weight:bold; text-decoration:none; }
.subcategory a img { margin-bottom:5px; border:1px solid #FFFFFF; }
.subcategory a:hover img { border:1px solid #D7E2E0; }
.mailsent {
	margin:20px 0 0 0;
	line-height:1.5em;
	font-size:12px;
}