/* ------------------------------
 全体
------------------------------ */

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #ecf1fb;
	margin: 0 auto;
	font-size: 0.9em;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #111;
	text-align: center;
}
p {
	line-height: 1.5;
}
table {
	text-align: left;
}
td {
	vertical-align: top;
}
hr {
	clear: both;
}
img {
	border: none;
	vertical-align: top;
}
ul {
	margin: 0;
	padding: 0;
}
ol {
	margin: 0;
	padding: 0;
}

/* ------------------------------
 見出し部分
------------------------------ */

h1 {
	margin: 0;
	padding: 3px 5px;
	background-color: #0c2c80;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
}
h2 {
	width: 100%;
	height: 80px;
	background-image:url(image/h2.jpg);
	background-repeat: no-repeat;
	font-size: 30px;
	color: #FFF;
	line-height: 80px;
	padding-left: 30px;
}
h3 {
	width: 100%;
	font-size: 20px;
	padding: 0 0 5px 10px;
	border-bottom: solid 1px #05143B;
	clear: both;
}

/* ------------------------------
 画像関連
------------------------------ */

.imgleft {
	float: left;
	padding: 10px;
}
.imgright {
	float: right;
	padding: 10px;
}

/* ------------------------------
 テキスト関連
------------------------------ */
.toptx {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.toptx h3 {
	font-size: 12pt;
	font-weight: bold;
	background-image: none;
	color: #333;
	padding: 0px;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

p.center {
	text-align: center;
	margin: 20px 0;
}
p.p_right {
	text-align: right;
}
p.text01 {
	margin: 20px 20px;
}
p.text01_right {
	margin: 20px 20px;
	text-align: right;
}
p.text01 img {
	vertical-align: middle;
	margin: 0 5px;
}
span.red {
	color: #FF0000;
}
span.blue {
	color: #0000FF;
}
span.lightblue {
	color: #59ABFF;
}
span.bold {
	color: #000000;
	font-weight: bold;
}
span.none {
	display: none;
}
ul.list {
	margin: 15px 30px;
}
ul.list li {
	margin-bottom: 10px;
}

ul.list02 {
	margin: 15px 30px;
}
ul.list02 li {
	margin-bottom: 10px;
	line-height: 1.5;
}

ol.list {
	margin: 15px 30px;
}
ol.list li {
	margin-bottom: 10px;
}

ol.list02 {
	margin: 15px 30px;
}
ol.list02 li {
	margin-bottom: 10px;
	line-height: 1.5;
}

p.clear {
	clear: both;
}
p.construct {
	font-size: 30px;
	margin: 100px auto;
	text-align: center;
}
span.small {
	font-size: 0.8em;
}
span.white_1501 {
	font-weight: bold;
	font-size: 40px;
}

/* nav
----------------------------------- */
.dropmenubox{
	width: 100%;
	background-image:url(image/menu.gif);
	background-repeat: repeat-x;
	background-color:#003;
	font-size: 14px;
	font-weight: bold;
}

.dropmenu{
*zoom: 1;
list-style-type: none;
width: 960px;
}

.dropmenu:before, .dropmenu:after{
content: "";
display: table;
}

.dropmenu:after{
clear: both;
}

.dropmenu li{
	position: relative;
	float: left;
	width: 120px;
	text-align: center;
	line-height: 1.2;
}

.dropmenu li.navw03 {
	margin-right: 0px;
}

.dropmenu li a{
display: block;
	color: #FFF;
	text-decoration: none;
	padding-top:8px;
	padding-bottom:10px;
}


.dropmenu li a:hover{
	background-image:url(image/menu_over.gif);
	background-repeat: repeat-x;
	color: #05143b;
}

.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 99998;
	top: 64%;
	left: 0%;
	padding: 0;
	background: #003;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.dropmenu li ul li{
	text-align: left;
	line-height: 100%;
}

.dropmenu li ul li a{
	width: 180px;
padding: 10px 10px 8px 14px;
color: #fff;
font-size: 10pt;
	text-align: left;
	line-height: 100%;
}

.dropmenu li ul li a.navw02{
	width: 140px;
}

.dropmenu li ul li a span {
	padding-left: 20px;
}

#dropmenu li ul li{
overflow: hidden;
height: 0;
transition: .2s;
}    

#dropmenu li:hover ul li{
	overflow: visible;
	height: 33px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #029527;
}

#dropmenu li:hover ul li.navw01{
height: 85px;
}

#dropmenu li:hover ul li:last-child{
border: none !important;
}



/* ------------------------------
 全体
------------------------------ */

div.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
}

/* ------------------------------
 ヘッダー
------------------------------ */

div.header {
	width: 100%;
	height: 110px;
	overflow: hidden;
}
div.header_left {
	float: left;
}
div.header_left p {
	margin: 5px 0 0 10px;
}
div.header_right {
	float: right;
	text-align: right;
}
div.header_right p {
	margin: 10px 10px 0 0;
}
div.header_right img {
	vertical-align: middle;
}


/* ------------------------------
 トップページ
------------------------------ */

div.index_text {
	width: 900px;
	overflow: hidden;
	background-image: url(image/top_bg02.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	background-position: left top;
}
div.index_text p {
	font-size: 16px;
	font-weight: bold;
	color: #0a35a5;
	margin: 0 0 0 270px;
}
div.index_text02 {
	width: 900px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}
div.index_left {
	border: solid 1px #2888b8;
	padding: 10px;
	margin-left: 30px;
	margin-right: 30px;
}
div.index_info {
	width: 480px;
	border: solid 1px #cccccc;
	padding: 10px;
	margin-top: 15px;
	font-size:0.9em; /* 2015.03. Add*/	
}
div.index_result { /* 2015.03. Add*/
	font-size: 0.9em;
	width: 368px;
	line-height: 1.5;
	border: solid 1px #cccccc;
	padding: 4px 5px 4px 5px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
}
div.index_result li{ /* 2015.03. Add*/
	margin: 0 0 0 15px;
}
div.index_result .showall{ /* 2015.03. Add*/
	text-align:right;
	padding:0px 5px 0px 5px; 
	}
p.index_midashi {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #13729a;
}
ul.index_list {
	list-style: none;
	margin: 15px;
	padding: 0px;
}
ul.index_list li {
	margin-bottom: 10px;;
	padding: 0px 0px 0px 15px;
	background: url(image/icon_square.gif) no-repeat 0px 2px;
}
div.index_banner {
	clear: both;
	float: none;
	height: 70px;
	padding-top: 20px;
}
div.index_content {
	clear: both;
	float: none;
	padding-top: 20px;
}
p.normalfont {
	font-size: 12px!important;
	font-weight: normal!important;
	color: #000;
	
}
#top_right img{
	margin-bottom: 10px;

}
.top_content_td_right {
	padding-left: 20px;
}
div.index_left02 {
	border: solid 1px #2888b8;
	padding: 10px;
	margin: 30px 10px;
	overflow: hidden;
}

.topbnbox01 {
}

.topbnbox01 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.topbnbox01 li {
	float: left;
	width: 140px;
}

.topbnbox01 li:nth-child(2) {
	padding-top: 10px;
}

/* ------------------------------
 コンテンツ
------------------------------ */

div.contents {
	width: 900px;
	margin: 10px 30px;
	overflow: hidden;
}


/* ------------------------------
 ボックス
------------------------------ */

div.box01 {
	margin: 20px 20px;
	border: solid 1px #AAA;
	overflow: hidden;
	clear: both;
}
div.box01 p {
	margin: 15px;
}
p.box_midashi {
	font-size: 18px;
	font-weight: bold;
}
div.box_1501 {
	margin: 20px 20px;
	padding: 20px 0;
	overflow: hidden;
	background-color: #19365e;
	clear: both;
}
div.box_1501 p {
	margin: 15px;
	color: #FFF;
}
div.box02 {
	margin: 20px 20px;
	border: solid 1px #87C5FF;
	overflow: hidden;
	clear: both;
}
div.box02 p {
	margin: 15px;
}

/* ------------------------------
 パンくず、トップ
------------------------------ */

p.bread {
	text-align: right;
	font-size: 11px;
	margin: 5px 10px;
}
p.top {
	text-align: right;
	font-size: 11px;
	margin: 5px 10px;
}

/* ------------------------------
 事例紹介
------------------------------ */

ul.results_list {
	margin: 15px 50px;
}
ul.results_list li {
	margin-bottom: 15px;
}

div.detail_left {
	float: left;
	width: 55%;
}

div.detail_right {
	float: right;
	width: 45%;
	margin-top: 10px;
}

/* ------------------------------
 会社情報
------------------------------ */

div.about {
	margin: 20px 100px;
	border: solid 1px #0080FF;
}
div.about p {
	text-align: center;
	margin: 10px auto;
	line-height: 1.8;
	font-size: 18px;
	font-weight: bold;
}
table.about {
	margin: 20px auto;
	border-top: solid 1px #2888b8;
	border-left: solid 1px #2888b8;
}
table.about td {
	border-right: solid 1px #2888b8;
	border-bottom: solid 1px #2888b8;
}
table.about p {
	margin: 5px;
}
td.about01 {
	width: 150px;
	font-weight: bold;
}

td.about01 p.abow01 {
	font-size: 12px;
	font-weight: normal;
}

td.about02 {
	width: 450px;
}
dl.about {
	margin:20px;
}
dd.about{
	margin-left:20px;
	margin-bottom:10px;
}
	



/* ------------------------------
 info
------------------------------ */

table.info {
	margin: 20px auto;
	border-top: solid 1px #2888b8;
	border-left: solid 1px #2888b8;
}
table.info td {
	border-right: solid 1px #2888b8;
	border-bottom: solid 1px #2888b8;
	vertical-align: middle;
}
table.info p {
	margin: 5px;
}
td.info00 {
	text-align: center;
	background-color: #B5DAFF;
}
td.info01 {
	text-align: center;
	width: 60px;
}
td.info02 {
	width: 300px;
}
td.info03 {
	width: 500px;
}

.info_gw20 {
}

.info_gw20 table {
	border-collapse: collapse;
	width: 800px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-left-color: #333;
	margin-left: 20px;
}

.info_gw20 th {
	color: #F00;
	text-align: center;
	padding: 5px;
	width: 100px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	font-weight: normal;
}

.info_gw20 td {
	color: #F00;
	text-align: center;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	vertical-align: middle;
}

.info_gw20 th.tx333,
.info_gw20 td.tx333 {
	color: #333;
}

.info_gw20 th.tx_blue,
.info_gw20 td.tx_blue {
	color: #06C;
}

.info_kasen {
	text-decoration: underline;
}


/* ------------------------------
 個人城保護方針
------------------------------ */

div.privacy {
	margin: 20px 100px;
	border: solid 1px #0080FF;
}
div.privacy p {
	text-align: center;
	margin: 10px auto;
	line-height: 1.8;
	font-size: 18px;
	font-weight: bold;
}

/* ------------------------------
 お問い合わせ
------------------------------ */

table.contact {
	margin: 20px auto;
}
table.contact td {
}
table.contact p {
	margin: 5px;
}
td.contact01 {
	width: 150px;
}
td.contact02 {
	width: 450px;
}

/* ------------------------------
 フッター
------------------------------ */

div.footer {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	border-top: solid 5px #2888b8;
	margin-top: 20px;
}
div.footer p {
	margin: 15px auto;
}
/* ------------------------------
 その他追加
------------------------------ */
#profiletable {
	margin-top: 15px;
	margin-left: 15px;
}
p.subtitle {
	font-size: 16px;
	font-weight: bold;
	color: #C60;
	margin-bottom: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #C60;
	border-left-color: #C60;
	width: 500px;
}

p.subtitle1 {
	font-weight: bold;
}
p.subtitle2 {
	font-size: 14px;
	font-weight: bold;
	color: #C30;
	margin-top: 10px;
}
div.index_leftbox {
	float: left;
	width: 480px;
}
.left20 {
	margin-left: 20px;
}
.smallfont {
	font-size: 12px;
}
.bottomspace {
	margin-top: -5px!important;
}
.kakomi1 {
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCC;
}

.kakomi1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .kakomi1 {
    height: 1em;
    overflow: visible;
}
/**/


.list_normal {
	margin-top: 7px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.leftminus {
	margin-left: -5px;
}
.p_space {
	padding-right: 25px;
	padding-left: 0px;
}
.toppage_subtitle {
	font-size: 12px !important;
	font-weight: bold;
	background-image: none!important;
	color: #000!important;
	line-height: normal!important;
	margin: 0px!important;
	padding: 0px!important;
	height: 20px;
}
#index_content ul li {
	line-height: 1.5em;
	margin-left: 10px;
	margin-bottom: 5px;
}
.subtitle_index_content {
	padding-bottom: 3px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #09C;
	border-left-color: #09C;
	padding-top: 2px;
	margin-bottom: 5px;
}

.subtitle_index_right02 {
	float: right;
}

.index_rightbox {
	float: right;
	width: 380px;
	margin-top: 15px;
}
.top_minus {
	margin-top: -10px;
}
.text02 {
	margin-top: 15px;
	margin-bottom: -15px;
	margin-left: 20px;
}


/* ------------------------------
 実例ページ関連
------------------------------ */

div.dummy_h1 {
	width: 100%;
	height: 15px;
	margin: 0;
	background-color: #0c2c80;
}
h1.result {
	margin: 0 15px;
	background-color: #FFF;
	color: #000;
	font-size: 24px;
	font-weight: normal;
}
h1.result2 {
	margin: 0;
	background-color: #FFF;
	color: #000;
	font-size: 24px;
	font-weight: normal;
}
h1.result3 {
	margin: 0;
	background-color: #FFF;
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

.bluebold {
	font-size: 18px;
	font-weight: bolder;
	color: #036;
}
.report_inner {
	width: 700px;
	margin-left: 100px;
}
.report_inner table tr td {
	padding: 5px;
	border: 1px solid #999;
}
.report_subtitle {
	font-size: 18px;
	font-weight: bold;
	color: #933;
}
#businessrisk td {
	font-size: 12px;
}
td.bluebg {
	background-color: #D9F2FF;
}
td.redbg {
	background-color: #FFF0FF;
}
td.greenbg {
	background-color: #CEFFDB;
}


.tategaki {
	writing-mode: tb-rl;
}
.top_minus {
	margin-top: -10px!important;
}
.leftspace {
	margin-left: 10px;
}
.dotborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
.subtitle5 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.seminar_list {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 120px;
}
#seminar_notice {
	padding: 10px;
	float: right;
	width: 240px;
	border: 2px dashed #333;
	margin-right: 10px;
}

/* ------------------------------
 サイトマップ 2015.04 Add
------------------------------ */

div.sitemap{
	line-height:1.8;
	padding-left:5em;
}

div.sitemap li.l1{
	font-size:110%;
	list-style-type:none;
}

div.sitemap li.l2_title{
	font-size:95%;
	list-style-type:none;
	padding-left:1em;
}

div.sitemap li.l2{
	font-size:95%;
	list-style-type:none;
	padding-left:1.5em;
}

div.sitemap li.l3_title{
	font-size:100%;
	list-style-type:none;
	padding-left:1em;
}

div.sitemap li.l3{
	font-size:100%;
	list-style-type:none;
	padding-left:1.5em;
}

div.sns_icon {
	margin-top: 20px;
}
/* 2016.02. add*/
div.sns_icon2 {
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 72%;
}

.sns_icon2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .sns_icon2 {
    height: 1em;
    overflow: visible;
}
/**/


div.twitter-share-button {
	margin-top: -22px;
	margin-left: 50px;
}

img.g_icon {
	padding-top: 2px;
}
div.fb-like {
	margin-top: -21px;
	margin-left: 139px;
}



div.thai {
	margin: 0 50px;
	padding: 15px 0;
}
ol.thai {
	margin: 15px 60px;
}
ol.thai li {
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.8;
}

table.thai_table {
	margin: 20px auto;
	border-top: solid 1px #2888b8;
	border-left: solid 1px #2888b8;
}
table.thai_table td {
	border-right: solid 1px #2888b8;
	border-bottom: solid 1px #2888b8;
}
table.thai_table p {
	margin: 5px;
}
td.thai_table01 {
	font-weight: bold;
	background-color: #CAF9FF;
}
td.thai_table02 {
}
input.thai_contact {
	font-size: 18px;
	padding: 10px 10px;
}

/* ------------------------------
 事業内容、事業内容下層ページ
------------------------------ */

table.service {
	margin: 20px 20px;
	border-top: solid 1px #2888b8;
	border-left: solid 1px #2888b8;
}
table.service td {
	border-right: solid 1px #2888b8;
	border-bottom: solid 1px #2888b8;
}
table.service p {
	margin: 5px;
}
td.service01 {
	width: 150px;
	font-weight: bold;
}
td.service02 {
	width: 450px;
}

/* ------------------------------
 サポート要約図
------------------------------ */

.sapobox {
	background-image: url(image/bg_youyakuzu02.jpg);
	background-repeat: no-repeat;
	height: 770px;
	width: 880px;
    position: relative;
}

.sapobox h2 {
	position: absolute;
	top:-20px;
	left: 260px;
	width:572px;
	height:35px;
	z-index:1;
	font-size: 18pt;
	color: #17375e;
	background-image: none;
}

.sapoin01 {
	position: absolute;
	top:254px;
	left: 16px;
	width:254px;
	height:314px;
	z-index:1;
}

.sapobox div h4 {
	font-size: 13pt;
	font-weight: bold;
	color: #cf3e45;
	text-align: center;
	margin-bottom: 6px;
}

.sapobox div p {
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 10px;
}

.sapobox div p span {
	font-size: 10pt;
	font-weight: normal;
}

.sapoin02 {
	position: absolute;
	top:70px;
	left: 295px;
	width:289px;
	height:470px;
	z-index:1;
}

.sapoin03 {
	position: absolute;
	top:70px;
	left: 600px;
	width:267px;
	height:492px;
	z-index:1;
}

.sapobox h3 {
	position: absolute;
	top:702px;
	left: -10px;
	width:880px;
	height:26px;
	z-index:1;
	font-size: 14pt;
	color: #fff;
	background-image: none;
	text-align: center;
	font-weight: normal;
	border-bottom-style: none;
}
