@charset "Shift_JIS";

/*==========
COMMON
==========*/
body{
	background:#FFF;
	font-size:16px;
	line-height:1.6;
}
header{
	padding:3% 1% 2%;
	overflow:hidden;
	background:url(../img/bg-head.png) left bottom repeat-x;
	margin-bottom:5%;
}

header h1{
	float:left;
	width:60%;
}


/* ↓↓↓2013.12.02追加↓↓↓ */
header h1 { min-height: calc(1em * 1.6); }
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/logo.gif) left top no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 1;
}
/* ↑↑↑追加↑↑↑ */

header ul{
	float:right;
	width:28%;
	margin-top:2%;
}

header ul li{
	float:right;
	width:30%;
	margin-left:5%;
}

#Cnt {
	line-height:1.4;
}

h2.NEWS {
	color:#FFFFFF;
	padding:2%;
	font-size:100%;
	background: rgb(61,39,110); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkMjc2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTE5M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(61,39,110,1) 0%, rgba(21,25,63,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,39,110,1)), color-stop(100%,rgba(21,25,63,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(61,39,110,1) 0%,rgba(21,25,63,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(61,39,110,1) 0%,rgba(21,25,63,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(61,39,110,1) 0%,rgba(21,25,63,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(61,39,110,1) 0%,rgba(21,25,63,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d276e', endColorstr='#15193f',GradientType=0 ); /* IE6-8 */
}

h4.Role {
	font-size:95%;/* 2013.09.01 Added */
	color:#666;
	padding-bottom:4%; /* 2013.09.01 Added */
}


/*==========
NEWS FEED
==========*/
ul#feed {
	padding:2%;
	font-size:90%;
	line-height:1.4;
	margin-bottom:5%;
}

ul#feed li {
	padding-bottom:1%;
	border-bottom:1px dotted #999999;
	margin-bottom:2%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

ul#feed li span{
	float:left;
}

/*==========
BREAD LIST
==========*/
#BreadList {
	padding:2%;
	font-size:70%;
}

/*==========
MAIN BLOCK
==========*/
.MainBlock {
	margin:2% 2% 8%;
	border:3px solid #3d276e;
	padding:2%;
	line-height:1.6;
	overflow:hidden;
}

.MainBlock h2 {
	color:#3d276e;
	font-size:100%;
	padding-bottom:1%;
	margin-bottom:3%;
	border-bottom:1px solid #999;
}

.MainBlock h2.Q {
	color:#3d276e;
	font-size:100%;
	padding-left:25px;
	background:url(../img/icon-q.png) left top no-repeat;
	padding-bottom:2%;
	margin-bottom:3%;
	border-bottom:1px solid #999;
}

.MainBlock h3 {
	color:#333;
	font-size:95%;
	padding-bottom:2%;
	margin-bottom:3%;
	border-bottom:1px dotted #999;
}

.MainBlock h3.A {
	font-size:90%;
	font-weight:normal;
	padding-left:25px;
	background:url(../img/icon-a.png) left top no-repeat;
	padding-bottom:1%;
	margin-bottom:3%;
	border-bottom:none;
}

.MainBlock h4.sub {
	font-size:90%;
	font-weight:bold;
	border-left:#339 8px solid;
	padding-left:10px;
	margin-bottom:2%;
}

.MainBlock p{
	font-size:90%;
	padding-bottom:2%;
}

.MainBlock .Mid {
	padding-bottom:4%;
}


.MainBlock .End {
	padding-bottom:6%;
}

.MainBlock ul {
	font-size:90%; /* 2013.08.30 変更 */
	padding-bottom:4%;	
}

.LinkList {
	font-size:90%;
	overflow:hidden;
	margin-bottom:10px;
}

.LinkList li{
	background:url(../img/icon-list.gif) left 4px no-repeat;
	padding-left:16px;
	padding-bottom:3%;	
}

ul.Double, ul.Anker {
	overflow:hidden;
}

ul.Double li {
	width:42%;
	height:150px;
	border:1px solid #999;
	padding:3%;
	font-size:80%;
	margin-bottom:3%;
}

ul.Anker li {
	float:left;
	padding-right:3%;
	font-size:80%;
}

ul.Double li a{
	color:#000000;
}

ul.Double li .Img{
	text-align:center;
}

ul.Double li .Img img{
	width:80%;
}

ul.Double li.L {
	float:left;
}

ul.Double li.R {
	float:right;
}


/*==========
BUTTONS
==========*/
.BtnBlock {
	padding:0 2%;
	margin-bottom:5%;
}

.BtnBlock ul{
	width:100%;
	overflow:hidden;
	margin-bottom:2%;
}

.BtnBlock ul li{
	text-align:center;
	margin-bottom:2%;
}

.BtnBlock ul li.Left{
	float:left;
	width:48%;
}

.BtnBlock ul li.Right{
	float:right;
	width:48%;
	margin-right:2px;
}

.BtnBlock ul li.Full{
	width:99.4%;
	margin-right:2px;
}

.Btn-Orange, .Btn-Blue, .Btn-Green, .Btn-Gray, .Btn-Yellow {
	font-size:90%;
	width:100%;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:5% 0;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	display:inline-block;
}

.Btn-Orange span, .Btn-Blue span, .Btn-Green span, .Btn-Gray span, .Btn-Yellow span {
	line-height:2.75;

}

.Btn-Orange {
	border:1px solid #eeb44f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f5b567), color-stop(100%, #e38410) );
	background:-moz-linear-gradient( center top, #f5b567 5%, #e38410 100% );
	background:-ms-linear-gradient( top, #f5b567 5%, #e38410 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5b567', endColorstr='#e38410');
	background-color:#f5b567;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
}

.Btn-Blue {
	border:1px solid #3866a3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
}

.Btn-Green {
	border:1px solid #74b807;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #a4e271;
 	-moz-box-shadow:inset 1px 1px 0px 0px #a4e271;
 	box-shadow:inset 1px 1px 0px 0px #a4e271;
}

.Btn-Gray {
	border:1px solid #dcdcdc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.Btn-Yellow {
	border:1px solid #ffdc00;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffff00), color-stop(100%, #ffff00) );
	background:-moz-linear-gradient( center top, #ffff80 5%, #fff352 100% );
	background:-ms-linear-gradient( top, #ffff80 5%, #fff352 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff80', endColorstr='#fff352');
	background-color:#ffff80;
	color:#333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

li.Right img, li.Left img {
	width:50%;
	padding-top:1%;
}

li.Right img#youtube {
	width:25%;
	margin-left:2px;
}

li.Left img#oshiete {
	width:10%;
}

li.Full img {
	width:5%;
	padding-top:-2%;
}

li.Full img#baseline {
	vertical-align:baseline !important;
}

.pad-thin {
	padding:1.4%;
	line-height:1.4;
}

/*==========
よくあるお問合わせ
==========*/
#AskArea {
	padding:2%;
	margin: 0 2% 10%;
	border:3px solid #3d276e;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
}

#AskArea h2 {
	border-bottom:1px solid #999;
	font-size:100%;
	padding-bottom:1%;
	margin-bottom:2%;
	color:#3d276e;
}

#AskArea ul li {
	padding:2% 0 4% 15px;
	font-size:90%;
	background:url(../img/icon-list-black.gif) left 9px no-repeat;
}

/* 2013.12.02 Added */	
#AskArea ul li.sub {
	padding:2% 0 4% 65px;
	font-size:90%;
	background:url(../img/icon-list-black.gif) 50px 9px no-repeat;
}

/*==========
関連サイト
==========*/
#Related {
	padding:2%;
	margin: 0 2% 10%;
	border:3px solid #3d276e;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
}

#Related h2 {
	border-bottom:1px solid #999;
	font-size:100%;
	padding-bottom:1%;
	margin:2% 0;
	color:#3d276e;
}

#Related ul li{
	text-align:center;
	overflow:hidden;
	margin-bottom:5%;
	padding-top:10px;
}

#Related ul li.L{
	float:left;
	width:48%;
}

#Related ul li.R{
	float:right;
	width:48%;
}

/*==========
ACCORDION
==========*/
#AC-Links, .AC-Links {
	overflow:hidden;
	margin-bottom:5%;
}

.acordion{
	 background:#fff;
	 line-height:1.6;
}

.trigger{
	padding:4% 2%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	font-size:90%;
	margin:0 !important;
}

.trigger.active{
	border-bottom:1px solid #999;
}

.acordion_tree{
	padding:2%;
	font-size:80%;
	margin:0 !important;
}

.acordion_tree ul li{
	border-bottom:1px dotted #999999;
	margin-bottom:1%;
	padding:2% 0;
	list-style:square;
	list-style-position:inside;
}

.acordion_tree ul li a{
	text-decoration:none;	
}

.open-close {
	float:right;
	text-indent:-9999px;
	display:block;
	margin-top:3px;
	height:11px;
	width:20px;
	background:url(../img/open.png) no-repeat;
	-webkit-background-size:20px 11px;
}

.arrow {
	float:right;
	text-indent:-9999px;
	display:block;
	margin-top:-4px;
	height:30px;
	width:17px;
	background:url(../img/arrow.png) no-repeat;
	-webkit-background-size:17px 30px;
}

.trigger.active .open-close{
	background:url(../img/close.png) no-repeat;
	-webkit-background-size:20px 11px;
}


/*==========
BACK TOP
==========*/
#BackTop {
	width:100%;
	overflow:hidden;
	margin:10% auto 5%;
	text-align:center;
}

#BackTop img{
	width:30%;
}


/*==========
FOOTER
==========*/
footer {
	background:#3d276e;
	padding:5% 2%;
	font-size:70% !important;
	line-height:1.6;
}

footer a{
	color:#FFFFFF;
	text-decoration:none;
}

footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

footer .Link{
	display:block;
	width:100%;
	overflow:hidden;
	padding-bottom:3%;
}

footer .Link ul{
	display:block;
	width:100%;
}

footer .Link ul li{
	float:left;
	text-align:center;
}

footer .Rights{
	width:100%;
}



/* 2013.08.30 Added */

.MainBlock img {
	margin-bottom:6%;
}

.MainBlock img.half {
	width:50%;
}


.MainBlock img.third {
	width:33%;
}

.MainBlock p.R {
	text-align:right;
	padding-bottom:2%;
}

h5.Role {
	font-size:90%;
	padding-bottom:2%;
	padding-left:4%;
	color:#666;
}

a[href$=".pdf"] {
	background:url(../img/icon-pdf.gif) left 4px no-repeat;
	padding-left:20px;
	padding-bottom:3%;	
}

a[href$=".zip"] {
	background:url(../img/icon-exe.gif) left 4px no-repeat;
	padding-left:20px;
	padding-bottom:3%;	
}

.MainBlock .ListTitle {
	padding-bottom:2%;
	font-weight:bold;
}

.MainBlock .Red {
	color:red;
	font-size:90%;
	padding-bottom:2%;
}

.MainBlock .RedEnd {
	color:red;
	font-size:90%;
	padding-bottom:6%;
}

.MainBlock .Attention {
	color:red;
	font-size:80%;
}

/*
.MainBlock h3 a:before {
content: " "url(../img/ttl-arrow.gif);
}
*/

.MainBlock .Main {
	padding-bottom:4%;
	font-weight:bold;
}

.MainBlock table.notes {
	font-size:90%;
	padding-bottom:2%;
	margin-bottom:4%;
}

.MainBlock table.notes td {
	padding-bottom:2%;
}

.MainBlock p.R {
	text-align:right;
	padding-bottom:2%;
}

.MainBlock p.Int {
	padding-left:2%;
	padding-bottom:2%;
}

.MainBlock p.IntEnd {
	padding-left:2%;
	padding-bottom:6%;
}

/* 2013.09.05 Added */

.MainBlock li.border_half {
	border-bottom:solid 1px;
	width: 50%;
}

/* 2013.09.10 Added */
.Operation a {
	display:block;
	background:url(../img/icon-list.gif) left 2px no-repeat;
	padding-left:20px;
}

.Operation li {
	padding-bottom:1%;
	border-bottom:1px dotted #999999;
	margin-bottom:2%;
}

/* 2013.09.14 Added */
.numbs  {
	font-size:90%;
	overflow:hidden;
	margin-bottom:2%;
}

.numbs-End  {
	font-size:90%;
	overflow:hidden;
	margin-bottom:4%;
}

.numbs dt, .numbs-End dt {
	float:left;
	width:4%;
	text-align:center;
}

.numbs dd, .numbs-End dd  {
	float:right;
	width:94%;
}

/* 2013.09.16 Added */
.MainBlock h5.sub {
	font-size:90%;
	font-weight:bold;
	border-left:#339 4px double;
	padding-left:10px;
	margin-left:2%;
	margin-bottom:2%;
	color:#666;
}


/* 2013.09.19 Added */
.C-Red {
	color:#F00;
}

/* 2013.09.20 Added */

.Frame {
	font-size:70%;
	margin-bottom:5%;
}

.Frame th{
	background-color:#554ca9;
	border:1px solid #423c81;
	padding:1%;
	text-align:center;
	color:#FFF;
	font-weight:normal;
}

.Frame th.t-noborder{
	background-color:#554ca9;
	border:1px solid #423c81;
	padding:1%;
	text-align:center;
	color:#FFF;
	font-weight:normal;
	border-top:none;
}

.Frame th.b-noborder{
	background-color:#554ca9;
	border:1px solid #423c81;
	padding:1%;
	text-align:center;
	color:#FFF;
	font-weight:normal;
	border-bottom:none;
}

.Frame th.small{
	width:14%;
	background-color:#554ca9;
	border:1px solid #423c81;
	padding:1%;
	text-align:center;
	color:#FFF;
	font-weight:normal;
}

.Frame th.mid{
	width:20%;
	background-color:#554ca9;
	border:1px solid #423c81;
	padding:1%;
	text-align:center;
	color:#FFF;
	font-weight:normal;
}

.Frame td {
	border:1px solid #423c81;
	padding:1%;
}

.Frame td.mid {
	width:20%;
	border:1px solid #423c81;
	padding:1%;
}

.Frame td.t-noborder {
	border:1px solid #423c81;
	border-top:none;
	padding:1%;
}

.Frame td.b-noborder {
	border:1px solid #423c81;
	border-bottom:none;
	padding:1%;
}

.DI-BOX {
	border:1px solid #000;
	overflow:hidden;
	padding:5%;
}

.DI-TABLE {
	width:60%;
	text-align:center;
	font-size:80%;
}

.DI-TABLE td.f{
	width:10%;
}

.DI-TABLE td.s{
	width:20%;
}

.DI-TABLE td.t {
	width:30%;
}

.CAL-TABLE {
	width:100%;
	text-align:center;
	font-size:80%;
	margin-bottom:3%;
}

.CAL-TABLE td{
	vertical-align:middle;
}

.CAL-TABLE td.f{
	width:3%;
}

.CAL-TABLE td.s{
	width:35%;
	text-align:left;
}

.CAL-TABLE td.t {
	width:25%;
}

.CAL-TABLE td.e {
	text-decoration:underline;
}

/* 2013.09.24 added */

ul#Relates li, ul.Relates li{
	text-align:center;
	overflow:hidden;
	margin-bottom:2%;
	padding-top:10px;
	min-height:60px;
}

ul#Relates li.L, ul.Relates li.L{
	float:left;
	width:49%;
	overflow:hidden;
	min-height:60px;
}

ul#Relates li.R, ul.Relates li.R{
	float:right;
	width:49%;
	overflow:hidden;
	min-height:60px;
}

ul#Relates li p, ul.Relates li p{
	font-size:80%;
}


/* 2013.09.27 Added */
.C-Blue {
	color:#03F;
}

.C-Green {
	color:#3C6;
}

.C-Orange {
	color:#F93;
}

.ta-c {
	text-align:center;
}

/* 2013.09.29 Added */
.BNR a[href$=".pdf"] {
	background:none;
	padding:0;
	margin:2% auto;
	max-width:260px;
	text-align:center;
	overflow:hidden;
}

.BNR img {
	max-width:260px;
	text-align:center;
	margin:2% 25% 5%;
	width:50%;
}