@charset "UTF-8";
/*--------------------------------------
Date: 2009.05.26
Order of description:
__Default_style_clear
__Font
__Body
__Header
__Footer
__Content

upDate 090601 By Susumu Soga

--------------------------------------*/

/*---------------------------
__Default_style_clear 090601
---------------------------*/
@import url(../ss_lib/css/reset.css);
/*@import url(reset.css);*/

/*---------------------------
__Font 090601
---------------------------*/
@import url(../ss_lib/css/fonts.css);
/*@import url(fonts.css);*/

/*---------------------------
__Body
---------------------------*/
body{
	background:url(../img/bg.jpg) repeat top;
	color:#333;
	padding-top:30px;
}

*html body,
*html #content{
	text-align:center;
	font-size:100%;
}


/*---------------------------
__Header
---------------------------*/
#header{
	margin-left:auto;
	margin-right:auto;
	_text-align: left;
	width:800px;
	background:#fff;
	position:relative;

}

#header h1{
	height:110px;
}

#header h1 img{
	margin:20px 0 0 0;
}

#header ul#navi,
#header ul#navi li,
#header ul#navi li a{
	height:50px;
	display:block;
	margin:0;
	padding:0;
}

#header ul#navi li{
	float:left;
}

#header ul#navi li#nv01{
	width:104px;
}

#header ul#navi li#nv02{
	width:92px;
}

#header ul#navi li#nv03{
	width:182px;
}

#header ul#navi li#nv04{
	width:133px;
}

#header ul#navi li#nv05{
	width:159px;
}

#header ul#navi li#nv06{
	width:130px;
}

#header p#snavi{
	position:absolute;
	top:10px;
	left:520px;
}

#header p#snavi a{
	text-decoration:none;
	color:#333;
}

#header p#snavi a:hover{
	text-decoration:underline;
	color:#109FCF;
}

#header p#hdcopy{
	position:absolute;
	top:-22px;
	left:0px;
	color:#fff;
}
/*IE8*/
head~/* */body #header p#hdcopy{
	font-size:77%;
}
/*IE7*/
#header p#hdcopy{
	*font-size:90%;
}
/*その他*/
html:not(:target) #header p#hdcopy{
	font-size:90%;
	*font-size:90%;
}

#header p#bnr_uflow{
	position:absolute;
	top:30px;
	right:10px;
}



/*---------------------------
__Footer
---------------------------*/
#footer{
	background:url(../img/ft.jpg) no-repeat top;
	width:800px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
	color:#fff;
	clear:both;
	position:relative;
}

#footer p#f_p01{
	font-size:85%;
	padding:10px 0 0 10px;
	letter-spacing:-1px;
}

/*IE8*/
head~/* */body #footer p#f_p01{
	font-size:77%;
}
/*IE7*/
#header #footer p#f_p01{
	*font-size:85%;
}
/*その他*/
html:not(:target) #footer p#f_p01{
	font-size:85%;
	*font-size:85%;
}


*html #footer p#f_p01{
	text-align:left;
}

#footer p#f_p02{
	position:absolute;
	top:10px;
	right:10px;
}

#footer p a,
#footer address a{
	text-decoration:none;
	color:#fff;
}

#footer p a:hover,
#footer address a:hover{
	text-decoration:underline;
	color:#333;
}

#footer address{
/*	line-height:25px;
	text-align:center;*/
	position:absolute;
	top:100px;
	right:10px;
}


/*---------------------------
__Content
---------------------------*/
#content{
	margin-left:auto;
	margin-right:auto;
	_text-align: left;
	width:800px;
	background:#fff;
}

#content .frame_w a{
	color:#109FCF;
}

#content .frame_w a:hover{
	text-decoration:none;
}

#content h3#artcl02,
#content h3#artcl03,
#content h3#artcl04,
#content h3#artcl06,
#content h3#comp_ttl,
#content h3#cterm_ttl,
#content h3#sitemap_ttl,
#content h3#form_ttl{
	padding:30px 0 0 0;
}

#content div#svc,
#content div#merit,
#content div#price,
#content div#work,
#content div#flow,
#content div#faq,
#content div#dl,
#content div.app,
#content div.pagetop,
#content .frame_w{
	margin-left:auto;
	margin-right:auto;
	_text-align: left;
	width:740px;

}

*html #content div#flow,
*html #content div#faq,
*html #content div#dl{
	text-align:center;
}

/* ---- svc ---- */
#content div#svc p{
	background:url("../img/svc_p_bg.jpg") no-repeat;
	height:30px;
	text-indent:-9999px;
}

#content div#svc table{
	margin-top:10px;
	*font-size:95%;

}

#content div#svc table th{
	color:#109FCF;
	font-weight:bold;
	width:370px;
	border-bottom:2px solid #109FCF;
	font-size:110%
}

#content div#svc td{
	vertical-align:top;
}

#content div#svc table th#sth01,
#content div#svc table td#std01{
	border-right:1px dashed #ccc;
	padding:10px 10px 5px 10px;
}

#content div#svc table th#sth02,
#content div#svc table td#std02{
	padding:10px 0 5px 20px;
	*padding:10px 0 5px 10px;
}


#content div#svc ul{
	width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#content div#svc ul li{
	font-weight:bold;
	padding-left:40px;
}

#content div#svc ul li.rc_top{
	background:url("../img/rc_top_bg.jpg") no-repeat;
	height:45px;
	text-indent:-9999px;
}

#content div#svc ul li.rc_01{
	background:url("../img/rc_01_bg.jpg") no-repeat;
	height:40px;
	line-height:40px;
}

#content div#svc ul li.rc_02{
	background:url("../img/rc_02_bg.jpg") no-repeat;
	height:40px;
	line-height:40px;
}

#content div#svc ul li.rc_btm{
	background:url("../img/rc_btm_bg.jpg") no-repeat;
	height:45px;
	line-height:40px;
}

/* ---- merit ---- */
#content div#merit table{
	margin-top:10px;
}

#content div#merit table td{
	width:370px;
	vertical-align:top;
}

#content div#merit table td p#m01{
	background:url("../img/m01_bg.jpg") no-repeat;
	height:50px;
	text-indent:-9999px;
}

#content div#merit table td p#m02{
	background:url("../img/m02_bg.jpg") no-repeat;
	height:50px;
	text-indent:-9999px;
}

#content div#merit table td p#m03{
	background:url("../img/m03_bg.jpg") no-repeat;
	height:50px;
	text-indent:-9999px;
}

#content div#merit table td p#m04{
	background:url("../img/m04_bg.jpg") no-repeat;
	height:50px;
	text-indent:-9999px;
}

#content div#merit table td p.m_txt{
	padding:10px;
	line-height:1.3em;
}

#content div#merit table td .m_site{
	padding:5px 10px;
	line-height:1.3em;
	background-color:#eee;
	width:330px;
	margin:0 0 0 10px;
}

#content div#merit table td .m_site ul{
	padding:5px 0 0 30px;
}
#content div#merit table td .m_site ul li{
	list-style-type:disc;
}

#content div#merit table td .m_site a,
#content div#merit table td p.m_txt a{
	color:#109FCF;
}

/* ---- price ---- */
#content div#price{
	position:relative;
}

#content div#price p#pr_p{
	position:absolute;
	top:10px;
	left:20px;
}

#content div#price p.pr_p02{
	margin:5px 0 0 50px;
}

#content div#price ul{
	background:url("../img/price_list.jpg") no-repeat;
	width:740px;
	height:260px;
}

#content div#price ul li{
	text-indent:-9999px;
}

#content div#price #pr_camp{
	width:600px;
	margin:10px auto;
/*	background-color:#fff0e1;*/
	border:1px solid #ff8000;
	padding:4px;
	background-color:#fff;
	
}

#content div#price #pr_camp p{
	font-weight:bold;
	padding:10px;
	color:#ff8000;
	background-color:#fff0e1;
}

/* ---- work ---- */
#content div#work table{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

* html #content div#work {
	text-align:center;
}

#content div#work table#job_pic td{
	border:2px solid #fff;
}

#content div#work table#job_tbl{
	width:640px;
	background:url("../img/w_tbl_bg.jpg") no-repeat;
}

#content div#work table#job_tbl tr#tr01{

	height:90px;
}

#content div#work table#job_tbl tr#tr02{

	height:85px;
}

#content div#work table#job_tbl th{
	width:170px;
	text-align:center;
	font-weight:bold;
	color:#109FCF;
	font-size:110%;
}

#content div#work table#job_tbl td{
	padding:0 15px;
}

#content div#work p{
	margin:15px 0 0 50px;
	font-weight:bold;
	line-height:1.5em;
	text-align:left;
}

/* ---- flow ---- */


#content div#flow p#icon{
	margin-left:auto;
	margin-right:auto;
	width:520px;
	margin-top:20px;
	margin-bottom:30px;
}

#content div#flow ul li{
	position:relative;
	width:720px;
}

#content div#flow ul li#stp01{
	background:url("../img/stp01_01.jpg") no-repeat;
	height:90px;
}

#content div#flow ul li#stp02{
	background:url("../img/stp02_01.jpg") no-repeat;
	height:90px;
}

#content div#flow ul li#stp03{
	background:url("../img/stp03.jpg") no-repeat;
	height:100px;
}

#content div#flow ul li#stp04{
	background:url("../img/stp04.jpg") no-repeat;
	height:90px;
}

#content div#flow ul li#stp05{
	background:url("../img/stp05.jpg") no-repeat;
	height:90px;
}

#content div#flow ul li#stp06{
	background:url("../img/stp06.jpg") no-repeat;
	height:140px;
}

#content div#flow ul li#stp07{
	background:url("../img/stp07.jpg") no-repeat;
	height:110px;
}

#content div#flow ul li#stp08{
	background:url("../img/stp08.jpg") no-repeat;
	height:100px;
}

#content div#flow ul li h4{
	font-weight:bold;
	color:#109FCF;
	font-size:110%;

}

#content div#flow ul li h4#h01,
#content div#flow ul li h4#h02,
#content div#flow ul li h4#h03,
#content div#flow ul li h4#h04,
#content div#flow ul li h4#h05,
#content div#flow ul li h4#h06,
#content div#flow ul li h4#h07,
#content div#flow ul li h4#h08{
	position:absolute;
	top:30px;
	left:60px;
}

#content div#flow ul li h4#h02{
	position:absolute;
	top:20px;
	left:60px;
}

#content div#flow ul li h4#h06{
	position:absolute;
	top:55px;
	left:60px;
}

#content div#flow ul li h4#h07,
#content div#flow ul li h4#h08{
	position:absolute;
	top:40px;
	left:60px;
}


#content div#flow ul li p#p01,
#content div#flow ul li p#p02,
#content div#flow ul li p#p03,
#content div#flow ul li p#p04,
#content div#flow ul li p#p05,
#content div#flow ul li p#p06,
#content div#flow ul li p#p07,
#content div#flow ul li p#p08{
	position:absolute;
	top:15px;
	left:280px;
	padding:0 10px 0 0;
	_text-align:left;
}

#content div#flow ul li p#p03{
	position:absolute;
	top:15px;
	left:280px;
}

#content div#flow ul li p#p05{
	position:absolute;
	top:30px;
	left:280px;
}

#content div#flow ul li p#p07{
	position:absolute;
	top:20px;
	left:280px;
}

#content div#flow ul li p a{
	color:#109FCF;
}

#content div#flow ul li p span{
	font-size:85%;
	color:#808080;
}

/* ---- faq ---- */
#content div#faq p{
	margin-left:auto;
	margin-right:auto;
	_text-align: left;
	width:640px;
}

#content div#faq p a{
	color:#109FCF;
}

#content div#faq p.qst{
	background:url("../img/q_bg.jpg") no-repeat;
	position:relative;
	margin-top:5px;
	height:50px;
	*font-size:95%;
}

#content div#faq p.qst a{
	display:block;
	position:absolute;
	top:17px;
	left:60px;
	color:#109FCF;
	font-weight:bold;
	font-size:110%;
}

#content div#faq p.qst input{
	display:block;
	position:absolute;
	top:17px;
	left:540px;
}

#content div#faq p.ans{
	background:url("../img/a_bg.jpg") no-repeat left top;	
}

#content div#faq p.ans.h50px{
	height:50px;
}

#content div#faq p.ans span{
	display:block;
	padding-left:60px;
	padding-top:10px;
	padding-bottom:10px;
	width:580px;
}

.ans{
	display:none; /* jquerygOpAftHg\ */
}

/* ---- dl ---- */
#content div#dl p{
	margin:10px 0 0 20px;
	_text-align:left;
} 

#content div#dl ul{
	background:url("../img/dl_btn_bg.jpg") no-repeat;
	margin-left:auto;
	margin-right:auto;
	_text-align: left;
	width:640px;
	margin-top:20px;
	position:relative;
	
}

#content div#dl ul li,
#content div#dl ul li a{
	display:block;
	height:70px;
}

#content div#dl ul li{
	text-indent:-9999px;
}

#content div#dl ul li#btn01 a{
	background:url("../img/dl_btn01.jpg") no-repeat;
	width:260px;
	position:absolute;
	top:25px;
	left:50px;
	overflow:hidden;
}

#content div#dl ul li#btn02 a{
	background:url("../img/dl_btn02.jpg") no-repeat;
	width:260px;
	position:absolute;
	top:25px;
	left:330px;
	overflow:hidden;
}


/* ---- app ---- */
#content div.app{
	margin-top:30px;
}

*html #content div.app{
	text-align:center;
}

#content div.app a{
	background:url("../img/app_btn.jpg") no-repeat;
	display:block;
	width:280px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;

}

#content div.app p{
	background:url("../img/app_tel.jpg") no-repeat;
	width:280px;
	height:50px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;

}

/* ---- uvoice ---- */
#content div#uvoice{
	width:740px;
	margin:0 auto 30px;
}

#content div#uvoice p#uv_msg{
	margin:10px 20px;
}

#content div#uvoice ul li{
	width:370px;
	height:160px;
	float:left;
	background:url("../img/uvoice_fld.jpg") no-repeat top;
	margin:10px 0 0 0;
}

#content div#uvoice ul li dl{
	width:270px;
	padding:15px 0 0 75px;
}

#content div#uvoice ul li dl dt{
	font-weight:bold;
	color:#109FCF;
	padding-bottom:10px;
}

.clear{
	clear:both;
}

/* ---- term ---- */
#content #t_main{
	width:740px;
	margin:0 auto;
}

#content h2#term_ttl img{
	margin:30px 0 20px 0;
}

#content #t_main dl dt,
#content #t_main dl dd{
	margin:0 0 20px 0;
}

#content #t_main dl dt{
	font-weight:bold;
}

#content #t_main dl dd ul{
	margin:10px 0 0 0;
}

#content #t_main ul#t_auth{
	text-align:right;
	margin-bottom:20px;
}

#content #t_main a{
	color:#109FCF;
}

#content #t_main a:hover{
	text-decoration:none;
}

#content #t_main p.utop{
	margin-bottom:20px;
}

#content #t_main p.utop a{
	background:url("../img/control_play.png") no-repeat left;
	padding-left:25px;
	font-size:15px;
}

/* IE6 */
*html #content #t_main{
	text-align:left;
}

/* ---- pagetop ---- */
#content div.pagetop {
	text-align:right;
	padding-bottom:20px;
}

/* ---- result ---- */
.result{
	padding-bottom:100px;
}

.result h3{
	padding:30px 0 15px 0;
}

.result p#res_p01,
.result p#res_p02{
	margin:0px 30px 10px;
}

.result p#res_p04{
	margin:0px 0 30px;
	text-align:center;
	font-size:115%;
}

.result p#res_p04 span{
	font-weight:bold;
	color:#FF6600;
}

.result table{
	width:700px;
	margin:0px auto 20px;
}

.result table td{
	border:1px solid #ccc;
	padding:10px 0px 10px 10px;
}

.result table td.ttl{
	background-color:#F0F8FF;
	width:180px;
}

.result table input{
	height:20px;
	line-height:20px;
}

.result table input.w250{
	width:250px;
}

.result table input.w20{
	width:20px;
}

/*firefox buttonの高さ調整*/
div.result table input.check,
div.result table input.h_tune{
	position:relative;
	top:1px;
}

div.result table input.check, x:-moz-broken,
div.result table input.h_tune, x:-moz-broken{
	position:relative;
	top:6px;
}

div.result table input.check, x:x,
div.result table input.h_tune, x:x{
	position:relative;
	top:1px;
}

.result table textarea{
	width:290px;
	height:120px;
}

.result  p#f_btn{
	text-align:center;
}

.result  p#f_btn input{
	width:150px;
	height:40px;
	cursor:pointer;
	background: #F0F8FF;
}


/* ---- comp ---- */
.comp {
	padding-bottom:50px;
}

.comp table{
	width:700px;
	margin:20px auto 0;
	padding-bottom:30px;
}

.comp table td{
	border:solid #ccc 1px;
	padding:10px;
}

.comp table td.ttl{
	width:180px;
	background-color:#F4FFD2;
}

.comp table td p{
	line-height:1.4em;
}

.comp table td h4{
	font-weight:bold;
}

.comp table td p.s_area{
	margin: 0 0 15px 0;
}

/* ---- cterm ---- */
.cterm {
	margin:20px 0 0 0;
	padding-bottom:50px;
}

.cterm h4{
	padding-bottom:10px;
	font-weight:bold;
}

.cterm dl dt{
	padding:15px 0;
}

.cterm dl dd{
	line-height:1.5em;
}

.cterm dl .right{
	text-align:right;
}

/* ---- sitemap ---- */
.sitemap{
	padding-bottom:70px;
}

.sitemap h4{
	margin:20px 10px;
	font-size:120%;
	font-weight:bold;
	color:#109FCF;
	border-bottom:#109FCF 2px solid;
	padding:0 0 5px 10px;
}

.sitemap p{
	margin:0 0 15px 30px ;
	background:url("../img/sitemap_icon01.jpg") no-repeat 0px 2px;
	height:15px;
	padding:0 0 0 20px;
}

.sitemap ul{
	margin:0 0 0 60px ;
}

.sitemap li{
	background:url("../img/sitemap_icon02.jpg") no-repeat 0px 2px;
	height:15px;
	padding:0 0 10px 20px;
}

/* ---- form ---- */
.form {
	height:550px;
}

.form p{
	margin:20px 0 15px 30px ;
}

.form table{
	width:700px;
	margin:20px auto 0;
	padding-bottom:30px;
}

.form table td{
	border:solid #ccc 1px;
	padding:10px;
}

.form table td.ttl{
	width:180px;
	background-color:#F0F8FF;
}

.form table td input{
	width:250px;
	height:20px;
	line-height:20px;
}

.form table td textarea{
	width:250px;
	height:150px;
	margin-left:37px;
}

.form  p#f_btn{
	text-align:center;
}

.form  p#f_btn input{
	width:150px;
	height:40px;
	cursor:pointer;
	background: #F0F8FF;
}