@charset "Shift_JIS";

/* **************************************************

Name: secure.css

Description: Setting of page layout

Create: 2015.04.09

Copyright 2014 Hitachi, Ltd.

***************************************************** */
body{
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;webkit-text-size-adjust:100%;
}

/*
h2,
h2 span,
h3{
margin: 0;
padding: 0;
border: none;
background: none;
}
*/

/*a:link{
text-decoration: none;
line-height: 1.4;
}*/
/* 共通
=========================================================================================== */
.rightArrowRed{
background: url(/-/media/secure/image/right_arrow01.gif) no-repeat right 6px;
padding: 0 10px 0 0;
}
.rightArrowBlue{
background: url(/-/media/secure/image/right_arrow03.gif) no-repeat right 6px;
padding: 0 10px 0 0;
}
.rightArrow{
background: url(/-/media/secure/image/right_arrow02.png) no-repeat left 50%;
padding: 0 0 0 15px;
line-height: 1.4;
}
/* Page Top Link */
.PageTop {
margin: 0;
text-align: right;
font-size: 87%;
font-weight:normal;
}
ul.PageTop,
div.Section{
padding:0;
margin: 0;
}
ul.PageTop li{
padding:0;
background:none transparent;
font-size: 100%;
font-weight:normal;
}
.PageTop a {
display: inline-block;
padding: 0 20px 0 0;
background-image: url("/-/media/secure/image/icon_link_top.gif");
background-repeat: no-repeat;
background-position: right center;
zoom: 1;
}
.PageTop a:link,
.PageTop a:visited {
color: #c02;
text-decoration: none;
}
.PageTop a:hover,
.PageTop a:active {
color: #b1000e;
text-decoration: underline;
}

div.Section { padding-bottom: 0.1px; }

/* 下位ページ共通ページタイトル */
#ContentsTextblock .h1wrap,
#ColumnTextblock .h1wrap {
position:relative;
padding: 0;
background: none;
border: 0 none;
margin-bottom: 10px;}

#ContentsTextblock h1,
#ColumnTextblock h1 {
position:absolute;
top:38px;
left:25px;
color:#ffffff;
font-size:180%;
line-height:1.4em;
width:80%;
}

#ContentsTextblock h1.txt,
#ColumnTextblock h1.txt {
width:80%;
}

#ContentsTextblock h1.txt_c,
#ColumnTextblock h1.txt_c,
#ContentsTextblock h1.txt_c2,
#ColumnTextblock h1.txt_c2 {
width:95%;
}


/* Footer
=========================================================================================== */
/* 
div#Footer {
width: 100%;
margin: 0;
padding: 12px 0 6px;
width: 100%;
background: #e5e5e5;
line-height: 0;
} */
/* 
div#Footer ul {
width: 100%;
margin: 0 0 10px 0;
font-size: 90%;
} */
/* 
div#Footer ul li {
float: none;
margin: 0;
display: inline-block;
padding: 0 1.0em 0 0.8em;
border-width: 0 1px 0 0;
border-style: solid;
border-color: #666666;
line-height: 150%;
font-size: 80%;
} */
/* 
div#Footer ul li.FirstItem {
padding: 0 1.0em 0 0.8em;
border-right: 1px solid #666666;
} */
/* 
div#Footer ul li:last-child { border: none; }
div#Footer ul li a { display: block; }
div#Footer ul li a:link,
div#Footer ul li a:visited {
color: #333;
text-decoration: none;
} */
/* 
div#Footer ul li a:hover,
div#Footer ul li a:active {
color: #b1000e;
text-decoration: underline;
} */
/* 
div#Footer p {
width: 100%;
float: none;
text-align: center;
padding: 5px 1.961% 0 0;
font-size: 67%;
line-height: 120%;
background-color: #e5e5e5;
border-top: solid 1px #cccccc;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
} */

div#Footer ul li:nth-child(4){
display:none;
}

/* PC */
a:hover img{
opacity: 0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}

/* Contents
=========================================================================================== */
div#Contents{
padding: 25px 0;
font-size: 14px;
line-height: 1.4;
}
div#Contents > .inner{
margin: 0 0 25px;
}
/* secure/article/
=========================================================================================== */
#Textblock{
margin: 30px auto; 
width: 90%;
}
#Textblock p.TextStyle1 {
line-height:1.5em;
font-size:106.3%;
}
#Textblock h2.Image {
margin:15px 0 23px;
background:url(/-/media/secure/article/image/h2_text.png) no-repeat left bottom ;
background-color:#b1010e;
font-size:150%;
font-weight:bold;
color:#fff;
padding:8px 15px 6px 15px;
min-height: 31px;
line-height: 1.35;
}
#Textblock h3.Image{
margin:15px 0;
background:url(/-/media/secure/article/image/h3_text.png) no-repeat left top ;
background-size:8px 100%;
font-size:150%;
color:#000000;
padding:3px 0 0 15px;
}
#Textblock .Pimage{
margin-bottom:5px;
}

p.comment {
font-weight:bold;
margin:30px 0 15px;
background-color:#f7f7f5;
padding:10px 10px 8px 10px;
text-align:center;
}

/* お問い合わせ　*/
#article_contact {
border:1px solid #ccc;
padding:15px 0 20px 35px;
margin:30px 175px 0;
}
#article_contact dl {
margin:0;
padding:0;
}
#article_contact dl dt {
float:left;
margin:0 30px 0 0;
padding:0;
}
#article_contact dl dd {
float:left;
margin:12px 0 0;
padding:0;
}

/* お問い合わせエリア（RWD用）*/
.phone{
border:1px solid #ccc;
width: 505px;
margin:30px auto 15px;
padding: 15px 15px 11px;
display:table;
}

.phone_ph{
display:table-cell;
vertical-align:bottom;
text-align:center;
padding:0; 
}

.phone_ph:first-child .ImgOnlyStyle {
	margin-bottom: 7px;
}

.phone_ph .ImgOnlyStyle input {
	margin-bottom: 5px;
}

/* ホワイトペーパー　*/
#wp_box{
border:solid 7px #e4e1e1;
padding:20px 20px 10px;
margin:30px 0 20px;
}
#wp_box p.title{
font-size:130%;
font-weight:bold;
margin-bottom:10px;
line-height:1.5em;
color:#003e83;
}

/* secure/guidelines/　ガイドライン
=========================================================================================== */
div#Contents p.gls {
font-size: 14px;
line-height: 1.6;
margin:0 2px 15px;
}
div#Contents p.gls_title {
color:#3a8792;
font-weight:bold;
margin:20px 2px;
font-size:17px;
line-height: 130%;
}
#Contents h1.gls {
background: #2093a3;
padding: 18px 20px 15px;
margin: 0 0 25px;
color: #fff;
font-size: 22px;
font-weight: bold;
line-height: 130%;
}

#Contents p.WPArea {
	margin-top: 30px;
	margin-bottom: 35px;
}
#Contents ul.AnnotationsStyle1.gls {
	font-size: 14px;
	margin-left: 2px;
	margin-right: 2px;
}
#Contents ul.AnnotationsStyle1.gls li {
	color: inherit;
	font-weight: normal;
}

#Contents .h2Unit {
background: #f2f2f2;
}
#Contents .h2Unit h2 {
background: url(/-/media/pickup/image/bg_h2_base.gif) repeat-x left top #75bbc5;
min-height: 55px;
margin: 0 0 25px;
line-height: 130%;
}
#Contents .h2Unit h2 span {
background: url(/-/media/pickup/image/bg_h2_allow.gif) no-repeat center bottom;
display: block;
min-height: 25px;
padding: 16px 20px 0;
font-size: 20px;
color: #fff;
}
#Contents .h2Unit .inner {
padding: 0 40px 40px;
}
#Contents .h2Unit .inner .h3Unit + .h3Unit {
margin: 40px 0 0;
}
#Contents .h2Unit .inner .h3Unit h3 {
background: #c1d8db;
border-bottom: solid 4px #75bbc5;
padding: 10px 0 8px 20px;
margin: 0 0 15px;
font-size: 18px;
font-weight: bold;
color: #094546;
}
#Contents .h2Unit .inner .h3Unit .inner {
padding: 0 20px;
}
#Contents .guideline_table {
border-collapse: collapse; 
margin:20px 0;
vertical-align:top;
}
#Contents .guideline_table th {
background-color:#f4f9fe;
padding:15px;
text-align:center;
font-weight:bold;
font-size:16px;
color:#fff;
border:5px solid #f2f2f2;
}
#Contents .guideline_table th.left {
background-color:#3f767e;
width:54.4%;
}
#Contents .guideline_table th.right {
background-color:#c81a57;
width:45.6%;
}
#Contents .guideline_table th div {
display: inline-block;
text-align: left;
}
#Contents .guideline_table td {
font-size:14px;
vertical-align:top;
border:5px solid #f2f2f2;
}
#Contents .guideline_table td.title {
background-color:#50a0ab;
width:21.1%;
color:#fff;
padding:15px;
line-height:1.6em;
}
#Contents .guideline_table td.text {
line-height:1.6em;
width:33.3%;
color:#094546;
padding:15px 15px 15px 45px;
background-color:#c9e0e3;
background-repeat:no-repeat;
background-position:left top;
}
#Contents .guideline_table td.text p {
text-indent:-1em;
padding-left:1em;
margin-top:10px;
color:#094546;
}
#Contents .guideline_table td.subtitle01 {
background-image: url(/-/media/secure/guidelines/image/01.gif);
}
#Contents .guideline_table td.subtitle02 {
background-image: url(/-/media/secure/guidelines/image/02.gif);
}
#Contents .guideline_table td.subtitle03 {
background-image: url(/-/media/secure/guidelines/image/03.gif);
}
#Contents .guideline_table td.subtitle04 {
background-image: url(/-/media/secure/guidelines/image/04.gif);
}
#Contents .guideline_table td.subtitle05 {
background-image: url(/-/media/secure/guidelines/image/05.gif);
}
#Contents .guideline_table td.subtitle06 {
background-image: url(/-/media/secure/guidelines/image/06.gif);
}
#Contents .guideline_table td.subtitle07 {
background-image: url(/-/media/secure/guidelines/image/07.gif);
}
#Contents .guideline_table td.subtitle08 {
background-image: url(/-/media/secure/guidelines/image/08.gif);
}
#Contents .guideline_table td.subtitle09 {
background-image: url(/-/media/secure/guidelines/image/09.gif);
}
#Contents .guideline_table td.subtitle10 {
background-image: url(/-/media/secure/guidelines/image/10.gif);
}
#Contents .guideline_table td.service_top01 {
background-color:#e9ced8;
width:45.6%;
padding:15px 15px 50px;
/*border-bottom-style:hidden;*/
border-bottom-style: none;
}
#Contents .guideline_table td.service_top02 {
background-color:#e9ced8;
width:6.5%;
padding:5px;
border-top-style: none;
}
#Contents .guideline_table td.service {
background-color:#fbf7f8;
width:39.1%;
padding:15px;
border-left-color:#e9ced8;
}
#Contents .guideline_table td.service_top02 + td.service {
border-top-style: none;
}
#Contents .guideline_table td.service_top dl {
padding: 0;
margin:0 0 10px;
}
#Contents .guideline_table td.service_top02 + td.service dl {
margin: -50px -15px 10px -20px;
padding: 15px 15px 0;
background-color: #fbf7f8;
border-left: 5px solid #f2f2f2;
}
#Contents .guideline_table td.service_top01 dl dt {
list-style-type: none;
line-height: 1.6em;
font-weight:bold;
margin:0 0 5px;
padding:0;
}
#Contents .guideline_table td.service_top01 dl dd {
list-style-type: none;
line-height: 1.4em;
font-size:13px;
padding: 0px;
margin:0 0 15px;
}
#Contents .guideline_table td.service dl {
padding: 0px;
margin:0 0 10px;
}
#Contents .guideline_table td.service dl dt {
list-style-type: none;
line-height: 1.6em;
font-weight:bold;
padding: 0px;
margin:0 0 5px;
}
#Contents .guideline_table td.service dl dd {
list-style-type: none;
line-height: 1.4em;
font-size:13px;
padding: 0px;
margin:0 0 15px;
}
ul.gls_link li {
font-size:97%;
margin-bottom:15px;
}
#gls_shield_box{
border:solid 5px #e4e1e1;
padding:15px 20px 5px;
margin:20px 0 0;
background-color:#fff;
}
#gls_shield_box p.title{
font-size:120%;
font-weight:bold;
margin-bottom:7px;
line-height:1.5em;
color:#003e83;
}



/* secure/pickup/　ピックアップ共通
=========================================================================================== */
#ContentsTextblock {
margin:0;
padding:0;
/*overflow:hidden;*/
}
#ContentsTextblock p.TextStyle1,.TextStyle2 {
line-height:1.5em;
font-size:106.3%;
}
#ContentsTextblock ul.ListStyle1,.ListStyle2,DefinitionListStyle1B,ul.LinkListStyle1 {
line-height:1.5em;
font-size:106.3%;
}

#ContentsTextblock p{
font-size:100%;
line-height:1.6em;
margin-bottom:10px;
}

ul.ss_link li {
font-size:97%;
}

#ContentsTextblock h2.Img {
margin:15px 0 20px;
background-image: none;
background-color:#7e868f;
font-size:130%;
font-weight:bold;
padding:12px 15px;
color:#fff;
}

#ContentsTextblock h2.Img span {
padding: 0 0 0 1.3em; 
text-indent: -1.3em;
line-height: 1.2em;
font-size: 100%;
color: inherit;
background-color: transparent;
}

#ContentsTextblock h3.Img {
background:url(/-/media/secure/pickup/image/h3_bg.gif) no-repeat left center ;
font-size:110%;   
font-weight:bold;
color:#333333;
margin:15px 0 20px;
background-color:#edede6;
padding:10px 10px 9px 15px;
border: 0 none;
}


#ContentsTextblock p.Catch {
font-size:110%;   
font-weight:bold;
margin:10px 0;
background-color:#f7f7f5;
padding:10px 10px 8px 10px;
}
#ContentsTextblock .service_Box {
border:6px solid #e4e1e1;
padding:15px 15px 2px;
margin:20px 0;
}
#ContentsTextblock .service_Box .ImgLeftAdjust { margin-right:10px !important; }
#ContentsTextblock .service_Box .TextArea {
float:right;
width:570px;
}

#ContentsTextblock .title {
background-color:#ecf1f5;
padding:20px;
text-align:center;
font-weight:bold;
}
#ContentsTextblock .sub {
background-color:#f6f8fa;
text-align:center;
vertical-align:middle;
}
.sc10{
font-size:100%;
}
.sc11{
font-size:110%;
}
.sc12{
font-size:120%;
}
.sc13{
font-size:130%;
}

ul.ss_link li {
font-size:97%;
}

p.TextStyle2 { font-size: 83%; }

dl.DateListStyle1.sc12 dt {
	font-size: 90%;
}


/* お問い合わせ　*/
#Contents_contact {
border:1px solid #ccc;
padding:15px 0 20px 35px;
margin:30px auto 0;
width:500px;
}
#Contents_contact dl {
margin:0;
padding:0;
}
#Contents_contact dl dt {
float:left;
margin:0 30px 0 0;
padding:0;
}
#Contents_contact dl dd {
float:left;
margin:12px 0 0;
padding:0;
}
/* お問い合わせ end　*/

/* secure/pickup/01/ SHIELD 標的型攻撃メール対策サービス
=========================================================================================== */
#ContentsTextblock h1.Img{
margin:0;
background:url(/-/media/secure/pickup/01/image/h1_secure.gif) no-repeat left top ;
font-size:180%;  
height:120px; 
width:720px; 
padding:42px 0 0 25px;
color:#fff;
}


/* secure/pickup/02/ SHIELD セキュリティコンサルティングサービス
=========================================================================================== */
#ContentsTextblock h1.Img_consul {
margin:0;
background:url(/-/media/secure/pickup/02/image/h1_secure_consul.gif) no-repeat left top ;
font-size:180%;  
height:120px; 
width:720px; 
padding:33px 0 0 25px;
color:#fff;
line-height:1.4em;
}

.con_service {
background: #1a7e9b; 
font-weight: bold; 
color: #fff; 
text-align: center; 
padding: 10px; 
}
.risk{
height: 60px; 
background: url(/-/media/secure/pickup/02/image/ps_icon01.png) no-repeat 3% 10%;
padding: 10px 10px 15px 100px; 
}
.policy{
height: 60px; 
background: url(/-/media/secure/pickup/02/image/ps_icon02.png) no-repeat 3% 10%; 
padding: 10px 10px 15px 100px; 
}
.training{
height: 60px; 
background: url(/-/media/secure/pickup/02/image/ps_icon05.png) no-repeat 3% 10%; 
padding: 10px 10px 15px 100px; 
}
.edu{
height: 60px; 
background: url(/-/media/secure/pickup/02/image/ps_icon04.png) no-repeat 3% 10%; 
padding: 10px 10px 15px 100px; 
}
.csirt{
height: 60px; 
background: url(/-/media/secure/pickup/02/image/ps_icon03.png) no-repeat 3% 10%; 
padding: 10px 10px 15px 100px; 
}
.ad_box{
border:1px dashed #999; 
padding:20px 15px 0; 
margin-bottom:15px;
}


/* secure/pickup/03/ 本丸を守る
=========================================================================================== */
/* pu03インタビュー */
div.Section.ArticleBox { margin-top: 30px; }

#secure_pu03_article01 {
width: 340px;
/*height: 260px;*/
}
#secure_pu03_article01 dl {
padding: 15px 15px 10px;
background: #333333;
}
#secure_pu03_article01 .inner {
background: #ffffff;
}
#secure_pu03_article01 dl dt {
margin: 0;
font-size: 15px;
font-weight: bold;
color: #ffffff;
line-height: 1.35;
}
#secure_pu03_article01 dl dd {
color: #ffffff;
line-height: 1.4;
font-size: 13px;
text-align: right;
margin:10px 0 0;
}
#secure_pu03_article01_box{
position: relative;
width:340px;
/*height:120px;*/
}
#secure_pu03_article01_box .movie{
position: absolute; 
/*bottom: 60px;*/
top: 10px;
left: 20px
}
#secure_pu03_article01_box .text{
position: absolute; 
/*bottom: 15px;*/
top: 55px;
left: 20px
}
#secure_pu03_article02 {
width: 340px;
/*height: 260px;*/
}
#secure_pu03_article02 dl {
padding: 15px 15px 10px;
background: #889e48;
}
#secure_pu03_article02 .inner {
background: #ffffff;
}
#secure_pu03_article02 dl dt {
margin: 0;
font-size: 15px;
font-weight: bold;
color: #ffffff;
line-height: 1.35;
}
#secure_pu03_article02 dl dd {
color: #ffffff;
line-height: 1.4;
font-size: 13px;
text-align: right;
margin:10px 0 0;
}
#secure_pu03_article02_box{
position: relative;
width:340px;
/*height:120px;*/
}
#secure_pu03_article02_box .movie{
position: absolute; 
/*bottom: 60px;*/
top: 15px;
left: 20px
}
#secure_pu03_article02_box .text{
position: absolute; 
/*bottom: 15px;*/
top: 60px;
left: 20px
}
/* pu03インタビュー end */


/*--- 記事/インタビューのボックス（pu03インタビュー・コラムトップ）--- */
.ColumnSet.ColumnBox .Column1andHalf { margin-bottom: 20px; }

.ColumnSet.ColumnBox .Column1andHalf.LastItem > div { margin-left: auto; }

/* secure/column/　コラム
=========================================================================================== */
/* コラムINDEX */
.secureColumnIndex{
width: 340px;
/*height: 260px;*/
}

.secureColumnIndex dl{
padding: 15px 15px 10px;
background: #889e48;
}

.secureColumnIndex .inner{
background: #ffffff;
}

.secureColumnIndex dl dt{
margin: 0;
font-size: 15px;
font-weight: bold;
color: #ffffff;
line-height: 1.35;
}

.secureColumnIndex dl dd{
color: #ffffff;
line-height: 1.4;
font-size: 13px;
text-align: right;
margin:10px 0 0;
}

/* コラムINDEX end */


/* コラムコンテンツ */

#ColumnTextblock {
/*margin:0 0 20px;*/
padding:0;
/*overflow:hidden;*/
}
#ColumnTextblock p.TextStyle1,.TextStyle2 {
line-height:1.5em;
font-size:106.3%;
}

#ColumnTextblock p {
font-size:100%;
line-height:1.6em;
margin-bottom:10px;
}
#ColumnTextblock p.speaker {
font-size:85%;
line-height:1.4em;
margin-bottom:15px;
}

#ColumnTextblock ul.ListStyle1,.ListStyle2,DefinitionListStyle1B,ul.LinkListStyle1{
line-height:1.5em;
font-size:106.3%;
}
#ColumnTextblock h1.Img{
margin:0;
background:url(/-/media/secure/column/image/h1_column.jpg) no-repeat left top ;
font-size:180%;  
height:120px; 
width:720px; 
padding:38px 0 0 25px;
color:#fff;
line-height:1.4em;
}
#ColumnTextblock h2.Img {
margin:15px 0 20px;
background-image: none;
background-color:#656464;
font-size:130%;
font-weight:bold;
padding:12px 15px;
color:#fff;
}
#ColumnTextblock h3.Img{
margin:20px 0 15px;
font-size:135%;   
padding:0;
}
#ColumnTextblock p.comment {
font-weight:bold;
margin:30px 0 15px;
background-color:#f7f7f5;
padding:10px 10px 8px 10px;
text-align:center;
}

.column_seBox {
margin-top:20px;
border-top:dotted 1px #b8b8b8;
padding-top:15px;
}

/* コラムコンテンツ end */


/* secure/tool/ 資料ダウンロード
=========================================================================================== */
#ContentsTextblock h1.Img_wp {
margin:0;
background:url(/-/media/secure/tool/image/h1_tool.jpg) no-repeat left top ;
font-size:180%;  
height:120px; 
width:720px; 
padding:33px 0 0 25px;
color:#fff;
line-height:1.4em;
}

#ContentsTextblock h2.Img_wp {
margin:15px 0 20px;
background-image: none;
background-color:#656464;
font-size:130%;
font-weight:bold;
padding:12px 15px;
color:#fff;
}

#ContentsTextblock h3.Img_wp{
margin:20px 0 15px;
font-size:135%;   
padding:0;
}

div.ImgW150SetStyle div.Img {
	width: 150px;
	float: left;
/*	margin: 0 15px 0 0 !important;*/
}

div.ImgW150SetStyle div.Img img { margin-bottom: 10px; }

/*div.ImgW150SetStyle div.ImgSet { margin-left: 165px; }*/

div.ImgW150SetStyle div.RightBlock ul { margin-bottom: 20px; }

.Section.BtnArea {
	margin-top: 40px;
	margin-bottom: 5px;
}


/* SiteSummary
=========================================================================================== */
#SiteSummary{
	width: 935px;
	margin: 25px auto 0;
	padding: 3px 270px 0 0;
	background: url("/-/media/image/jp/common/human_it.gif") no-repeat right bottom transparent;
	box-sizing: border-box;
}

#SiteSummary > p {
	margin: 6px 0;
	font-size: 76%
}


/* 
=========================================================================================== */
/* clearfix */
.cf:after{
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.cf{
min-height: 1px;
}
* html .cf{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}



/* 20161019急ぎ分
=========================================================================================== */

#ContentsTextblock h1.Img_honmaru {
margin:0 0 15px;
background:url(/-/media/secure/pickup/03/image/h1_secure_honmaru.gif) no-repeat left top ;
font-size:180%;  
height:120px; 
width:720px; 
padding:33px 0 0 25px;
color:#fff;
line-height:1.4em;
}



/* for Design Trimming
=========================================================================================== */
.BeforeAfter {
margin-bottom: 15px !important;
background-image: url("/-/media/image/solution/arrow_before_after.gif");
background-repeat: no-repeat;
background-position: center center;
}
.secbefore {
border:1px solid #cccccc;
background-color:#ffffff;
margin-bottom: 0;
height: 100%;
box-sizing: border-box;
}
.secbefore h2 {
margin-bottom: 7px;
padding: 7px 10px 4px;
background-color:#dadada;
border-bottom:1px solid #cccccc;
font-size:90%;
font-weight:bold;
color:#000000;
}
.BeforeAfter .secbefore ul {
padding-left: 10px;
padding-right: 10px;
}
.secbefore ul li {
background: url("/-/media/image/h1/icon/icon_list_marker_before.gif") no-repeat 0 0.25em;
padding-left: 15px;
}
.secafter {
border:1px solid #b1000e;
background-color:#ffffff;
margin-bottom: 0;
height: 100%;
box-sizing: border-box;
}
.secafter h2 {
margin-bottom: 7px;
padding: 7px 10px 4px;
background-color:#b1000e;
border-bottom:1px solid #b1000e;
font-size:90%;
font-weight:bold;
color:#ffffff;
}
.BeforeAfter .secafter p {
padding-left: 10px;
padding-right: 10px;
}
.secbefore .Inner,
.secafter .Inner {
font-size:83%;
}

.Inquiry {
background-color:#ffffff;
border:1px solid #b7b7b7;
padding:0.8em 0.5em 1em;
}
.Inquiry ul {
margin:0;
padding:0;
}
.Inquiry ul li.LastItem {
margin-top: 5px;
}

div.BoxPatternC {
background-color: #f2f2f2;
border: 0 none;
padding: 15px 15px 5px 15px;
}
.DateListStyle1 .LinkListStyle2 { font-size: 92%; }
.BoxPatternC .DateListStyle1 ul {
	padding-left: 0;
	padding-right: 0;
}

/*--module.cssから移植--*/
.Bottom0 { margin-bottom: 0 !important; }
.Bottom5 { margin-bottom: 5px !important; }
.Bottom10 { margin-bottom: 10px !important; }
div.ImgW80SetStyle p.Img {
	width: 80px;
	float: left;
/*	margin: 0 15px 0 0;*/
	padding: 0 0 15px;
}
/*div.ImgW80SetStyle div.ImgSet { margin-left: 95px; }*/

/*--classlist.cssから移植--*/
.dot_top {
border-top: 1px dotted #bbb;
padding-top: 15px !important;
}

/*-- Link Setting（jp/common.cssから移植）--*/
a:link {
	color: #06417E;
	text-decoration:none;
}
a:visited,
a:visited * {
	color: #551A8B;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #06417E;
}

/*-- GlovalNavi（jp/common.cssから移植）--*/
#GlobalNaviTop li.Current a em {
	color:#333;
}
#GlobalNaviTop li.Current a:hover em {
	color:#fff;
} 

/*
.CourtesyNavi *:first-child:after {
	display: inherit;
	line-height: 1em;
	content: "";
	height: 1em;
	vertical-align: baseline;
	position: relative;
}
*/

/* Scroll Top Button --from /css/jp/common.css--
=========================================================================================== */
/*ControlerAnimation設定*/
@keyframes SlideUp {
	0% { transform:translate(50px,0px);}
	90% { transform:translate(-2px,0px);}
	100% { transform:translate(0px,0px);}
}

#Controler {
	display: none;
	position: fixed;
	right: 0px;
	bottom: 12%;
	width: auto;
	height: auto;
	padding: 8px 0px 0 8px;
	background: none;
	z-index: 1000;
	border-radius: none;
	animation:SlideUp ease-in 0.8s 1 normal;
}

#Controler button {
	display: block;
	margin: 0px 0 0px 0;
	width: 50px;
	height: 160px;
	border: 0px none;
	background: none no-repeat left top transparent;
	white-space: nowrap;
	text-indent: 250%;
	overflow: hidden;
	outline:none;
}

#Controler button.pause{ background-image:url("/-/media/image/jp/common/icon_control_pause.png"); }

#Controler button.pagetop {
	background-image: url("/-/media/image/jp/top/icon_control_pagetop.png");
	cursor:pointer;
	-webkit-transition:0.18s ease-in;
	-moz-transition:0.18s ease-in;
	-o-transition:0.18s ease-in;
	transition:0.18s ease-in;
}

#Controler button.pagetop:hover {
	background-image: url("/-/media/image/jp/top/icon_control_pagetop_on.png");
	cursor:pointer;
	-webkit-transition:0.1s ease-out;
	-moz-transition:0.1s ease-out;
	-o-transition:0.1s ease-out;
	transition:0.1s ease-out;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
}

/* 20171030 */

.phone {
    border: 1px solid #ccc;
    width: 505px;
    margin: 30px auto 15px;
    padding: 15px 15px 11px;
    display: table;
}

.phone_ph {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    padding: 0;
}

#Textblock h2.Image {
    font-weight: bold;
    line-height: 1.35;
}

.pt25 { padding-top: 25px; }
.PageTitleStyle3{padding-top:0;}

/* 20171118 */
p.ImgOnlyStyle { margin: 0 0 10px; }
ul.ss_link li {background: url("/-/media/image/jp/r1/icon/icon_list_marker.gif") no-repeat 0 1px;}
.ImgW80SetStyle ul.ss_link li { background: none; }
div.h3Unit h3 { border-left: none; }

div.ImgW150SetStyle.ClearFix div.Img{
    margin-right:10px;
}

div div.Recommend ul li{
    margin-left:160px;
}

div.service_Box div.ClearFix div.TextArea ul.LinkListStyle1.ss_link.Bottom10 li{
    background:none;
}