@charset "UTF-8";

*{
 margin:0;
 padding:0;
 color:#333;
 font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a {
 color:#06c;
}

a:hover,
a:visited {
 color:#004B97;
}

a:hover{
 text-decoration:none;
}

img {
 border:0;
}

em {
 font-weight:bold;
 color:#c00;
 font-style:normal;
}

.images {
 float:left;
 margin:0px 10px 10px 0px;
}

.reimages {
 float:right;
 margin:0px 0px 10px 10px;
}

.small {
 color:#666;
}

.bread {
 margin:10px 0px;
}

.btn {
 text-align:center;
}

.clear {
 font-size:0px;
 clear:left;
}

.error,
.error_message {
 color:#c00;
}

.must {
 color:#c00;
 font-weight:bold;
}

.images {
 margin:0px 10px 10px 0px;
}

.totop {
 text-align:right;
 margin:10px 0px 0px 30px;
}

.r_link {
 text-align:right;
 margin:10px;
}

html,body{
 margin:0;
 padding:0;
}

body{
 font: 76% arial,sans-serif;
 text-align:center;
 background:url("images/bg.jpg") repeat-x;
}

/* ================ container ================== */

div#container{
 text-align:left;
}

div#container{
 width:920px;
 margin:0 auto;
}

/* ================ header ================== */

div#header {
 font-size:12px;
 height:130px;
}

div#header h1 {
 font-size:12px;
 font-weight:normal;
 margin-top:10px;
 float:left;
 color:#fff;
}

div#header p#links {
 float:right;
 margin-top:10px;
 color:#fff;
}

div#header p#links a {
 color:#fff;
}

div#header p#h_logo{
 width:570px;
 clear:both;
 float:left;
 margin:12px 0px 2px 0px;
}

div#header p#h_inquiry{
float:left;
margin:5px 0px 0px 100px;
}

div#header ul {
 clear:left;
}

div#header li {
 list-style:none;
 float:left;
}

div#header li a {
 width:154px;
 height:40px;
 display:block;
}

div#header li#hnavi_home a {
 width:150px;
}

div#header li a:hover img {
visibility:hidden;
borer:solid;
}

/* hover */

div#header li#hnavi_home a:hover {
 background:url("/images/hnavi_home2.jpg") no-repeat;
}

div#header li#hnavi_policy a:hover {
 background:url("/images/hnavi_policy2.jpg") no-repeat;
}

div#header li#hnavi_price a:hover {
 background:url("/images/hnavi_price2.jpg") no-repeat;
}

div#header li#hnavi_work a:hover {
 background:url("/images/hnavi_work2.jpg") no-repeat;
}

div#header li#hnavi_flow a:hover {
 background:url("/images/hnavi_flow2.jpg") no-repeat;
}

div#header li#hnavi_company a:hover {
 background:url("/images/hnavi_company2.jpg") no-repeat;
}

div#header li#hnavi_inquiry a:hover {
 background:url("/images/hnavi_inquiry2.jpg") no-repeat;
}

/* ================ wapper ================== */

div#wrapper{
 float:left;
 width:100%;
 background:#fff;
}

/* ================ content ================== */

div#content{
 margin:15px 0px 0px 220px;
 width:670px;
 line-height:200%;
 color:#333;
 float:left;
}

div#content table,
div#main table {
 width:630px;
 margin-top:20px;
}

div#content table,
div#content th,
div#content td,
div#main table,
div#main th,
div#main td {
 border-collapse:collapse;
 border-spacing:0;

}

#content th {
 white-space:nowrap;
 border-left:5px solid #b00;
 border-bottom:5px solid #fff;
 background:#ffe;
}

#content td {
 border-bottom:1px dashed #ccc;
}


#content th,
#content td {
 padding:10px;
}

#content iframe {
 margin:20px 0px;
}

#content ul,
#content ol {
 margin-left:20px;
 margin-bottom:20px;
}

#content li {
 line-height:140%;
 margin-bottom:10px;
}

#content p.title {
 margin:30px 0px;
}

#content ul.check,
#content ul.arrow {
 margin:20px 0px 20px 20px;
}

#content ul.check li {
 list-style:none;
 background:url("/images/arrow_check.jpg") no-repeat;
 padding-left:30px;
 font-weight:bold;
}

#content ul.arrow li {
 list-style:none;
 background:url("/images/arrow.jpg") no-repeat;
 background-position:0px 5px;
 padding:0px 0px 10px 20px;
}

#content h2 {
 background:url("/images/contents_title.jpg") no-repeat;
 width:650px;
 height:35px;
 padding-top:15px;
 padding-left:20px;
 font-size:18px;
 margin-bottom:30px;
}

#content h3 {
 background:url("/images/contents_title2.jpg") no-repeat;
 background-position:left bottom;
 padding-left:10px;
 height:30px;
 margin:50px 0px 10px 0px;
 font-size:16px;
}

#content div.box {
 margin:30px 20px 80px 20px;
 font-size:medium;
}

#content div.box p {
 margin-bottom:1em;
}

/* ================ navigation ================== */

div#navigation {
 margin-bottom:20px;
 margin-left:-920px;
 margin-top:15px;
 float:left;
 width:200px;
 line-height:140%;
 font-size:12px;
}

div#navigation li {
 list-style:none;
 margin:0;
 padding:0;
}

div#navigation h3 {
 width:185px;
 height:22px;
 background:url("/images/nnavi_titlebg.jpg") no-repeat;
 padding:7px 0px 0px 15px;
 font-size:14px;
}

div#navigation h3#blog_title {
 height:30px;
 margin-top:30px;
}

div#navigation ul#mainnavi {
 margin-bottom:20px;
}

div#navigation ul#mainnavi li {
 width:200px;
 height:50px;
}

div#navigation ul#subnavi li {
 width:155px;
 height:20px;
 background:url("/images/arrow.jpg") no-repeat;
 background-position:20px 10px;
 padding:10px 0px 10px 40px;
 border-bottom:1px dashed #999;
}

div#navigation ul#subnavi li.end {
 border-bottom:none;
}

/* ================ footer ================== */

div#footer {
 clear:left;
 width:100%;
 margin-bottom:30px;
 padding-top:20px;
 background:url("images/f_bg.jpg") repeat-x;
 text-align:center;
}

div#footer p {
 margin-bottom:30px;
}

div#footer div.address {
 margin-top:-100px;
 margin-bottom:50px;
}

div#footer div.address p {
 text-align:left;
 margin-left:20px;
 margin-bottom:5px;
 font-size:12px;
}

div#footer p.copy {
 text-align:center;
 padding:5px;
 background:#ccc;
}

div#footer p.copy {
 text-align:center;
 padding:10px;
 background:#ddd;
}

/* ================ index ================== */
body#index #header {
 height:420px;
}

body#index #header p#mainvisual {
 clear:left;
 padding-top:15px;
 margin-right:15px;
 float:left;
}

body#index #header p#inquiry_btn {
 float:left;
 padding-top:15px;
}

body#index #content {
 width:700px;
}

/* ================redesign 100614 (#content div.strong_point)================== */

#content div.strong_point {
	width:454px;
	border:1px solid #ccc;
	float:left;
	margin: 0px 15px 20px 0px;
	padding: 10px 0px 10px 10px;
}

#content div.strong_point h2 {
 width:423px;
 height:50px;
 background:url("/images/idx_strong_title.jpg") no-repeat;
 margin-bottom:10px;
}

#content div.strong_point dl {
	float:left;
	width:216px;
	margin-right:10px;
	font-size:12px;
	height: 108px;
	margin-bottom: 10px;
}
#content .strong_point dt {
	height: 40px;
	width: 214px;
}

#content .strong_point dd {
	margin: 0px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	line-height: 150%;
	height: 36px;
	padding: 20px 10px 10px;
}

#content .strong_point .ttl_b_01 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dashed #CC0000;
	border-left: 1px solid #CCCCCC;

}

#content .strong_point .ttl_b_02 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dashed #75B320;
	border-left: 1px solid #CCCCCC;
}

#content .strong_point .ttl_b_03 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dashed #19AD9D;
	border-left: 1px solid #CCCCCC;
}

#content .strong_point .ttl_b_04 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dashed #C17E13;
	border-left: 1px solid #CCCCCC;
}

#content .strong_point .ttl_b_05 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dashed #2C15AD;
	border-left: 1px solid #CCCCCC;
}

#content .strong_point .ttl_b_06 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dashed #B44FAB;
	border-left: 1px solid #CCCCCC;
}

#content .strong_point .img_bg_01 {
	background-image: url(images/bg_icon01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
}

#content .strong_point .img_bg_02 {
	background-image: url(images/bg_icon02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .strong_point .img_bg_03 {
	background-image: url(images/bg_icon03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .strong_point .img_bg_04 {
	background-image: url(images/bg_icon04.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .strong_point .img_bg_05 {
	background-image: url(images/bg_icon05.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .strong_point .img_bg_06 {
	background-image: url(images/bg_icon06.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .strong_point p {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#content .strong_point #pdca_link ul {
	margin-left: 220px;
	margin-top: -57px;
}
#content .strong_point #pdca_link li {
	line-height: 80%;
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: none;
}
#pdca_link a {
	color: #FFFFFF;
	text-decoration: underline;
}




#content div.idx_work {
 float:left;
 width:218px;
 margin:0px 0px 20px 0px;
 text-align:center;
}

#content div.idx_work h2 {
 width:218px;
 height:50px;
 background:url("/images/idx_work_title.jpg") no-repeat;
 text-align:left;
 margin-bottom:0px;
 margin-top:10px;
}

#content div.idx_work p {
 font-size:small;
 text-align:right;
}

#content div.idx_work p a {
 padding-left:20px;
 background:url("/images/arrow.jpg") no-repeat;
 background-position:0px 3px;
}

#content div.idx_work dl {
 float:left;
 width:198px;
 margin-right:10px;
 text-align:center;
 border-bottom:1px dashed #2f7898;
 padding:0px 10px;
}

#content div.idx_work dt {
 font-size:12px;
 margin:10px 0px 5px 0px;
 font-weight:bold;
}

#content div.idx_work dd {
 margin-bottom:10px;
}

#content div.idx_work img {
 border:1px solid #ccc;
}

#content div.idx_mokuteki {
 text-align:center;
}

#content h2#idx_mokuteki_title {
 background:url("/images/idx_mokuteki_title.jpg") no-repeat;
 width:700px;
}

#content div.idx_mokuteki dl {
 float:left;
 margin-left:10px;
}

#content div.idx_mokuteki dd {
 position:relative;
 top:-50px;
 text-align:left;
 margin-left:10px;
 line-height:140%;
}

#content h2#idx_news_title {
 width:700px;
 height:30px;
 background:url("/images/idx_news_title.jpg") no-repeat;
 font-size:12px;
 padding-top:5px;
 margin-bottom:10px;
}

#content dl.newslist dd,
#navigation dl.bloglist dd {
 margin-bottom:10px;
 border-bottom:1px dashed #ccc;
 padding:5px;
}

/* ================ new ================== */
#content p.linkbtn {
 text-align:center;
 margin-bottom:20px;
}

#content p.linkbtn img {
 margin-right:10px;
}

#content div.newhp_hearing {
 margin:20px 0px;
 padding:10px;
 border:1px solid #ccc;
}

#content div.newhp_hearing dt {
 width:90px;
 float:left;
 margin-bottom:10px;
}

#content div.newhp_hearing dd {
 font-size:small;
 float:left;
 width:190px;
 margin-right:10px;
 margin-bottom:10px;
}

#content div.schedule_detail {
 border:1px solid #ccc;
 padding:10px;
}

#content div.schedule_detail dl {
 float:left;
 width:300px;
 font-size:12px;
 height:120px;
 margin-bottom:10px;
 vertical-align:top;
}

#content div.schedule_detail dt {
 color:#3985AA;
 font-weight:bold;
 padding-left:10px;
 height:30px;
 font-size:14px;
}

#content div.schedule_detail dd {
 font-size:12px;
 padding-right:10px;
}

#content div.schedule_detail dl.end {
 width:610px;
 clear:left;
}

#content div.schedule_detail dl.end dt {
 width:600px;
}

#content div.schedule_detail p.scheduleimage {
 margin:10px 0px 20px 0px;
}

#content div.newhp_mente {
 background:url("/images/mente_icon.jpg") no-repeat;
 background-position:right;
}

#content div.newhp_mente p {
 width:480px;
}

#content dl.hptype dt {
 padding-left:30px;
}

#content dl.hptype dd {
 margin-bottom:1em;
 margin-left:30px;
}

#content dl.hptype dt.service {
 background:url("/images/service_icon.jpg") no-repeat;
 height:25px;
}

#content dl.hptype dt.shopping {
 background:url("/images/shopping_icon.jpg") no-repeat;
 height:25px;
}

#content dl.hptype dt.corporate {
 background:url("/images/corporate_icon.jpg") no-repeat;
 height:25px;
}

/* ================ renew ================== */
#content div.renew_access {
 background:url("/images/access_icon.jpg") no-repeat;
 background-position:top right;
}

#content div.renew_access p {
 width:440px;
}

#content div.renew_access p.w630 {
 width:630px;
}

/* ================ support ================== */
#content div.pdca {
 margin:30px 0px;
 border:1px solid #ccc;
 padding:10px;
}

#content dl.pdca {
 float:left;
 width:350px;
 margin-left:10px;
}

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

#content dl.pdca dt.plan {
 color:#E87B73;
}

#content dl.pdca dt.do {
 color:#F7AC68;
}

#content dl.pdca dt.check {
 color:#9FC84C;
}

#content dl.pdca dt.act {
 color:#4FA5CE;
}

#content dl.pdca dd {
 font-size:12px;
 margin-left:1em;
 margin-bottom:1em;
}

div#content table.price ,
div#content table.price th,
div#content table.price td {
 border-collapse:collapse;
 border-spacing:0;
 border:1px solid #ccc;
 font-size:small;
}


#content table.price {
 margin-bottom:20px;
}

#content table.price th,
#content table.price td {
 padding:5px;
}

#content table.price th.title {
 font-weight:bold;
}

#content table.price th {
 width:450px;
 font-weight:normal;
 background:none;
 background:#f5edc6;
}

#content table.price td {
 color:#c00;
 text-align:right;
}

#content table.price td span {
 font-weight:normal;
 margin-left:0.5em;
}


/* ================ corporate ================== */
#content div.corporate_mokuteki {
 background:url("/images/corporate_mokuteki_bg.jpg") no-repeat;
 background-position:right bottom;
}

#content div.type_schedule p {
 margin-bottom:30px;
 height:112px;
 padding:10px;
 border-bottom:1px dashed #ccc;
 font-size:12px;
}

#content div.type_schedule span {
 display:block;
 color:#3985AA;
 font-weight:bold;
 font-size:14px;
}

/* ================ sales ================== */

#content div.sales_mokuteki {
 background:url("/images/corporate_mokuteki_bg.jpg") no-repeat;
 background-position:right bottom;
}

#content div.sales_mente {
 background:url("/images/pdca_icon.jpg") no-repeat;
 background-position:right bottom;
}

#content div.sales_mente p {
 width:340px;
}

/* ================ shopping ================== */
#content div.ecm {
 margin-top:60px;
 border:2px solid #f90;
 padding:10px;
}

/* ================ work ================== */

#content p.work_icon span {
 width:200px;
 display:block;
 float:left;
}

#content div.work_box {
 margin-top:30px;
}

#content div.work_corporate_box {
 width:590px;
 background:url("/images/work_corporate_bg_middle.jpg") repeat-y;
 padding:20px;
}

#content div.work_shopping_box {
 width:590px;
 background:url("/images/work_shopping_bg_middle.jpg") repeat-y;
 padding:20px;
}

#content div.work_sales_box {
 width:590px;
 background:url("/images/work_sales_bg_middle.jpg") repeat-y;
 padding:20px;
}

#content div.worksite {
 font-size:small;
 border-bottom:1px dashed #ccc;
 margin-bottom:30px;
 width:550px;
 text-align:center;
 margin-left:20px;
}

#content div.worksite p.images {
 border:1px solid #ccc;
}

#content div.worksite dd.text {
 width:390px;
 margin-left:160px;
}

#content div.worksite h4 {
 text-align:left;
}

#content div.worksite dl {
 width:550px;
}

#content div.worksite dt,
#content div.worksite dd {
 margin-bottom:10px;
 text-align:left;
}

#content div.worksite dd img {
 margin-right:5px;
}

/* ================ policy ================== */
#content p.policy {
 margin:0px 0px 0px 20px;
 padding-bottom:30px;
}


/* ================ link ================== */
#content p.link {
 border:1px solid #666;
 padding:15px;
 background:#FFFFE6;
 font-size:small;
}

#content dl.friendlylink {
 margin-top:50px;
}

#content dl.friendlylink dd {
 margin-top:10px;
 margin-left:20px;
}

/* ================ sitemap ================== */

div#content div.sitemap ul {
 margin-left:0px;
}

div#content div.sitemap li {
 background:url("/images/arrow.jpg") no-repeat;
 background-position:20px 10px;
 padding:10px 0px 10px 40px;
 list-style:none;
}

/* ================ inquiry ================== */
#content #inquiry_form tr.require th {
 color:#c00;
}

#content input {
 padding:5px;
 width:150px;
}

#content textarea {
 width:450px;
}

/* ================ blog,news ================== */

div.blog div.navi {
 text-align:center;
 margin:20px 0px;
}

div.blog p.links {
 font-size:small;
 text-align:center;
}

div.blog div#comment_form input {
 width:250px;
}

div.blog div#comment_form textarea {
 width:500px;
}

div.blog div#trackback input {
 width:600px;
}

div.blog input.button {
 width:150px;
}

div#blog_navi {
 margin-top:30px;
}

div#blog_navi div {
 margin-bottom:20px;
}

div#blog_navi h3 {
 margin-bottom:10px;
 height:30px;
}

div#blog_navi li {
 background:url("/images/arrow2.jpg") no-repeat;
 background-position:20px 10px;
 padding:10px 0px 10px 40px;
 list-style:none;
 line-height:160%;
}

div#blog_navi div#calendar_wrap,
div#blog_navi table.calendar_table {
 text-align:center;
}

div#blog_navi table.calendar_table {
 width:180px;
 margin-left:10px;
}

div#blog_navi table,
div#blog_navi th,
div#blog_navi td {
 border-collapse:collapse;
 border-spacing:0;
 border:1px solid #666;
}

div#blog_navi td {
 padding:3px;
}