@charset "utf-8";
/* CSS Document */

#cont h1{
font-size: 12px;
padding: 0;
font-weight: normal;
color: #666;
margin-bottom:10px;
}

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

index

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

#cont #c3_lr{font-size:14px; color:#333;}
#es_container .slidetext{
background-color:#333;
color:#fff;
padding:5px;
border-radius:5px;
width:230px;
text-align:center;
cursor:pointer;
margin-bottom:10px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace
}

#es_container #slideBox{margin-bottom:20px;}
#es_container #slideBox ul{}
#es_container #slideBox ul li{
list-style-type:none;
width:250px;
float:left;
margin-bottom:5px;
text-indent:-10px;
padding-left:10px;
}
#es_container #slideBox ul li img{vertical-align:1px;margin-right:5px;}
#es_container #slideBox ul li a{font-size:13px;}
#es_container #slideBox ul li a:hover{text-decoration:underline;}

.ie6 #es_container #slideBox ul li,
.ie7 #es_container #slideBox ul li{width:240px;}

#es_container .titleBox{width:500px;margin-bottom:10px;}
#es_container .titleBox:hover{
cursor:pointer;
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

#es_container .titleBox .fl{width:242px;height:145px;padding:10px;line-height:130%;}
#es_container .titleBox .fl p,
#es_container .titleBox .fl p span{color:#fff;font-size:12px;margin-top: 5px;margin-bottom: 15px;}
#es_container .titleBox .fl p a:hover{text-decoration:none;}

#es_container .titleBox .red{background-color:#732620;}
#es_container .titleBox .green{background-color:#468A8A;}
#es_container .titleBox .yellow{background-color:#BB912D;}
#es_container .titleBox .blue{background-color:#353C59;}

#es_container .titleBox .fl .tc{display:table-cell;vertical-align:middle;}
#es_container .titleBox .fl .tc_l{font-size:30px;}
#es_container .titleBox .fl .tc_r{padding-left:10px;font-weight:bold;font-size: 13px;}
#es_container .titleBox .fl .tc a:hover{text-decoration:none;cursor:pointer;}

.ie6 #es_container .titleBox .fl,
.ie7 #es_container .titleBox .fl{width:222px;height:125px;}


.ie6 #es_container .titleBox .fl .tc,
.ie7 #es_container .titleBox .fl .tc{display:inline;zoom:1;}

.ie6 #es_container .titleBox .fl .tc_l,
.ie7 #es_container .titleBox .fl .tc_l{padding-bottom:20px;}



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

下層

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

/*** header **********************************/

.header_img{position:relative;margin-bottom:10px;z-index:1;}
.header_img .colorBar{
position:absolute;
z-index:999;
/*text-align:right;
padding:20px 10px;*/
width:100%;
top:205px;
left:0;
background-color:#999;
}
.header_img .colorBar img{}

.header_img .colorBar .tc{display:table-cell;vertical-align:middle;}
#cont .header_img .colorBar .top_num{
width:66px;
height:66px;
text-align:center;
background-color:#000;
color:#fff;
font-size:38px;
}

.ie6 .header_img .colorBar .tc,
.ie7 .header_img .colorBar .tc{display:inline;zoom:1;}

.ie6 #cont .header_img .colorBar .top_num{line-height:66px;}

#cont .header_img .colorBar h1{
color:#fff;
font-size:14px;
font-weight:bold;
padding:10px;
}

.ie6 #cont .header_img .colorBar h1,
.ie7 #cont .header_img .colorBar h1{width:258px;}

.header_img .colorBar .titleImage{text-align:right;padding-right:10px;}

.ie6 .header_img .colorBar .titleImage,
.ie7 .header_img .colorBar .titleImage{width:145px;}

/** トップ画帯_色指定 **/
.theme_red .header_img .colorBar{background-color:#732620;}
.theme_green .header_img .colorBar{background-color:#468A8A;}
.theme_yellow .header_img .colorBar{background-color:#BB912D;}
.theme_blue .header_img .colorBar{background-color:#353C59;}


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

#es_in_container .themeBox{margin-bottom:30px;}
#es_in_container .themeBox dl{border:1px solid #ccc;line-height:130%;}
#es_in_container .themeBox dt{
float:left;
background-color:#000;
color:#fff;
padding:8px;
font-family:meiryo;
font-size:13px;
/*font-weight:bold;*/
}
#es_in_container .themeBox dd{
float:right;
width:435px;
margin:10px 0;
}
#es_in_container .themeBox dd li{
list-style-type:none;
text-indent:-21px;
padding-left:21px;
margin-bottom:1px;
}

#es_in_container h2{border-left:5px solid #000;padding:5px;margin-bottom:20px;font-size:14px;line-height:130%;}

/** h2左線_色指定 **/
.theme_red #es_in_container h2{border-left-color:#732620;}
.theme_green #es_in_container h2{border-left-color:#468A8A;}
.theme_yellow #es_in_container h2{border-left-color:#BB912D;}
.theme_blue #es_in_container h2{border-left-color:#353C59;}

#es_in_container p{margin-bottom:20px;line-height:170%;}

.linkBox{margin-bottom:30px;}
.linkBox .link_caption{font-weight:bold;border-bottom:1px solid #999;margin-bottom:20px;}
.linkBox .link_caption img{vertical-align:-8px;margin-right:10px;}

.linkBox dl{margin-bottom:10px;}
.linkBox dt{display:table-cell;vertical-align:middle;width:163px;;}
.linkBox dt img{vertical-align:-8px;margin-right:10px;}
.linkBox dt span{font-weight:bold;margin-left:5px;}
.linkBox dd{display:table-cell;vertical-align:middle;padding-left:5px;}
#cont .linkBox dd a{color:#052674; text-decoration:underline;line-height:130%;}


/* ▼ 左ナビ*/
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#C23535;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#ee6666;}
#cont #c3_ll dl.cc11-2    {border-color:#C23535;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#C23535;}
#cont #c3_ll dl.cc00 table tr td.line_l {background-color:#C23535;}
#cont #c3_ll dl.cc00 table tr td.line_r {background-color:#ee6666;}

/* インソースの豊富なサービス */
#servicelink table.border-b .line_l_b {background-color:#C23535;width: 190px;}
#servicelink table.border-b .line_c {width: 1px;}
#servicelink table.border-b .line_r_b {background-color:#ee6666;width: 309px;}

.arrowA {background-color:#C23535;}
#servicelink .arrowB {background-color:#C23535;}


/*** red *******************/
/* ▼ 左ナビ*/
#cont .theme_red #c3_ll dl.cc11 table tr td.line_l{background-color:#732620;}
#cont .theme_red #c3_ll dl.cc11 table tr td.line_r{background-color:#E48D86;}
#cont .theme_red #c3_ll dl.cc11-2    {border-color:#732620;}
#cont .theme_red #c3_ll dl.cc11 dt b img,
#cont .theme_red #c3_ll dl.cc11-2 dt b img{background:#732620;}
#cont .theme_red #c3_ll dl.cc00 table tr td.line_l {background-color:#732620;}
#cont .theme_red #c3_ll dl.cc00 table tr td.line_r {background-color:#E48D86;}

/* インソースの豊富なサービス */
.theme_red #servicelink table.border-b .line_l_b {background-color:#732620;width: 190px;}
.theme_red #servicelink table.border-b .line_c {width: 1px;}
.theme_red #servicelink table.border-b .line_r_b {background-color:#E48D86;width: 309px;}

.theme_red .arrowA {background-color:#732620;}
.theme_red #servicelink .arrowB {background-color:#732620;}

/*** green *******************/
/* ▼ 左ナビ*/
#cont .theme_green #c3_ll dl.cc11 table tr td.line_l{background-color:#468A8A;}
#cont .theme_green #c3_ll dl.cc11 table tr td.line_r{background-color:#9DD5D5;}
#cont .theme_green #c3_ll dl.cc11-2    {border-color:#468A8A;}
#cont .theme_green #c3_ll dl.cc11 dt b img,
#cont .theme_green #c3_ll dl.cc11-2 dt b img{background:#468A8A;}
#cont .theme_green #c3_ll dl.cc00 table tr td.line_l {background-color:#468A8A;}
#cont .theme_green #c3_ll dl.cc00 table tr td.line_r {background-color:#9DD5D5;}

/* インソースの豊富なサービス */
.theme_green #servicelink table.border-b .line_l_b {background-color:#468A8A;width: 190px;}
.theme_green #servicelink table.border-b .line_c {width: 1px;}
.theme_green #servicelink table.border-b .line_r_b {background-color:#9DD5D5;width: 309px;}

.theme_green .arrowA {background-color:#468A8A;}
.theme_green #servicelink .arrowB {background-color:#468A8A;}

/*** yellow *******************/
/* ▼ 左ナビ*/
#cont .theme_yellow #c3_ll dl.cc11 table tr td.line_l{background-color:#BB912D;}
#cont .theme_yellow #c3_ll dl.cc11 table tr td.line_r{background-color:#EBD296;}
#cont .theme_yellow #c3_ll dl.cc11-2    {border-color:#BB912D;}
#cont .theme_yellow #c3_ll dl.cc11 dt b img,
#cont .theme_yellow #c3_ll dl.cc11-2 dt b img{background:#BB912D;}
#cont .theme_yellow #c3_ll dl.cc00 table tr td.line_l {background-color:#BB912D;}
#cont .theme_yellow #c3_ll dl.cc00 table tr td.line_r {background-color:#EBD296;}

/* インソースの豊富なサービス */
.theme_yellow #servicelink table.border-b .line_l_b {background-color:#BB912D;width: 190px;}
.theme_yellow #servicelink table.border-b .line_c {width: 1px;}
.theme_yellow #servicelink table.border-b .line_r_b {background-color:#EBD296;width: 309px;}

.theme_yellow .arrowA {background-color:#BB912D;}
.theme_yellow #servicelink .arrowB {background-color:#BB912D;}


/*** blue *******************//* ▼ 左ナビ*/
#cont .theme_blue #c3_ll dl.cc11 table tr td.line_l{background-color:#353C59;}
#cont .theme_blue #c3_ll dl.cc11 table tr td.line_r{background-color:#9AA3C9;}
#cont .theme_blue #c3_ll dl.cc11-2    {border-color:#353C59;}
#cont .theme_blue #c3_ll dl.cc11 dt b img,
#cont .theme_blue #c3_ll dl.cc11-2 dt b img{background:#353C59;}
#cont .theme_blue #c3_ll dl.cc00 table tr td.line_l {background-color:#353C59;}
#cont .theme_blue #c3_ll dl.cc00 table tr td.line_r {background-color:#9AA3C9;}

/* インソースの豊富なサービス */
.theme_blue #servicelink table.border-b .line_l_b {background-color:#353C59;width: 190px;}
.theme_blue #servicelink table.border-b .line_c {width: 1px;}
.theme_blue #servicelink table.border-b .line_r_b {background-color:#9AA3C9;width: 309px;}

.theme_blue .arrowA {background-color:#353C59;}
.theme_blue #servicelink .arrowB {background-color:#353C59;}

/*===============================

    responsive

================================*/
@media screen and (max-width:768px){

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

#es_container #slideBox ul li { width: 100%; }
#es_container .titleBox { width: auto; }

#es_container .titleBox > .fr { display: none; }

#es_container .titleBox > .fl {
  width: 100%;
  min-height: 145px;
}


/*
    下層ページ
================================*/
bpdy {
  width: auto;
margin: 0 10px;
}
div#cont { margin: 0; }
p {
  text-align: justify;
  text-justify: inter-ideograph;
}

.header_img .colorBar {
  top:auto;
  bottom: 0;
}

#cont .header_img .colorBar h1 { font-family: "游ゴシック"; }

.header_img img { display: none; }
.header_img.indexImage > img { display:block; }

.header_img .colorBar .titleImage {
  padding-bottom: 5px;
  text-align: right;
}

.header_img .colorBar .titleImage > img { display: inline-block; }

.header_img .colorBar .tc { display: block; }

.header_img .colorBar { position: static; }

#cont .header_img .colorBar .top_num {
  width: 100%;
  height: auto;
  font-size: 25px;
}

#es_in_container .themeBox dt { float: none; }

#es_in_container .themeBox dd {
  float: none;
  width: 100%;
  margin: 0;
  padding: 10px;
}

#es_in_container .themeBox dd li { margin-bottom: 5px; }

.linkBox .link_caption {
  text-indent: -68px;
  padding-left:68px;
}

div#footer { margin: 0; }

}