@charset "utf-8";

/* 共通 */
* {
	padding: 0px;
	margin: 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1.8px;
	text-align: left;
	color: #454545;
}
/* IE7・IE8ハック */
html>body * {  
	letter-spacing /*\**/: 1.2px\9;
}
/* Firefoxハック */
html>/**/body * {
	letter-spacing: 1.2px;
}
br {
	letter-spacing: 0;
}

body {
	height: 100%;
}
#wrapper {
	position: absolute;
	left: 50%;
	height: 100%;
	width: 800px;
	margin-left: -400px; /* MUST be half the width */
}

/* IE6ハック */
* html body {
	text-align: center;
}
* html #wrapper {
	position: static;
	left: 0%;
	height: 100%;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* トップへ戻るボタン */
a.top_btn {
	width: 114px;
	height: 33px;
	margin-top: 3px;
	float: left;
	text-indent: -9999em;
	background: url(../img/top_btn_1.png) no-repeat;
}
a.top_btn:hover {background: url(../img/top_btn_2.png) no-repeat;}

#footer {
	height: 40px;
	text-indent: -9999em;
	background: url(../img/copyright.png) no-repeat 634px bottom;
}


/* help1 */

#header {
	width: 800px;
	height: 40px;
	background: url(../img/help1_h1_title.png) no-repeat top;
}

h1 {
	overflow: hidden;
	text-indent: -9999em;
}

h2 {
	width: 800px;
	height: 17px;
	padding-top: 8px;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	border: 0px solid #a5a5a5;
	border-width: 0 0 1px 0;
}

#info {
	height: 182px;
	margin-top: 35px;
	padding-top: 10px;
	padding-left: 220px;
	background: url(../img/search_icon.png) no-repeat top left;
}

#info p {
	margin-bottom: 18px;
}


/* ファイルタイプ_テーブル */
#file_type_tb {
	margin-left: 25px;
	border-collapse: collapse;
}

#file_type_tb .name {
	width: 45px;
	padding-left: 5px;
	font-weight: normal;
}

#file_type_tb .type {
	width: 200px;
	padding-left: 5px;
	font-weight: normal;
}

#file_type_tb th.name {
	border: 0px solid #cccccc;
	border-width: 0 1px 1px 0;
}

#file_type_tb th.type {
	border-bottom: 1px solid #cccccc;
}

#file_type_tb td.name {
	border-right: 1px solid #cccccc;
}

/* iPad用ページ */
#iPaad {
	width: 100%;
	height: 10
	background: url(../img/header_bg.png) top repeat-x #ffffff;
}

#top_header {
	width: 597px;
	height: 40px;
	padding-left: 203px;
}
#top {
	height: 170px;
	background: url(../img/top.png) no-repeat center 90px;

}
#top h2 {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	border: 0px;
	overflow: hidden;
	text-indent: -9999em;
}

#top_info {
	width: 680px;
	margin-top: 20px;
	margin-left: 60px;
}
#top_howto {
	width: 680px;
	margin-top: 0px;
	margin-left: 60px;
}
#top_download {
	width: 680px;
	margin-top: 0px;
	margin-left: 60px;
}
#top_contact {
	width: 680px;
	margin-top: 0px;
	margin-left: 60px;
}
#g_menu {
	width: 597px;
	height: 40px;
	background: url(../img/g_menu.png) no-repeat;
	float: left;
}
#g_menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
}
#g_menu li a{
	height: 40px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
a.g_menu1 { width: 121px; }
a.g_menu2 { width: 96px; }
a.g_menu3 { width: 96px; }
a.g_menu4 { width: 81px; }
a.nico_bana {
	width: 150px;
	margin-left: 53px;
	background: url(../img/nico_bana.gif) no-repeat;
}

a.g_menu1:hover { background: url(../img/g_menu2.png) no-repeat 0 0; }
a.g_menu2:hover { background: url(../img/g_menu2.png) no-repeat -121px 0; }
a.g_menu3:hover { background: url(../img/g_menu2.png) no-repeat -217px 0; }
a.g_menu4:hover { background: url(../img/g_menu2.png) no-repeat -313px 0; }

h2.help1 {
	width: 680px;
	margin-bottom: 30px;
}
#top_help1 {
	margin-right: 10px;
	float: right;
	width: 227px;
	background: url(../img/top_help1.png) no-repeat;
}
a.top_help1_btn {
	width: 227px;
	height: 31px;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
}
#top_dl {
	margin-right: 10px;
	float: right;
	width: 308px;
	background: url(../img/top_dl.png) no-repeat;
}
a.top_dl_btn {
	width: 308px;
	height: 90px;
	display:block;
	overflow: hidden;
	text-indent: -9999em;
}

/* 関連付け設定方法 */
#case_win {
	width: 680px;
	margin-top: 20px;
	margin-left: 60px;
}
#case_mac {
	width: 680px;
	margin-top: 55px;
	margin-left: 60px;
}

ul li {
	height: 152px;
	margin-bottom: 35px;
	padding-left: 12px;
	list-style-type: none;
}
ul li img {
	margin-right: 15px;
	border: 1px solid #a5a5a5;
}
ul li a:hover img {
	border: 1px solid #cccccc;
}