@charset "UTF-8";

/* ================================================================ */
/* font-sizeは [if]で振り分けしています。 */
/* Win IE用のみ：win_ie.css（全てにImportant）で別記しています。 */
/*  */
/* ================================================================ */

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input{
	margin: 0;
	padding: 0;
	color:#333;
	line-height: 1.35em;
	list-style:none;
	font-family: Arial, Helvetica, Verdana,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif;
	}
	
	
/* Font size__________ */

body,h1,h2{	font-size:90%;}
h3,h4{font-size:100%;}

.s,
.toptxt,.lotcate dl,
.recommend ul li dd,
.category ul li,
.date dl,.totop,
#footer{ font-size:10px;}

.page li{ font-size:80%;}

/*__________ */
	
img a,a img{border:none;}

body{ background:#E9E9E9;}

a:link,a:visited{ color:#403F3F; text-decoration:none;}
a:hover{ color:#0033CC!important; text-decoration:underline;}

.linkblue a{ color:#0033CC!important; }


.clear{ clear:both;}
br.clear{ clear:both; height:0%; font-size:0; line-height:0;}
.b{ font-weight:bold; font-family: Verdana;}
.bold{font-weight:bold!important;}

.red{color:#FF0000;}
.pink,a.pink{ color:#F53162;}
.green{ color:#0A779F;}
.org{ color:#F47554;}
.blue{color:#569BC7;}
.dblue{color:#0A70B0;}
.dark{color:#000;}
.f_l{ float:left;}
.f_r{float:right;}

.red_s{
	color:#FF0000;
	font-size:90%;
	font-weight: bold;
}



.confirm{ padding:10px 10px 15px 10px;}
.complete{ text-align:center; padding:5px 10px 5px 35px;}

button{cursor: pointer!important;}


#base{
	width:780px;
	margin:0 auto;
	padding-bottom:10px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;}




/* Contents Clam */
.content_area{padding:0　 0　15px;}
.in_area{margin:0 auto; width:680px; padding-bottom:20px;}


#main{ width:590px; float:left;}
#menubar{ width:190px; float:right; }


/* Header */
#header{ height:100px; background:url(../images/sv_headerbg.gif) repeat-x 0 0;}

#header p{ padding:2px 15px 0;}
#header p a,
#header p{color:#fff!important;}

h1 a,h1.top{ display:block; background:url(../images/sv_sitetitle.gif) no-repeat 0 0; height:82px; width:380px;}
.sitetitle{ padding:0;}


/* */
#menubar{ margin-bottom:25px;}
#menubar .menulist{
		border-left:1px solid #ccc;
		border-bottom:1px solid #ccc;
		margin-bottom:10px;}

#menubar ul li{
	width:174px;
	padding:5px 0 5px 15px;
	background:url(../images/sv_listdot.gif) repeat-x bottom left;}
#menubar ul li.no{ background:none;}


#menubar ul li a,
#menubar ul li .on{ padding-left:12px; }
#menubar ul li a:hover,
#menubar ul li .on{color:#0033CC!important;
  background:url(../images/sv_menuarrow.gif) no-repeat left center;
  text-decoration:none!important;}

#menubar h3{ width:189px; height:30px;}

.menutit01{ background:url(../images/menutit_seviseinfo.gif) no-repeat;}
.menutit02{ background:url( ../images/menutit_appliinfo.gif) no-repeat;}
.menutit03{ background:url(../images/menutit_onuse.gif) no-repeat;}


#menubar .indexback{ padding-left:17px;}

/* Main area */
#main .in{ margin:20px 20px 20px 25px;}

.in h2{ width:545px; height:30px;}
.asptop h2{ background:url(../images/sv_title01.gif) no-repeat;}
.aspservice h2{ background:url(../images/sv_title02.gif) no-repeat;}
.aspsevicelist h2{ background:url(../images/sv_title03.gif) no-repeat;}
.aspflow h2{ background:url(../images/sv_title04.gif) no-repeat;}
.aspp_list h2{ background:url(../images/sv_title05.gif) no-repeat;}
.asppay h2{ background:url(../images/sv_title06.gif) no-repeat;}
.aspprepare h2{ background:url(../images/sv_title07.gif) no-repeat;}
.asporder h2{ background:url(../images/sv_title08.gif) no-repeat;}
.aspcompany h2{ background:url(../images/sv_title09.gif) no-repeat;}
.aspagree h2{ background:url(../images/sv_title10.gif) no-repeat;}

.in .textarea h3{ color:#0A779F; font-weight:bold; font-size:105%;
		margin-bottom:5px;
		margin-top:15px;
		padding:3px 0 ;}

.in .textarea h3.point{ 
		padding:3px 0 3px 14px;
		background:url(../images/sv_title_point.gif) no-repeat 0 0.45em; }

.in .textarea p{ padding:0 10px;}

.in .textarea img{ margin-top:10px;}

.in .ma{ margin:10px 0;}
.in .pa{ padding:10px 0;}


.in .textarea dl{ margin:10px 0 0 0;}

.in .textarea dl.flow{
	padding-bottom:30px; margin-bottom:15px;
	background:url(../images/sv_flow.gif) no-repeat bottom center;}

.in .textarea dl dt{
	background:url(../images/sv_subtitbg.gif) repeat-x 0 0;
	color:#fff;
	font-weight:bold;
	padding:3px 10px 0;
	margin:10px 0 5px;
	height: 25px;}
.in .textarea dl dd{ padding:0 0 10px 10px;}



.aspprepare .textarea dl{ margin:10px 0 0 0;}
.aspprepare .textarea dl dt{	
	color:#3689C3;
	height:auto;
	display:block;
	line-height:1.35em;
	padding:12px 0 5px 33px; margin:0 0 3px;
	background:url(../images/sv_question.gif) no-repeat left center;}
.aspprepare .textarea dl dd{ padding:5px 15px 10px!important;}

.aspflow .flowtxt p{ padding:0!important;}

/**/
.aspp_list .textarea h3{
		margin-bottom:0px;
		margin-top:15px;
		padding:3px 0 ;}
.aspp_list .textarea dl{margin:15px 0 0 0;}
.aspp_list .textarea dl dt{	margin:15px 0 0!important;}
.aspp_list .textarea dl dd{ padding:0 0;}
.aspp_list .textarea dl table{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:5px 0;
	width:100%;}
.aspp_list .textarea dl table .bline{
	border-right:2px solid #ccc;}

.aspp_list .textarea dl table th{	text-align:left;}
.aspp_list .textarea dl table th.line,
.aspp_list .textarea dl table td{
	text-align:center;}

.aspp_list .textarea dl table td{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

.aspp_list .textarea dl table .line{	background:#EBEBED;}
.aspp_list .textarea dl table .vio{		background:#F4F6FD;}
.aspp_list .textarea dl table .lowgray{	background:#F8F8F8;}
	
.aspp_list .textarea dl table .line_b{
	background:#F4F6FD; text-align:center;
	color:#000; border-right:2px solid #ccc;}

.aspp_list .textarea dl table th,
.aspp_list .textarea dl table td{
	border:1px solid #ccc;
	padding:5px 10px; font-weight:normal;}

.aspp_list .textarea .gray table td{ vertical-align:top; padding-bottom:5px; line-height:1.25em;}
.aspp_list .textarea .gray table{margin:10px 0 5px;}

.aspp_list .textarea .gray{ padding:5px 10px;}




.gray{background-color:#F6F6F6; padding:10px;}


.in form.order dl dt{
	background:url(../images/asp_dot.gif) no-repeat 0em 0.4em;
	padding-left: 12px;
	margin:5px 0 2px;}
.in form.order dl .s{ line-height:1.2em;}
.in form.order dl dd{ color:#5B6CA7; padding-bottom:5px;}
.in form.order dl dd .s{ color:#333;}
.in form.order dl dd input{ width:300px; margin:2px 0 5px;
	padding:1px;
	border:1px solid #ccc;}
.in form.order dl dd input.chk{ width:30px; margin:2px 0 5px;
	padding:1px;
	border:1px solid #ccc;}

.in form.order dl dd input.short{ width:100px; margin:2px 0 5px;
	padding:1px;
	border:1px solid #ccc;}



/*  Btn */

.in .information p{ color:#0A779F; font-weight:bold; padding:5px 0 20px 10px;}

a.enter{ display:block;
	width:164px; height:38px; margin:0 auto;
	 background:url(../images/sv_btn_enter.gif) no-repeat 0 0; }
a.enter:hover{background:url(../images/sv_btn_enter.gif) no-repeat 0 -38px;}

.btn{ margin:0 auto; width:185px;}
.btn input,.btn a{ float:left;}

form input.confirmbtn{
  display:block;
  padding: 0; margin:20px auto; border:none;
  background: url(../images/sv_btn_confirm.gif) no-repeat 0 0;
  width:75px;  height:22px;
  }

a.clear{
  display:block;
  padding: 0; margin:20px 50px 10px 0; border:none;
  background: url(../images/sv_btn_clear.gif) no-repeat 0 0;
  width:60px;  height:22px;
  }

form input.submit{
  display:block;
  padding: 0; margin:20px auto 10px; border:none;
  background: url(../images/sv_btn_submit.gif) no-repeat 0 0;
  width:60px;  height:22px;
  }



/* Footer */

.copyright{	color:#333333; text-align:center; line-height:1.2em; padding:7px 5px 5px;}
.attention{	clear:both; padding:0px 10px 5px;}

.footer_menu{ background-color:#5667B5;
			  text-align:center; padding:2px 0 1px;}
.footer_menu li{ display:inline; color:#FFFFFF;}
.footer_menu li a,.footer_menu li a:visited{ color:#FFFFFF!important;}
.footer_menu li a:hover{ color:#FFFFFF;}


/* ページ送り */
.page{ text-align:center; }
.page li{ display:inline;}
.page li.l{ background:url(../images/arrow03.gif) no-repeat 0 0.2em; padding-left:1em;}
.page li.r{ background:url(../images/arrow02.gif) no-repeat 2.2em 0.2em; padding-right:1.2em;}
.page li.c span{ font-weight:bold!important;}


/* to Top */
.totop{ float:right; padding:0 20px 10px 0;}
.totop a{ display:block;
	width:90px; height:11px; background:url(../images/sv_arrow_top.gif) no-repeat 0 0;}


/* パンクズ */
.pankuzu{ text-align:left; padding:10px 0 ;}
.pankuzu a,.pankuzu a:visited{color:#F53162;}

/* AllDetail ---------------- */
.arrow a{ background:url(../../images/arrow_blue.gif) 0em 0.3em no-repeat;
		padding:0 0 0 10px;}

.arrow_s a{ background:url(../images/arrow01.gif) 0em 0em no-repeat;
		padding:1px 0 0 15px;}


.tri a{ background:url(../images/arrow02.gif) no-repeat 0em 0.2em;
		padding:0 0 0 13px;}

.mark { background:url(../images/mark01.gif) no-repeat 0em 0.19em; padding: 0 0 0 20px;}
.mark2 { background:url(../images/mark02.gif) no-repeat 0em 0.19em; padding: 0 0 0 20px;}

.tmark span{ display:block; float:left;}
.tmark .txt{ display:block; float:left; width:500px;}
.tmark{clear:both;}

.tmark span.cl{ display: inline; float:none;}


.boxline{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	height:1%;
    padding:5px 10px;}

.powered a{ background:url(../images/powered.gif) no-repeat;
			width:157px; height:18px; display:block;}



/* masuki add ---------------- */
.s{
	font-size:90%;
}
.green_sb{
	font-size:90%;
	font-weight:bold;
	color:#0A779F;
}
.in .textarea p.ex{font-size:90%;
	background:#F6F6F6;	padding:5px 10px;
}

.in .textarea_g{
	padding:10px;
	margin:10px 0;
	background-color:#F6F6F6}
	.in .textarea_g h3{ color:#0A779F; 
		font-weight:bold;
		font-size:105%;
		background-color:#F6F6F6;
		margin-bottom:5px;}

/*Get Adobe Reader*/

.adobe{
	background:#F6F6F6;	padding:10px 10px;
	border:1px solid #ccc;}
.adobe p{
	text-align:left;padding:0 0 5px 122px;
	line-height:1.2em;}

/*list*/

.asppay .textarea ul{padding:0 10px 0 30px;}
.asppay .textarea li{list-style-type:decimal; padding-top:3px;}

.aspp_list .textarea ul{padding:0 10px 0 30px;}
.aspp_list .textarea li{list-style-type:decimal;}

/*company table*/
.aspcompany .textarea dl dd{padding:0;}

.aspcompany .textarea dl table{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:5px 0 15px;
	width:100%;}
.aspcompany .textarea dl table th{	text-align:left;}
.aspcompany .textarea dl table th.line,
.aspcompany .textarea dl table td{text-align:left;}

.aspcompany .textarea dl table .vio{background:#F4F6FD;}

.aspcompany .textarea dl table th,
.aspcompany .textarea dl table td{
	border:1px solid #ccc;
	padding:5px 10px; font-weight:normal;}

.textarea p.grays{background-color:#F6F6F6; padding:10px; font-size:90%;}

/*servicelist*/
.iconf{
	background:url(../images/sv_subtitbg.gif) repeat-x 0 0;
	padding:2px 10px 0;
	margin:20px 0 5px;
	height:25px;
	width:525px;}
.iconf_title{float:left; width:auto;color:#fff;font-weight:bold;}
.iconf_r{float:right; width:auto;}
.iconf_r img{padding-right:5px; margin-top:2px!important;}



/* Text hidden ---------------- */
.sitetitle p,
h1.top,h1 a,
h2,
#menubar h3,
a.enter,
.totop a,
button.submit,
form a.clear,
button.confirmbtn,
.powered a,.powered{
	text-indent:-9999px; overflow:hidden;}