@charset "utf-8";

/*

    全ページ共有のベースとなるスタイル

*/

/* ----------------------------------------------------------
	リセット / 新要素設定
------------------------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, form, fieldset, legend, table, th, td, caption, a, article, aside, nav, section, figure, figcaption, footer, header, main, audio, canvas, video, menu, details {
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
}
fieldset, legend, img { border: 0; }
article, aside, nav, section, figure, figcaption, footer, header, main, menu, details { display: block; }
video, audio, canvas {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ----------------------------------------------------------
	ベース
------------------------------------------------------------- */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background: #fff;
	color: #222;
	font: 87.5%/1.6 Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	word-wrap: break-word;
}

/* ----------------------------------------------------------
    要素
------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    max-height: 100%;
    font-weight: bold;
    line-height: 1.2;
}
p {
    max-height: 100%;
    margin: 0 0 1em;
}
ul {
    max-height: 100%;
    list-style: none;
}
ol {
    max-height: 100%;
    list-style: none;
}
dt {
    max-height: 100%;
    font-weight: bold;
}
dd { max-height: 100%; }
hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
pre {
    font-family: monospace, serif;
    white-space: pre-wrap;
    word-wrap: break-word;
}

figure { margin: 0 0 1em; }

a { color: #209dd9; }
a:link, a.visited { text-decoration: underline; }
a:hover, a.active { text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
img { vertical-align: middle; }

address, cite, em, dfn, i, var { font-style: normal; }
em { font-weight: bold; }
strong, b { font-weight: bold; }
code, samp, kbd { font-family: monospace, sans-serif; }
abbr {
    border: 0;
    font-variant: normal;
}
abbr[title], dfn[title] {
    cursor: help;
    border-bottom: 1px dotted;
}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
mark {
    background-color: #ff0;
    color: #333;
    font-style: italic;
    font-weight: bold;
}
br { *letter-spacing: 0; }
ins { text-decoration: none; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    font-weight: normal;
    text-align: left;
}
th { font-weight: bold; }
caption {
    font-weight: normal;
    text-align: left;
}

/* ----------------------------------------------------------
	汎用
------------------------------------------------------------- */
/* Clearfix */
.clear { clear: both; }
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ホバーエフェクト */
.hover {
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.hover:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
}

/* マージン系 */
.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; }

/* フロート */
.fl { float: left !important; }
.fr { float: right !important; }

/* テキスト系 */
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.tac { text-align: center !important; }
.break-all { word-break: break-all !important; }

/* 表示系 */
.disp-n { display: none !important; }
.disp-i { display: inline !important; }
.disp-ib { display: inline-block !important; }
.disp-b { display: block !important; }
.disp-f { display: flex !important; }

/* フォント系 */
.font-normal { font-weight: normal !important; }
.font-bold { font-weight: bold !important; }
.font-xs { font-size: 10px !important; }
.font-s { font-size: 12px !important; }
.font-m { font-size: 14px !important; }
.font-l { font-size: 16px !important; }
.font-xl { font-size: 18px !important; }

/* カラー系 */
.base-color { color: #209dd9 !important; }
.economy-color { color: #FFC000 !important; }
.lite-color { color: #FFA800 !important; }
.standard-color { color: #FF9000 !important; }
.premium-color { color: #FF6C00 !important; }
.wordpress-color { color: #18B697 !important; }
.red { color: #e74c3c !important; }
.light-blue { color: #209dd9 !important; }
.blue { color: #0869c3 !important; }
.green { color: #18b45f !important; }
.yellow { color: #ffde00 !important; }
.orange { color: #ffb300 !important; }

/* 可変幅(常に100%) */
.fluid {
    display: block;
    width: 100%;
}

/* 可変幅(画像幅以下の場合のみ100%) */
.flex { max-width: 100%; }

.ico_square {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #0869c3;
}

.note{
    text-indent:-1em;
    padding-left: 1em;
}


/* ----------------------------------------------------------
    共通
------------------------------------------------------------- */
.holder {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

.section { padding: 40px 0 70px; }
.section_ttl {
    width: 880px;
    margin: 0 auto 40px;
    text-align: center;
}
.section_body {
    width: 880px;
    margin: 0 auto;
}
.section_body > :last-child { margin-bottom: 0; }

.section_body_wb {
    width: 940px;
    margin: 0 auto;
}
.section_body_wb > :last-child { margin-bottom: 0; }

.block {
    padding: 28px 26px;
    background: #fff;
    border: 1px solid #ddd;
}
.block > :last-child { margin-bottom: 0; }
.block_ttl {
    height: 41px;
    margin: 0 0 16px;
    padding-left: 13px;
    background: #0985d4;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 41px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.block_body { 
    padding: 0 10px;
    margin-bottom: 30px;
    line-height: 1.8;
}
.block_body > :last-child { margin-bottom: 0; }

.box { margin: 0 0 30px; }
.box_ttl {
    margin: 0 0 18px;
    padding: 8px;
    background: #e5f7ff;
    border: 1px solid #a8d9f0;
    border-radius: 2px;
    color: #0077bc;
    font-size: 15px;
    font-weight: bold;
}
.box_body {}
.box_body > :last-child { margin-bottom: 0; }

.unit { margin: 0 0 30px; }
.unit_ttl {
    margin: 0 0 18px;
    padding: 0 0 9px 2px;
    border-bottom: 3px solid #0869c3;
    color: #0869c3;
    font-weight: bold;
}
.unit_body { padding: 0 9px; }
.unit_body > :last-child { margin-bottom: 0; }

.table { width: 100%; }
.table th,
.table td {
    padding: 4px 6px;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.table thead th {
    background: #def0f9;
    color: #209dd9;
}

.table caption {
    padding: 5px 15px;
    background: #209dd9;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.diff thead th {
    padding: 5px 10px;
    background: #666;
    border: none;
    border-right: 1px solid #888;
    color: #fff;
    text-align: center;
}

.diff thead th {
    padding: 5px 10px;
    background: #666;
    border: none;
    border-right: 1px solid #888;
    color: #fff;
    text-align: center;
}

.diff thead th:nth-child(3) {
    background: #ff9800;
}

.diff tbody th {
    background: #dbedf6;
    border-bottom: 1px solid #bcd5e2;
}
.diff tbody tr:nth-child(even) th { background: #cce0ea; }
.diff tbody tr:nth-child(even) td { background: #edf4f7; }

.diff tbody th,.diff tbody td {
    text-align: center;
    line-height: 1.6;
    padding: 10px;
}

.diff tbody td:nth-child(3) {
    background: #fff4e5;
    border-left: none;
    color: #ff9800;
    font-weight: bold;
}

.diff tbody td:nth-child(4) {
    padding: 10px;
    text-align: left;
}

.diff s {
    color: #bbb;
    font-weight: normal;
}

.btn {
    cursor: pointer;
    display: inline-block;
    margin: 0 0 5px;
    padding: 6px 15px;
    border: none;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.btn:hover {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

a.btn { text-decoration: none !important; }

.btn_primary {
    border: 1px solid #209dd9;
    color: #333 !important;
    background: url(../img/icon-circle.png) no-repeat 9px 10px,#fff;
}
.btn_primary:hover { background: url(../img/icon-circle.png) no-repeat 9px 10px,#eaf6fc; }
.btn_primary .ico { color: #209dd9; }

.ul {
    margin: 0 0 1em 1.5em;
    list-style: disc outside;
}

ul.list_arrow-right li:after {
    top: .6em;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #209dd9;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

ul.list li {
    position: relative;
    padding-left: 10px;
}

ul.list li:after {
    content: '';
    position: absolute;
    top: .6em;
    left: 0;
    display: block;
}

.box-gray { 
    padding: 12px;
    margin-bottom: 10px;
    background: #f6f6f6;
}


/* ----------------------------------------------------------
    ヘッダー
------------------------------------------------------------- */
.header { padding: 33px 0 22px; }

/* ----------------------------------------------------------
    導入部
------------------------------------------------------------- */
.intro {
    height: 512px;
    background: url(../img/bg_blue.png) 50% -10px;
    background-attachment: fixed;
}

.intro_logo {
    display: none;
    margin-left: -123px;
    position: absolute;
    top: 30px;
    left: 50%;
}

.intro_ttl {
    display: none;
    margin-left: -436px;
    position: absolute;
    top: 118px;
    left: 50%;
}

.intro_date {
    display: none;
    position: absolute;
    top: 340px;
    left: 774px;
}

.intro_text {
    display: none;
    position: absolute;
    top: 338px;
    left: 74px
}

/* ----------------------------------------------------------
    スターサーバーについて
------------------------------------------------------------- */
.features { margin-bottom: 55px; }
.features li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.features li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.features_txt {
    width: 623px;
    float: left;
    line-height: 1.8;
}
.features_ttl {
    margin-bottom: 15px;
    color: #219dd9;
    font-size: 26px;
}
.features_ttl span {
    display: inline-block;
    padding: 5px 8px;
    margin-right: 15px;
    position: relative;
    top: -5px;
    border: 1px solid #219dd9;
    color: #219dd9;
    font-size: 12px;
}
.features_img {
    display: block;
    float: right;
}
.sub-feature-bg {
    padding: 15px;
    position: relative;
    background: url(../img/about_sub_bg.png) repeat;
}
.sub-feature_baloon {
    width: 350px;
    height: 34px;
    margin: auto;
    position: absolute;
    top: -27px;
    left: 0;
    right: 0;
    background: #b7ae89;
    font-size: 17px;
    line-height: 34px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.sub-feature_baloon::after {
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #b7ae89 transparent transparent transparent;
    content: '';
}

.sub-feature {
    padding: 20px;
    background: #fff;
    border-bottom: 2px solid #e1e0db;
}
.sub-feature_txt {
    width: 644px;
    float: left;
}
.sub-feature_ttl {
    margin-bottom: 15px;
    font-size: 20px;
    color: #b7ae89;
}

/* ----------------------------------------------------------
    スターサーバーのプラン
------------------------------------------------------------- */
.plan { background: #dbf5ff; }

.plan_table-box { margin-bottom: 10px; }

.fixhight-group-1 {
    font-size: 13px;
}

.recommend_ico::before {
    width: 125px;
    height: 25px;
    margin: auto;
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    background: url(../img/img_plan_recommend.png) no-repeat;
    content: '';
}
.lscale_ico::before {
    width: 125px;
    height: 28px;
    margin: auto;
    position: absolute;
    top: -18px;
    right: 0;
    left: 0;
    background: url(../img/img_plan_business.png) no-repeat;
    content: '';
}

.plan_table {
    float: left;
    width: 174px;
    background: #fff;
}
.plan_table_economy {}
.plan_table_lite {}
.plan_table_standard {
    position: relative;
    top: -5px;
    border: 5px solid #ff9000;
}
.plan_table_premium {}
.plan_table_business { float: right; }

.plan_table td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 1.4;
    text-align: center;
}

.plan_table_label {
    display: inline-block;
    margin: 0 0 8px;
    padding: 0 5px;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 21px;
}
.plan_table_economy .plan_table_label { background: #ffa800; }
.plan_table_lite .plan_table_label { background: #ff9000; }
.plan_table_standard .plan_table_label { background: #ff9600; }
.plan_table_premium .plan_table_label { background: #ff6000; }
.plan_table_business .plan_table_label { background: #175caa; }

.plan_table_strong {
    font-size: 16px;
    font-weight: bold;
}
.plan_table_strong b { font-size: 24px; }

.plan_table_ttl {
    position: relative;
    padding: 8px 0 6px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.plan_table_economy .plan_table_ttl { background: #ffc000; }
.plan_table_lite .plan_table_ttl { background: #ffa800; }
.plan_table_standard .plan_table_ttl { background: #ff9000; }
.plan_table_premium .plan_table_ttl { background: #ff6c00; }
.plan_table_business .plan_table_ttl { background: #175caa; }

.plan_table_summery { padding: 0 10px; }
tr:last-child .plan_table_summery { border-bottom: 1px solid #ddd; }
.plan_table_economy .plan_table_summery { background: #fffced; }
.plan_table_lite .plan_table_summery { background: #fffbed; }
.plan_table_standard .plan_table_summery { background: #fff8ed; }
.plan_table_premium .plan_table_summery { background: #fff5ed; }
.plan_table_business .plan_table_summery { background: #ecf4fd; }

.plan_table_summery_inner {
    margin: 0;
    padding: 10px 0;
    border-top: 1px dotted #ccc;
}
tr:first-child .plan_table_summery_inner { border: none; }

.plan_inner-table {
    width: 100%;
    border-top: 2px solid #ddd;
}
.plan_inner-table td {
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: center;
}
.plan_inner-table_label { font-size: 12px; }
.plan_inner-table_strong { font-size: 18px; }

.plan_inner-table_grayout { background: url(../img/bg_diagonal_small.png); }

.plan_ps {
    padding: 5px;
    border: 1px dotted #333;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/* ----------------------------------------------------------
    現在ご利用中サービスに関して
------------------------------------------------------------- */
.guide {
    background: url(../img/bg_diagonal_blue.png);
    border-top: 3px solid #fff;
}
.attention {
    width: 718px;
    margin: 10px auto 50px;
}
.attention_txt {
    margin-bottom: 30px;
    font-size: 26px;
    color: #46aee0;
    line-height: 1.3;
    font-weight: bold;
}
.attention_sub-txt {
    padding: 12px 0;
    background: #eefaff;
    color: #46aee0;
    font-size: 17px;
    text-align: center;
    line-height: 1.8;
    font-weight: bold;
    border: 1px solid #a8d9f0;
}
.attention_list li {
    list-style: none;
    padding: 17px 0 17px 35px;
    background: url(../img/ico_blue_check.png) 8px center no-repeat;
    border-top: 1px dotted #c0c0c0;
}
.attention_list li:last-child {  border-bottom: 1px dotted #c0c0c0; }
.attention_list li .list_txt {
    display: inline-block;
    width: 444px;
    color: #0985d4;
    font-size: 15px;
    font-weight: bold;
}
.attention_list li .list_anchor {
    display: inline-block;
    position: relative;
}
.attention_list li .list_anchor::before {
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    border-color: #46afe0 transparent transparent transparent;
    content: '';
}
.implement {
    padding: 18px;
    margin-bottom: 20px;
    background: #fff;
    color: #209dd9;
    font-weight: bold;
    border: 1px solid #d3ecf7;
}
.implement li {
    margin-bottom: 10px;
    line-height: 1;
}
.implement li:last-child { margin-bottom: 0; }
.integration-table td { font-size: 12px; }

/* ----------------------------------------------------------
    各サービス利用に関するQ&A
------------------------------------------------------------- */
.faq > :last-child { margin-bottom: 0; }
.faq_q {
    padding: 0 0 10px 38px;
    margin-bottom: 8px;
    background: url(../img/ico_q.png) 0 0 no-repeat;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    color: #0077bc;
}
.faq_a {
    margin: 0 0 5px;
    padding: 3px 0 20px 38px;
    background: url(../img/ico_a.png) 0 0 no-repeat;
}

/* ----------------------------------------------------------
    お問い合わせボタン
------------------------------------------------------------- */
.inquiry {
    margin: 0;
    padding: 50px 0;
    background: url(../img/bg_dark_blue.png) 50% 0;
    background-attachment: fixed;
}

a.inquiry_btn {
    display: block;
    width: 670px;
    height: 80px;
    margin: 0 auto;
    background: #fff url(../img/ico_chevron_right.png) 98% 50% no-repeat;
    border-radius: 5px;
    color: #209dd9;
    font-size: 22px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
}

/* ----------------------------------------------------------
    フッター
------------------------------------------------------------- */
#footer {
    clear: both;
    margin-bottom: 30px;
    background: url(../../images/common/footer_bg.png) left bottom repeat-x;
    border-top: 1px solid #b3b3b3;
    text-align: center;
}

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

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

#footer #footer_menu { 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 {
    padding: 0 0 18px 0;
    font-size: 110%;
    font-style: normal;
}

#footer #service_icon_list {
    width: 700px;
    margin: 10px auto;
    text-align: center;
}

#footer #service_icon_list li {
    display: inline-block;
    margin-right: 12px;
}
#footer #service_icon_list li:last-child { margin-right: 0px; }