@charset "utf-8";

/*************************
  selector
*************************/

body{
	margin: 0px;
	padding:0px;
	width:100%;
	font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 10pt;
	background-color: #cccccc;
	line-height: 1.3;
}

a{
	text-decoration: none;
	color:#0000ff;
}

a:hover{
	text-decoration: underline;
	color:#00bfff;
}

p{
	padding: 0px 0px 10px 0px;
}

h1{
	width: auto;
	height: auto;
	margin: 10px 0px 10px -20px;
	padding: 0px;
	font-size: 16pt;
	text-indent: 10pt;
	background: url(images/h1_mark.gif) left no-repeat;
}

h2{
	width: auto;
	height: auto;
	margin: 10px 0px 10px -10px;
	padding: 0px;
	border-bottom: #7ecef4 1px solid;
	font-size: 14pt;
	line-height: 1.5;
}

h3{
	width: auto;
	height: auto;
	margin: 10px 0px 0px -10px;
	padding: 0px;
	font-size: 12pt;
	text-indent: 12pt;
	background: url(images/h3_mark.gif) left no-repeat;
}

h4{
	width: auto;
	height: auto;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border-bottom: #7ecef4 1px solid;
	font-size: 11pt;
	line-height: 1.5;
}

h5{
	margin: 10px 0px;
	padding: 0;
	font-size: 11pt;
	font-weight: bold;
}

h6{
	margin: 10px 0px;
	padding: 0;
	font-size: 12pt;
	font-weight: normal;
}

li{
	margin: 12px 0px;
	line-height: 1.5;
}

/*************************
  class
*************************/
/*文中強調表示*/
.stronger{
	font-weight: 900;
	font-size: 1.05em;
}

.underline{
	text-decoration: underline;
}

/*リンクリスト（on）*/

li.linklist_on{
	width: auto;
	height: auto;
	margin: 3px 0px;
	padding-left: 18px;
	list-style-type: none;
	background: url(images/tri_mark_blue.gif) left no-repeat;
	text-indent: 0pt;
}

li.linklist_on a{
	margin:0px;
	padding:0px;
	color:#58595b;
}

/*リンクリスト（off）*/
li.linklist_off{
	width: auto;
	height: auto;
	margin: 3px 0px;
	padding-left: 18px;
	list-style-type: none;
}

li.linklist_off a{
	margin:0px;
	padding:0px;
	color:#58595b;
}

/*記事一覧用*/
li.newslist{
	width: auto;
	height: auto;
	margin: 3px 0px;
	list-style-type: none;
}

li.newslist a{
	margin:0px;
	padding:0px;
	color:#000000;
}


/*記事中リンク表示*/
a.link_arrow{
	width:auto;
	height:auto;
	padding-left: 14px;
	font-size: 10pt;
	background: url(images/link_arrow.gif) left no-repeat;
	color: #000000;
}

/*記事中リンク表示（右寄せ）*/
a.link_arrow_r{
	width:auto;
	height:auto;
	margin-left: 700px;
	padding-left: 14px;
	font-size: 10pt;
	background: url(images/link_arrow.gif) left no-repeat;
	color: #000000;
}

/*履歴の表*/
table.history{
	width: 90%;
	margin: auto;
	border-spacing: 15px 5px;
}

table.history td{
	text-align: left;
	vertical-align: top;
}

/*手順の表*/
table.steps{
	width: 100%;
	margin: auto;
	border-spacing: 2px 20px;
}


/*各表共通・インデックスのセル（太字）*/
td.index{
	font-weight: bold;
}

/*囲み（背景白）*/

.whitebg{
	margin: 10px 30px;
	padding: 10px 20px;
	background-color: #ffffff;
}

/*囲み（背景白・枠あり）*/

.whitebg_f{
	margin: 10px 30px;
	padding: 0px 20px;
	background-color: #ffffff;
	border: #d5d5d5 1px solid;
}

/*フォーム*/
form, input, select{
	font-family: Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 10pt;
	line-height: 1.3;
}

/*フォーム中の表組*/

.formtable
{
	border-spacing: 2px;
}

.formtable td
{
	background-color: #b0c4de;
	padding: 8px 16px;
}

.formtable td.bt_area
{
	background-color: transparent;
}

.formtable td.index
{
	background-color: #4682b4;
	color: #ffffff;
}

/*ボタン（宮下さんデザイン）*/
.nextbt_area {
	margin-bottom: 25px;
	margin-top: 15px;
	text-align: center;
	width: 100%;
}

.bt {
	background: url(images/bk_h2.jpg) repeat-x scroll 0 0 transparent;
	border: 1px solid #8cb3d9;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	margin-right: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
	outline: none;
}

.bt:hover{
	border:1px solid #0066cc;
}

a.bt {
	text-decoration: none;
	color:#333333;
}
a.bt:hover{
	color:#333333;
}

input.bt {
	cursor: pointer;
	height: 27px;
	line-height: 27px;
	vertical-align: bottom;
}

/*MolWorksダウンロードボタン*/
.mw_dl_bt{
	display: block;
	width: 162px;
	height: 59px;
	border: none;
	text-indent: -9999px;
	overflow:hidden;
	background: #ffffff url(images/mw_dl_bt.jpg) no-repeat 0px 0px;
}

.mw_dl_bt:hover{
	background: url(images/mw_dl_bt.jpg) no-repeat 0px -59px;
}

/*UserRegistrationボタン*/
.userreg_bt{
	display: block;
	width: 162px;
	height: 52px;
	border: none;
	text-indent: -9999px;
	overflow:hidden;
	background: #ffffff url(images/userreg_bt.jpg) no-repeat 0px 0px;
}

.userreg_bt:hover{
	background: url(images/userreg_bt.jpg) no-repeat 0px -52px;
}

/*手順*/

td.proce_s{
	height: 60px;
	vertical-align: middle;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14pt;
	color: #ffffff;
	background: transparent url(assets/images/download/procedure_sq.jpg) no-repeat center center;
}

td.proce_a{
	height: 53px;
	vertical-align: middle;
	text-align: center;
	font-size: 12pt;
	line-height: 14pt;
	color: #000033;
	background: transparent url(assets/images/download/procedure_arrow.jpg) no-repeat center 0px;
}

/*価格表*/

table.pricelist{
	margin: 6px auto;
	padding:0px;
	width: 90%;
	height: auto;
	table-layout: auto;
	border-collapse: collapse;
}

/*価格表のセル*/
table.pricelist td{
	width: auto;
	border: #696969 1px solid;
	margin:0px;
	padding: 3px 6px;
	text-align: left;
	vertical-align: middle;
}

/*価格表の奇数行*/
table.pricelist tr.odd{
	background-color: #ffffff;
}

/*価格表の偶数行*/
table.pricelist tr.even{
	background-color: #eee7ff;
}

/*価格表の左見出し用セル*/
table.pricelist td.index{
	border: #696969 1px solid;
}

/*価格表の上見出し用セル*/
table.pricelist th{
	border: #696969 1px solid;
	padding: 6px;
	background-color: #1d4b71;
	font-weight: bold;
	text-align: left;
	vertical-align: center;
	color:#ffffff;
}

/*************************
  div
*************************/

/*****外枠*****/
#container{
	width: 1080px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

/*****トップページ（言語選択）*****/
#gate{
	width: 900px;
	height: 460px;
	margin: 30px auto;
	padding: 0px;
	background: #ffffff url(images/flasks.jpg) right bottom no-repeat;
}

#gate_logo{
	width: 880px;
	height: 90px;
	margin: 0px 10px;
	padding: 0px;
	border-bottom: #add8e6 1px solid;
	background: #eeeeee url(images/gate_logo.jpg) left top no-repeat;
}

#gate_text{
	width: auto;
	height: auto;
	margin: 10px 20px;
	padding: 0px 10px;
	line-height: 2;
}

#notfound_text{
	width: auto;
	height: 320px;
	margin: 10px 20px;
	padding: 0px 10px;
	line-height: 1.5;
	background:  url(images/404bg.jpg) left bottom no-repeat;
}

/*****ヘッダ(ロゴ部分）*****/
#header{
	position:relative;
	width: 900px;
	height: 88px;
	margin: 0px auto;
	padding: 0px;
}

#header_left{
	position:absolute;
	width: 380px;
	height: 88px;
	top: 0px;
	left: 0px;
	background: url(images/title_logo.jpg) center no-repeat;
}

#header_right_ja{
	position:absolute;
	width: 520px;
	height: 88px;
	top: 0px;
	left: 380px;
	background: url(images/title_ja.jpg) center no-repeat;
}

#header_right_en{
	position:absolute;
	width: 520px;
	height: 88px;
	top: 0px;
	left: 380px;
	background: url(images/title_en.jpg) center no-repeat;
}

#language{
	position:absolute;
	width:auto;
	height:18px;
	top:66px;
	right:10px;
}

/*****ナビゲーション部分*****/

#navigation{
	position:relative;
	width: 900px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	background-color:#eeeeff;
}
/*メインメニュー*/
#mainmenu{
	position:absolute;
	width: 900px;
	height: 60px;
	top:0px;
	left:0px;
}

/*メインメニューボタン*/
#mainmenu ul{
	margin:12px 17px;
	padding:0px;
	list-style-type: none;
}
#mainmenu li{
	display: inline;
	width: 78px;
	height: 36px;
	margin: 0px 3px;
	padding: 0px;
	float: left;	
}

#mainmenu li a{
	display: block;
	width: 78px;
	height: 36px;
	text-indent: -9999px;
	overflow:hidden;
}

#mn1{
	background:#333333 url(images/main_navi1.gif) 0px 0px no-repeat;
}

#mn2{
	background:#333333 url(images/main_navi2.gif) 0px 0px no-repeat;
}

#mn3{
	background:#333333 url(images/main_navi3.gif) 0px 0px no-repeat;
}

#mn4{
	background:#333333 url(images/main_navi4.gif) 0px 0px no-repeat;
}

#mn5{
	background:#333333 url(images/main_navi5.gif) 0px 0px no-repeat;
}

#mn6{
	background:#333333 url(images/main_navi6.gif) 0px 0px no-repeat;
}

#mn7{
	background:#333333 url(images/main_navi7.gif) 0px 0px no-repeat;
}

#mn8{
	background:#333333 url(images/main_navi8.gif) 0px 0px no-repeat;
}

#mn9{
	background:#333333 url(images/main_navi9.gif) 0px 0px no-repeat;
}


#mn1:hover, #mn2:hover, #mn3:hover, #mn4:hover, #mn5:hover, #mn6:hover, #mn7:hover, #mn8:hover, #mn9:hover{
	background-position: 0px -36px;
}

/*ASPサービスのログインへのリンク（まだ使えないので非表示）*/
#asplogin{
	display:none;
        position:absolute;
	width: 88px;
	height: 36px;
	top:12px;
	left:790px;
	background:#333333 url(images/asplogin.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

#asplogin:hover{
	background-position: 0px -36px;
}


/*****メイン(コンテンツ部分)*****/
#main{
	position:relative;
	width: 900px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	background-color:#eeeeff;
}

/*サブメニュー*/
#submenu{
	position:relative;
	width: 900px;
	height: 240px;
	margin: 0px auto;
	padding: 0px;
	color:#58595b;
}

/*メッセージ表示用（ホーム）*/
#sm_home{
	position:absolute;
	width: 540px;
	height: 240px;
	top: 0px;
	left: 0px;
	background: url(images/top_message.jpg) center no-repeat;
}

#sm_home_text{
	position:relative;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 100px 20px 0px 25px;
}

/*サブメニュー表示用*/
#sm_other{
	position:absolute;
	width: 540px;
	height: 240px;
	top: 0px;
	left: 0px;
	background: url(images/flasks_left.jpg) center no-repeat;
}

/*サブメニューリスト表示（通常ページ）*/
#sm_name{
	position:absolute;
	width: 130px;
	height: auto;
	margin: 0px;
	top:30px;
	left:70px;
	font-size: 18pt;
	font-weight: bold;
}

#sm_list{
	position:absolute;
	width: auto;
	height: auto;
	margin: 0px;
	top:22px;
	left:200px;
}

/*記事タイトルおよび要約表示（詳細ページ）*/
#sm_title{
	position:absolute;
	width: auto;
	height: auto;
	margin: 0px;
	top:30px;
	left:60px;
	font-size: 12pt;
	font-weight: bold;
}

#sm_introtext{
	position:absolute;
	width: auto;
	height: auto;
	margin: 0px;
	top:60px;
	left:60px;
}

#sm_backlink {
	position:absolute;
	width: auto;
	height: auto;
	margin: 0px;
	top:190px;
	right:10px;
}

#sm_backlink a{
	font-size: 8pt;
	color:#58595b;
}

#sm_pics{
	position:absolute;
	width: 360px;
	height: 240px;
	top:0px;
	left:540px;
	background: url(images/flasks_right.jpg) center no-repeat;
}

#contents{
	position:relative;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 20px 50px 20px 60px;
}

#licence{
	position:relative;
	width: 750px;
	height: 400px;
	margin: auto;
	font-size: 9pt;
}

#tos{
	position:relative;
	width: 750px;
	height: 300px;
	margin: auto;
	font-size: 9pt;
}

/*サンキューメッセージ表示用*/
#sm_thanks{
	position:absolute;
	width: 540px;
	height: 240px;
	top: 0px;
	left: 0px;
	background: url(images/thankyou.jpg) center no-repeat;
}

#sm_thanks_text{
	position:relative;
	width: 138px;
	height: 65px;
	margin: 43px 0px 0px 350px;
	padding: 0px;
	overflow: hidden;
	line-height: 1.3;
	vertical-align: middle;
	font-size: 9pt;
}

/*****フッタ*****/
#footer{
	position:relative;
	width: 900px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	font-size: 8pt;
	text-indent: 10px;
	line-height: 24px;
	background: url(images/footer_bg.jpg) left repeat;
}

#copyright{
	position:absolute;
	width: 500px;
	height: 24px;
	top:36px;
	right:10px;
	text-align: right;
}