/**********************************
Base
**********************************/
#topbox {
	background-color: #9cc900;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebf0f6), to(#d0d9e3));
	font-size: 90%;
	text-align:center;
	padding:5px 0;
}

h1 {
	text-align:center;
	
	}
	
.bluebox {
	background-color: #00326b;
	background: -webkit-gradient(linear, left top, left bottom, from(#1764be), to(#00326b));
	text-align:center;
	padding:5px 0;
	color:#FFF;
}
.orangebox {
	background-color: #ff4f00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff4f00));
	color:#FFF;
	text-align:center;
	padding:5px 0;
	
}
.yellowbox {
	background-color: #feffe5;
	padding:10px;
	border:3px solid #b2b9c0;
	
}
.bluettl {
	background-color: #00326b;
	background: -webkit-gradient(linear, left top, left bottom, from(#1764be), to(#00326b));
	color:#FFF;
}
.orangettl {
	background-color: #ff4f00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff4f00));
	color:#FFF;
} 

.linkarrow a{
	background-image:url(../images/icon_linkarrow.gif);
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:10px;
	text-decoration: none;
}
.graybox {
	background-color: #cdd6e1;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f6fb), to(#cdd6e1));
	text-align:left;
	padding:5px;
	color:#3e404e;
	margin-bottom: 10px;
	font-weight:bold;
}

.dottitle{
	font-size: 1o0%;
   font-weight: bold;
   border-bottom:1px dotted #4b4d5a;
   padding-bottom:5px;
   margin-bottom:5px;
}
.o_dottitle{
	font-size: 1o0%;
   font-weight: bold;
   border-bottom:1px dotted #4b4d5a;
   padding-bottom:5px;
   margin-bottom:5px;
   color:#ff7800;
}
.box{
	padding:10px 10px 20px 10px;
}
.reset{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}
.pad_b5{
	padding-bottom:5px;
}
.pad_b10{
	padding-bottom:10px;
}

.pad_b20{
	padding-bottom:20px;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.bannerbox{
	padding-bottom:20px;
	text-align: center;
	padding-top: 20px;
}

.bannerbox li{
	padding-bottom:5px;
	
	list-style: none;
}

.flo_r10{
	float:right;
	padding: 0 0 5px 10px;
}
.flo_l10{
	float:left;
	padding: 0 10px 5px 0px;
}
.flo_b10{
	float:left;
	padding: 0 10px 10px 0px;
}
/**********************************
Navi
**********************************/

#globalNav{
	clear:both;
}
#globalNav2{
	clear:both;
}
#globalNav ul{
	padding:0;
	list-style:none;
	display:block;
}
#globalNav2 ul{
	padding:0;
	list-style:none;
	display:block;
}
#globalNav li{
	margin:0;
    float:none;
	clear:both;
	
	text-align:left;
	padding:0;
	border:1px #9295aa solid;
	border-bottom:0px;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#eef3f9),
		to(#cfd8e2));
	
		0px 3px 3px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,0.7);
    display:block;
}

#globalNav2 li{
	margin:0;
    float:none;
	clear:both;
	
	text-align:left;
	padding:0;
	border:1px #9295aa solid;
	border-bottom:0px;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f8f7ed),
		to(#d0cfc6));
	
		0px 3px 3px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,0.7);
    display:block;
}

#globalNav li:last-child{
	border-bottom:1px #9295aa solid;
}

#globalNav2 li:last-child{
	border-bottom:1px #9295aa solid;
}
#globalNav li>a>img{
	display:none;
}
#globalNav2 li>a>img{
	display:none;
}
#globalNav li>a{
	color:#3e404e;
	display:block;
	/*width:100%;*/
	height:auto;
	padding:10px 0;
	padding-left:10px;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	vertical-align:middle;
	text-shadow:
		0px 1px 1px rgba(0,0,255,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
}
#globalNav2 li>a{
	color:#3e404e;
	display:block;
	/*width:100%;*/
	height:auto;
	padding:10px 0;
	padding-left:10px;
	text-align:left;
	text-decoration:none;

	font-weight:bold;
	vertical-align:middle;
	text-shadow:
		0px 1px 1px rgba(0,0,255,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
}
#globalNav li>a:after{
	content:url(../images/icon_menuarrow.png);
	font-size:18px;
	font-weight:bold;
	padding-right:20px;
	color:#FFF;
	display:table-cell;
	float:right;
	vertical-align:middle;
}
#globalNav2 li>a:after{
	content:url(../images/icon_menuarrow2.png);
	font-size:18px;
	font-weight:bold;
	padding-right:20px;
	color:#FFF;
	display:table-cell;
	float:right;
	vertical-align:middle;
}

.arrow ul{
	text-align:center;
}

.arrow li{
	background-image:url(../images/icon_arrow.jpg);
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:15px;
	display: inline;
}

/**********************************
Text
**********************************/
.ttl_orange{
	color:#ff7800;
	font-weight:bold;
	padding-bottom:10px;
}
.red{
	color:#F00;
}
.red a{
	color:#F00;
	font-size: 130%;
}
.redtop {
	color:#F00;
	text-decoration:underline;
	padding-bottom:5px;
}
.orange{
	color:#ff7800;
}

.white{
	color:#ffffff;
	
}

.whitetop{
	color:#ffffff;
	text-decoration:underline;
	padding-bottom:5px;
	
}blue{
	color:#1054a4;
	font-weight:bold;
}

.bluebox .yellow a{
	color:#f6ff00;
	font-weight: bold;
	font-size: 180%;
	text-decoration:underline;
	padding-bottom: 5px;
	line-height: 1.3em;
}
.orangebox .white a{
	color:#ffffff;
	font-weight: bold;
	font-size: 180%;
	text-decoration:none;
	line-height:1.5em;
}
.orangettl .white a{
	color:#ffffff;
	font-weight: bold;
	font-size: 160%;
	text-decoration:none;
	line-height:1.4em;
}
.small{
	font-size:70%;
	line-height:1.4em;
}
.indent {
      margin-left: 1em; 
      text-indent: -1em;
}

/**********************************
title
**********************************/

.ttl_manshon{
	background-image:url(../images/bg_manshon.png);
	background-repeat:no-repeat;
	background-position:20px bottom;
	color:#FFF;
	padding-left:70px;
	min-height: 36px;
	padding-top: 10px;
}

.ttl_ri{
	background-image:url(../images/bg_ri.png);
	background-repeat:no-repeat;
	background-position:10px center;
	color:#FFF;
	padding-left:70px;
	min-height: 36px;
	padding-top: 10px;
}

/**********************************
banner
**********************************/

.banner {
	background-color:#feffe5;
	padding:5px 20px 5px 5px;
	border:2px solid #b2b9c0;
	background-image:url(../images/icon_bannerarrow.png);
	background-position:98% center;
	background-repeat: no-repeat;
	text-align: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	display: block;
	cursor: pointer;
	position: relative;
}
.banner p{
	font-size:small;
	line-height: 1.3em;
}
.banner .ttl{
	color:#1054a4;
	font-size:medium;
	text-decoration:none;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
	}
	
.banner2 {
	background-color:#FFF;
	padding:5px 20px 5px 5px;
	border:2px solid #b2b9c0;
	background-image:url(../images/icon_bannerarrow2.png);
	background-position:98% center;
	background-repeat: no-repeat;
	text-align: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	display: block;
	cursor: pointer;
	position: relative;
}
.banner2 p{
	font-size:small;
	line-height: 1.3em;
}
.banner2 .ttl{
	color:#1054a4;
	font-size:medium;
	text-decoration:none;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
	}	
.banner3 {
	background-color:#f2f2f2;
	padding:5px 20px 5px 5px;
	border:2px solid #b2b9c0;
	background-image:url(../images/icon_bannerarrow.png);
	background-position:98% center;
	background-repeat: no-repeat;
	text-align: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	display: block;
	cursor: pointer;
	position: relative;
}
.banner3 p{
	font-size:small;
	line-height: 1.3em;
}
.banner3 .ttl{
	color:#1054a4;
	font-size:medium;
	text-decoration:none;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
	}	
	
.sampleBox a{
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	text-indent:-9999px;
	}		
/**********************************
footer
**********************************/

#footer{
	background-color:#125aad;
	padding:5px;
	color:#FFF;
	font-size: x-small;
	text-align: center;
}
#footer2{
	background-color:#ff9200;
	padding:5px;
	color:#FFF;
	font-size: x-small;
	text-align: center;
}


/*---------------ﾃ凝ｸﾎｩﾃづ､窶 ----------------------*/
p.style01{
	padding:10px 0px;
}


/*------------------------------------------------
	footMenu
------------------------------------------------*/
#footMenu h2 {
	background-image: -webkit-linear-gradient(top, #999999, #777777);
	background-image: -moz-linear-gradient(top, #999999, #777777);
	background-image: -o-linear-gradient(top, #999999, #777777);
	background-image: -ms-linear-gradient(top, #999999, #777777);
	background-image: linear-gradient(to bottom, #999999, #777777);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#777777));
	border-top: 1px solid #666666;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0;
}
#footMenu h2 span {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	display: block;
	padding: 1%;
}
#footMenu nav {
	background-color: #F0F0E1;
}
#footMenu nav li {
	padding: 4%;
	background-image: url(../img/ico_arrow01.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	border-bottom: 1px solid #CBCBCB;
	color: #666666;
}
#footMenu nav li a {
	display: block;
}

/*---- footer -----*/
/*------------------------------------------------
	footer
------------------------------------------------*/
footer {
	background-color: #E5EDF6;
	border-top: 1px solid #D1D1D1;
	padding: 2%;
	text-align: center;
}
footer h3 {
	color: #003F87;
	font-size: 100%;
	font-family: Helvetica, Arial, '繝偵Λ繧ｮ繝取�譛� Pro W3';
}
footer p {
	font-size: 95%;
}

#footer{
	background-image: -webkit-linear-gradient(top, #3C68C7, #02428A);
	background-image: -moz-linear-gradient(top, #3C68C7, #02428A);
	background-image: -o-linear-gradient(top, #3C68C7, #02428A);
	background-image: -ms-linear-gradient(top, #3C68C7, #02428A);
	background-image: linear-gradient(to bottom, #3C68C7, #02428A);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3C68C7), to(#02428A));
	padding:5px;
	color:#FFF;
	font-size: x-small;
	text-align: center;
}



/*------------------------------------------------
	background gradation
------------------------------------------------*/
.bgBlueGrd {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2559AF), color-stop(0.00, #3C68C7));
	background: -webkit-linear-gradient(#3C68C7, #2559AF);
	background: -moz-linear-gradient(#3C68C7, #2559AF);
	background: -o-linear-gradient(#3C68C7, #2559AF);
	background: -ms-linear-gradient(#3C68C7, #2559AF);
	background: linear-gradient(#3C68C7, #2559AF);
}