@charset "utf-8";
/* CSS Document */

body {
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #CCC;
	margin: 0;
	padding: 0;
	color: #000;
}

h1 {
	margin-top:-37px;
	font-size:10px;
	color:#497EA1;
}

h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-weight:bold;
	
}

p {
	font-size:14px;
	margin:0;
	padding:5px;
	line-height:1.3;
}

a:link {
	color:#0066CC;
	text-decoration:none;
}

a:hover {
	color:#0066CC;
}


a:active {

}

a img {
	border-style:none;
}

ul li {
	margin:0;
	padding:0;
	list-style:none;
}

.clearfix{
	display:block;
	clear:both;
}
.clearfix2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.container { 
	width: 320px;
	margin: 0 auto;
	background:#F0F0F0;
	overflow:hidden;
}

.content {
	width:100%;
	overflow:hidden;
}

/* ページトップへのリンク */
.page_up {
	 text-align:right;
	 margin-right:10px;
	 padding-right:20px;
	 font-size:14px;
	 color:#000;
	 background:url(../common_img/page_top.jpg) right no-repeat;
}
.page_up a {
	line-height:42px; /* ※これ以下のサイズ設定は非推奨 */
	text-decoration:underline;
	color:#000;
}


/*----------------------------------------------
  header
--------------------------------------------*/ 

#header {
	width:320px;
	height:107px;
	padding-top: 0;
    background: -moz-linear-gradient(top, #497EA1, #014A7B);
    background: -webkit-gradient(linear, left top, left bottom, from(#497EA1), to(#014A7B));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#497EA1', endColorstr='#014A7B', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#497EA1', endColorstr='#014A7B', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #497EA1, #014A7B);
}

.header_img {
	margin:5px 0 0 10px;
	width:200px;
	height:50px;
	float:left;
}



.mail_box {
	width:45px;
	height:45px;
	margin-left:7px;
	margin-top:7px;
	position:relative;
	float:left;
    background: -moz-linear-gradient(top, #FFA13C 50%, #FF7C00 50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFA13C), color-stop(0.5, #FFA13C),color-stop(0.5, #FF7C00), to(#FF7C00));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA13C' 50%, endColorstr='#FF7C00' 50%, GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA13C' 50%, endColorstr='#FF7C00' 50%, GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFA13C 50%, #FF7C00 50%);
    border-radius:10px;
}

.mail_box a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.tel_box {
	width:45px;
	height:45px;
	margin-left:5px;
	margin-top:7px;
	position:relative;
	float:left;
    background:#FFF;
    border-radius:10px;
}

.tel_box a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*----------------------------
  footer
----------------------------*/

.footer {
	width:100%;
	margin:0 0 10px 0;
	padding:10px 0 20px 0;
    background:#054D7D;
}


.footer_logo {
	width:100%;
	margin:0 5px 10px 10px;
	padding:15px 10px 5px 0px;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
}


.footer p {
	margin:0 0 0 10px;
	padding:0;
	font-size:14px;
	color:#FFF;
}

.footer a:link {
	color:#FFF;
	text-decoration:underline;
}

.footer a:hover {
	color:#306C94;
	text-decoration:none;
}

.footer a:visited {
	color:#FFF;
}

.foot_list {
	width:280px;
	margin:0 0 0 10px;
}

.foot_list li {
	list-style:url(../common_img/list_mark.png);
}

/*----------------------------
  top navi
----------------------------*/


#navi {
	width:320px;
	background:url(../common_img/border_img.jpg) repeat;
	overflow:hidden;
}



#menu {
  width:320px;
  height:45px;
  padding:0;
  margin:0;
  list-style-type: none;
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
}

#menu ul {
	margin:0; 
	padding:0;
}


#menu li {
  float:left;
  padding:0;
  margin:0;
  text-align:center;
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
}

#menu li a {
	height:25px;
  width:auto;
  color:#000;
  font-size:11px;
  font-weight:normal;
  margin:5px 0 5px -1px;
  padding:5px 2px 3px 2px;
  text-decoration:none;
  display:block;
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
	border-left:#000 solid 1px;
}

#menu li a:hover {
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
}

#menu2 {
  width:320px;
  height:45px;
  padding:0 0 0 0;;
  margin:5px 0 5px 0;
  list-style-type: none;
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
}

#menu2 ul {
	margin:0; 
	padding:0;
}


#menu2 li {
  float:left;
  padding:0;
  margin:0;
  text-align:center;
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
}

#menu2 li a {
	height:25px;
  width:auto;
  color:#000;
  font-size:11px;
  font-weight:normal;
  margin:5px 0 5px -1px;
  padding:5px 2px 3px 2px;
  text-decoration:none;
  display:block;
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
	border-left:#000 solid 1px;
}

#menu2 li a:hover {
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1', GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #FFFFFF, #E1E1E1);
}


.no1 {
	width:40% !important;
	border-left:none !important;
}

.no2 {
	width:40% !important;
}

.no3 {
	width:20% !important;
}

.no4 {
	width:38% !important;
}

.no5 {
	width:41% !important;
}

.no6 {
	width:21% !important;
}

.farst {
	border-left:none !important;
}

/*----------------------------
  bottom navi
----------------------------*/

.navi2 {  
    width: 320px;
	margin-top:5px;
	background-color:#054D7D;
}

.navi2 ul {
	margin:0; 
	padding:0;
}

.navi2 li    {
	width:300px;
	height:20px;
	padding:15px 10px 15px 10px;
	display:list-item;
	background-color:#054D7D;
    text-align: left;  
	border-bottom:#FFF solid 1px;
}

.navi2 li a  {
    display: block;
	margin:-13px;  
	padding:15px 10px 15px 10px;
	background: url(../common_img/navi_mark.png) 95% center no-repeat;
    text-decoration: none;
	font-size:14px;  
    color: #fff;
}

.navi2 li a:hover    {  
	background: url(../common_img/navi_mark.png) 95% center no-repeat, #054D7D;
    text-decoration: none;  
    color: #fff;  
}

.kirin_link {
	border: 1px solid #ccc;
	text-align: center;
	display: block;
	margin: 10px 10px 0;
	padding: 5px 0;
	background: #fff;
}

--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.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_align_l { display:block; text-align:left; }
.txt_align_r { display:block; text-align:right; }
.txt_align_c { display:block; text-align:center; }

.txt_style_bold   { font-weight:bold; }
.txt_style_italic { font-style:italic; }
.txt_style_line   { text-decoration:underline; }

.txt_color_red    { color:#E75942; }
.txt_color_grey   { color:#999999; }
.txt_color_pink   { color:#FF1493; }
.txt_color_green  { color:#39B221; }
.txt_color_blue   { color:#3399FF; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_color_yellow { color:#EECC00; }
.txt_color_white  { color:#F0F0F0; }

/* 
--------------------------------------------------
 ▽ 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; }     .mt03 { margin-top: 3px !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; }   .mr05 { 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; }   .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; }

/* 
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding-top: 0px !important; }     .p05 { padding-top: 5px !important; }
.p10 { padding-top:10px !important; }     .p15 { padding-top:15px !important; }
.p20 { padding-top:20px !important; }     .p25 { padding-top:25px !important; }
.p30 { padding-top:30px !important; }     .p35 { padding-top:35px !important; }
.p40 { padding-top:40px !important; }     .p45 { padding-top: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; }

/* 
--------------------------------------------------
 ▽ radious（角丸）設定専用クラス
-------------------------------------------------- */
.r03 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.r04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.r05 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.r06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.r07 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.r08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.r09 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.r10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.r11 { -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; }
.r12 { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.r13 { -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }
.r14 { -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
.r15 { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.r16 { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }
.r17 { -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; }
.r18 { -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.r19 { -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; }
.r20 { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }