@charset "utf-8";

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

.txt_10 { font-size: 10px; }
.txt_11 { font-size: 11px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_15 { font-size: 15px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_22 { font-size: 22px; }
.txt_24 { font-size: 24px; }

.txt_b { font-weight: bold; }

.txt_c { text-align: center; }
.txt_l { text-align: left; }
.txt_r { text-align: right; }

.txt_red { color: #f00; }
.txt_blue { color: #1d48cb; }

.line_125 { line-height: 125%; }
.line_150 { line-height: 170%; }
.line_200 { line-height: 200%; }
.line_220 { line-height: 220%; }

.mt_10 { margin-top: 10px; }
.mt_20 { margin-top: 20px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }

.mb_5   { margin-bottom: 5px; }
.mb_10  { margin-bottom: 10px; }
.mb_15  { margin-bottom: 15px; }
.mb_20  { margin-bottom: 20px; }
.mb_24  { margin-bottom: 24px; }
.mb_25  { margin-bottom: 25px; }
.mb_30  { margin-bottom: 30px; }
.mb_35  { margin-bottom: 35px; }
.mb_40  { margin-bottom: 40px; }
.mb_45  { margin-bottom: 45px; }
.mb_50  { margin-bottom: 50px; }
.mb_60  { margin-bottom: 60px; }
.mb_70  { margin-bottom: 70px; }
.mb_80  { margin-bottom: 80px; }
.mb_90  { margin-bottom: 90px; }
.mb_100 { margin-bottom: 100px; }

.ml_5   { margin-left: 5px; }
.ml_10  { margin-left: 10px; }
.ml_15  { margin-left: 15px; }
.ml_20  { margin-left: 20px; }
.ml_25  { margin-left: 25px; }

.mr_10  { margin-right: 10px; }

.pl_60 { padding-left: 60px; }
.plr_20 { padding: 0 20px; }


.width_080 { width: 80px; }
.width_100 { width: 100px; }
.width_150 { width: 150px; }
.width_200 { width: 200px; }
.width_250 { width: 250px; }
.width_300 { width: 300px; }
.width_310 { width: 310px; }
.width_340 { width: 340px; }
.width_350 { width: 350px; }
.width_450 { width: 450px; }
.width_500 { width: 500px; }
.width_550 { width: 550px; }
.width_600 { width: 600px; }
.width_650 { width: 650px; }
.width_700 { width: 700px; }
.width_750 { width: 750px; }
.width_800 { width: 800px; }


/* font 明朝
--------------------------------------*/
.font_mincho { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }


/* section
--------------------------------------*/
.box_common { width: 950px; margin: 0 auto; position: relative; }
@media screen and (max-width:640px){ 
.box_common { width: auto; margin: 0 auto; padding-left: 10px; padding-right: 10px; position: relative; }
}

/* div
--------------------------------------*/
.inner_20 {	padding: 20px; background-color: #FFF; }
.inner_25 {	padding: 25px; background-color: #FFF; }
.inner_30 {	padding: 30px; background-color: #FFF; }


/* タイトル
--------------------------------------*/
.h3_common { background: url(../img/bg/bg_h3.png) no-repeat center bottom; padding: 0 0 15px 5px; font-size: 26px; font-weight: bold; letter-spacing: 0.3em; margin-top: -80px; padding-top: 80px; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.h4_common { border-left: 4px solid #ff831e; background: url(../img/bg/bg_h4.png) #FFF; padding: 8px 0 5px 20px; font-size: 22px; letter-spacing: 0.3em; }
.h5_common { background: url(../img/bg/bg_h5.png) no-repeat left bottom; padding: 0 0 5px 30px; font-size: 20px; letter-spacing: 0.3em; }
@media screen and (max-width:640px){ 
.h3_common { background: url(../img/bg/bg_h3.png) no-repeat center bottom; padding: 0 0 15px 5px; font-size: 20px; font-weight: bold; letter-spacing: 0.3em; margin-top: auto; padding-top: auto; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.h4_common { border-left: 4px solid #ff831e; background: url(../img/bg/bg_h4.png) #FFF; padding: 8px 0 5px 20px; font-size: 18px; letter-spacing: 0.3em; }
.h5_common { background: url(../img/bg/bg_h5.png) no-repeat left bottom; padding: 0 0 5px 30px; font-size: 16px; letter-spacing: 0.3em; }
}

/* メインコメント
--------------------------------------*/
p.main_txt { font-size: 15px; line-height: 150%; letter-spacing: 0.3em; }


/* テーブル
--------------------------------------*/
table.common {	width: 100%; }

table.common th,
table.common td {
	border-bottom: 1px dotted #A3A2A2;
	line-height: 180%;
	padding: 12px 15px;
	vertical-align: middle;
	font-size: 14px;
}

table.common th { font-weight: bold; text-align: right; }
table.common td { }
table.common .bgcolor { background-color: #dce1e9; }

table.common_2 { width: 100%; }

table.common_2 th,
table.common_2 td {
	border-bottom: 1px dotted #A3A2A2;
	line-height: 180%;
	padding: 7px 15px 4px;
	vertical-align: middle;
	font-size: 16px;
}

table.common_2 th { font-weight: bold; }
table.common_2 td { }


/* botann
--------------------------------------*/
.btn_common1 a:link { 
	width: 150px; margin: 0 auto; 
	display: block;
    text-align: center;
	text-decoration: none;
	font-weight: bold;
    border: 1px solid #909090;
    padding: 5px 0;
    background: url(../img/bg/bg_btn_red.png) #ffffff no-repeat right;
    color: #b31b1b;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.btn_common1 a:hover { background: url(../img/bg/bg_btn_white.png) #b31b1b no-repeat right; color: #ffffff; }


.btn_common2 a:link,
.btn_common2 a:visited { 
	font-size: 20px;
	width: 650px;
	margin: 0 auto; 
	display: block;
    text-align: center;
	text-decoration: none;
    border: 1px solid #909090;
    padding: 5px 0;
    background: url(../img/bg/bg_btn_white.png) #b31b1b no-repeat right;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.btn_common2 a:hover { background: url(../img/bg/bg_btn_red.png) #ffffff no-repeat right; color: #b31b1b; }
@media screen and (max-width:640px){ 
.btn_common2 a:link,
.btn_common2 a:visited { 
	font-size: 16px;
	width: 100%;
	margin: 0 auto; 
	display: block;
    text-align: center;
	text-decoration: none;
    border: 1px solid #909090;
    padding: 5px 0;
    background: url(../img/bg/bg_btn_white.png) #b31b1b no-repeat right;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.btn_common2 a:hover { background: url(../img/bg/bg_btn_red.png) #ffffff no-repeat right; color: #b31b1b; }
}


.btn_common3 a:link,
.btn_common3 a:visited { 
	width: 150px; margin: 0 auto; 
	display: block;
    text-align: center;
	text-decoration: none;
	font-weight: bold;
    border: 1px solid #909090;
    padding: 2px 0;
    background: url(../img/bg/bg_btn_white.png) #b31b1b no-repeat right;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.btn_common2 a:hover { background: url(../img/bg/bg_btn_red.png) #ffffff no-repeat right; color: #b31b1b; }