@charset "UTF-8";

/*
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));
background: -webkit-linear-gradient(top, #000, #fff);
background:    -moz-linear-gradient(top, #000, #fff);
background:      -o-linear-gradient(top, #000, #fff);
background:         linear-gradient(to bottom, #000, #fff);

*/

/*----------------------
global tag
----------------------*/

/* link */
a { color:#0465d0; text-decoration:underline; }
a:link { }
a:hover { text-decoration:none; }
a:visited { }
a:active { }
nav a { text-decoration:none; }

/* 
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 320px; /* サイトの実際の横幅（基本的には320px固定） */
	overflow-x: hidden;
	background-color: #FFF;
	font-size: 14px;
	color: #333;
	line-height:1.6;
}
#content { clear:both; padding: 0px;}


/*----------------------
header
----------------------*/
header {
	padding: 20px 0 0 0;
}
#head {
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
background: -webkit-linear-gradient(top, #fff, #ebebeb);
background:    -moz-linear-gradient(top, #fff, #ebebeb);
background:      -o-linear-gradient(top, #fff, #ebebeb);
background:         linear-gradient(to bottom, #fff, #ebebeb);
}
.blue_line {
	border-top: 3px solid #458edb;
	padding: 0 0 2px;
	background: #ebebeb;
}
.logo img {width: 100%;}
.logo { float:left; width: 210px;}

.h_nav { float: right; padding: 0 0 10px 0;}
.h_nav li { float: right; padding:0 5px 0 0; }

/*----------------------
global ID
----------------------*/
#gnav {
   clear:both; position: relative;
   font-size: 12px;
   margin: 0 0 1px;
}

#gnav ul { width: 100%;display: -webkit-box;display: -moz-box; border-top: 1px solid #CCC;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
background: -webkit-linear-gradient(top, #fff, #ebebeb);
background:    -moz-linear-gradient(top, #fff, #ebebeb);
background:      -o-linear-gradient(top, #fff, #ebebeb);
background:         linear-gradient(to bottom, #fff, #ebebeb);
}
#gnav li { text-align:center; -webkit-box-flex: 1;-moz-box-flex:1; border-left: 1px solid #CCC;}
#gnav li a { color:#333; display:block; text-decoration:none; padding:10px 0; font-weight: bold;}
#gnav li:first-child { border-left:none; }
#gnav li.no_b a { border-left:none; }


/*グローバル幅固定2列用横幅*/
.column2 li { width:50%; }
.column2 li:first-child { width:49%; }

/*グローバル幅固定3列用横幅*/
.column3 li { width:33%; }
.column3 li:first-child { width:33%; }

/*グローバル幅固定4列用横幅*/
.column4 li { width:25%; }
.column4 li:first-child { width:24%; }

/*グローバル幅固定5列用横幅*/
.column5 li { width:20%; }
.column5 li:first-child { width:18%; }



/*----------------------
footer
----------------------*/
footer {}

/*fnav*/
#fnav {
   clear:both; position: relative;
   font-size: 12px;
   margin: 10px 0 0;
}

#fnav ul { width: 100%;display: -webkit-box;display: -moz-box; border-top: 1px solid #fff;
background: #136dca;
}
#fnav li { text-align:center; -webkit-box-flex: 1;-moz-box-flex:1; border-left: 1px solid #fff;}
#fnav li a { color:#fff; display:block; text-decoration:none; padding:10px 0; font-weight: bold;}
#fnav li:first-child { border-left:none; }
#fnav li.no_b a { border-left:none; }

iframe {
	border: 1px solid #CCC;
}

#f_add {
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
background: -webkit-linear-gradient(top, #fff, #ebebeb);
background:    -moz-linear-gradient(top, #fff, #ebebeb);
background:      -o-linear-gradient(top, #fff, #ebebeb);
background:         linear-gradient(to bottom, #fff, #ebebeb);
}

/* 
--------------------------------------------------
 ▽ #flink （フッターリンク）
-------------------------------------------------- */
#flink { padding:0 10px 10px;}

#flink li {
	font-size:12px;
}
#flink li a { color: #415877;}
#flink li:first-of-type { float:left; }
#flink li:last-of-type  { float:right; }

/*----------------------
global class
----------------------*/
#pc { padding: 15px 0 0; }
#pc a { color:#65c4e4; }

#credit { padding: 0; font-size:10px; text-align: right; }
#credit a { color:#5096ad; }


/* ページトップへのリンク */
.page-up {
	text-align:right;
	font-size:12px;
	margin: 20px 5px 0 0;
	font-weight:bold;
}
.page-up a {
	text-decoration: none;
	font-size: 11px;
	color: #333;
	background: url(../common_img/p_top_icon.gif) right no-repeat;
	padding: 2px 16px 2px 6px;
	border: 1px solid #ddd;
}
/*.page-up a:before { content:'▲'; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }
*/

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


/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; zoom: 1; overflow:hidden; }
	
.clear { clear:both; }

.no_wrap{ overflow: hidden;zoom:1; }

.w50per img { width:100%;}
.w50per { width:50%!important;}
.w40per img { width:100%;}
.w40per { width:40%!important;}

/* 
--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.txt_size_xxs { font-size:xx-small; }
.txt_size_xs  { font-size:x-small; }
.txt_size_s   { font-size:small; }
.txt_size_m   { font-size:medium; }
.txt_size_l   { font-size:large; }
.txt_size_xl  { font-size:x-large; }
.txt_size_xxl { font-size:xx-large; }

.txt_a_l { display:block; text-align:left; }
.txt_a_r { display:block; text-align:right; }
.txt_a_c { display:block; text-align:center; }

.txt_s_bold   { font-weight:bold; }
.txt_s_italic { font-style:italic; }
.txt_s_line   { text-decoration:underline; }
.txt_s_noline   { text-decoration:none; }

.txt_c_red    { color:#e00b0b; }
.txt_c_grey   { color:#787878; }
.txt_c_grey2   { color:#ababab; }
.txt_c_pink   { color:#fa4c87; }
.txt_c_pink2   { color:#ff00ff; }
.txt_c_green  { color:#39B221; }
.txt_c_blue   { color:#003973; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_c_blue2   { color:#0033ff; }
.txt_c_yellow { color: #F60; }
.txt_c_white  { color:#F0F0F0; }
.txt_c_brown  { color:#990000; }
.txt_c_orange  { color:#e8720e; }
.txt_c_beige { color:#996666; }


/* 
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みのため、そこからの相対値になります。
※親要素に既に%指定済みの場合は子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。 */
.f10 { font-size: 55.6% !important; } /* 10px */    .f11 { font-size: 61.2% !important; } /* 11px */
.f12 { font-size: 66.7% !important; } /* 12px */    .f13 { font-size: 72.3% !important; } /* 13px */
.f14 { font-size: 72.3% !important; } /* 14px */    .f15 { font-size: 83.4% !important; } /* 15px */
.f16 { font-size: 88.9% !important; } /* 16px */    .f17 { font-size: 94.5% !important; } /* 17px */
.f18 { font-size:100.0% !important; } /* 18px */    .f19 { font-size:105.6% !important; } /* 19px */
.f20 { font-size:111.2% !important; } /* 20px */    .f21 { font-size:116.7% !important; } /* 21px */
.f22 { font-size:122.3% !important; } /* 22px */    .f23 { font-size:127.8% !important; } /* 23px */
.f24 { font-size:133.4% !important; } /* 24px */    .f25 { font-size:138.9% !important; } /* 25px */
/* 
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { 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; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt05 { margin-top: 5px !important; }
.mt07 { margin-top: 7px !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:30px !important; }     .mt45 { margin-top:35px !important; }

.mr00 { margin-right: 0px !important; }   .mr04 { margin-right: 4px !important; }
.mr05 { margin-right: 5px !important; }   .mr08 { margin-right: 8px !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; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { 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; }

.ml00 { margin-left: 0px !important; }    .ml05 { 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; }    
.ml80 { margin-left:80px !important; }

/* 
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }     .p05 { 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; }     .p45 { padding:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { 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; }    .pt45 { padding-top:45px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { 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; }  .pr45 { padding-right:45px !important; }

.pb00 { padding-bottom: 0px !important; } .pb05 { 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; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl05 { 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; }   .pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }   .pl140 { padding-left:140px !important; }

/*