/*----------------------------------*/
/*          スタイル初期化          */
/*----------------------------------*/

body,div,dl,dt,dd,ul,li,ol,li,h1,h2,h3,h4,form,p,table,th,td	{
	margin: 0;
	padding: 0;
}

body	{
	font-family: Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1;
}

a img,
img	{
	border: 0;
}

ul,li,ol,li	{
	list-style: none;
}

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

a:hover	{
	text-decoration: underline;
}

hr	{
	border: 1px solid #CCC;
	height: 1px;
}

/*----------------------------------*/
/*           汎用CSSワーク          */
/*----------------------------------*/
.m0	{ margin: 0 !important; }
.mb20	{ margin-bottom: 20px !important; }
.mt10	{ margin-top: 10px !important; }
.mt30	{ margin-top: 30px !important; }
.mr10	{ margin-right: 10px !important; }
.t_right	{ text-align: right; }
.image_right	{ float: right; }
.image_left	{ float: left; }
.red	{ color: red !important; }

/*----------------------------------*/
/*          clearfix決定版          */
/*----------------------------------*/

div#main_wrapper:after,
div#contents:after,
.clearfix:after	{
	content: url(../img/base/fixed.gif);
	display: block;
	clear: both;
	height: 0;
}

/* clearfix for IE */

div#main_wrapper,
div#contents,
.clearfix	{ zoom: 1; }

/*----------------------------------*/
/*          汎用スタイル            */
/*----------------------------------*/

div#header	{

}

div#header_body	{
}

div#htw	{
}

div#htb	{
	position: relative;
	height: 24px;
	width: 900px;
	margin: 0 auto;
}

div#hmw	{

}

div#hmb	{
	position: relative;
	height: 60px;
	width: 900px;
	margin: 0 auto;
/*	background: url(../img/header.gif) no-repeat;	*/
}

div#hbw	{

}

div#hbb	{
	position: relative;
	height: 40px;
	width: 900px;
	margin: 0 auto;
}

/*----------------------------------*/
/*          カラムの設定            */
/*          リキッド3カラム         */
/*----------------------------------*/

div.wrapper	{
	background: #FFF url(../img/body_bg.gif) repeat-x top;
}

div#container	{
	padding: 5px 0 0 0;
}

div#contents	{
	width: 900px;
	margin: 0 auto;
}

div#main_wrapper	{
}

div#main_container	{
	width: 690px;
	float: right;
}

div#main_body	{
	padding: 0;
}

div#main	{
	width: 480px;
	float: left;
	overflow: hidden;
}

div#side_container	{
	width: 200px;
	float: left;
	padding: 0;
}

div#menu_container	{
	width: 200px;
	float: right;
	font-size: 12px;
}

/*----------------------------------*/
/*          カラムの設定            */
/*          リキッド2カラム         */
/*----------------------------------*/
div.index div#main_container,
div.clum2 div#main_container	{
	width: 900px;
}

div.index div#main,
div.clum2 div#main	{
	width: 690px;
}

/*----------------------------------*/
/*          各要素の設定            */
/*----------------------------------*/

/*サイトの説明*/
h1	{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding: 0;
}

h1 dfn	{
	font-style: normal;
}

/*----------------------------------*/
/*          ロゴ                    */
/*----------------------------------*/

div#logo	{
	position: absolute;
	left: 0;
	top: 0;
	width: 210px;
	height: 60px;
	overflow: hidden;
}

div#logo a	{
	background: url(../img/logo.gif) no-repeat;
	display: block;
	width: 210px;
	height: 60px;
}

div#logo a:hover	{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div#logo a strong	{
	display: block;
	padding: 70px 0 0 0;
}

/*----------------------------------*/
/*          customize               */
/*----------------------------------*/

#customize{
	text-align:right;
}

#customize span	{ display: none; }

#customize a{
	display: block;
	margin:0 0 0 auto;
	width: 150px;
	height: 53px;
	background: url(../img/customize.gif) no-repeat;
}

#customize a:hover	{
	background: url(../img/customize.gif) no-repeat 0px -53px;
}

/*----------------------------------*/
/*          site_navi               */
/*----------------------------------*/

ul#site_navi	{
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 100;
}

ul#site_navi li	{ display: inline; }

ul#site_navi li a	{
	display: block;
	height: 14px;
	line-height: 14px;
	float: left;
	margin-left: 10px;
	padding-left: 15px;
	background: url(../img/arrow_green.gif) no-repeat left 2px;
	color: #333;
}

ul#site_navi li a span	{
	display: block;
	font-size: 10px;
}

ul#site_navi li a:hover	{ text-decoration: none; }

ul#site_navi li a:hover span	{ border-bottom: 1px solid #333; }


/*----------------------------------*/
/*          gloval navigation       */
/*----------------------------------*/

div#global_navigation	{
	width: 900px;
	height: 40px;
	position: rerative;
}

div#global_navigation div	{
	width: 900px;
	height: 40px;
}

div#global_navigation ul	{
	width: 900px;
	height: 40px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

div#global_navigation li	{
	float: left;
	height: 40px;
	width: 150px;
	margin: 0;
}

div#global_navigation li a	{
	display: block;
	height: 40px;
	width: 150px;

}

div#global_navigation li a:hover	{
}

div#global_navigation li a span	{
	display: none;
}

div#global_navigation li a:hover b	{
	display: block;
	width: 900px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -10;
}

div#global_navigation li.gn01 a:hover b	{ background: url(../img/gl_bg.gif) no-repeat 0 -40px; }
div#global_navigation li.gn02 a:hover b	{ background: url(../img/gl_bg.gif) no-repeat 0 -120px; }
div#global_navigation li.gn03 a:hover b	{ background: url(../img/gl_bg.gif) no-repeat 0 -200px; }
div#global_navigation li.gn04 a:hover b	{ background: url(../img/gl_bg.gif) no-repeat 0 -280px; }
div#global_navigation li.gn05 a:hover b	{ background: url(../img/gl_bg.gif) no-repeat 0 -360px; }
div#global_navigation li.gn06 a:hover b	{ background: url(../img/gl_bg.gif) no-repeat 0 -440px; }

div#global_navigation div.gn01	{ background: url(../img/gl_bg.gif) no-repeat 0 0; }
div#global_navigation div.gn02	{ background: url(../img/gl_bg.gif) no-repeat 0 -80px; }
div#global_navigation div.gn03	{ background: url(../img/gl_bg.gif) no-repeat 0 -160px; }
div#global_navigation div.gn04	{ background: url(../img/gl_bg.gif) no-repeat 0 -240px; }
div#global_navigation div.gn05	{ background: url(../img/gl_bg.gif) no-repeat 0 -320px; }
div#global_navigation div.gn06	{ background: url(../img/gl_bg.gif) no-repeat 0 -400px; }

/* feature
--------------------------------------------------------*/
div.feature	{
	height: 200px;
	width: 690px;
	margin: 0 0 10px 0;
	background: url(../img/index.jpg) no-repeat;
	position: relative;
}

div.feature p	{
	line-height: 1.1;
	font-size: 10px;
	color: #EEE;
	position: absolute;
	top: 10px;
	left: 10px;
}

/* feature2
--------------------------------------------------------*/
div.feature2	{
	height: 280px;
	width: 690px;
	margin: 0 0 10px 0;
	background: url(../img/index2.gif) no-repeat;
	position: relative;
}

div.feature2 p	{
	line-height: 1.1;
	font-size: 12px;
	color: #eee;
	position: absolute;
	top: 12px;
	left: 12px;
}

/* easymatching
--------------------------------------------------------*/
div.easymatching	{
	font-size: 12px;
}

div.easymatching p	{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 1em 0;
	color: #333;
}

div.easymatching dl.package_info	{
	float: left;
	width: 260px;
	margin: 0 10px 0 0;;
}

div.easymatching dl.overview	{
	margin: 0;
	padding: 20px 10px 0 10px;
}

div.easymatching dd	{

}

/* h
--------------------------------------------------------*/
h2	{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}

h3	{
	font-size: 14px;
	color: #333;
	line-height: 20px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}

div.common_body h4	{
	font-size: 14px;
	margin: 0 0 0.5em 0;
	padding: 0.5em 0 0 0;
}

/* special wrap
--------------------------------------------------------*/
div.special_wrap	{
	margin: 0 10px 20px;
}

div.special_wrap p	{
	font-size: 12px;
	padding: 0 6px 12px;
	line-height: 150%;
}

/* whats ez
--------------------------------------------------------*/
h3.whats_ez01,
h3.whats_ez	{
	width:670px;
	height: 60px;
	background: url(../img/whats_ez.gif) no-repeat;
	border: none;
	margin: 0;
}

h3.whats_ez01 span,
h3.whats_ez span	{ display: none; }

h3.whats_ez01	{
	background: url(../img/whats_ez01.gif) no-repeat;
}


h3.whats_ez02	{
	width:670px;
	height: 60px;
	background: url(../img/whats_ez02.gif) no-repeat;
	border: none;
	margin: 0;
}

h3.whats_ez02 span	{ display: none; }

h3.whats_ez03	{
	width:670px;
	height: 40px;
	background: url(../img/whats_ez03.gif) no-repeat;
	border: none;
	margin: 0;
}

h3.whats_ez03 span	{ display: none; }

ul.special	{
	font-size: 14px;
	margin: 0 0 1em 2em;
}

ul.special li	{
	line-height: 22px;
	list-style: square outside;
	margin: 0 0 0 1em;
}

div.merit	{
	background: #FFF url(../img/merit.gif) no-repeat left top;
	border: 1px solid #DDD;
	padding: 90px 20px 20px;
}

div.merit h3	{
	color: #555;
	font-size: 15px;
}

div.merit p	{
	letter-spacing: 1px;
}

div.merit01	{
	background: #FFF url(../img/merit01.gif) no-repeat left top;
	border: 1px solid #DDD;
	padding: 90px 20px 20px 20px;
	margin: 0 0 10px 0;
}

div.merit01 h3	{
	color: #444;
}

div.merit01 p	{
	letter-spacing: 1px;
}

div.merit02	{
	background: #FFF url(../img/merit02.gif) no-repeat left top;
	border: 1px solid #DDD;
	padding: 90px 20px 20px 20px;
}

div.merit02 h3	{
	color: #444;
}

div.merit02 p	{
	letter-spacing: 1px;
}

div.image_center	{
	text-align: center;
	margin: 0 0 10px 0;
}

/* price ex */
div.price_ex	{
	background: #EEE;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.price_ex table	{
	width: 100%;
	background: #FFF;
	font-size: 12px;
}

div.price_ex table,
div.price_ex table th,
div.price_ex table td	{
	border-collapse: collapse;
}

div.price_ex thead th	{
	background: #DDD;
	line-height: 1.1;
	padding: 5px 0;
	border: 1px solid #FFF;
}

div.price_ex tbody th	{
	background: #EEE;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #CCC;
}

div.price_ex tbody td	{
	padding: 5px;
	border-bottom: 1px solid #CCC;
	background: #F5F5F5;
	line-height: 1.3;
}

div.price_ex tbody td.r	{
	text-align: right;
	line-height: 1.1;
	background: #FFF;
}

div.price_ex tfoot td	{
	text-align: right;
	padding: 5px;
}

div.price_ex p.w	{
	background: #EEE;
	font-size: 10px;
	line-height: 1.5;
	padding: 5px 0 0 5px;
}

/* article
--------------------------------------------------------*/
div.article	{
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	background: url(../img/article.gif) no-repeat;
	font-size: 10px;
	text-align: right;
	padding: 0 5px 0 0;
	margin: 0;
	color: #BBB;
	border: none;
}

div.article_body	{
	font-size: 12px;
	padding: 5px;
	margin: 0 0 10px 0;
	background: #fff;
}

ul.article	{
	padding: 5px;
	zoom: 1;
}

ul.article li	{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	height: 100%;
	line-height: 18px;
}

ul.article li span	{
	float: left;
	width: 85px;
	text-align: center;
	font-size: 10px;
	background: #555;
	color: #EEE;
	border: 1px dotted #999;
	line-height: 16px;
}

ul.article li p	{
	margin-left: 95px;
	line-height: 18px;
}

ul.article li p a	{
}

ul.article li p a:hover	{
	text-decoration: underline;
}

/* overview list (ov_list)
--------------------------------------------------------*/
div.ov_list	{
	background: #EEE;
	margin: 0 0 10px 0;
	width: 650px;
}

div.ov_list dl.ov1	{
	width: 210px;
	float: left;
	background: #CCC;
	margin: 0 10px 0 0;
}

div.ov_list dl.ov2	{
	width: 210px;
	float: left;
	background: #CCC;
	margin: 0 10px 0 0;
}

div.ov_list dl.ov3	{
	width: 210px;
	float: left;
	background: #CCC;
}

/* in common body
--------------------------------------------------------*/

div.common_body	{
	padding: 10px;
	background: #F5F5F5;
	border: 1px solid #DDD;
	margin: 0 0 10px 0;
}

div.common_body p	{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0.7em 0;
	color: #333;
}

ul.worry	{
	font-size: 12px;
	margin: 0 0 1em 1em;
}

ul.worry li	{
	line-height: 18px;
	list-style: disc outside;
	margin: 0 0 0 1em;
}

ul.ov	{
	font-size: 12px;
	margin: 0 0 1em 0;
}

ul.ov li	{
	line-height: 18px;
	list-style: disc inside;
}

ol.step	{
	font-size: 12px;
	margin: 0 0 1em 1em;
}

ol.step li	{
	line-height: 2em;
	list-style: decimal outside;
	margin: 0 0 0 2em;
}

dl.dic	{
	font-size: 12px;
	padding: 5px 10px;
	margin: 0 0 1em 0;
	background: #F5F5F5;
	border: 1px solid #DDD;
}

dl.dic dt	{
	font-weight: bold;
	line-height: 1.1;
	padding: 5px 0 0 0;
}

dl.dic dd	{
	padding: 5px 0;
}

dl.overview	{
	padding: 20px 10px;
	margin: 0 0 10px 0;
}

dl.overview dt	{
	font-size: 16px;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #AAA;
}

dl.overview dd	{
	padding: 5px 0;
}

dl.overview dd p	{
	margin: 0 0 5px 0;
}

dl.package_info	{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #555;
	float: right;
	margin: 0 0 0 20px;
	width: 280px;
}

dl.package_info dt	{
	padding: 0 0 5px 0;
	font-size: 15px;
}

dl.package_info dt span	{
	font-size: 14px;
}

dl.package_info dd img	{
	float: left;
	margin: 0 10px 40px 0;
}

dl.package_info dd div.pb	{
	font-size: 12px;
}

dl.package_info dd div.pb p	{
	margin: 0 0 5px 0;
}

dl.package_info dd div.pb p span.prev	{
	font-size: 10px;
	line-height: 1.1;
}

div.info	{
	background: #FFF;
	padding: 10px;
}

div.info p	{
	letter-spacing: 1px;
	line-height: 20px;
}

/* page_body
--------------------------------------------------------*/
div.page_wrap	{
	border: 1px solid #DDD;
	background: #FFF url(../img/rightbottom.gif) no-repeat right bottom;
	padding: 10px 20px 10px;
	margin: 0 0 10px 0;
}

div.page_body	{
	padding: 0 10px 0 0;
}

div.page_body p 	{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 1em 0;
	color: #333;
	letter-spacing: 1px;
}

div.page_body p b	{
	color: #000;
}

div.title	{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

div.special	{
	padding: 20px;
	margin: 0 0 10px 0;
	border: 1px solid #DDD;
	background: #F5F5F5;
}

/* system info
--------------------------------------------------------*/
div.system_info	{
	font-size: 12px;
}

div.system_info dl	{
	margin: 0 0 10px 0;
	width: 100%;
}

div.system_info dl dt	{
	height: 60px;
	line-height: 70px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/system_info.gif) no-repeat left;
	padding: 0 0 0 60px;
}

div.system_info dl dd	{
	line-height: 20px;
	padding: 10px;
	background: #F5F5F5;
}

/* common table
--------------------------------------------------------*/
div.common_table	{
	margin: 0 0 10px 0;
}

div.common_table p	{
	margin: 0;
}

table.common_table	{
	background: #FFF;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #DDD;
}

table.common_table,
table.common_table th,
table.common_table td	{
	border-collapse: collapse;
	border-top: 1px solid #DDD;
}

table.common_table th	{
	vertical-align: top;
	text-align: left;
	padding: 3px 0;
	width: 180px;
}

table.common_table th p	{
	margin: 0 0 0 10px;
}

table.common_table th.head	{
	background: #F5F5F5;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	width: auto;
	padding: 5px 0;
}

table.common_table th.head p	{
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0 5px;
	color: #000;
}

table.common_table td	{
	padding: 3px 10px;
}

table.common_table th p a	{
	font-weight: normal;
	text-decoration: underline;
}

table.common_table th p a:hover	{
	text-decoration: none;
}

div.etc	{
	border-top: 1px dotted #999;
	margin: 3px 0 5px 0;
	padding: 3px;
	color: #555;
}

/* company
--------------------------------------------------------*/

table.company	{
	background: #FFF;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #DDD;
}

table.company,
table.company th,
table.company td	{
	border-collapse: collapse;
	border-top: 1px solid #DDD;
}

table.company th	{
	vertical-align: top;
	text-align: right;
	padding: 5px 0;
	width: 180px;
	background: #F5F5F5;
}

table.company th p	{
	margin: 0 10px 0 0;
}

table.company td	{
	padding: 5px 10px;
	background: #FFF url(../img/rightbottom.gif) no-repeat right bottom;
}

table.company td h3	{
	border: none;
	margin: 0;
	font-size: 12px;
}

table.company td ul	{
	margin: 0 0 10px 20px;
}

table.company td ul,
table.company td ul li	{
	list-style: disc outside;
}

/* type color talbe
--------------------------------------------------------*/
table.type_color	{
	width: 100%;
	background: #FFF;
	text-align: left;
}

table.type_color,
table.type_color th,
table.type_color td	{
	border: 1px solid #CCC;
	border-collapse: collapse;
}

table.type_color th,
table.type_color td	{
	padding: 5px;
	vertical-align: top;
}

table.type_color td ul.type_list	{
}

table.type_color td ul.type_list li	{
	list-style: decimal inside;
	line-height: 16px;
}

table.type_color td ul.type_list li span	{
	font-size: 10px;
	color: #666;
	margin: 0 0 0 10px;
}


/* check list talbe
--------------------------------------------------------*/
table.check_list	{
	width: 100%;
	background: #FFF;
	text-align: left;
	margin: 0 0 10px 0;
}

table.check_list,
table.check_list th,
table.check_list td	{
	border: 1px solid #CCC;
	border-collapse: collapse;
}

table.check_list th,
table.check_list td	{
	padding: 5px;
	vertical-align: top;
}

/* user table
--------------------------------------------------------*/
table.user_table	{
	background: #FFF;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
}

table.user_table,
table.user_table th,
table.user_table td	{
	border-collapse: collapse;
	border: 1px solid #CCC;
}

table.user_table th	{
	background: #F5F5F5;
}

table.user_table th,
table.user_table td	{
	text-align: center;
	padding: 5px 0;
}

/* function talbe
--------------------------------------------------------*/
table.function	{
	width: 100%;
	background: #FFF;
	text-align: left;
	font-size: 12px;
}

table.function,
table.function th,
table.function td	{
	border: 1px solid #BBB;
	border-collapse: collapse;
}

table.function th,
table.function td	{
	padding: 7px 5px;
	vertical-align: top;
}

table.function th	{
	font-weight: normal;
	background: #E5E5E5;
	color: #000;
}

/* news topics
--------------------------------------------------------*/

div.news_title	{
	font-size: 10px;
	line-height: 30px;
	text-align: right;
	padding: 0 5px 0 0;
	height: 30px;
	background: url(../img/news_title.gif) no-repeat left;
	color: #BBB;
}

div.news_body	{
	font-size: 12px;
	padding: 5px;
	background: #F5F5F5;
}

ul.news	{
	padding: 5px;
	zoom: 1;
}

ul.news li	{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	height: 100%;
	line-height: 18px;
}

ul.news li span	{
	float: left;
	width: 85px;
	text-align: center;
	font-size: 10px;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	line-height: 16px;
}

ul.news li p	{
	margin-left: 95px;
	line-height: 18px;
}

ul.news li p a	{
}

ul.news li p a:hover	{
	text-decoration: underline;
}

/* menu
--------------------------------------------------------*/

div#menu_container h4	{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	line-height: 40px;
	height: 40px;
	width: 200px;
}

div#menu_container h4 a	{
	display: block;
	height: 40px;
	width: 200px;
}

div#menu_container h4.me01 a	{ background: #CCC url(../img/me01.gif) no-repeat bottom; }
div#menu_container h4.me02 a	{ background: #CCC url(../img/me02.gif) no-repeat bottom; }
div#menu_container h4.me03 a	{ background: #CCC url(../img/me03.gif) no-repeat bottom; }
div#menu_container h4.me04 a	{ background: #CCC url(../img/me04.gif) no-repeat bottom; }

div#menu_container h4 a:hover	{
	background-position: top;
}

div#menu_container h4 span	{
	display: none;
}

div#menu_container ul	{
	padding: 5px 0 10px 0;
	margin: 0 0 10px 0;
	background: #FFF url(../img/rightbottom.gif) no-repeat right bottom;
	border: 1px solid #CCC;
}

div#menu_container ul li	{
	line-height: 24px;
}

div#menu_container ul li a	{
	display: block;
	padding: 0 0 0 5px;
	margin: 0 5px;
	border-bottom: 1px solid #CCC;
	color: #333;
}

div#menu_container ul li a:hover	{
	display: block;
	padding: 0 0 0 6px;
	border-bottom: 1px solid #DDD;
	background: #EEE url(../img/menu_arrow2.gif) no-repeat right;
	color: #000;
}


/* footer設定
--------------------------------------------------------*/

#footer	{
	background: url(../img/footer.gif) repeat-x top;
	margin: 20px 0 0 0;
}

div#footer .sns	{
	width: 900px;
	margin: 0 auto;
	padding-top:10px;
}

div#footer_body	{
	position: relative;
	width: 900px;
	height: 150px;
	margin: 0 auto;
}

a.go_top	{
	display: block;
	width: 150px;
	height: 24px;
	background: url(../img/page_top.gif) no-repeat top;
	position: absolute;
	right: 0;
	top: 10px;
}

a.go_top:hover	{
	background-position: bottom;
}

a.go_top span	{
	display: none;
}

/* footer link map */

ul.link_map_bottom	{
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: 35px;
	left: 0;
}

ul.link_map_bottom li	{
	display: inline;
	padding: 0 10px 0 0;
	line-height: 1.1;
}

ul.link_map_bottom li a	{
	color: #666;
}

ul.link_map_bottom li a:hover	{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* footer link map */

ul.link_map_top	{
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: 15px;
	left: 0;
}

ul.link_map_top li	{
	display: inline;
	padding: 0 10px 0 0;
	line-height: 1.1;
}

ul.link_map_top li a	{
	color: #666;
}

ul.link_map_top li a:hover	{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* footer link map */

div#lineup	{
	position: absolute;
	top: 85px;
	left: 0;
	width: 900px;
}

ul.lineup_link	{
	font-size: 10px;
	text-align: left;
	padding: 5px 5px 0 5px;
	background: #EEE;
	border: 1px solid #FFF;
	-moz-border-radius: 6px;	/* css3 */
	-webkit-border-radius: 6px;	/* css3 */
}

ul.lineup_link li	{
	float: left;
	padding: 0 10px 5px 0;
	line-height: 1.1;
	white-space: nowrap;
}

ul.lineup_link li a	{
	color: #444;
}

ul.lineup_link li a:hover	{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


/* copyright */
div#copy	{
	position: absolute;
	top: 65px;
	left: 0;
	font-size: 10px;
	color: #666;
}

/* demosite */
div.jump	{
	padding: 10px 0;
	text-align: center;
}

div.jump a.demo	{
	display: block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	background: url(../img/jump.gif) no-repeat top;
	margin: 0 auto;
	font-weight: bold;
}

div.jump a.demo:hover	{
	background-position: bottom;
}

/* details */
a.details	{
	display: block;
	height: 24px;
	line-height: 20px;
	width: 300px;
	background: url(../img/details.gif) no-repeat top right;
	font-size: 12px;
	float: right;
	text-align: right;
}

a.details:hover	{
	background-position: bottom right;
	text-decoration: none;
	color: #000;
}

a.details span	{
	margin: 0 160px 0 0;
}

/* details2 */
a.details2	{
	display: block;
	height: 24px;
	line-height: 20px;
	width: 300px;
	background: url(../img/details.gif) no-repeat top right;
	font-size: 12px;
	float: right;
	text-align: right;
}

a.details2:hover	{
	background-position: bottom right;
	text-decoration: none;
	color: #000;
}

a.details2 span	{
	margin: 0 160px 0 0;
}

/* password */
.password	{
	height: 210px;
	width: 625px;
}

/* kiyaku */
iframe.kiyaku	{
	width: 100%;
	height: 150px;
	margin: 0 0 10px 0;
}

/* sendmail */
iframe.sendmail	{
	width: 100%;
	height: 900px;
}


/* goto mailform */

div.goto_form	{
	display: none;
	background: #F5F5F5;
	padding: 10px;
}

a.mailform	{
	display: block;
	width: 670px;
	height: 60px;
	background: url(../img/goto_form.gif) no-repeat;
}

a.mailform:hover	{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

a.mailform span	{
	display: none;
}