@charset "euc-jp";

/* --------------------------------------------------------------------
    Copyright 2009 Netowl corporation
    netowl base.css
/* -------------------------------------------------------------------- */

/*共通スタイル */

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body {
    color: #333;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 75%;
    line-height: 1.4;
    text-align: center;
}


/* --------------------------------------------------------------------
    汎用クラス
/* -------------------------------------------------------------------- */
.no_border { border: none !important; }
.no_margin { margin: 0 !important; }
.no_padding { padding: 0 !important; }

.indent_ajust {
    padding-left: 1em;
    text-indent: -1em !important;
}

.disp-n { display: none !important; }
.disp-i { display: inline !important; }
.disp-ib { display: inline-block !important; }
.disp-b { display: block !important; }

.right { float: right; }
.left { float: left; }

.clear_all { clear: both; }
.clear_l { clear: left; }
.clear_r { clear: right; }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-through { text-decoration: line-through; }

/*文字カラークラス*/
.red { color: red; }
.orange { color: orange; }

/*背景カラークラス*/
.green_bg { background-color: #cde2e5; }

/* マージン系 */
.m0 { margin: 0 !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }

/* パディング系 */
.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

/* 幅指定(%) */
.w5per { width: 5% !important; }
.w10per { width: 10% !important; }
.w15per { width: 15% !important; }
.w20per { width: 20% !important; }
.w25per { width: 25% !important; }
.w30per { width: 30% !important; }
.w35per { width: 35% !important; }
.w40per { width: 40% !important; }
.w45per { width: 45% !important; }
.w50per { width: 50% !important; }
.w55per { width: 55% !important; }
.w60per { width: 60% !important; }
.w65per { width: 65% !important; }
.w70per { width: 70% !important; }
.w75per { width: 75% !important; }
.w80per { width: 80% !important; }
.w85per { width: 85% !important; }
.w90per { width: 90% !important; }
.w95per { width: 95% !important; }
.w100per { width: 100% !important; }

/* フォント */
.font-s { font-size: 10px; }
.font-bold { font-weight: bold; }


/* --------------------------------------------------------------------
    共通部レイアウト
/* -------------------------------------------------------------------- */

#contents_wrapper,
#bottom_background { padding: 10px 0 0; }

#header_menu_wrapper {
    position: relative;
    height: 27px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ccc;
}


/*上部サービス間ナビゲーションに関するスタイル*/

#user_service_navi {
    z-index: 5;
    position: absolute; 
    top: 0;
    right: 0;
    text-align: right;
}

#user_service_navi li {
    float: left;
    display: block;
    height: 21px;
    margin: 3px 0;
    padding: 0 5px;
    border-right: 1px solid #ccc;
    line-height: 21px;
}

#user_service_navi li a { text-decoration: none !important; }

#user_service_navi_inner { float: right; }

#user_service_navi li.list_end { border-right: none; }

#user_service_navi strong { color: #333; }

#user_service_navi #sitelink_pulldown { text-align: right; }

#user_service_navi li a.menu {
    display: block;
    margin-bottom: 2px;
}

#user_service_navi .submenu {
    visibility: hidden;
    margin-right: -12px;
    padding-top: 3px;
    line-height: 12px;
    text-align: center;
}

#user_service_navi .submenu a {
    display: block;
    margin-bottom: 1px;
    padding: 6px;
    background: #444;
    color: #fff;
    text-align: left;
    text-decoration: none;
}

#user_service_navi .submenu a:hover {
    background: #999;
    color: #FFF;
}


/*以下主要ヘッダ部分に関するスタイル*/

#header {
    position: relative;
    width: 720px;
    height: 60px;
    margin: 0 auto;
    padding-bottom: 8px;
    border-bottom: 5px solid #b3b3b3;
}

#netowl_index #header {
    margin-bottom: 8px;
    padding-bottom: 0;
    border-bottom: none;
}

#header h1 {
    margin: 5px 0 8px 0;
    color: #999;
    font-size: 12px;
    text-align: left;
}

#header_logo { float: left; }

#header h2 {
    float: left;
    margin: 4px 0 0 22px;
    font-size: 18px;
    font-weight: bold;
}

#header #header_menu {
    position: absolute;
    top: 42px;
    right: 0;
}

#header #header_menu li {
    float: left;
    padding: 5px 0 5px 24px;
}

#header #header_menu li#menu_login {
    margin-right: 15px;
    background: url(../images/common/login_marker.png) left center no-repeat;
}

#header #header_menu li#menu_help { background: url(../images/common/help_marker.png) left center no-repeat; }

#index_page #contents { clear: both; }

#contents #header_menu {
    width: 490px;
    height: 1%;
    overflow: auto;
    margin: 0 auto;
    padding: 2px 5px; 
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    text-align: right;
}

#contents #header_menu li {
    float: right;
    padding: 5px 0 5px 24px;
}

#contents #header_menu li#menu_help { background: url(../images/common/help_marker.png) left center no-repeat; }




/*以下コンテンツ部分に関するスタイル*/

#contents {
    clear: both;
    width: 720px;
    height: 1%;
    overflow: auto;
    margin: 0 auto;
    background: url(../images/contents/side_navi_bg.png) left top repeat-y;
    text-align: left;
}

#index_page #contents { background: none; }


#main .button_container {
    margin-bottom: 30px;
    text-align: center;
}

#main .button_container input { padding: 2px 3px; }

/*以下グローバルナビゲーション部分に関するスタイル*/


#global_menu { text-align: left; }


*+html #global_menu ul {　/*IEのみに適用*/
    margin: 0;
    padding: 0;
}



/*以下フッタに関するスタイル*/

#footer {
    clear: both;
    margin-bottom: 30px;
    background: url(../images/common/footer_bg.png) left bottom repeat-x;
    border-top: 1px solid #b3b3b3;
}

#footer .inner {
    width: 700px;
    margin: 0 auto;
}

#index_page #footer .inner { width: 500px;!important }

#footer .footer_menu { margin: 6px auto 0; }
#footer .footer_menu.first { margin: 15px auto 0; }
#footer .footer_menu_under { margin: 6px auto 15px; }

*+html #footer .footer_menu {
    width: 700px;
    margin: 15px 12px 15px 0;
}

*+html #index_page #footer .footer_menu { width: 500px; }

#footer .footer_menu li, #footer .footer_menu_under li {
    display: inline;
    padding: 3px 6px 3px 21px;
    background: url(../images/common/footer_navi_marker.png) 5px center no-repeat;
    border-right: 1px solid #ccc;
    font-size: 12px;
    line-height: 1.4;
}

#footer .footer_menu li.list_end, #footer .footer_menu_under li.list_end {
	border-right : none ;
}

#footer #copyright {
	font-size : 110% ;
	font-style : normal ;
	padding : 0 0 18px 0 ;
}

#footer #footer_ssl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px;
}

#footer #footer_ssl p {
    margin-left: 10px;
}

.ex-link {
    padding-right :  15px;
    background : url(../images/common/exlink_icon.gif) right center no-repeat;
}