@import url(./template.css);
@charset "utf-8";

body {	
	margin: 0;
	padding: 0;
	font-size:12px;	
	color:#444444;	background:#444444;
}

img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}

h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
}
a {
	color:#0099d9;
	text-decoration:none;
}
a:hover {color:#ff555f;
	text-decoration:none;
}

ul,li {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	margin:0;
	padding:0;
	line-height:1.8;
}

#container {
	width:854px;
	margin:0 auto;
	color:#444444;
	background:#ffffff;
}

#header {
	width:850px;
	margin:20px 5px 0 0;
	padding:0px;
	text-align:left;
	float:left;
}

#header h1 {
	font-size: 12px;
	float: left;
}

#photo {
	width:684px;
	height:170px;
	margin:0px;
	padding:0px;
	float:left;
	text-indent:-9999px;

}

#logo {
	width:160px;
	margin:0;
	padding:0;
	float:right;
}

#logo h2 {
	display:block;
	width:160px;
	height:90px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("img/logo1.gif") no-repeat;
}

#logo ul {
	margin:0;
	padding:0;
}

#logo li {
	margin:0;
	padding:0 16px 0 0;
	font-size:12px;
	line-height:1.5em;
	text-align:right;
	background:url("img/arrow.gif") no-repeat right;
}

#contents_main {
	width:auto;
	margin:0 0 0px 7px;
	padding:0px;
	float:left;
}
#contents_main h3 {
	clear:both;
	display:block;
	height:50px;
	margin:10px 0 10px 0;
	padding:0;
	text-indent:-9999px;
	background:url("img/h3_bk.gif") no-repeat;
}
#contents_main h4#top {
	clear:both;
	display:block;
	height:100px;
	margin:10px 0 10px 30px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_bk.gif") no-repeat;
}
#contents_main h4#company {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_company.gif") no-repeat;
}
#contents_main h4#privacy {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_privacy.gif") no-repeat;
}
#contents_main h4#contact {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_contact.gif") no-repeat;
}
#contents_main h4#nsmaker {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_nsmaker.gif") no-repeat;
}
#contents_main h4#function {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_function.gif") no-repeat;
}
#contents_main h4#seo {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_seo.gif") no-repeat;
}
#contents_main h4#why {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_why.gif") no-repeat;
}
#contents_main h4#template {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_template.gif") no-repeat;
}
#contents_main h4#order {
	display:block;
	height:50px;
	margin:10px 0 30px 10px;
	padding:0;
	text-indent:-9999px;
	background:url("img/h4_order.gif") no-repeat;
}

#contents_main p.main_text {
	margin:0px 0 0px 10px;
	margin-bottom:10px;
	text-align:left;
}

#menu {
	width:850px;
	margin:2px 0 10px 2px;
	padding:0;
	float:left;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	display:block;
	width:105px;
	margin:0;
	padding:0;
	font-size:12px;
	float:left;
}
.menuname a{
	display:block;
	width:105px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0;
	padding:0;
	background:url("img/menu01.gif") no-repeat;
}
#kara {
	margin:0;
	padding:0;
}
.dummy a{
	display:block;
	width:114px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0;
	padding:0;
	background:url("img/menu02.gif") no-repeat;
}
#menu li a:hover {
	background-position:0 -30px;
}

dl.list {
	width:684px;
	margin:0px 0 0px 30px;
	padding:0;
	color:#444444;
	text-align:left;
	border-bottom:solid 1px #ccc;
}
dl.list dt {
	float:left;
	clear:both;
	display:block;
	width:140px;
	padding:10px 0 10px 20px;
	margin:0;
	line-height:10px;
	border-top:solid 1px #ccc;
}
dl.list dd {
	float:left;
	display:block;
	width:450px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:10px;
	border-top:solid 1px #ccc;
}
.kanri1 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_01.gif") no-repeat;
}
.kanri2 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_02.gif") no-repeat;
}
.kanri3 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_03.gif") no-repeat;
}
.kanri4 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_04.gif") no-repeat;
}
.kanri5 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_05.gif") no-repeat;
}
.kanri6 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_06.gif") no-repeat;
}
.kanri7 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_07.gif") no-repeat;
}
.kanri8 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_08.gif") no-repeat;
}

.kanri10 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_10.gif") no-repeat;
}
.kanri11 h4 {
	display:block;
	height:30px;
	margin:10px 0 30px 0px;
	padding:0;
	text-indent:-9999px;
	background:url("img/kanri_11.gif") no-repeat;
}
.txt h5 {
	font-size:14px;
	font-weight:bold;
	padding:5px 0 2px 5px;
}
.txt p {
	font-size:12px;
	text-align:left;
	line-height:1.2em;
	margin:0 0 0 20px;
	padding:0;
}
.txt img {
	margin:5px;
	padding:0px;
}
.txt_m h4 {
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:10px;
}
.txt_i img {
	margin:0px;
	padding:0 10px 0 15px;
}
.aname {
	margin:3px;
	text-align:right;
}

.aname a{
	font-size:12px;
	text-align:right;
}

#clear {
	clear: left;
}
#footer {
	clear:both;
	text-align:center;
	width:854px;
	margin:0;
	padding:0;
	background:url("img/dotted.gif") repeat-x;
}
#footer ul {
	padding:10px 0 0 0;
	margin:0;
}
#footer ul li {
	display:inline;
	margin-right:3px;
	padding-left:7px;
	border-left:solid 1px #444444;
}
#footer ul li.footerhome {
	padding-left:0;
	border-left:0;
}
#footer p {
	margin:0;
	padding:10px 0;
}
p.clear {
	clear:both;
	text-align:right;
	padding-right:16px;
	background:url("img/arrow.gif") no-repeat right;
}