@charset "UTF-8";
@import url(common.css);
/**/
/*
	ConvertBox
	200907  magrex
*/
/**/

html {
	font-size: 10px;
	}
	* html {
		font-size: 62.5%;
		}
	*:first-child+html {
		font-size: 62.5%;
		}

body {
	font-size: 140%;
	line-height: 120%;
	}
	body.fontsizeS {
		font-size: 120%;
		line-height: 120%;
		}
	body.fontsizeL {
		font-size: 200%;
		line-height: 120%;
		}


#grandmother {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 850px;
	min-height: 100%;
	background: url(../images/bg.png) 50% 0%;
	}
/*	* html div#grandmother {
		height: 100%;
		}
*/
#mother {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 850px;
	min-height: 730px;
	background: url(../images/bg_head.png) 50% 0% repeat-x;
	}

#elder {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 850px;
	min-height: 500px;
	margin: 0 auto;
	background: url(../images/header.jpg) 50% 0% no-repeat;
	}
/*	* html div#elder {
		height: 730px;
		}
*/
#main {
	position: relative;
	overflow: hidden;
	width: 850px;
	min-height: 1px;
	margin: 125px auto 20px;
	font-family: sans-serif, arial, helvetica;
	}
	* html div#main {
		font-family: "ＭＳ Ｐゴシック";
		}
	*:first-child+html div#main {
		font-family: "ＭＳ Ｐゴシック";
		}

	#mainmenu {
		position: relative;
		overflow: hidden;
		top: 40px;
		left: 0px;
		width: 610px;
		height: 23px;
		}
		#mainmenu li {
			position: relative;
			overflow: hidden;
			float: left;
			width: 120px;
			height: 23px;
			}
			#mainmenu li a {
				position: absolute;
				display: block;
				overflow: hidden;
				top: 0px;
				left: 0px;
				width: 110px;
				height: 23px;
				}
		#mainmenu li.gfsoft {
			width: 110px;
			}
				#mainmenu li.gfsoft a {
					left: auto;
					right: 0px;
					}

				#mainmenu li a img {
					position: absolute;
					top: 0px;
					left: 0px;
					}
				#mainmenu li a:hover img,
				#mainmenu li.now a img {
					top: -23px;
					}
				#mainmenu li.trial a img {
					}
				#mainmenu li.support a img {
					left: -120px;
					}
				#mainmenu li.update a img {
					left: -240px;
					}
				#mainmenu li.help a img {
					left: -360px;
					}
				#mainmenu li.gfsoft a img {
					left: -500px;
					}

				/* ie6 対策 ** なぜかこれで動作する */
				/* 要検証 20090703 */
				* html ul#mainmenu li.trial a:hover,
				* html ul#mainmenu li.support a:hover,
				* html ul#mainmenu li.update a:hover,
				* html ul#mainmenu li.help a:hover,
				* html ul#mainmenu li.gfsoft a:hover {
					background-position: 0;
					}

	#footer {
		position: relative;
		margin: 20px 0 0;
		padding: 4px 4px 0;
		border-top: 1px solid #999;
		font-family: arial, helvetica;
		font-size: 80%;
		text-align: right;
		}
		* html div#footer {
			height: 0.6em;
			}

	#main h1.site {
		overflow: hidden;
		width: 486px;
		height: 46px;
		margin: 80px 0px 0px 0px;
		}
	#main h2.site {
		overflow: hidden;
		width: 450px;
		height: 46px;
		margin: 20px 0 10px;
		}
		#main h2.site img {
			width: 450px;
			height: 46px;
			}

	#main .content {
		position: relative;
		margin: 0 150px 0 15px;
		}


/**
**/

	#main .container {
		position: relative;
		}

	#main .container a {
		color: #3c86df;
		text-decoration: underline;
		}
	#main .container a:hover {
		color: #4cb6ff;
		text-decoration: none;
		}


	#main .lines {
		padding: 0 10px;
		margin: 10px 20px;
		font-size: 12px;
		line-height: 16px;
		text-align: justify; text-justify: inter-ideograph;
		word-wrap: break-word;
		}

		#main .lines em {
			color: #4cb6ff;
			font-weight: bold;
			}
		#main .lines strong {
			font-size: 120%;
			font-weight: bold;
			}

	#main .note {
		padding: 0 10px;
		margin: 10px 0;
		font-size: 10px;
		line-height: 13px;
		text-align: justify; text-justify: inter-ideograph;
		word-wrap: break-word;
		}

	#main table.appbox {
		}
		#main table.appbox td {
			width: 345px;
			padding: 0 0 0 10px;
			vertical-align: top;
			}

	#main .columnnote {
		margin: 25px;
		padding: 10px 12px 8px;
		border: 1px solid #ccc;
		font-size: 80%;
		line-height: 100%;
		text-align: justify; text-justify: inter-ideograph;
		word-wrap: break-word;
		}

	#main .spec {
		width: 680px;
		margin: 10px 25px;
		}
		#main .spec th {
			color: #436623;
			font-size: 12px;
			font-weight: bold;
			vertical-align: top;
			background: #fff;
			border-top: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			padding: 10px 4px 9px 4px;
			}
		#main .spec td {
			color: #232323;
			font-size: 12px;
			line-height: 16px;
			vertical-align: top;
			border-top: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			padding: 10px 4px 9px 4px;
			}
		#main .spec strong {
			color: #555;
			font-size: 14px;
			font-weight: bold;
			}
		#main .spec em {
			color: #464646;
			font-weight: bold;
			}

	#main ul.list {
		margin: 5px 0px;
		padding-left: 1.5em;
		list-style: disc;
		}
		#main ul.list li {
			}



/*	eof
*/