@CHARSET "UTF-8";

/* 一括で全ての要素の余白をゼロに指定 */
* { padding: 0; margin: 0; }
img { border:0 none; }
a:link { color: #0066CC; text-decoration: none; decoration:none; }
a:visited { color: #336699; text-decoration: none; }
a:hover { color: #FF3300; text-decoration: underline; }

/* ---------------------------------------- フォントスタイル フォントサイズ */
body { font-size: 14px; text-align: center; padding: 0; margin: 0; }
@media (min-width: 768px) {
	body { font-size: 14px; text-align: center; padding: 0; margin: 0; background-image:url(../user/background.jpg); background-repeat:repeat-x; }
}
/* ---------------------------------------- レイアウトに関する指定 */
#wrapper { text-align: left; margin: 0 auto 0; width: 900px; }
#wrapper_top { text-align: left; margin: 0 auto 0; width: 900px; }
@media (max-width: 768px) {
	#wrapper { width: auto; }
	#wrapper_top { width: auto; }
}

#layouttable img { border:0 none; }
#layouttable { width: auto; }
@media (min-width: 768px) {
	#layouttable { padding:10px; width: 902px; border:1px solid #CCCCCC; margin-top:25px; margin-bottom:25px; }
}

/* ---------------------------------------- ヘッダー */
#header {  }
#header h1{ font-size: 12px; color:#FFFFFF; height: 24px; line-height: 22px; border-bottom: 2px solid #CCCCCC; font-weight: bold; background: #003366 none repeat scroll 0 0; }
#header .header-warning { padding: 5px; }

@media (max-width: 768px) {
	#header h1 { font-size: 9px; }
	#header .header-warning { font-size: 10px; }
	#header .col-sm-12,#header .col-sm-12 { padding: 0; }
}

#header .globalnavi{ margin:8px 0 0 0 ; }
.globalnavi01 { background-image:url(../user/sozai02.gif); background-repeat: no-repeat; height: 50px;width: 150px; }
.globalnavi02 { background-image:url(../user/sozai02.gif); background-repeat: no-repeat; height: 50px;width: 150px; }
.globalnavi03 { background-image:url(../user/sozai02.gif); background-repeat: no-repeat; height: 50px;width: 150px; }
.globalnavi04 { background-image:url(../user/sozai02.gif); background-repeat: no-repeat; height: 50px;width: 150px; }
.globalnavi05 { background-image:url(../user/sozai02.gif); background-repeat: no-repeat; height: 50px;width: 150px; }
.globalnavi06 { background-image:url(../user/sozai02.gif); background-repeat: no-repeat; height: 50px;width: 150px; }
.globalnavi01 a, .globalnavi02 a, .globalnavi03 a, .globalnavi04 a, .globalnavi05 a, .globalnavi06 a{
font-size: 15px; display:block; width:100%; text-decoration:none; color:#FFFFFF; font-weight:bold; text-align: center; 
}
.globalnavi01 a:hover { background-image:url(../user/sozai01.gif); background-repeat: no-repeat; color:#FFFFFF; }
.globalnavi02 a:hover { background-image:url(../user/sozai01.gif); background-repeat: no-repeat; color:#FFFFFF; }
.globalnavi03 a:hover { background-image:url(../user/sozai01.gif); background-repeat: no-repeat; color:#FFFFFF; }
.globalnavi04 a:hover { background-image:url(../user/sozai01.gif); background-repeat: no-repeat; color:#FFFFFF; }
.globalnavi05 a:hover { background-image:url(../user/sozai01.gif); background-repeat: no-repeat; color:#FFFFFF; }
.globalnavi06 a:hover { background-image:url(../user/sozai01.gif); background-repeat: no-repeat; color:#FFFFFF; }

/* スマホ用ナビ */
.navbar { margin-bottom: 0; }
.navbar-nav { margin: 7.5px -15px 10px; font-size:1.2em; }
.navbar-default { background-color: #003366; color: #FFFFFF; border: none ; }
.navbar-collapse li{ font-size: 15px; font-weight: bold; text-align: center; }
.navbar-default .navbar-nav > li > a{ color: #FFFFFF; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{ color: #FFFFFF; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ background-color: #336699; color: #FFFFFF; }
.navbar-toggle { background-color: #003366; border: 1px solid #336699; }
.navbar-default .navbar-toggle { border-color: #FFFFFF; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #336699; }
@media (min-width: 768px) {
	.navbar { display: none; }
	.navbar-nav { margin: 0 ; }
	.navbar-collapse{ width: 900px; margin: 0 auto; padding: 0; }
	.navbar-collapse li{ width: 145px; float: left; border-left: 1px dotted #003366; }
	.navbar-collapse li:last-child{ border-right: 1px #336699; }
}
/* ---------------------------------------- フッター */
#footer_link { padding: 10px 0 10px; color:#333333; font-size:12px; text-align:left; border-top:2px solid #EEE; }
#footer_link p { text-align: left; width: 880px; margin: 0 auto; }
#footer_link img { padding:0px 3px 0px 8px; vertical-align: top; }
#footer_link a:link { color: #333333; text-decoration: none; decoration:none; }
#footer_link a:visited { color: #333333; text-decoration: none; }
#footer_link a:hover { color: #FF3300; text-decoration: underline; }
#footer_link p a::before {  background: rgba(0, 0, 0, 0) url("../user/yajirusi.gif") no-repeat scroll center center; content: " "; height: 12px; padding: 0 14px 0 0; width: 12px; }
@media (max-width: 768px) {
	#footer_link p { width: auto; }
	#footer_link p a { display: block; font-size: 1.2em; padding: 5px; }
}

#footer { padding: 10px 0 15px; background-image:url(../user/footer_bg.jpg); background-repeat:repeat-x; color:#333333; font-size:12px; text-align:center; line-height: 140%; }
@media (max-width: 768px) {
	#address { display: none; }
}

/* ---------------------------------------- ページのTOPに戻る */
.pagetop { text-align: right; }
/* ---------------------------------------- 見出し */
h1 { padding: 0; margin: 0; }

#layouttable h2 {
font-size: 16px; 
border: solid 1px #AAAAAA;
border-radius: 2px;
color: #000000;
padding: 10px 0;
margin:10px 0;
background: -moz-linear-gradient(top, #ffffff 0%,#f1f2f4 60%,#f1f2f4 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff ),color-stop(0.8, #f1f2f4 ),to(#f1f2f4 ));
background: -ms-linear-gradient(top, #ffffff 0%, #f1f2f4 60%,#f1f2f4 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff ', endColorstr='#f1f2f4 ', GradientType=0)";
}
#layouttable h2::before {
border-left: 5px solid #0000FF;
content: " ";
vertical-align: middle;
font-size: 1.8em;
margin: 0 5px;
}

#layouttable h3 { 
font-size: 14px; 
border: solid 1px #AAAAAA;
border-radius: 5px;
padding: 5px 0;
margin: 10px 0; 
color: #333333;
box-shadow: 2px 2px #999999;
background: -moz-linear-gradient(top, #efefef 0%,#e2e2e2 60%,#efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#efefef ),color-stop(0.6, #e2e2e2 ),to(#efefef ));
background: -ms-linear-gradient(top, #efefef 0%, #e2e2e2 60%,#efefef 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef ', endColorstr='#e2e2e2 ', GradientType=0)";
}
#layouttable h3::before {
border-left: 5px solid #374667;
content: " ";
vertical-align: middle;
font-size: 1.1em;
margin: 0 5px;
}

#layouttable h4 { border-top: 2px dashed #CCC; border-bottom: 2px dashed #CCC; font-size: 14px; background-color: #EEE; margin: 10px 0; padding: 6px 0px 6px 5px; }
#layouttable h5 { background-color:#dcdcdc; color:#000066; border-bottom:2px solid #000099; padding:5px 0 5px 10px; line-height:160%; }


@media (min-width: 768px) {
	#layouttable h2 { height: 67px; line-height: 67px; font-size: 20px; padding: 0 0 0 5px; }
	#layouttable h3 { height: 38px; line-height: 38px; font-size: 16px; padding: 0 0 0 5px; }
	#layouttable h4 { border-top: 2px dashed #CCC; border-bottom: 2px dashed #CCC; font-size: 14px; background-color: #EEE; margin: 10px 0; padding: 6px 0px 6px 5px; }
	#layouttable h5 { background-color:#dcdcdc; color:#000066; border-bottom:2px solid #000099; padding:5px 0 5px 10px; line-height:160%; width:300px; }
}


#main_contents { line-height: 1.4em; }
#main_contents p{ margin-bottom:15px; }
#main_contents ol{ list-style-position:inside; }

div.waku_b { padding:10px; margin:10px 50px 10px 50px; border-color:#669999; border-width:1px; border-style:dashed; }
div.waku_b p { color:#666666; font-size: 18px; padding-left: 15px; font-weight:bold; }
.textgreen { color: #007292; font-weight: bold; }
.text_red { color:#FF0000; } 
.ana { color:#1177a3; }
.jal { color:#cc3468; }
.sfj { color:#000000; }
.forgetnumber { background-color:#F0F0F0; border:1px solid #999999; margin:10px 50px 10px 50px; padding:5px; }

/* TOP */
#contents { border:1px solid #CCCCCC; margin:0.5em auto 0; text-align:left; width:900px; font-size:0.85em; }
#contents h2 { background-color:#EDEDED; border-color:#669999; border-left:20px solid #669999; border-right:1px solid #669999; border-style:solid; border-width:1px 1px 1px 20px; margin:0 0 10px; padding:8px 0 8px 10px; }
#contents h3 { border-bottom:1px solid #999999; border-left:6px solid #FF6600; line-height:200%; margin:10px 0; padding-left:8px; }

#main_top_left { float:left; margin-left:20px; margin-top:10px; margin-bottom:10px;  }
#top_ken_bg { padding: 25px 25px 10px 25px; background: #fefbe9 none repeat scroll 0 0; border-left: 4px solid #2484b4; border-right: 4px solid #2484b4; border-bottom: 4px solid #2484b4; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#top_ken_bg p{ line-height: 1.5em; margin: 20px 0 0;}
@media (max-width: 768px) {
	#top_ken_bg { padding: 10px; border-top: 4px solid #2484b4; border-top-left-radius: 10px; border-top-right-radius: 10px; }
}

#top_ken_bg #searcher { background-color:#F7F0D0; padding: 5px; margin-bottom:10px; }
#top_ken_bg #searcher td{ padding:5px; }

#top_text_bg { background-image:url(../user/top_text_bg.gif); margin-top:15px; padding: 10px; }
#top_text_bg p{ line-height: 1.5em; background-color:#FFFFFF; border:1px solid #CCCCCC; padding: 10px; }
@media (max-width: 768px) {
	#top_ken_bg { padding: 10px; border-top: 4px solid #2484b4; border-top-left-radius: 10px; border-top-right-radius: 10px; }
}

.top-left {}
.top-right {}

@media (min-width: 768px) {
	.top-left { width: 640px; float:left; margin: 0 0 0 10px; }
	.top-right { width: 200px; float:right; margin: 0 10px 0 0; }
}
.top-area { margin: 10px 0; }

.gradient { font-size: 1.4em; font-weight: bold; padding: 0 10px; margin: 10px 0 0; height: 45px; line-height: 45px; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  }
.gradient.top {
border: solid 1px #CCCCCC;
border-radius: 2px;
color: #314263;
background: -moz-linear-gradient(top, #FFFFFF 0%,#FFFFFF 80%,#fcf8f7 80%,#f1f2f4 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF ),color-stop(0.8, #FFFFFF ),color-stop(0.8, #fcf8f7 ),to(#f1f2f4 ));
background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 80%,#fcf8f7 80%, #f1f2f4 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF ', endColorstr='#f1f2f4 ', GradientType=0)";
}

.gradient .bar {
    background-image: url("../user/top_text_bg.gif");
    display: block;
    float: left;
    height: 35px;
    margin: 4px 10px 4px 0;
    width: 10px;
}

/* -- サイドバー -- */
#main_top_right { margin-left:710px; margin-top:10px; margin-bottom:10px; width:180px; }
#contentsR { color:#666666; float:right; font-size:10px; margin-top:10px; margin-right:10px; padding:0; width:180px; }
#contentsR .link { background:url("../user/linkBg.gif") repeat-y scroll center top transparent; line-height:130%; margin:0 auto 15px; padding:0; }
#contentsR .link .linkBox { margin:0 auto; width:170px; }
#contentsR .link .linkBox .bannerImg { margin:10px auto; text-align:center; }
#contentsR hr { width:160px; height: 0px; border: 0px; border-top: 1px dotted #999; margin:0 auto 5px; }

/* #container { padding:10px; width: 880px; border:1px solid #CCCCCC; margin-top:25px; margin-bottom:25px; } */

/* -- 文字 -- */
#contents p { line-height: 1.6em; margin-bottom: 0.5em; }

/* -- 画像 -- */
/* #container img { border:0 none; } */

/* -- パン屑リスト -- */
#contents .topic-path { line-height: 1em; margin-bottom: 2em; font-size:80%; }

/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }

#contents dt { margin-bottom: 0.5em; font-weight: bold; border-bottom: 1px dotted #666666; }
#contents dd { margin-bottom: 2em; }
#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }

/* -- メインコンテンツ -- */
#basicrateBox { background-color:#1960AE; height:80px; margin:0 auto 10px; text-align:center; width:500px; }
.basicrateTitle  { color:#FFFFFF; display:block; font-size:16px; font-weight:bold; margin:0 auto; padding:6px; }
#basicrateBox .inner { background-color:#FFFFFF; height:40px; line-height:40px; margin:0 30px 10px; }
.inner p { color:#CC0000; font-size:28px; font-weight:bold; text-align:center; }
.cancel_tbl { border:1px solid #cfcfcf; border-collapse:collapse; margin-bottom:10px; text-align:center; }
.cancel_tbl th  { background-color:#ccd6f5; border:1px solid #cfcfcf; color:#333333; line-height:1.5em; padding:3px; text-align:center; }
.cancel_tbl td  { border:1px solid #cfcfcf; line-height:1.5em; padding:3px; text-align:left; }
.cancel_tbl2 { border-collapse:collapse; font-size:90%; text-align:left; padding:10px; }
.cancel_tbl2 td  { line-height:1.5em; padding:8px; text-align:left; }
.td_red  { background-color:#FDE2FE; text-align:center; }
.td_yellow  { background-color:#FFFEC8; text-align:center; }
.td_green  { background-color:#DCFCCB; text-align:center; }
.td_blue  { background-color:#E0F1FE; text-align:center; }
.fntcolrRed { color:#990000; }