@charset "utf-8";
/*=========================================================

	Layout - 各レイアウトに関する設定

=========================================================*/

/*======================================

	General Layout

=======================================*/


body {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	text-align: center; /* Centering for IE6 */
	color: #3f3c38;
	background: #f9f6df;
	font-size: 12px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}


/*======================================

	div#wap

=======================================*/

div#wap {
	width: 730px;
	margin: 0 auto;
	padding: 0 10px;
	border-left: 1px solid #e6e0b6;
	border-right: 1px solid #e6e0b6;
	background: #fbfaf4;
}



/*======================================

	div#head

=======================================*/

div#head {
}

div#head div.txt {
	width: 730px;
	float: right;
}

div#head div.txt h1,
div#head div.txt h2 {
	font-size: 80%;
	font-weight: normal;
	text-align: right;
	line-height: 1em;
	color: #99a793;
}

div#head div.logo {
	float: left;
}
div#head div.menu {
	float: right;
}
div#head div.menu li {
	margin: 0 4px;
	list-style: none;
	float: left;
}



/*======================================

	div#crumb

=======================================*/

div#crumb {
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
}

div#crumb dl dt {
	float: left;
	list-style: none;
}
div#crumb dl dd {
	float: left;
	padding-left: 20px;
	background: url(../images/vec3.jpg) no-repeat 8px 3px;
}
div#crumb a:link {
	color: #a20b19;
}
div#crumb a:visited {
	color: #a20b19;
}
div#crumb a:hover {
	color: #e50013;
}


/*======================================

	div#content

=======================================*/

div#contents {
	text-align: left;
}


/*======================================

	div#left

=======================================*/

div#left {
	width: 218px;
	float: left;
	text-align: left;
}
div#left h4,
div#left h5 {
	margin-bottom: 10px;
}

div#left div.appsblock {
	width: 202px;
	border: 1px solid #d6e4d0;
	background: #f1f6ef;
	padding: 5px;
	margin: 0 0 5px 2px;
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div#left div.appsblock div.left {
	width: 75px;
	float: left;
}
div#left div.appsblock div.right {
	width: 107px;
	margin-left: 5px;
	padding-left: 15px;
	float: left;
	background: url(../images/vec.jpg) no-repeat;
}
div#left div.appsblock div.right a {
	text-decoration: none;
	color: #3f3c38;
	display: block;
}

div#left div.mobile div.left {
	width: 132px;
	margin-left: 3px;
	margin-right: 5px;
	float: left;
}
div#left div.mobile div.right {
	width: 75px;
	float: right;
}

div#left p {
	margin: 0 5px;
}

/*======================================

	div#right

=======================================*/

div#right {
	width: 496px;
	float: right;
	text-align: left;
}

/*======================================
	index.html
=======================================*/

div.top-label {
}
div.top-label div.container {
	width: 247px;
	margin-left: 1px;
	float: left;
}
* html body div.top-label div.container {
	margin-left: 0;
}
div.top-label div.container a,
div.top-label div.container a:link,
div.top-label div.container a:visited,
div.top-label div.container a:hover {
	width: 207px;
	height: 72px;
	color: #3f3c38;
	padding: 100px 20px 20px 20px;
	margin-bottom: 10px;
	text-align: left;
	text-decoration: none;
	display: block;
}
div.top-label div.container div.honpo {
	background: url(../images/top_honpo.jpg) no-repeat;
}
div.top-label div.container div.work {
	background: url(../images/top_work.jpg) no-repeat;
}
div.top-label div.container div.apps {
	background: url(../images/top_apps.jpg) no-repeat;
}
div.top-label div.container div.form {
	background: url(../images/top_form.jpg) no-repeat;
}

/*======================================
	sitemap.html
=======================================*/

ul.sitemap {
	margin: 15px 0;
}
ul.sitemap li {
	width: 223px;
	margin: 5px;
	padding-left: 15px;
	float: left;
	list-style: none;
	display: block;
	background: url(../images/vec.jpg) no-repeat;
}
* html body ul.sitemap li {
	width: 220px;
}



/*======================================

	div#foot

=======================================*/

div#foot {
	margin: 0 auto;
	padding: 10px;
	color: #96b78b;
	background: #f1f6ef;
	font-size: 80%;
	text-align: center;
}
div#copy {
	color: #99a793;
	font-size: 80%;
	padding: 5px 0 10px;
}