@charset "utf-8";

* {
	font-size:100%;
	margin:0;
	padding:0;
	background-image:none;
	border:none;
	font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",sans-serif,Arial;
}

body {
	margin:0px auto;
	text-align:center;
	background-color:#fff;
    a:visited {color:#FF0000;};
    a:hover {color:#FF0000;};
}
}

/*====================================*/
/*             SETTINGS               */
/*====================================*/
A{ color:#0030ac; }
A:hover{ color:#ff3300; }
OL,UL,DL,LI,DT,DD{ list-style:none; }
.cl{ clear:both; margin:0; padding:0; width:0; height:0; }


/*====================================*/
/*               BODY                 */
/*====================================*/
DIV#wrap {
	margin:0px auto;
	text-align:left;
	color:#4b4b4b;
}
DIV#header{
	width:980px;
	margin:0 auto;
	background-image:url("/image/head_headline.gif");
	background-position:top center;
	background-repeat:no-repeat;
}
DIV#container {
	width:980px;
	margin:0 auto;
	background-image:url("/image/cont_bodyline.gif");
	background-position:top center;
	background-repeat:repeat-y;
}
DIV#footer{
	width:100%;
	background-color:#0030ac;
	background-image:url("/image/foot_bg.jpg");
	background-position:top left;
	background-repeat:repeat-x;
}


/*====================================*/
/*              HEADER                */
/*====================================*/
DIV#head{ width:980px; height:96px; position:relative; }
DIV#head H1{ position:absolute; top:36px; left:0px; }
DIV#head P{
	position:absolute;
	top:15px;
	left:4px;
	font-size:80%;
	text-align: left;
}
DIV#head UL{
	position:absolute;
	top:10px;
	left:628px;
	width: 344px;
	height: 39px;
}
DIV#head UL LI{ float:right; padding:0 10px; border-left:solid 1px #4b4b4b; font-family:"メイリオ",Meiryo; font-size:80%; }
DIV#head UL LI.br{ border-right:solid 1px #4b4b4b; }
DIV#head UL LI.br2{ border:0; }
DIV#head UL LI.br A{ text-decoration:none; color:#4b4b4b; }
DIV#head UL LI.br A:hover{ text-decoration:none; color:#ff3300; }
DIV#head UL LI.br2 A{ text-decoration:none; color:#fff; }
DIV#head UL LI.br2 A:hover{ text-decoration:none; color:#F3E2A9; }

.label-red{ cursor:pointer; }
.label-red {display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#DD3333}
.label-red{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}


#HeaderGlobalMenu {
	background:url(/image/head_gmenu_b.jpg) no-repeat left top;
	height:45px;
	padding-top:3px;
}
#HeaderGlobalMenu li{	
	float:left;
}
#HeaderGlobalMenu a{
	display:block;
	width:130px;                                     /* 幅を決め打ち */
	height:45px;
	float:left;
	line-height: 42px;
	padding:0 15px;                                 /* 左右の余白を小さく */
	text-align: center;                             /* 中央寄せ */
	color:#000;
	text-decoration: none;
	font-weight: bold;
	font-size:14px;
	border-right: 1px dotted #ccc;
}
#HeaderGlobalMenu a:hover{
	height:45px;
	line-height:42px;
	color:red;
}
#HeaderGlobalMenu .last a{
	border-right:none;
}

/*====================================*/
/*                TOP                 */
/*====================================*/
DIV#top{ width:980px; margin:0 auto; }
DIV.categoryttl{ width:928px; margin:0 auto; padding:21px 0 6px 0; }
DIV#topic_path{ width:928px; margin:0 auto; }
DIV#topic_path UL{ line-height:120%; }
DIV#topic_path UL LI{ float:left; font-family:"メイリオ",Meiryo; font-size:74%; font-weight:bold; }
DIV#topic_path UL LI A{ font-family:"メイリオ",Meiryo; font-weight:normal; }


/*====================================*/
/*               left                */
/*====================================*/
DIV#left{ width:667px; float:left; margin:3px 10px 40px 26px; line-height:150%; }
DIV#left H2{ height:34px;margin:5px 0 4px -3px; padding:10px 0 0 24px; background-image:url("/image/cont_ttlbarbgM.jpg"); background-position:0 0; background-repeat:no-repeat; color:#0030ac; }
DIV#left H2 IMG{ margin:-8px 0 0 -24px; }
DIV#left H3{ height:27px; margin-bottom:6px; padding:3px 0 0 20px; background-image:url("/image/cont_ttlbarbgS.jpg"); background-position:0 0; background-repeat:no-repeat; }

DIV.contentbox{ margin-bottom:24px; }
DIV.contentbox P{ margin-bottom:12px; }

IMG.imgL{ float:left; margin-right:12px; }
IMG.imgR{ float:right; margin-left:12px; }

TABLE.tbl_type01{ width:654px; border-collapse:collapse; line-height:120%; }
TABLE.tbl_type01 TR,TABLE.tbl_type01 TR TH,TABLE.tbl_type01 TR TD{ border:solid 1px #ccc; }
TABLE.tbl_type01 TR.tblttl TD{ padding:4px 0 4px 20px; background-color:#0030ac; font-size:100%; font-weight:bold; color:#fff; }
TABLE.tbl_type01 TR TH{ padding:12px; text-align:center; }
TABLE.tbl_type01 TR TH DL{ font-weight:normal; }
TABLE.tbl_type01 TR TH DL DT{ margin-bottom:6px; }
TABLE.tbl_type01 TR TH DL DD{ font-weight:bold; color:#ff3300; }
TABLE.tbl_type01 TR TD{ padding:6px 12px; font-size:80%;  }
TABLE.tbl_type01 TR TD UL{ margin-left:20px; }
TABLE.tbl_type01 TR TD UL LI{ list-style-position:inside; list-style-type:decimal; }
TABLE.tbl_type01 TR TD P{ margin:0 0 0 20px; padding:0; }


/*====================================*/
/*                right                */
/*====================================*/
DIV#right{ width:244px; margin:6px 26px 60px 0px; float:right; }
* html DIV#right{ display:inline; margin-left:20px; }
DIV#side{ padding:12px 12px 12px 12px; border:solid 1px #ccc; background-image:url("/image/side_bg.jpg"); background-position:center top; background-repeat:repeat-y; }
DIV#side H2{ margin-bottom:12px;}

DIV.service_info{ margin:0 2px; }
DIV.service_info DL{ font-size:80%; }
DIV.service_info DL DT{ margin-bottom:4px; padding:1px 0 0 5px; background-image:url("/image/list-style03.gif"); background-position:center left; background-repeat:no-repeat; }
DIV.service_info DL DT A{ text-decoration:none; font-weight:bold; }
DIV.service_info DL DD{ margin-bottom:12px; padding:0 0 6px 8px; border-bottom:dotted 1px #ccc; }
DIV.service_info DL DD P{ line-height:120%; }


/*====================================*/
/*              FOOTER                */
/*====================================*/
DIV#foot{ width:970px; height:210px; margin:0 auto; padding:0 5px; position:relative; font-size:80%; color:#fff; }
DIV.foot_goto{ width:116px; height:22px; position:absolute; top:0px; left:859px; z-index:1; background-image:url("/image/foot_pagetop.gif"); }
DIV.foot_goto A{ display:block; width:116px; height:22px; text-indent:-9999px; }

DIV.foot_left{ width:404px; height:180px; padding-left:36px; position:absolute; top:0; left:0; background-image:url("/image/foot_deli.jpg"); background-position:right center; background-repeat:no-repeat; line-height:175%; }
DIV.foot_center{ width:170px; height:180px; position:absolute; top:0; left:445px; background-image:url("/image/foot_deli.jpg"); background-position:right center; background-repeat:no-repeat; }
DIV.foot_right{ width:356px; height:180px; position:absolute; top:0; left:620px; background-image:url("/image/foot_deli.jpg"); background-position:right center; background-repeat:no-repeat; }

DIV.fl_txt{ margin:30px 0 0 0; }
DIV.fl_name{ font-size:140%; font-weight:bold; }

DIV.foot_center UL{ margin:26px 0 0 26px; }
DIV.foot_center UL LI{ padding-left:10px; background-image:url("/image/list-style01.gif"); background-position:center left; background-repeat:no-repeat; line-height:200%; }
DIV.foot_center UL LI A{ text-decoration:none; color:#fff; font-family:"メイリオ",Meiryo; font-weight:bold; }
DIV.foot_center UL LI A:hover{ color:#ff3300; }

DIV.foot_right UL{ margin:26px 0 0 16px; }
DIV.foot_right UL LI{ padding-left:10px; background-image:url("/image/list-style01.gif"); background-position:center left; background-repeat:no-repeat; line-height:200%; }
DIV.foot_right UL LI A{ text-decoration:none; color:#fff; font-family:"メイリオ",Meiryo; font-weight:bold; }
DIV.foot_right UL LI A:hover{ color:#ff3300; }

DIV.foot_right OL{ width:300px; margin:0 0 0 26px; }
DIV.foot_right OL LI{ width:140px; float:left; padding-left:10px; background-image:url("/image/list-style02.gif"); background-position:center left; background-repeat:no-repeat; line-height:200%; }
DIV.foot_right OL LI A{ text-decoration:none; color:#fff; font-family:"メイリオ",Meiryo; }
DIV.foot_right OL LI A:hover{ color:#ff3300; }

DIV#copyright{ width:100%; background-color:#000; }
DIV#copy{ width:980px; height:36px; margin:0 auto; }
DIV.copy_l{ width:480px; float:left; }
DIV.copy_r{ width:480px; float:right; position:relative; }

DIV.copy_l P{ padding:11px 0 0 50px; font-size:80%; color:#fff; }
DIV.copy_r UL{ margin:10px 0 0 50px; }
DIV.copy_r UL LI{ float:left; padding:0 18px; border-left:solid 1px #fff; }
DIV.copy_r UL LI.br{ border-right:solid 1px #fff; }
DIV.copy_r UL LI A{ text-decoration:none; font-size:80%; color:#fff; fon-familyt:"メイリオ",Meiryo; font-size:74%; }
DIV.copy_r UL LI A:hover{ color:#ff3300; }
DIV.copy_r DIV.rss{ position:absolute; top:8px; left:370px; }


/*====================================*/
/*              INDEX                 */
/*====================================*/
DIV#right DIV.topics{ padding:16px; border:solid 1px #ccc; }
DIV#right DIV.topics H2{ background-image:none; }
DIV.topics DL{ line-height:100%; }
DIV.topics DL DT{ font-family:"メイリオ",Meiryo; font-size:87%; font-weight:bold; color:#0030ac; }
DIV.topics DL DD{ margin-bottom:12px; padding-bottom:4px; font-size:100%; color:#4b4b4b; border-bottom:dotted 1px #4b4b4b; line-height:150%; }
DIV.topics DL DD A{ text-decoration:none; color:#4b4b4b; }
DIV.topics DL DD A:hover{ color:#ff3300; }


/*====================================*/
/*                SEO                 */
/*====================================*/
DIV.seomaterials{ margin-left:206px; }
DIV.seomaterials DL{ margin:0 0 12px 20px; }
DIV.seomaterials DL DT{ padding-left:16px; background-image:url("/image/list-style04.gif"); background-position:center left; background-repeat:no-repeat; }
DIV.seomaterials DL DT A{ text-decoration:none; font-weight:bold; color:#4b4b4b; }
DIV.seomaterials DL DT A:hover{ color:#ff3300; }
DIV.seomaterials DL DD{ margin:0 0 6px 16px; }


/*====================================*/
/*           TOPページ                */
/*====================================*/
ul.bookpoint{
	margin-left:20px;
}
ul.bookpoint li{
	list-style-type:disc;
}

/*====================================*/
/*     プライバシーポリシー           */
/*====================================*/
ul.point{
	margin-left:20px;
	margin-right:10px;
}
ul.point li{
	list-style-type:disc;
}


/*====================================*/
/*                COMPANY                */
/*====================================*/
table#table01 {
    width: 500px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
		width:150px;
		padding-left:10px;
}
table#table01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
		padding-left:10px;
}

/*====================================*/
/*             INQUIRE               */
/*====================================*/
table.row-table-01 {
    width:660px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.row-table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
		width:200px;
		padding-left:10px;
}
table.row-table-01 td {
    padding: 2px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table.row-table-01 input{
    border: 1px #E3E3E3 solid;
    margin: 5px;
}

table.row-table-01 textarea{
    border: 1px #E3E3E3 solid;
    margin: 5px;
}

input#MessageName{border:1px solid #ccc;width:325px;}
input#MessageName1{border:1px solid #ccc;width:120px;}
input#MessageName2{border:1px solid #ccc;width:120px;}
input#MessageKana{border:1px solid #ccc;width:325px;}
input#MessageNameKana1{border:1px solid #ccc;width:120px;}
input#MessageNameKana2{border:1px solid #ccc;width:120px;}
input#MessageCompany{border:1px solid #ccc;width:325px;}
input#MessageSection{border:1px solid #ccc;width:325px;}
input#MessageEmail1{border:1px solid #ccc;width:325px;}
input#MessageEmail2{border:1px solid #ccc;width:325px;}
input#MessageUrl{border:1px solid #ccc;width:325px;}
input#MessageTel1{border:1px solid #ccc;width:88px;}
input#MessageTel2{border:1px solid #ccc;width:88px;}
input#MessageTel3{border:1px solid #ccc;width:88px;}
textarea#MessageMessage{border:1px solid #ccc;width:325px;}
input#MessageAuthCaptcha{border:1px solid #ccc;width:120px;}
#MessageCategory{border:1px solid #ccc;}
div.submit{text-align:center;}


.required{
color:red;
}

/*====================================*/
/*             Blog                   */
/*====================================*/
ul.post-list span.date {margin-right:10px;}
ul.post-list span.title a{text-decoration:none;}
div#post-detail{padding:10px;margin:10px;background: rgb(248, 251, 255);}
div.post .post-body{margin:10px 0px 0px 10px;padding:0px;}
div.post h4.contents-head a{text-decoration:none;margin-left:10px;}



/*====================================*/
/*             WEB SYSETM             */
/*====================================*/
.websystem-list {
	width:490px;
	margin-left:20px;
}
.websystem-list dt {
	width:490px;
	font-weight:bold;
}
.websystem-list dd {
	width:475px;
	margin-left:20px;
}
.websystem-list dd ul {
	margin-left:15px;
}
.websystem-list dd ul li {
	line-height:150%;
	list-style:disc;
}
.icon-info {
	margin-top:10px;
	margin-left:5px;
}
.icon-info li {
	margin-bottom:10px;
}
h3 div.websystem-icon-area {
	margin-top:-10px;
	padding:inherit;
	float:right;
}
h3 div.websystem-icon-area img {
	width:16px;
	height:16px;
	margin-right:10px;
	z-index:1;
}