﻿@charset "utf-8";

/*初期設定*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,pre,blockquote,img {
margin:0px;
padding:0px;
}
ul {list-style:none;}
img {}
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.clear {clear: both;}
/*///全体リンク設定///*/
a:visited ,
a:link ,
a {color:#003399;}
a:active ,
a:hover {color:#ff0000;text-decoration:underline;}
/*全体詳細設定*/
body {background: url(../img/bg_body.gif) repeat center top; font-size: 90%;}
#all{background: url(../img/bg_wrapper.gif) repeat-y center top;}
#wrapper{width: 770px;margin: 0px auto;}
#header{background: url(../img/bg_header.jpg) no-repeat left top;height: 115px;}
#logo{float: left;width: 239px;background: url(../img/logo.jpg) no-repeat left top;height: 75px;}
#logo a{width: 239px;height: 75px;margin:0px;display: block;text-indent: -9999px;}
#telmail{background: url(../img/telmail.jpg) no-repeat left top;float: right;height: 75px;width: 200px;}
#telmail p#bt_mail{padding:7px 21px 0 12px;}
#telmail p#bt_mail a{height:25px;display: block;width: 167px;text-indent: -9999px;}
#telmail p#bt_mail a:hover{background: url(../img/but_mail.gif) no-repeat left top;}
#telmail p#txt_tel{text-indent: -9999px;}
#mainimg{background: url(../img/mainimage.jpg) no-repeat left top;height: 240px;width: 770px;}
#mainimg h2{text-indent: -9999px;}
#mainimg p{text-indent: -9999px;}
#contents{clear: both;}
#footer{background: url(../img/bg_footer.gif) no-repeat center top;margin: 0px auto;}
#fcontents{width: 770px;margin: 0px auto;padding-top: 19px;padding-bottom: 20px;}
#fnavi{float: right;width:226px;}
#fnavi li{float: left;height: 18px;}
#fnavi li a{display:block;height: 18px;text-indent: -9999px;}
#fnavi a#sitemap{background: url(../img/but_sitemap.gif) no-repeat left top;width: 92px;}
#fnavi a#privacy{background: url(../img/but_policy.gif) no-repeat left top;width: 134px;}
#fnavi p#copy{width:260px;}
/*glovalnavi sankou*/
#gnTop {width: 770px;background: url(../img/gn.gif) no-repeat left top;height: 40px;clear: both;}
#gnTop li{list-style-type: none;float: left;height: 40px;}
#gnTop li a {display: block;height: 40px;}
#gnTop li a span{display: none;}
#gnTop #topgn{width: 111px;height: 40px;}
#gnTop a#topgn:hover{width: 110px;height: 40px;background: url(../img/gn_o.gif) no-repeat 0px 0px;}
#gnTop #servise{width: 181px;height: 40px;}
#gnTop a#servise:hover{width: 180px;height: 40px;background: url(../img/gn_o.gif) no-repeat -111px 0px;}
#gnTop #policy{width: 111px;height: 40px;}
#gnTop a#policy:hover{width: 110px;height: 40px;background: url(../img/gn_o.gif) no-repeat -292px 0px;}
#gnTop #company{width: 111px;height: 40px;}
#gnTop a#company:hover{width: 110px;height: 40px;background: url(../img/gn_o.gif) no-repeat -403px 0px;}
#gnTop #access{width: 111px;height: 40px;}
#gnTop a#access:hover{width: 110px;height: 40px;background: url(../img/gn_o.gif) no-repeat -514px 0px;}
#gnTop #contact{width: 145px;height: 40px;}
#gnTop a#contact:hover{width: 145px;height: 40px;background: url(../img/gn_o.gif) no-repeat -625px 0px;}
/*tocontact*/
.tocontact {text-align: right;padding: 10px 10px 20px 0px;}
.tocontact a{padding:0px;background: url(../img/but_tocontact.gif) no-repeat right top;display: block;height: 19px;width: 145px;text-indent: -9999px;text-align: left;}
/*totop*/
.totop {text-align: right;clear: both;padding: 10px 10px 0px 0px;}
/*set*/
.conpU20 {font-size: 100%;line-height: 1.5em;padding-bottom: 20px;}
.conpU10 {font-size: 100%;line-height: 1.5em;padding-bottom: 10px;}
.conp {font-size: 100%;line-height: 1.5em;}
.conul{	margin: 0 0 20px 0;}
.conul li{margin: 0 0 5px 1.5em;padding: 0 0 0 5px;list-style-image: url(../img/icon_arrow.gif);line-height: 1.5em;}
.conulin{	margin: 10 0 10px 0;}
.conulin li{margin: 0 0 5px 1.5em;padding: 0 0 0 5px;list-style-image: url(../img/icon_arrow.gif);line-height: 1.5em;}
.conol{	margin: 0 0 20px 0;}
.conol li{margin: 0 0 5px 1.5em;padding: 0 0 0 5px;line-height: 1.5em;}
.condl{	margin: 0 0 20px 0;}
.condl dt{
	padding: 0 0 5px 15px;
	line-height: 1.5em;
	font-weight: bold;
}
.condl dd{padding: 0 0 20px 15px;line-height: 1.5em;}
/*box*/
.ttlconBox {padding: 20px 10px 20px 17px;clear: both;}
.sttlconBox {padding: 5px 10px 10px 20px;clear: both;}
.ssttlconBox {font-size: 90%;
	padding: 5px 0px;
	border-top: 1px solid #74AFD0;
	border-bottom: 1px solid #74AFD0;
	color: #74AFD0;
	margin-bottom: 20px;
}
.Rbox187 {float: right;width: 187px;}
.Lbox150 {float: left;width: 150px;}
.Rbox270 {float: right;width: 270px;}
.Lbox220 {float: left;width: 220px;}
.Limg{margin: 5px 15px 10px 0px;}
/*font*/
.redfont{color: #FF6666;}
.bluefont{color: #3399CC;}
.greenfont{color: #99CC33;}
.orangefont{color: #FF9900;}
/*topnavi sankou*/
#toppagenavi{padding: 12px 0px 5px 16px;}
#toppagenavi p{float: left;width: 376px;height: 106px;}
#toppagenavi a{display: block;height: 90px;width: 360px;}
#toppagenavi a span{display: none;}
#toppagenavi a#bun_cd{background: url(../img/bun_cd.jpg) no-repeat left top;}
#toppagenavi a#bun_cd:hover{background: url(../img/bun_cd_o.jpg) no-repeat left top;}
#toppagenavi a#bun_print{background: url(../img/bun_print.jpg) no-repeat left top;}
#toppagenavi a#bun_print:hover{background: url(../img/bun_print_o.jpg) no-repeat left top;}
#toppagenavi a#bun_feature{background: url(../img/bun_feature.jpg) no-repeat left top;}
#toppagenavi a#bun_feature:hover{background: url(../img/bun_feature_o.jpg) no-repeat left top;}
#toppagenavi a#bun_download{background: url(../img/bun_download.jpg) no-repeat left top;}
#toppagenavi a#bun_download:hover{background: url(../img/bun_download_o.jpg) no-repeat left top;}
/*sub sankou*/
#sub{padding:7px;}
#sidenavi{float:left;width: 203px;background: url(../img/bg_sidenavi.jpg) no-repeat left top;padding:7px 0px 3px 0px;}
#sidenavi p{padding:0px 7px 5px 7px;}
#sidenavi p a{width:189px;height:48px;display:block;}
#sidenavi p a span{display:none;}
#pagecon{float:right;width: 553px;}
/**/
#sub h2{margin:11px 0 0 18px;background-repeat: no-repeat;background-position: left top;height: 45px;width: 520px;text-indent:-9999px;}
#sub h2#ttl_servise{background-image: url(../img/ttl_servise.gif);}
#sub h2#ttl_policy{background-image: url(../img/ttl_policy.gif);}
#sub h2#ttl_company{background-image: url(../img/ttl_company.gif);}
#sub h2#ttl_access{background-image: url(../img/ttl_access.gif);}
#sub h2#ttl_contact{background-image: url(../img/ttl_contact.gif);}
#sub h2#ttl_ppolicy{background-image: url(../img/ttl_ppolicy.gif);}
#sub h2#ttl_download{background-image: url(../img/ttl_download.gif);}
#sub h2#ttl_print{background-image: url(../img/ttl_print.gif);}
#sub h2#ttl_sitemap{background-image: url(../img/ttl_sitemap.gif);}
#sub h2#ttl_gp {background-image: url(../img/ttl_gp.gif);text-indent:0px;font-size: 130%;}
#sub h2#ttl_gp span{color: #333333;padding: 10px 10px 10px 20px;display:block;}
#sub h3.consttl{font-size:100%;background: url(../img/bg_sttl.jpg) no-repeat left top;color: #ffffff;padding: 8px 10px 20px 20px;}
/*contact*/
table#contactT{background-color:#ffffff;margin: 15px 0 0px; width:490px;border-top: 1px dotted #666666;}
#contactT th{text-align:left;font-size:100%;padding:5px 10px;border-bottom: 1px dotted #666666;color: #333333;}
#contactT td{font-size: 100%;border-bottom: 1px dotted #666666;color: #333333;padding: 5px 5px;}
.submit{text-align:center;font-size:100%;width:450px;margin:10px auto 5px;}
#contactT .inptext{width:320px;margin:2px;}
#contactT .inptext2{width:50px;margin:2px;}
#contactT .small{font-size:90%;color:red;}
/*#contactT .error{width:320px;margin:2px;background-color:#cccccc;}*/
#contactT .error{background-color:#ffffcc;}
#errorTxt{border: 1px dotted #FF9900;padding: 10px;background-color: #FFFFCC;}
/*sitemap*/
#sitemap li{margin-top: 20px;margin-left: 2em;list-style-image: url(../img/icon_o_arrow.gif);font-size: 100%;padding-left: 1.5em;}
/*ppolicy*/
.ppolicylist li{margin: 0 0 5px 1.5em;padding: 0 0 0 5px;list-style-image: url(../img/icon_o_arrow.gif);line-height: 1.3em;}
/*servise*/
.ill_r{float:right;}
.ill_r img{margin: 0 0 10px 10px;}
/*company*/
table#companyT{background-color:#ffffff;margin: 15px 0 0px; width:490px;border-top: 1px dotted #666666;}
#companyT th{text-align:left;font-size:100%;padding:5px 10px;border-bottom: 1px dotted #666666;color: #333333;line-height: 1.5em;}
#companyT td{font-size: 100%;border-bottom: 1px dotted #666666;color: #333333;padding: 5px 5px;line-height: 1.5em;}

/* Except IE
  -----------------------------------*/
html>body {font-size: 10pt;}

/* top infomation start */

h1.topinfo{
	color: #364e96;
	padding: 0.5em 0;
	border-top: solid 2px #364e96;
	border-bottom: solid 2px #364e96;
	font-size: 18px;
	margin: 10px;
}
p.topinfo{
	margin: 15px;
	font-size: 16px;
	color:#333;
	line-height: 1.5em;
}
p.topadress{
	margin: 10px;
	color:#333;
}
.topinfo a{
	padding:0px;
	background: url(../img/but_tocontact.gif) no-repeat right top;
	display: block;
	height: 19px;
	width: 145px;text-indent: -9999px;
	text-align: left;
	margin: 0 auto;
	}


/* top infomation end */