/* 
 * 履歴
 * 2016/06/10 :スタイルシート統一
 *
/*-------------------------------------*
 * 共通部分
 *-------------------------------------*/

body { FONT-SIZE: 15px; COLOR: #333333;LINE-HEIGHT: 23px;
       font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
       background-color: #9d9d9d;
       background-repeat: repeat-y;
       background-position: center top;
       margin: 0px;
       padding: 0px;
       text-align: center;}
TD { FONT-SIZE: 15px; COLOR: #333333; LINE-HEIGHT: 23px;}

h2 { margin: 0px;FONT-SIZE: 26px;color: #333; LINE-HEIGHT: 36px; padding:0px; }
.h2_t { margin: 0px;FONT-SIZE: 32px;color: #333; LINE-HEIGHT: 36px; padding:0px; }
h2.top01 { margin: 0px;FONT-SIZE: 28px;color: #699a38; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;LINE-HEIGHT: 36px; padding:0px;font-weight: 700; }
h2.top02 { margin: 0px;FONT-SIZE: 18px;color: #666666; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;LINE-HEIGHT: 21px; padding:0px; FONT-WEIGHT: bold;}
h3 { margin: 0px;FONT-SIZE: 21px;font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;color: #333; LINE-HEIGHT: 29px; }
.h3_wedding { margin: 0px;FONT-SIZE: 21px;font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;color: #333; LINE-HEIGHT: 24px; }
.h3_top { margin: 0px;FONT-SIZE: 19px;font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;color: #333; LINE-HEIGHT: 21px; }
.h3_top2 { margin: 0px;FONT-SIZE: 19px;COLOR: #333;font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;LINE-HEIGHT: 21px; }
.h3_top3 { margin: 10 0 12 0;FONT-SIZE: 17px;COLOR: #333;font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;LINE-HEIGHT: 19px; }
.h3_top { margin: 0 0 2 0;FONT-SIZE: 18px;color: #333; LINE-HEIGHT: 21px;}
h4 { margin: 0 0 0 0;FONT-SIZE: 18px;color: #333; LINE-HEIGHT: 28px;padding:0px; }
.h4_wedding { padding:5 0 0 0;margin: 0px;FONT-SIZE: 18px;font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;color: #333; LINE-HEIGHT: 20px; }
.h4_top { margin: 0 0 0 0;FONT-SIZE: 16px;color: #255083; LINE-HEIGHT: 28px;padding:0px; }
.h4_top2 { margin: 0 0 0 0;FONT-SIZE: 11px;color: #255083; LINE-HEIGHT: 10px;padding:0px; }
.h4_top3 { margin: 0 0 0 0;FONT-SIZE: 18px;color: #255083; LINE-HEIGHT: 28px;padding:0px; }
h5 { margin: 0 0 0 10;FONT-SIZE: 16px;color: #333; LINE-HEIGHT: 28px;padding:0px; }
h6 { margin: 0 0 10 0;FONT-SIZE: 18px;color: #333; LINE-HEIGHT: 21px;}
.title1 { font-size: 110%;FONT-WEIGHT: bold; }
.title2 { font-size: 135%;FONT-WEIGHT: bold; }
.title3 { font-size: 80%;FONT-WEIGHT: normal; }
.title4 { font-size: 80%;FONT-WEIGHT: normal; }
.title5 { font-size: 70%; }
.title6 { font-size: 70%;FONT-WEIGHT: normal; }
.title7 { FONT-SIZE: 14px;color: #cc0000;FONT-WEIGHT: normal;LINE-HEIGHT: 16px; }
.title8 { font-size: 40%;FONT-WEIGHT: normal; }
.title9 { color: #cc0000;font-size: 140%; }
.title101 { font-size: 120%;FONT-WEIGHT: bold; }
.title102 { font-size: 160%; }
.title10 { font-size: 80%;LINE-HEIGHT: 30px; }
.title_top01 { font-size: 90%;LINE-HEIGHT: 28px; }
.title103 { font-size: 80%; }

.h4_s01 { margin: 0 0 0 0;FONT-SIZE: 18px;color: #333; LINE-HEIGHT: 20px;padding:0px; }
TD.TX_14_T01 { FONT-SIZE: 16px;color: #0066cc; LINE-HEIGHT: 18px;FONT-WEIGHT: bold;padding:0 0 7 0; }
TD.TX_14_T02 { FONT-SIZE: 16px;color: #ff8000; LINE-HEIGHT: 18px;FONT-WEIGHT: bold;padding:0 0 7 0; }
TD.TX_14_T03 { FONT-SIZE: 16px;color: #cc0000; LINE-HEIGHT: 18px;FONT-WEIGHT: bold;padding:0 0 7 0; }
TD.T04 { FONT-SIZE: 21px;color: #699a38; LINE-HEIGHT: 24px;FONT-WEIGHT: bold; }
TD.T05 { FONT-SIZE: 13px;color: #699a38; LINE-HEIGHT: 14px;FONT-WEIGHT: normal; }

p.TX_14_T001 {FONT-SIZE: 16px;LINE-HEIGHT: 18px;COLOR: #ffffff;padding:5px 12px 4px 12px;background-color:#333;width: 120px;height:38px;text-align : center;margin-top:0px;margin-right:5px;border-radius: 12px 12px 12px 12px;cursor:pointer;text-decoration:none;}

p.TX_14_T002 {FONT-SIZE: 16px;LINE-HEIGHT: 18px;COLOR: #ffffff;padding:5px 12px 4px 12px;background-color:#333;width: 145px;height:20px;text-align : center;margin-top:0px;margin-right:5px;border-radius: 12px 12px 12px 12px;cursor:pointer;text-decoration:none;}

p.TX_14_T003 {FONT-SIZE: 16px;LINE-HEIGHT: 18px;COLOR: #ffffff;padding:5px 12px 4px 12px;background-color:#ff8000;width: 130px;height:20px;text-align : center;margin-top:0px;margin-right:5px;border-radius: 12px 12px 12px 12px;cursor:pointer;text-decoration:none;}

p.TX_14_T004 {FONT-SIZE: 16px;LINE-HEIGHT: 18px;COLOR: #ffffff;padding:5px 12px 4px 12px;background-color:#ff8000;width: 100px;height:20px;text-align : center;margin-top:0px;margin-right:5px;border-radius: 12px 12px 12px 12px;cursor:pointer;text-decoration:none;}

p.TX_14_T005 {FONT-SIZE: 16px;LINE-HEIGHT: 18px;COLOR: #ffffff;padding:5px 12px 4px 12px;background-color:#cc0000;;width: 80px;height:20px;text-align : center;margin-top:0px;margin-right:5px;border-radius: 12px 12px 12px 12px;cursor:pointer;text-decoration:none;}

.block {
    position: relative;
    padding: 20px;
    color: #fff;
    background: #f9f9f9;
    overflow: hidden;
}
 
.block:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 16px 16px 0 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: #998366;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
#backToTop{
    position: fixed;
    bottom: 10px;
    right: 20px;
    width: 50px;
    height: 50px;
}


p.waku_01 {FONT-SIZE: 14px;COLOR: #ffffff;padding:0px 12px 4px 12px;background-color:#347bd1;width: 100px;height:20px;text-align : center;margin-top:0px;margin-right:5px;border-radius: 12px 12px 12px 12px;cursor:pointer;text-decoration:none;}

/*-------------------------------------*
 * ヘッダロゴ部
 *-------------------------------------*/

#id a { display:block;width: 150px;height: 70px;position:absolute;text-indent:-9999px;top:5px;background:  url(../images/logo.gif) no-repeat;}
#id2  {position:absolute;text-indent:-9999px;}
p.TX11_2 { padding:0 0 5 0;margin: 0px;FONT-SIZE: 11px;FONT-WEIGHT: normal; color: #333; LINE-HEIGHT: 17px; }

/*-------------------------------------*
 * グローバルメニュー
 *-------------------------------------*/

#globalnavi ul { position: relative;left: 0px;top:0px;width: 1000px;height: 55px;margin: 0px;padding: 0px;list-style: none;}
#globalnavi li.menu01 {list-style-type:none;width:200px;height:55px;float:left;text-indent: -9999px;}
#globalnavi li.menu02 {list-style-type:none;width:200px;height:55px;float:left;text-indent: -9999px;}
#globalnavi li.menu03 {list-style-type:none;width:200px;height:55px;float:left;text-indent: -9999px;}
#globalnavi li.menu04 {list-style-type:none;width:200px;height:55px;float:left;text-indent: -9999px;}
#globalnavi li.menu05 {list-style-type:none;width:200px;height:55px;float:left;text-indent: -9999px;}

#globalnavi a{display:block;height:100%;text-indent:-9999px;}
#globalnavi a:focus{overflow: hidden;}

#globalnavi li.menu01{background:url(../images/m01b.png);}
#globalnavi li.menu01 a{background:url(../images/m01.png);}
#globalnavi li.menu02{background:url(../images/m02b.png);}
#globalnavi li.menu02 a{background:url(../images/m02.png);}
#globalnavi li.menu03{background:url(../images/m03b.png);}
#globalnavi li.menu03 a{background:url(../images/m03.png);}
#globalnavi li.menu04{background:url(../images/m04b.png);}
#globalnavi li.menu04 a{background:url(../images/m04.png);}
#globalnavi li.menu05{background:url(../images/m05b.png);}
#globalnavi li.menu05 a{background:url(../images/m05.png);}
#globalnavi li a:hover{background:none !important;}

li {list-style-type: none;}

TD.g_manu {background-image: url(../images/h_back01.gif);height: 40px;}
TD.g_manu a { position: relative;display: inline-block;transition: .3s;}
TD.g_manu a::after { position: absolute;bottom: 0px;left: 50%;content: '';width: 0;height: 5px;background-color: #5a83d8;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
TD.g_manu a:hover::after {width: 100%;}

.main01 {background:  url(../images/back2.gif);}
.main02 {background:  url(../images/back.gif);}
.main03 {background:  url(../images/back3.gif);}
.main04 {background:  url(../images/back4.gif);}

/*-------------------------------------*
 * 筆耕サービス
 *-------------------------------------*/

.title01 {background:  url(../images/kaku/title01.jpg);height: 260px;}
.title02 {background:  url(../images/kaku/title02.jpg);height: 260px;}
.title03 {background:  url(../images/kaku/title03.jpg);height: 260px;}
.title04 {background:  url(../images/kaku/title04.jpg);height: 260px;}
.title05 {background:  url(../images/kaku/title05.jpg);height: 260px;}
.title06 {background:  url(../images/kaku/title06.jpg);height: 260px;}
.title07 {background:  url(../images/kaku/title07.jpg);height: 260px;}
.title08 {background:  url(../images/kaku/title08.jpg);height: 260px;}
.title09 {background:  url(../images/kaku/title09.jpg);height: 260px;}
.title10 {background:  url(../images/kaku/title10.jpg);height: 260px;}
.title11 {background:  url(../images/kaku/title11.jpg);height: 260px;}
.title12 {background:  url(../images/kaku/title12.jpg);height: 260px;}
.title13 {background:  url(../images/kaku/title13.jpg);height: 260px;}
.title14 {background:  url(../images/kaku/title14.jpg);height: 260px;}
.title15 {background:  url(../images/kaku/title15.jpg);height: 260px;}
.title16 {background:  url(../images/kaku/title16.jpg);height: 260px;}
.title17 {background:  url(../images/kaku/title17.jpg);height: 260px;}
.title18 {background:  url(../images/kaku/title18.jpg);height: 260px;}
.title19 {background:  url(../images/kaku/title19.jpg);height: 260px;}
.title20 {background:  url(../images/kaku/title20.png);height: 260px;}

/*-------------------------------------*
 * 事業部案内
 *-------------------------------------*/

.title21 {background:  url(../images/corp/title01.jpg);height: 260px;}
.title22 {background:  url(../images/corp/title02.jpg);height: 260px;}
.title23 {background:  url(../images/corp/title03.jpg);height: 260px;}
.title24 {background:  url(../images/corp/title04.jpg);height: 260px;}
.title25 {background:  url(../images/corp/title05.jpg);height: 260px;}


TD.corp_15_1 A:link {padding:15 15 10 0;COLOR: #3366cc; text-align: left;text-decoration:underline;}
TD.corp_15_1  A:visited {padding:15 15 10 0;color: #3366cc;text-align: left;text-decoration:underline;}
TD.corp_15_1 A:hover {padding:15 15 10 0;color: #3399cc;text-align: left;text-decoration:none;font-weight:none;}
TD.corp_15_1  A:active {padding:15 15 10 0;COLOR: #3366cc; text-align: left;text-align: lefttext-decoration:none;underline;font-weight:none;}
TD.corp_15_1 {padding:15 15 10 10;}

.step01 {background-image: url(../images/corp/step_a.gif);width: 600px;}
.step02 {background-image: url(../images/corp/step_b.gif);height: 10px;width: 20px;}
.step03 {background-image: url(../images/corp/step_c.gif);height: 25px;width: 600px;}

/*サイトマップ*/
.arr_s01{background-image: url(../images/sitemap/arror01.gif);height: 14px;width: 12px;}
TD.spic A:link {COLOR: #666666; text-decoration:none;}
TD.spic A:visited {color: #666666;text-decoration:none;}
TD.spic A:HOVER {color: #0066cc;text-decoration:underline;font-weight:none;}
TD.spic A:active {COLOR: #666666; text-decoration:none;underline;font-weight:none;}

/*-------------------------------------*
 * web制作
 *-------------------------------------*/

.title31 {background:  url(../images/web/title01.jpg);height: 260px;}
.title32 {background:  url(../images/web/title02.jpg);height: 260px;}
.title33 {background:  url(../images/web/title03.jpg);height: 260px;}

/*-------------------------------------*
 * パンクズリスト
 *-------------------------------------*/

ol.topicPath { top:0px;margin: 0;padding: 0;list-style-type: none;font-size: 100%;}
ol.topicPath li { display: inline;}
ol.topicPath li a { margin-right: 6px;}

TD.TX_smini_Link03 { FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 12px;text-align : left;}
TD.TX_smini_Link03 A:link { COLOR: #0066cc; text-decoration:underline;text-align : left;}
TD.TX_smini_Link03  A:visited { color: #0066cc;text-decoration:underline;text-align : left;}
TD.TX_smini_Link03  A:hover { color: #0066cc;text-decoration:none;font-weight:none;text-align : left;}
TD.TX_smini_Link03  A:active { COLOR: #0066cc; text-decoration:none;underline;font-weight:none;text-align : left;}

/*-------------------------------------*
 * コピーライト（フッタ部）
 *-------------------------------------*/

address { font-size: 11px;font-style: normal;font-family: Tahoma, Verdana, sans-serif;color:#fff;}

/*-------------------------------------*
 * 左メニュー部
 *-------------------------------------*/

TD.menu A:link {FONT-SIZE: 14px;COLOR: #666666; text-decoration:none;}
TD.menu A:visited {FONT-SIZE: 14px;color: #666666;text-decoration:none;}
TD.menu A:hover {FONT-SIZE: 14px;color: #0057ae;text-decoration:underline;font-weight:none;}
TD.menu A:active {FONT-SIZE: 14px;COLOR: #0057ae; text-decoration:none;underline;font-weight:none;}
TD.menu A {FONT-SIZE: 14px;display:block;}
TD.menu {FONT-SIZE: 14px; COLOR: #333;LINE-HEIGHT: 15px;}

.m_back {background-image: url(../images/m_back.gif);height: 45px;}
.toi_back01 {background-image: url(../images/bana/free_02.gif);width: 200px;}
.toi_back02 {background-image: url(../images/bana/free_03.gif);height: 20px;width: 200px;}
.m_back03 {background-image: url(../images/menu_a.gif);width: 200px;}
.m_back04 {background-image: url(../images/menu_c.gif);height: 5px;width: 200px;}
.arror01 {background-image: url(../images/menu_arror.gif);height: 10px;width: 10px;}
.arror02 {background-image: url(../images/menu_arror2.gif);height: 10px;width: 10px;}

/*-------------------------------------*
 * フッターメニュー
 *-------------------------------------*/

div.footerNav2 ul.nl {margin: 0px 0;padding: 0;list-style-type: none;text-align: left;}
div.footerNav2 ul.nl li {padding: 0 10 0 10;border-left: 1px #fff solid;display: inline;}
div.footerNav2 ul.nl li.first {border-left: none;}

TD.footer A:link {FONT-SIZE: 14px;COLOR: #fff; text-decoration:none;underline; text-align : left;}
TD.footer A:visited {FONT-SIZE: 14px;color: #fff;text-decoration:underline; text-align : left;}
TD.footer A:hover {vcolor: #fff;text-decoration:underline;font-weight:none; text-align : left;}
TD.footer A:active {FONT-SIZE: 14px;COLOR: #fff; text-decoration:none;underline;font-weight:none; text-align : left;}
TD.footer {FONT-SIZE: 14px; COLOR: #fff;LINE-HEIGHT: 15px;}

/*-------------------------------------*
 * テキスト（リンク設定なし）
 *-------------------------------------*/

/* 24ピクセル*/
TD.TX21 {FONT-SIZE: 24px; COLOR: #666666;LINE-HEIGHT: 29px;FONT-WEIGHT: bold;}

/* 18ピクセル*/
TD.TX20 {FONT-SIZE: 20px; COLOR: #cc0000;LINE-HEIGHT: 21px;FONT-WEIGHT: bold;}

/* 18ピクセル*/
TD.TX18 {FONT-SIZE: 18px; COLOR: #333;LINE-HEIGHT: 29px;}
TD.TX18_3 {padding:0 0 0 5;FONT-SIZE: 19px; COLOR: #0072bc;LINE-HEIGHT: 21px;FONT-WEIGHT: bold;}
TD.TX18_4 {FONT-SIZE: 19px; LINE-HEIGHT: 21px;FONT-WEIGHT: bold;}

/* 17ピクセル*/
TD.TX17 {FONT-SIZE: 17px; COLOR: #333;LINE-HEIGHT: 21px;}
TD.TX17_4 {FONT-SIZE: 17px; COLOR: #666666;LINE-HEIGHT: 21px;}
TD.TX17_5 {padding:4 0 0 0;FONT-SIZE: 17px; COLOR: #fff;LINE-HEIGHT: 21px;FONT-WEIGHT: bold;}

/* 16ピクセル*/
TD.TX16 {FONT-SIZE: 16px; COLOR: #333;LINE-HEIGHT: 21px;}
TD.TX16_4 {FONT-SIZE: 16px; COLOR: #666666;LINE-HEIGHT: 21px;}
TD.TX16_5 {padding:4 0 0 0;FONT-SIZE: 16px; COLOR: #fff;LINE-HEIGHT: 21px;FONT-WEIGHT: bold;}

/* 14ピクセル*/
TD.TX14 {FONT-SIZE: 14px; COLOR: #333;LINE-HEIGHT: 19px;}

/* 13ピクセル*/
TD.TX13 {FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 21px;}

/* 12ピクセル*/
TD.TX12 {FONT-SIZE: 12px; COLOR: #333;LINE-HEIGHT: 17px;}

/* 11ピクセル*/
TD.TX11 {FONT-SIZE: 11px; COLOR: #333;LINE-HEIGHT: 13px;}

/* 10ピクセル*/
TD.TX10 {FONT-SIZE: 10px; COLOR: #333; LINE-HEIGHT: 12px;}

/* 9ピクセル*/
TD.TX9 {FONT-SIZE: 9px; COLOR: #333;LINE-HEIGHT: 11px;}

TD.TX13_2 {padding:0 23 0 0;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 17px;}
TD.TX13_3 {padding:0 0 0 0;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 17px;}
TD.TX13_4 {padding:0 36 0 0;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 17px;}
TD.TX13_5 {padding:0 48 0 0;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 17px;}
TD.TX13_6 {padding:0 35 0 0;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 17px;}
TD.TX13_7 {padding:20 10 20 15;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 18px;}
TD.TX13_8 {padding:10 0 10 10;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 18px;}
TD.TX13_9 {padding:10 10 10 20;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 18px;}
TD.TX13_10 {padding:5 5 5 5;FONT-SIZE: 13px; COLOR: #333;LINE-HEIGHT: 18px;
background-color: rgba( 255, 255, 255, 0.55 );
}

TD.TX12_2 {padding:20 20 20 20;FONT-SIZE: 12px; COLOR: #333;LINE-HEIGHT: 15px;}
TD.TX12_3 {padding:10 10 10 30;FONT-SIZE: 12px; COLOR: #333;LINE-HEIGHT: 15px;}
TD.TX12_4 {padding:10 20 10 20;FONT-SIZE: 12px; COLOR: #333;LINE-HEIGHT: 15px;}
TD.TX12_5 {padding:10 15 0 0;FONT-SIZE: 12px; COLOR: #333;LINE-HEIGHT: 15px;}
TD.TX14_2 {padding:0 40 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_3 {padding:0 43 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_4 {padding:0 58 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_5 {padding:0 0 0 25;FONT-SIZE: 15px; COLOR: #333;LINE-HEIGHT: 19px;}
TD.TX14_6 {padding:0 32 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_7 {padding:0 47 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_8 {padding:0 20 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_9 {padding:0 25 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_10 {padding:0 0 0 10;FONT-SIZE: 14px; LINE-HEIGHT: 19px;}
TD.TX14_11 {padding:0 0 0 5;FONT-SIZE: 14px; LINE-HEIGHT: 19px;}
TD.TX14_12 {padding:0 27 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_13 {padding:0 12 0 0;FONT-SIZE: 15px; COLOR: #333;}
TD.TX14_14 {padding:10 10 10 15;FONT-SIZE: 14px; COLOR: #333;LINE-HEIGHT: 18px;}
TD.TX14_15 {padding:20 10 20 25;FONT-SIZE: 14px; COLOR: #333;LINE-HEIGHT: 18px;}
TD.TX16_2 {padding:2 0 0 0;FONT-SIZE: 16px; COLOR: #333;LINE-HEIGHT: 21px;}
p.TX16_2 {FONT-SIZE: 20px; COLOR: #333;LINE-HEIGHT: 30px;FONT-WEIGHT: bold;}
.TX16_3 { font-size: 15px;LINE-HEIGHT: 23px;FONT-WEIGHT: normal; }
p.TX13_10 {FONT-SIZE: 14px; COLOR: #333;LINE-HEIGHT: 19px;}
TD.TX17 {padding:5 0 5 0;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_2 {padding:10 0 10 25;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_3 {padding:10 0 10 52;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_4 {padding:10 0 10 45;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_6 {padding:10 30 10 0;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_7 {padding:10 0 10 60;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_8 {padding:10 0 10 45;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_9 {padding:10 0 10 30;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_10 {padding:10 70 10 0;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_11 {padding:10 40 10 0;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_12 {padding:10 0 10 80;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_13 {padding:10 20 10 0;FONT-SIZE: 17px; COLOR: #333;}
TD.TX17_14 {padding:10 0 10 15;FONT-SIZE: 17px; COLOR: #333;}
TD.TX18_2 {padding:0 0 0 5;FONT-SIZE: 18px; COLOR: #333;LINE-HEIGHT: 24px;}
TD.top_back {
background-color: rgba( 255, 255, 255, 0.55 );
}

/*-------------------------------------*
 * 活用事例
 *-------------------------------------*/

.katu	{
	background: #edf5fa;
	border:2px solid #509ec9; 
	padding: 10 20 10 20;
	margin-bottom:15px;
	/*text-align: center;*/
}
.katu1	{
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
/*-------------------------------------*
 * リンクテキスト
 *-------------------------------------*/

/* 通常リンク（下線あり） */
TD.TX_Link01 A:link { FONT-SIZE: 12px;color: #0057ae; text-decoration:underline;}
TD.TX_Link01 A:visited { FONT-SIZE: 12px;color: #0057ae;text-decoration:underline;}
TD.TX_Link01 A:hover { FONT-SIZE: 12px;color: #3399cc;text-decoration:underline;font-weight:normal;}
TD.TX_Link01 A:active { FONT-SIZE: 12px;color: #0057ae; text-decoration:none;font-weight:normal;}
TD.TX_Link01 { FONT-SIZE: 12px;text-decoration:none;}

/* 通常リンク（下線なし） */
TD.TX_Link02 { COLOR: #505050;}
TD.TX_Link02 A:link { COLOR: #505050; text-decoration:none; }
TD.TX_Link02 A:visited { color: #505050;text-decoration:none; }
TD.TX_Link02 A:hover { color: #3399cc;text-decoration:underline;font-weight:normal; }
TD.TX_Link02 A:active { COLOR: #505050; text-decoration:none;font-weight:normal; }
TD.TX_Link02 { text-decoration:none;}

/* 通常リンク（下線なし） */
TD.TX_Link03 { FONT-SIZE: 12px;COLOR: #505050;}
TD.TX_Link03 A:link { FONT-SIZE: 12px;COLOR: #505050; text-decoration:none; }
TD.TX_Link03 A:visited { FONT-SIZE: 12px;color: #505050;text-decoration:none; }
TD.TX_Link03 A:hover { FONT-SIZE: 12px;color: #505050;text-decoration:underline;font-weight:normal; }
TD.TX_Link03 A:active { FONT-SIZE: 12px;COLOR: #505050; text-decoration:none;font-weight:normal; }
TD.TX_Link03 { FONT-SIZE: 12px;text-decoration:none;}

TD.news A:link {COLOR: #3366cc; text-align: left;text-decoration:underline;}
TD.news  A:visited {color: #3366cc;text-align: left;text-decoration:underline;}
TD.news A:hover {color: #3399cc;text-align: left;text-decoration:none;font-weight:none;}
TD.news  A:active {COLOR: #3366cc; text-align: left;text-align: lefttext-decoration:none;underline;font-weight:none;}

TD.TX_Link04 { FONT-SIZE: 14px; COLOR: #3366cc; LINE-HEIGHT: 17px;}
TD.TX_Link04 A:link { FONT-SIZE: 14px;COLOR: #3366cc; text-decoration:underline;LINE-HEIGHT: 17px;}
TD.TX_Link04  A:visited { FONT-SIZE: 14px;color: #3366cc;text-decoration:underline;LINE-HEIGHT: 17px;}
TD.TX_Link04  A:hover { FONT-SIZE: 14px;color: #3399cc;text-decoration:none;font-weight:none;LINE-HEIGHT: 17px;}
TD.TX_Link04  A:active { FONT-SIZE: 14px;OLOR: #3366cc; text-decoration:none;underline;font-weight:none;LINE-HEIGHT: 17px;}

TD.TX_Link05 A:link {FONT-SIZE: 13px;COLOR: #3366cc; text-align: left;text-decoration:underline;}
TD.TX_Link05  A:visited {FONT-SIZE: 13px;color: #3366cc;text-align: left;text-decoration:underline;}
TD.TX_Link05 A:hover {FONT-SIZE: 13px;color: #3399cc;text-align: left;text-decoration:none;font-weight:none;}
TD.TX_Link05  A:active {FONT-SIZE: 13px;COLOR: #3366cc; text-align: left;text-align: lefttext-decoration:none;underline;font-weight:none;}
TD.TX_Link05 {FONT-SIZE: 13px;}


/*-------------------------------------*
 * 背景画像
 *-------------------------------------*/

/* ライン（点線） */
.BK_tensen01 { background-image: url(../images/tensen.gif);height: 1px;}
.BK_tensen02 { background-image: url(../images/tensen2.gif);height: 1px;}

.arr01 {
	background-image: url(../images/arr.gif);
	height: 10px;width: 15px;
}
.arr02 {
	background-image: url(../images/arr2.gif);
	height: 20px;width: 18px;
}
/*-------------------------------------*
 * トップ
 *-------------------------------------*/

.hoge {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hoge:hover {
cursor: pointer;
cursor: hand;
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.padding_test {
    width: 120px; 
    padding: 5 10 5 10;              /* 余白指定 */
    background-color:  #4472c4;    /* 背景色指定 */
    border-radius: 5px 5px 5px 5px; /* 左上・右上・右下・左下 */
}
.padding_test2 {
    width: 140px; 
    padding: 5 10 5 10;              /* 余白指定 */
    background-color:  #c55a11;    /* 背景色指定 */
    border-radius: 5px 5px 5px 5px; /* 左上・右上・右下・左下 */
}
.fade-img {
  position:relative;
  width: 250px;
}
.fade-img img {
  position: absolute;
}

h2.top03 { margin: 0px;FONT-SIZE: 28px;color: #333; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;LINE-HEIGHT: 36px; padding:0px;font-weight: 700; }

.htop01 {position:relative;display: block;width: 320px;height:180px;border: 2px solid #2770ab;border-radius: 10px;background:#fff;background: url("../images/top/cont01.png") no-repeat;background-position: 85% 15%;background-size: cover;background-color:#fff}
.htop02 {position:relative;display: block;width: 320px;height:180px;border: 2px solid #2770ab;border-radius: 10px;background:#fff;background: url("../images/top/cont02.png") no-repeat;background-position: 85% 15%;background-size: cover;background-color:#fff}
.htop03 {position:relative;display: block;width: 320px;height:180px;border: 2px solid #2770ab;border-radius: 10px;background:#fff;background: url("../images/top/cont03.png") no-repeat;background-position: 85% 15%;background-size: cover;background-color:#fff}
.htop04 {position:relative;display: block;width: 320px;height:180px;border: 2px solid #2770ab;border-radius: 10px;background:#fff;background: url("../images/top/cont04.png") no-repeat;background-position: 85% 15%;background-size: cover;background-color:#fff}
.htop05 {position:relative;display: block;width: 320px;height:180px;border: 2px solid #2770ab;border-radius: 10px;background:#fff;background: url("../images/top/cont05.png") no-repeat;background-position: 85% 15%;background-size: cover;background-color:#fff}
.htop06 {position:relative;display: block;width: 320px;height:180px;border: 2px solid #2770ab;border-radius: 10px;background:#fff;background: url("../images/top/cont06.png") no-repeat;background-position: 85% 15%;background-size: cover;background-color:#fff}

h3.htop_title {font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;FONT-SIZE: 18px;LINE-HEIGHT: 21px; color: #fff;font-weight: 600;text-align : center;padding: 8px 0px 10px 0px;border-radius: 8px 8px 0px 0px;background: #2770ab;}
.htop_title2 {font-size: 80%;}

p.pic01 {font-size: 14px;LINE-HEIGHT: 17px;COLOR: #333;COLOR: #333;FONT-WEIGHT: normal;margin: 20px 140px 0px 25px;text-align : left;}
p.pic02 {font-size: 14px;LINE-HEIGHT: 17px;COLOR: #333;COLOR: #333;FONT-WEIGHT: normal;margin: 20px 140px 32px 25px;text-align : left;}

.syousai_haken {text-align : center;}
.syousai_haken a {FONT-SIZE: 12px;LINE-HEIGHT: 21px;font-weight: 400;COLOR: #174366;padding:5px 35px 7px 35px;border: 1px solid #2770ab;background-color:#fff;width: 300px;height:52px;text-align : center;cursor:pointer;text-decoration:none;}
.syousai_haken a:hover {COLOR: #fff;background-color:#205c8e;border: 1px solid #205c8e;transition: 0.5s;}

/* 11ピクセル*/
TD.TX11_16 {FONT-SIZE: 11px; COLOR: #333;LINE-HEIGHT: 16px;}


/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #0e4687;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #2f71df;
}

a.btn--radius {
   border-radius: 100vh;
}

/*ランディングページ*/
.lp_back {background:  url(../images/lp/lp_back.png);}
.lp_title {background:  url(../images/lp/title.png);height: 310px;}
td.lp01 {FONT-SIZE: 18px; COLOR: #333;LINE-HEIGHT: 21px;FONT-WEIGHT: bold;}
td.lp02 {FONT-SIZE: 21px; COLOR: #333;LINE-HEIGHT: 24px;FONT-WEIGHT: bold;}