@charset "shift-jis";
/* CSS Document */

/*---------------  h1--------------------*/
#contents h1.tit2 {background:transparent url(../images/XMLWebservice_title.gif) 0 0 no-repeat;margin-top:12px;}

/*---------------  h2--------------------*/
#contents h2#index_n1 {width:276px;height:22px;background:transparent url(../images/index_bar2.gif) 0 0 no-repeat;}
#contents h2#index_n2 {width:276px;height:21px;background:transparent url(../images/index_bar1.gif) 0 0 no-repeat;}
#contents h2#measu_n1 {width:565px;height:22px;background:transparent url(../images/index_head_measure.gif) 0 0 no-repeat;}
#contents h2#dawnload_n1 {width:565px;height:22px;background:transparent url(../images/index_head_download.gif) 0 0 no-repeat;}
#contents h2#tut1_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial1.gif) 0 0 no-repeat;}
#contents h2#tut2_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial2.gif) 0 0 no-repeat;}
#contents h2#tut3_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial3.gif) 0 0 no-repeat;}
#contents h2#tut4_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial4.gif) 0 0 no-repeat;}
#contents h2#tut5_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial5.gif) 0 0 no-repeat;}
#contents h2#tut6_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial6.gif) 0 0 no-repeat;}
#contents h2#tut8_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial8.gif) 0 0 no-repeat;}
#contents h2#tut10_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial10.gif) 0 0 no-repeat;}
#contents h2#tut11_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial11.gif) 0 0 no-repeat;}
#contents h2#faq_n1 {width:565px;height:22px;background:transparent url(../images/index_head_faq.gif) 0 0 no-repeat;}
#contents h2#servics_n1 {width:565px;height:22px;background:transparent url(../images/index_head_servics_01-1.gif) 0 0 no-repeat;}
#contents h2#servics_n2 {width:565px;height:22px;background:transparent url(../images/index_head_services_01-4.gif) 0 0 no-repeat;}
#contents h2#tut35_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial35.gif) 0 0 no-repeat;}
#contents h2#topi_n1 {width:565px;height:22px;background:transparent url(../images/index_head_topics.gif) 0 0 no-repeat;}
#contents h2#tut14_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial14.gif) 0 0 no-repeat;}
#contents h2#tut12_n1 {width:565px;height:22px;background:transparent url(../images/index_head_tutorial4.gif) 0 0 no-repeat;}
#contents h2#answer_n1 {width:565px;height:22px;background:transparent url(../images/index_head_faq.gif) 0 0 no-repeat;}
#contents h2#case_n1 {width:565px;height:22px;background:transparent url(../images/index_head_case.gif) 0 0 no-repeat;}
#contents h2#case_n1 {width:565px;height:22px;background:transparent url(../images/index_head_case.gif) 0 0 no-repeat;}

/*----------------- 共通--------------------*/
#contents .color_n {color:#990000;}
#contents .color_b {color:#990000;font-weight:bold;}
#contents .f_bold {font-weight:bold;}
#contents .w_center {text-align:center;}
#contents .left_a {width:auto;float:left;}
#contents  .topic_b {float:right;padding:5px 10px;}
#contents .img_h {padding:10px 0;}
#contents .inquiry {padding:20px 0 10px 0}
#contents  hr {margin-top:20px;}
#contents .box1 { padding:20px 0 10px 0}
#contents .fl_img {float:left;padding:10px 30px;}
#contents .float_a {float:left; padding:10px 0;}
#contents .float_b {float:right; padding:10px 0;}
#contents .text_a {padding:10px 0 10px 10px;}
#contents .left_m20 {margin-left:20px;}
#contents  .mt5 {margin-top:5px;}
#contents  .bo_mt20 {margin-top:20px;}
#contents  .le_text {text-align:left;}
#contents .box_c {width:520px;margin-left:auto;margin-right:auto;padding-bottom:20px;padding-top:20px;}

/*------------- contents box--------------*/
#contents #main1,
#contents #main2,
#contents #main3,
#contents #main4,
#contents #main5,
#contents #main6,
#contents #main7,
#contents #main8,
#contents #main9, 
#contents #main10,
#contents #main10_2,
#contents #main11, 
#contents #main12,
#contents #main13,
#contents #main_case,
#contents #main_answer,
#contents #main_comme,
#contents #main_tu12 {width:auto;height:auto;}

/*----------------- menu--------------------*/
#contents #main3 .tutorial_menu,
#contents #main9 .tutorial_menu {padding:0 0 10px 120px;}
#contents #main4 .tutorial_menu {padding:0 0 10px 100px;}
#contents #main5 .tutorial_menu,
#contents #main6 .tutorial_menu {padding:0 0 10px 80px;}
#contents #main7 .tutorial_menu,
#contents #main8 .tutorial_menu {padding:0 0 10px 140px;}
#contents #main10 .tutorial_menu {padding:0 0 20px 150px;}
#contents #main11 .tutorial_menu {padding:0 0 10px 200px;}
#contents #main12 .tutorial_menu {padding:0 0 10px 230px;}
#contents #main10_2 .tutorial_menu {padding:0 0 10px 0;}
#contents #main3 .dt1,
#contents #main4 .dt1,
#contents #main5 .dt1,
#contents #main6 .dt1,
#contents #main7 .dt1,
#contents #main8 .dt1,
#contents #main9 .dt1,
#contents #main10 .dt1,
#contents #main11 .dt1 {background:transparent url(../images/triangle2.gif) left no-repeat;
padding-left:15px;float:left;padding-right:50px;}
#contents #main10_2 .dt1 {background:transparent url(../images/triangle2.gif) left no-repeat;
padding-left:15px;float:left;padding-right:30px;
margin-left:5px;}
#contents #main3 .dt2,
#contents #main4 .dt2,
#contents #main5 .dt2,
#contents #main6 .dt2,
#contents #main7 .dt2,
#contents #main8 .dt2,
#contents #main9 .dt2,
#contents #main10 .dt2,
#contents #main12 .dt2 {background:transparent url(../images/triangle1.gif) left no-repeat;
padding-left:15px;float:left;padding-right:50px;}
#contents #main10_2 .dt2 {background:transparent url(../images/triangle1.gif) left no-repeat;
padding-left:15px;float:left;padding-right:10px;}

/*------------index.html-----------------*/
#contents #main1 {width:560px;padding-top:5px;}
#contents #main2 {width:560px;}
#contents #main1 .box_le {float:left;width:276px;padding-top:10px;}
#contents #main1 .box_le .le_box1 {width:276px;}
#contents #main1 .box_le .le_box1 .img {float:left;padding-right:7px;}
#contents #main1 .box_le .le_box1 .link {padding:50px 0;margin-left:5px;}
#contents #main1 .box_r {float:right;width:276px;padding-top:10px;}
#contents #main1 ul {margin-left:15px;}
#contents #main1 .box_r .link_td dt {background:transparent url(../images/index_icon1.gif) left 2px no-repeat;
margin-left:0;padding-left:15px;padding-bottom:3px;}
#contents #main1 .dt_img {background:transparent url(../images/index_icon2.gif) right no-repeat;padding-right:15px;margin-right:3px;}

/*------------topics & news-----------------*/	
#contents #main1 .topic {background-color:#f2f2f2;width:276px;height:230px;margin-top:-11px;}
#contents #main1 .news {background-color:#f2f2f2;width:276px;height:280px;margin-top:-10px;}
#contents #main1 .topic ul,
#contents #main1 .news ul {width:250px;margin-left:13px;padding-top:13px;}
#contents #main1 .topic dt,
#contents #main1 .news dt {_margin-left:-43px;;}
#contents .list_hr {list-style:none;padding:10px 0;}
#contents #main1 hr {margin:0;}

/*------------download_doc.html-----------------*/
#contents #main2 dl {margin-left:5px;}
#contents #main2 dt {background:transparent url(../images/index_icon1.gif) left 2px no-repeat;
margin-left:0;padding-left:15px;padding-bottom:10px;}
	
/*------------tutorial1.html-----------------*/
/*------------tutorial2.html-----------------*/
#contents #main4 table {
	width:550px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	_margin-left:10px;
	border-collapse:collapse;
	text-align:center;
	margin-bottom:10px;}
#contents #main4 table th {
	width:40%;
	border:solid 1px #BE5454;
	padding:7px 0 5px 5px;
	text-align:center;
	background-color:EAB2BD;}
#contents #main4 table .td_img{
	text-align:center;}
#contents #main4 table td {
	width:40%;
	border:solid 1px #BE5454;
	padding:4px 0 3px 5px;
	vertical-align:top;
	text-align:left;
	line-height:120%;}
#contents #main4 .tit_pink {
	width:560px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
	background-color:#EAB2BD;
	font-weight:bold;}
#contents #main4 .ol_1 {padding-top:10px;}
#contents #main4 .ol_1 ol li {padding-bottom:8px;}
	
/*------------tutorial3.html-----------------*/
#contents #main5 ul {margin-left:18px;}
#contents #main5 ul li {font-weight:bold;}
#contents #main5 ul li ul li {font-weight:normal;}

/*------------tutorial35.html-----------------*/
#contents #main6 ul {margin-left:18px;margin-top:10px;}

/*------------tutorial4.html-----------------*/
#contents #main7 ul {line-height:120%;margin:10px 0 30px 18px;}

/*------------tutorial5.html-----------------*/
#contents #main8 .dt_color {color:#990000;font-weight:bold;padding:7px 0 7px 10px;margin-left:-11px;}	
#contents #main8 dd {padding:12px 0 5px 10px;margin-left:15px;}	
#contents #main8 ul li {font-weight:bold;}
#contents #main8 ul li ul li {font-weight:normal;}
#contents #main8 .hr_a {
	color:#990000;font-weight:bold;
	border-bottom:solid 1px #333333;
	border-top:solid 1px #333333;
	padding:4px 0;
	margin-bottom:15px;}
#contents #main8 ul {margin-left:20px;}
#contents #main8 p 
#contents #main8 ul li {line-height:120%;}

/*------------tutorial6.html-----------------*/
#contents #main9 ul {margin-left:20px;padding:10px 0;list-style:circle;}

/*------------tutorial7.html-----------------*/
#contents #main10 ul {margin-left:20px;padding:10px 0;list-style:disc;font-weight:bold;}
#contents #main10 ul li dt {font-weight:normal;}
#contents #main10 ul li dd {padding:10px 0 20px 0;font-weight:normal;margin-left:0;line-height:120%;}

/*----------------faq.html-------------------*/
#contents #main12 .ula {margin-left:18px;} 
#contents #main12 .faq_box {padding:8px 0;}
#contents #main12 .faq_box ul li {list-style-type:none;
background:transparent url(../images/faq_icon01.gif) left no-repeat;
padding-left:25px;padding-bottom:3px;}

/*------------servics_01.html-----------------*/
#contents .top_box {text-align:center;padding-top:15px;padding-bottom:2px;}
#contents .top_boxa {width:520px;margin-left:auto;margin-right:auto;}
#contents .top_boxa .a1 {
	width:520px;
	height:33px;
	background:transparent url(../images/waku_01.gif) 0 0 no-repeat;
	margin-bottom:-5px;}
#contents .top_boxa .a2 {
	width:520px;
	background:transparent url(../images/waku_02.gif);
	background-repeat:repeat-y;}
#contents .top_boxa .a3 {width:520px;height:61px;margin-top:-13px;background:transparent url(../images/waku_03.gif) 0 0 no-repeat;}
#contents .top_boxa .a2 dl {width:485px;height:autopx;text-align:left;line-height:120%;margin-left:19px;}
#contents #main13 li,
#contents #main13 p {line-height:120%;}
#contents #main13 .box_520 {margin-left:auto;margin-right:auto;width:520px;}
#contents #main13 .box_520 ol {margin-top:30px;_margin-left:5px;}
#contents #main13 .box_520 ol li {font-weight:bold;}
#contents #main13 .box_520 ol li dt {padding-bottom:10px;font-weight:normal;}
#contents #main13 .box_520 .pink_t {color:#EE546C;padding:13px 0;font-weight:bold;}

/*----------------topics.html-------------------*/
#contents .topic_b ul li {line-height:120%;list-style-type:square;padding-top:8px;}

/*--------------tutorial12.html-------------------*/
#contents #main_tu12 .img_a {float:left;padding:10px 0;margin-right:10px;}
#contents #main_tu12 .img_t {margin-left:-10px;padding-top:25px;}
#contents #main_tu12 .dt_b {margin-left:-15px;font-weight:bold;_padding-left:15px;}
#contents #main_tu12 dl {margin-left:65px;}
#contents #main_tu12 dl dt {float:left;}
#contents #main_tu12 dl dd {padding-bottom:3px;margin-left:30px;}

/*----------------answer.html---------------------*/
#contents #main_answer dl {padding-left:20px;}
#contents #main_answer dt {font-weight:bold;padding-bottom:5px;
background:transparent url(../images/faq_icon01.gif) left 1px no-repeat;padding-left:23px;}
#contents #main_answer dd {margin-left:0;padding-bottom:7px;
background:transparent url(../images/faq_icon02.gif) left 2px no-repeat;padding-left:23px;}
#contents #main_answer ul {margin-left:23px; margin-top:2px;}
#contents #main_answer ul li {line-height:120%;}
#contents #main_answer .bak_a {float:right;
background:transparent url(../images/crs_top.gif) left 16px no-repeat;padding-left:15px;padding-top:10px;padding-bottom:10px;}

/*------------------case.html---------------------*/
#contents #main_case ul li {font-weight:bold;list-style-type:square;padding-top:5px;}
#contents #main_case dt {font-weight:normal;line-height:130%;}
#contents #main_case .dt_img {background:transparent url(../images/index_icon2.gif) right no-repeat;padding-right:15px;margin-right:3px;}

/*----------commendation_20030507.html------------*/
#contents #main_comme .tit_b {color:#9E1619;font-weight:bold;font-size:190%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height:120%;}
#contents #main_comme ul {padding:15px 0 15px 20px;}
#contents #main_comme p,
#contents #main_comme dt,
#contents #main_comme li {line-height:120%;}
#contents #main_comme dt {font-weight:normal;}