@charset "UTF-8";

/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/




/*//////////////////////////////////////
	base
//////////////////////////////////////*/
html,body{
    width: 100%;
}
html {background: #fff;-webkit-text-size-adjust: 100%; }
strong{font-weight: bold; }
hr{display: none; }

#pagetop{
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:10000;
}


/* a link 
----------------------------------------------------- */
a.ext {
  color: #944e33 !important;
  display: inline;
  text-decoration:none;
}

a:hover.ext {
  text-decoration: underline !important;
}


/* a img 
----------------------------------------------------- */
/*a:link {
  color: #1e659c;
  text-decoration: none;
}

a:visited {
  color: #606d7c;
  text-decoration: none;
}

a:hover {
  color: #274365;
  text-decoration: underline;
}*/

a img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom:1;
}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
a:hover.button img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom:1;
}
a:active,a:focus{
	outline:none;
}

img{vertical-align:top;}


.lo_alpha_60 a:hover img {
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.lo_alpha_70 a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.lo_alpha_80 a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.lo_alpha_90 a:hover img {
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}



/* PDF 
----------------------------------------------------- */

.pdfNots {
  text-align: right;
}

.pdfNots span {
  background: url(../../images/common/i_pdf.png) no-repeat 0 2px;
  padding: 0 0 0 18px;
}

.mac .pdfNots span {
  background: url(../../images/common/i_pdf.png) no-repeat 0 0px;
  padding: 0 0 0 18px;
}

.pdfNots a {
  display: inline;
  margin: 0 3px;
}

.pdfNots a:link {
  color: #1e659c;
  text-decoration: none;
}

.pdfNots a:visited {
  color: #606d7c;
  text-decoration: none;
}

.pdfNots a:hover {
  color: #274365;
  text-decoration: underline;
}



/*//////////////////////////////////////
	汎用クラス
//////////////////////////////////////*/

/* text
----------------------------------------------------- */
strong.red,span.red {color: #ff0000; }
.txtB { font-weight: bold; }

.txtL { text-align: left !important; }
.txtC { text-align: center !important; }
.txtR { text-align: right !important; }

.nowrap { white-space: nowrap; }

.title01{
	 font-size: 108%;
	 font-weight: bold;
	 border-left: 4px solid #71c81a;
	 padding-left:5px;
	 /* margin-bottom:15px; */
	 margin-bottom:10px;
}
#contentsRight .title01,
.awards .title01,
.link .title01,
.campaign .title01{
	 font-size: 108%;
	 font-weight: bold;
	 border-left: 4px solid #71c81a;
	 border-bottom: 1px solid #71c81a;
	 padding:5px;
	 margin-bottom:15px;
}

h2.title02{
box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
-webkit-box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
-moz-box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
margin-bottom:34px;
}

h2.title03{
	border-left:5px solid #71c81a;
	padding:12px 0 8px 13px;
	font-size:23px;
	margin-bottom:10px;
}

/* margin 
----------------------------------------------------- */
.mC{margin:0 auto!important;}

.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;; }
.mb40 { margin-bottom: 40px!important;; }
.mb50 { margin-bottom: 50px!important;; }
.mb60 { margin-bottom: 60px!important;; }
.mb1em { margin-bottom: 1em!important;; }
.mb2em { margin-bottom: 2em!important;; }

.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt1em { margin-top: 1em; }
.mt2em { margin-top: 2em; }

.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr1em { margin-right: 1em; }
.mr2em { margin-right: 2em; }

.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml1em { margin-left: 1em; }
.ml2em { margin-left: 2em; }

/* padding 
----------------------------------------------------- */
.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad15{ padding:15px;}
.pad20{ padding:20px;}
.pad25{ padding:25px;}

/* clear 
----------------------------------------------------- */
/* .clearfix { width:100%; }*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
 }
.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}

.c_b{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}


/* etc 
----------------------------------------------------- */
.floatR { float: right; }
.floatL { float: left; }

.bnrLink li{
	margin-bottom:20px;
}

.pagetop{
	width:98%;
	background:url(../../images/common/i_pagetop.png) no-repeat 100% 0;
	text-align:right;
	font-size:14px;
	padding:0 20px 0 0;
	margin:30px 0 10px 0;
	display: block;
}

.pagetop a{
	color:#505050;
	text-decoration:none;
}

.pagetop a:hover{
	color:#505050;
	text-decoration:underline;
}

.pagetop2{
	background:url(../../images/common/i_pagetop2.png) no-repeat 100% 0;
	text-align:right;
	font-size:14px;
	padding:0 20px 0 0;
	margin:10px 0 30px 0;
	display:block;
}

.pagetop2 a{
	color:#fff;
	text-decoration:none;
}

.pagetop2 a:hover{
	color:#fff;
	text-decoration:underline;
}


/* アイコン 
----------------------------------------------------- */

.pdf{
	background:url(../../images/common/i_pdf.png) no-repeat 100% 4px;
	padding:2px 18px 2px 0;
}



.mac .pdf{
	background:url(../../images/common/i_pdf.png) no-repeat 100% 1px;
	padding:1px 18px 3px 0;
}


/* 角丸ボックス 
----------------------------------------------------- */
#contentsUnderRight .roundBox5 a{
	display:block;
	color:#646464;
	text-decoration:none;
	cursor:pointer;
}
#contentsUnderRight .roundBox5 a:hover{
	opacity:0.8;
}
#contentsUnderRight .roundBox5 .click{
	text-align:right;
	line-height:1;
}

.roundBox5{
background:#fff;
}

.roundBox10{
background:#fff;

/* border-radius */
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;

/* box-shadow */
box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
-webkit-box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
-moz-box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
}

.roundBoxInner{
	padding:10px 12px 0 12px;
}

/* シャドウ 
----------------------------------------------------- */
.shadow{
box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
-webkit-box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;
-moz-box-shadow:rgb(163, 156, 151) 0px 1px 3px 0px;	
}

/* --------------------------------------------------
	table settings
-------------------------------------------------- */

.tableLayout01 {
	width: 100%;
	margin-bottom: 10px;
	border: #ccc solid 1px;
	border-bottom:none;
	border-collapse:separate;
}
.tableLayout01 th {
	width:20%;
	text-align: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding:8px 10px;
	background:#f3f9f3;
}
.tableLayout01 th,
.tableLayout01 td {
	line-height:1.4;
	vertical-align: top;
	text-align: left;
}
.tableLayout01 td {
	padding:8px 10px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tableLayout01 tr.odd td{
	background:#FF0;
}

.tableLayout01 tr.even td{
	background:#FC0;
}


/* フォントサイズ切替
----------------------------------------------------- */
div#fChange{
	line-height: 1.2;
	width: 120px;
	float:right;
	margin-top: -16px;
	
}
div#fChange ul#fontSize {
	*zoom: 1; /*forIE6,7*/
}
div#fChange ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
div#fChange ul#fontSize li {
	background-color: #3980cf;
	color: #fff;
	/*padding: 5px 10px;*/
	padding: 3px 10px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	font-size: 110%;
	font-weight: bold;
}

div#fChangeul#fontSize li:hover {
	background-color: #eee;
}
div#fChange ul#fontSize li.active {
	background-color: #c2c2c2;
}
div#fChange ul#fontSize li.active:hover {
	background-color: #c2c2c2;
}
.f_s{
	font-size: 100%;
}
.f_m{
	font-size: 116%;
}
.f_l{
	font-size: 131%;
}


/* ページ内リンク アンカーの調整
----------------------------------------------------- */
a.anchor {
    margin-top:-125px;
    padding-top:125px;
    display: block;
}

/*----- B-CASカード -----*/

.b_cas {
	background-color: #EEE;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}




.smp_yes {
display:none;
}

.smp_no {
display:block;
}



.pc {
display:block !Important;
}

.smp {
display:none !Important;
}




/*	レスポンシブ 850px以下
-----------------------------------------------------------	*/
@media only screen and (max-width: 850px){



.pagetop{
	display: none;
}

.shadow{
box-shadow:rgb(163, 156, 151) 0px 2px 6px 0px;
-webkit-box-shadow:rgb(163, 156, 151) 0px 2px 6px 0px;
-moz-box-shadow:rgb(163, 156, 151) 0px 2px 6px 0px;	
}

#contentsRight .title01,
.link .title01,
.campaign .title01,
.awards .title01	{
	 font-size: 200%;
	 border-left: 8px solid #71c81a;
	 border-bottom: 2px solid #71c81a;
	 padding:15px;
	 margin-bottom:20px;
}

.smp_yes {
display:block;
}

.smp_no {
display:none;
}



.pc {
display:none !Important;
}

.smp {
display:block !Important;
}





h2.title03{
	border-left:10px solid #71c81a;
	padding:20px 0 16px 20px;
	font-size:30px;
	margin-bottom:20px;
}

.pagetop2{
	display:none;
}

.pdfNots {
  font-size: 16px;
  line-height: 30px;
}

.title01{
	 font-size: 150%;
	 font-weight: bold;
	 border-left: 4px solid #71c81a;
	 padding-top:5px;
	 padding-left:10px;
	 margin-bottom:10px;
}

.txtR { text-align: left !important; }

}