@charset "utf-8";

/* --------
 Hタグ
---------- */

h2 { font-size: 1.8em; margin-bottom: 15px; }
h2.border {
	font-size: 1.8em;
	/*font-weight: normal;*/
	color: #003366;
	border-left: 7px solid #0066cc;
	padding: 10px 0 10px 12px;
	margin-bottom: 25px;
}

h3 { font-size: 1.8em; margin-bottom: 15px; }
h3.border {
	font-size: 1.8em;
	/*font-weight: normal;*/
	color: #003366;
	border-left: 7px solid #0066cc;
	padding: 10px 0 10px 12px;
	margin-bottom: 25px;
}

h3 { font-size: 1.5em; margin-bottom: 10px; }
h2.navy,
h3.navy {
	width: 680px;
	color: #fff;
	background-color: #003366;
	padding: 15px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px;
 }
h4 { font-size: 1.35em; margin-bottom: 5px; }
h5 { font-size: 1.0em; margin-bottom: 5px; }

p {
    line-height: 20px;
    text-align: left;
}

/* --------
 文字色
---------- */
.red { color: #e60530; }
.white { color: #fff; }
.blue { color: #004da5; }
.navy { color: #003366; }

/* --------
 文字の大きさ
---------- */
.f095 { font-size: 0.95em !important; }
.f1 { font-size: 1.0em !important; }
.f125 { font-size: 1.25em !important; }
.f15 { font-size: 1.5em !important; }
.f2 { font-size: 2.0em !important; }
.f25 { font-size: 2.5em !important; }
.f3 { font-size: 3.0em !important; }

/* --------
 文字スタイル
---------- */
.f_bold { font-weight: bold !important; }
.f_normal { font-weight: normal !important; }

.t-left { text-align: left !important; }
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }


/* ------------------------------------ 
          【共通】ボーダー               
-------------------------------------- */
.line {
padding: 0;
vertical-align: top;
border-bottom: 1px solid #aeaeae;
}

.b-doddted_border { border-bottom: 1px dotted #aeaeae; }

.l-border { border-left: 1px solid #aeaeae; }

/* ------------------------------------ 
       　幅                
-------------------------------------- */
/* width border: 1px solid #ff0000; */
.width50per { width: 50%; }
.width49per { width: 49%; }

.width200 { width: 200px; }
.width215 { width: 215px; }
.width230 { width: 230px; }
.width245 { width: 245px; }
.width250 { width: 250px; }
.width260 { width: 260px; }
.width270 { width: 270px; }
.width280 { width: 280px; }
.width285 { width: 285px; }
.width290 { width: 290px; }
.width300 { width: 300px; }
.width320 { width: 320px; }
.width350 { width: 350px; }
.width390 { width: 390px; }
.width400 { width: 400px; }
.width420 { width: 420px; }
.width430 { width: 430px; }
.width440 { width: 440px; }
.width445 { width: 445px; }
.width460 { width: 460px; }
.width475 { width: 475px; }
.width480 { width: 480px; }
.width490 { width: 490px; }
.width495 { width: 495px; }
.width500 { width: 500px; }

/* ------------------------------------ 
       　余白調整                
-------------------------------------- */
/* margin */
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}

.m_auto {margin: 0 auto; }

/* margin-top */
.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;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}

/* margin-left */
.ml3 {margin-left: 3px !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;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}
.ml100 {margin-left: 100px !important;}
.ml200 {margin-left: 200px !important;}
.ml250 {margin-left: 250px !important;}

/* margin-right */
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr45 {margin-right: 45px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}

/* margin-bottom */
.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;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}

/* margin-top and bottom */
.mtb5 {margin: 5px 0 !important;}
.mtb10 {margin: 10px 0 !important;}
.mtb15 {margin: 15px 0 !important;}
.mtb20 {margin: 20px 0 !important;}
.mtb25 {margin: 25px 0 !important;}
.mtb30 {margin: 30px 0 !important;}

/* margin left and right */
.mtb5_mlr_c {margin: 5px auto !important;}
.mtb10_mlr_c {margin: 10px auto !important;}
.mtb15_mlr_c {margin: 15px auto !important;}
.mtb20_mlr_c {margin: 20px auto !important;}
.mtb30_mlr_c {margin: 30px auto !important;}

/* padding */
.pd0 {padding: 0 !important;}
.pd3 {padding: 3px !important;}
.pd5 {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd15 {padding: 15px !important;}
.pd20 {padding: 20px !important;}

/* padding-left */
.pdl5 {padding-left: 5px !important;}
.pdl10 {padding-left: 10px !important;}
.pdl15 {padding-left: 15px !important;}
.pdl20 {padding-left: 20px !important;}
.pdl25 {padding-left: 25px !important;}
.pdl30 {padding-left: 30px !important;}
.pdl35 {padding-left: 35px !important;}
.pdl40 {padding-left: 40px !important;}

/* padding-top */
.pdt5 {padding-top: 5px !important;}
.pdt10 {padding-top: 10px !important;}
.pdt15 {padding-top: 15px !important;}
.pdt20 {padding-top: 20px !important;}
.pdt25 {padding-top: 25px !important;}

/* padding-bottom */
.pdb10 {padding-bottom: 10px !important;}
.pdb15 {padding-bottom: 15px !important;}
.pdb20 {padding-bottom: 20px !important;}
.pdb25 {padding-bottom: 25px !important;}

/* padding-left,right */
.pdlr5 {padding: 0 5px !important;}
.pdlr10 {padding: 0 10px !important;}
.pdlr15 {padding: 0 15px !important;}
.pdlr20 {padding: 0 20px !important;}
.pdlr25 {padding: 0 25px !important;}
.pdlr30 {padding: 0 30px !important;}

/* padding-top,bottom */
.pdtb5 {padding: 5px 0 !important;}
.pdtb10 {padding: 10px 0 !important;}
.pdtb15 {padding: 15px 0 !important;}
.pdtb20 {padding: 20px 0 !important;}
.pdtb25 {padding: 25px 0 !important;}
.pdtb30 {padding: 30px 0 !important;}


.beige_box {
	width: 670px;
	margin: 0;
	padding: 20px;
  line-height: 1.5em;
	overflow: hidden;
	background-color: #f8f8f8;
	border: 1px solid #aeaeae;
}

.radius_box03 {
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px;
}

.radius_box05 {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px;
}


h3.no01,
p.no01 {
    background: url("../../img/common/no/01.png") no-repeat;
    padding: 2px 0 5px 25px;
		font-size: 1.25em;
		font-weight: bold;
}
h3.no02,
p.no02 {
    background: url("../../img/common/no/02.png") no-repeat;
    padding: 2px 0 5px 25px;
		font-size: 1.25em;
		font-weight: bold;
}
h3.no03,
p.no03 {
    background: url("../../img/common/no/03.png") no-repeat;
    padding: 2px 0 5px 25px;
		font-size: 1.25em;
		font-weight: bold;
}
h3.no04,
p.no04 {
    background: url("../../img/common/no/04.png") no-repeat;
    padding: 2px 0 5px 25px;
		font-size: 1.25em;
		font-weight: bold;
}
h3.no05,
p.no05 {
    background: url("../../img/common/no/05.png") no-repeat;
    padding: 2px 0 5px 25px;
		font-size: 1.25em;
		font-weight: bold;
}

/* --------
 リスト
---------- */
ul.goods {
	padding: 0;
}
ul.goods li {
	float: left;
	margin-right: 10px;
	padding: 0;
}
ul.goods img {
	margin-bottom: -10px;
}
ul.goods li:last-child {
	margin-right: 0;
	padding: 0;
}

ul.cardlist {
	padding: 0;
}
ul.cardlist li {
	display: inline-block;
  margin-right: 5px;
	vertical-align: middle;
}
ul.cardlist img {
	margin-bottom: 10px;
}
ul.cardlist li:last-child {
	margin-right: 0;
	padding: 0;
}

ul.disc {
	margin-left: 15px;
	padding: 0;
}
ul.disc li {
	list-style-type: disc;
	padding: 0;
}

ul.decimal {
	margin-left: 15px;
	padding: 0;
}
ul.decimal li {
	list-style-type: decimal;
	padding: 0;
}

/* -----------------
 　ページ内リンクナビ
------------------ */
ul.page_navi {
	overflow: hidden;
  /*border-top: 1px solid #666;*/
  margin-bottom: 15px;
}
ul.page_navi li a {
	float: left;
	display: block;
	width: 130px;
  background: url("../../img/common/arrow_white.png") no-repeat 10px 20px;
	background-color: #003366;
  border-left: 1px solid #c0c0c0;
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 35px;
  padding: 5px 15px 5px 20px;
  text-decoration: none;
}
ul.page_navi li:last-child a {
	width: 176px;
}
ul.page_navi li a:hover {
  background-color: #0066cc;
  text-decoration: none;
}

/* --------
 　字下げ
---------- */
dl { overflow: hidden; }
dl dt {
    width: 1.5em;
    float: left;
    clear: both;
}
dl dd { padding: 0 0 0 1.5em; }


dl.question { overflow: hidden; margin-bottom: 20px; }
dl.question dt.q_mark {
		width: 1.8em;
    /*color: #0b4e96;*/
		color: #021f92;
    font-size: 1.5em;
    font-weight: bold;
}
dl.question dt.a_mark {
		width: 1.8em;
    color: #bc0000;
    font-size: 1.5em;
    font-weight: bold;
}
dl.question dd { margin-left: 2.5em; padding: 0 0 1.0em 0; }

/* ------------------------------------ 
            table            
-------------------------------------- */
.normal {
	margin:0; padding:0;
}
.normal table{
	border-collapse: collapse;
        border-spacing: 0;
	margin:0; padding:0;
}
.normal th {
	vertical-align: top;
	padding: 0 1.5rem 0 0;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}
.normal td {
	vertical-align: top;
	padding: 0;
	text-align: left;
}

.border table{
	border-collapse: collapse;
  border-spacing: 0;
	border: 1px solid #999;
	margin:0; padding:0;
}
.border th {
	vertical-align: top;
	padding: 10px;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	background-color: #aacfee;
	border: 1px solid #666;
}
.border td {
	vertical-align: top;
	padding: 10px;
	text-align: center;
	background-color: #f8f7f6;
	border: 1px solid #666;
}

/* --------
 背景色
---------- */

.ivory { background-color: #f8f7f6; }
.grey { background-color: #ededea; }
.pale_aqua { background-color: #b0d6fd; }
.aqua,th.aqua { background-color: #3d79ac; }
.navy { background-color: #003366; }