@charset "utf-8";

#template{
	width:1200px;
	margin:0 auto;
	border:1px solid #ccc;
}

.web1_1{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	overflow:hidden;
}
.web1_1 p.ttl{
	background:url(../images/icon014.png) no-repeat left center;
	padding-left:15px;
	color:#00449E;
	font-size:120%;
	font-weight:bold;
	margin:20px 20px 0;
}
.web1_1 div{
	padding:20px 40px;
}
.web1_1 p.left img{
	float:left;
	margin:0 20px 20px 0;
}

.web1_2{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	overflow:hidden;
}
.web1_2 p.ttl{
	background:url(../images/icon014.png) no-repeat left center;
	padding-left:15px;
	color:#00449E;
	font-size:120%;
	font-weight:bold;
	margin:20px 20px 0;
}
.web1_2 div{
	padding:20px 40px;
}
.web1_2 p.left img{
	float:right;
	margin:0 0 20px 20px;
}

.web1_3{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	overflow:hidden;
}
.web1_3 p.ttl{
	background:url(../images/icon014.png) no-repeat left center;
	padding-left:15px;
	color:#00449E;
	font-size:120%;
	font-weight:bold;
	margin:20px 20px 0;
}
.web1_3 div{
	padding:20px 40px;
}

.web1_4{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	overflow:hidden;
}
.web1_4 p.ttl{
	background:url(../images/icon014.png) no-repeat left center;
	padding-left:15px;
	color:#00449E;
	font-size:120%;
	font-weight:bold;
	margin:20px 20px 0;
}
.web1_4 div{
	padding:20px 40px;
}
.web1_4 div ul{
	overflow:hidden;
}
.web1_4 div ul li{
	width:360px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.web2_1{
	border-bottom:1px solid #ccc;
	padding:20px;
	overflow:hidden;
}
.web2_1 .left{
	width:800px;
	float:left;
}
.web2_1 .right{
	width:290px;
	float:right;
	background:url(../images/bg01.jpg) repeat;
	border-radius:5px 5px 0 0;
	padding:8px 0;
}
.web2_1 .right .in{
	background:#fff;
	margin:0 8px;
	padding:10px;
}
.web2_1 .right .in p.ttl{
	background:#00449E;
	border-radius:5px;
	font-weight:bold;
	padding:3px 10px;
}
.web2_1 .right .in p.ttl span{
	background:url(../images/icon016.png) no-repeat left center;
	padding-left:10px;
	color:#fff;
}
.web2_1 .right .in ul li{
	background:url(../images/icon04.jpg) no-repeat;
	padding-left:10px;
	background-position:0px 8px;
	margin-top:10px;
}
.web2_1 .right .in p.img{
	margin-top:10px;
}

.web2_2{
	border-bottom:1px solid #ccc;
	padding:20px;
	overflow:hidden;
}
.web2_2 .left{
	width:800px;
	float:right;
}
.web2_2 .right{
	width:290px;
	float:left;
	background:url(../images/bg01.jpg) repeat;
	border-radius:5px 5px 0 0;
	padding:8px 0;
}
.web2_2 .right .in{
	background:#fff;
	margin:0 8px;
	padding:10px;
}
.web2_2 .right .in p.ttl{
	background:#00449E;
	border-radius:5px;
	font-weight:bold;
	padding:3px 10px;
}
.web2_2 .right .in p.ttl span{
	background:url(../images/icon016.png) no-repeat left center;
	padding-left:10px;
	color:#fff;
}
.web2_2 .right .in ul li{
	background:url(../images/icon04.jpg) no-repeat;
	padding-left:10px;
	background-position:0px 8px;
	margin-top:10px;
}
.web2_2 .right .in p.img{
	margin-top:10px;
}
#img{
	padding:40px;
}
#img p{
	margin-top:20px;
}
#movie .in{
	padding:20px 40px;
	border-bottom:1px solid #ccc;
}
#movie p.ttl{
	background:url(../images/icon014.png) no-repeat left center;
	padding-left:15px;
	color:#00449E;
	font-size:120%;
	font-weight:bold;
	margin:20px 20px 0;
}

.p20{
	padding:20px;
}

table.table1,
table.table2,
table.table3,
table.table4,
table.table5 {
	width:100%;
	margin-bottom:15px;
}
table.table1{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.table1 tr th,
table.table1 tr td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px 10px;
}
table.table1 tr th{
	background:#EEF3F9;
	text-align:center;
}

table.table2{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.table2 tr th,
table.table2 tr td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px 10px;
}
table.table2 tr th{
	background:#00449E;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
table.table3{
	border-top:1px solid #1A1A1A;
	border-left:1px solid #1A1A1A;
}
table.table3 tr th,
table.table3 tr td{
	border-bottom:1px solid #1A1A1A;
	border-right:1px solid #1A1A1A;
	padding:5px 10px;
}
table.table3 tr th{
	background:#1A1A1A;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

table.table4{
	border-top:1px solid #00449E;
	border-left:1px solid #00449E;
}
table.table4 tr th,
table.table4 tr td{
	border-bottom:1px solid #00449E;
	border-right:1px solid #00449E;
	padding:5px 10px;
}
table.table4 tr th{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d7e1f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7e1f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d7e1f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d7e1f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d7e1f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d7e1f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7e1f0',GradientType=0 ); /* IE6-9 */
	text-align:center;
	color:#00449E;
	font-weight:bold;
}

table.table5{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
table.table5 tr th,
table.table5 tr td{
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding:5px 10px;
}
table.table5 tr th{
	background:url(../images/bg01.jpg) repeat;
	text-align:center;
	color:#000;
	font-weight:bold;
}



.list_webpage01,
.list_webpage02,
.list_webpage03,
ol {
  margin: 0 0 15px 20px;
}
.list_webpage01 li {
	background:url(../images/list_wp_01.png) no-repeat left 6px;
	padding-left:22px;
}
.list_webpage02 li {
	background:url(../images/list_wp_02.png) no-repeat left 6px;
	padding-left:22px;
}
.list_webpage03 li {
	background:url(../images/list_wp_03.png) no-repeat left 6px;
	padding-left:22px;
}
ol {
	list-style:decimal;
	list-style-position:inside;
}


/*h3,h4,h5 {
	font-weight:bold;
}*/

.template iframe {
    display: block;
    margin: 0px auto;
}

img.aligncenter {
	display: block;
	margin: 5px auto;
}
img.alignright, img.alignleft {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	margin: 0 7px 2px 0;
}
table.table_center{
margin-right: auto;
margin-left: auto;
}

.alignright {
	float: right;
}
.alignleft {
	float: left;
}
ul.picbox {
	overflow:hidden;
}
ul.picbox li {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 360px;
}

#subsite{
	width:1200px;
	margin:0 auto;
	border:1px solid #ccc;
}

.box_subsite{
	margin:30px 20px 0;
	border:1px solid #004696;
	border-radius:5px;
}
.box_subsite .box_subsite_title{
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	font-size:120%;
	color:#fff;
	
background: #014596; /* Old browsers */
background: url("../images/h_navi_bg.png") repeat,-moz-linear-gradient(top,  #014596 0%, #0c3668 100%); /* FF3.6+ */
background: url("../images/h_navi_bg.png") repeat,-webkit-linear-gradient(top,  #014596 0%,#0c3668 100%); /* Chrome10+,Safari5.1+ */
background: url("../images/h_navi_bg.png") repeat,-ms-linear-gradient(top,  #014596 0%,#0c3668 100%); /* IE10+ */
background: url("../images/h_navi_bg.png") repeat,linear-gradient(to bottom,  #014596 0%,#0c3668 100%); /* W3C */

}

.template p{
	margin-bottom:20px;
}


#subsite{
	width:1200px;
	margin:0 auto;
	border:1px solid #ccc;
}
.subsite1{
	margin:30px 20px 0;
	border-radius:5px;
	border:1px solid #FF7400;
}
.subsite1 .ttl{
background: #ffa441; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa441 0%, #ff821b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa441), color-stop(100%,#ff821b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa441 0%,#ff821b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa441 0%,#ff821b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa441 0%,#ff821b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa441 0%,#ff821b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa441', endColorstr='#ff821b',GradientType=0 ); /* IE6-9 */
}

.subsite1 h3{
	background:url(../images/h_navi_bg.png) repeat;
	text-align:center;
	color:#fff;
	padding:10px 0;
	font-size:120%;
}
.subsite1 p{
	padding:20px;
}
.subsite2{
	margin:30px 20px 0;
	border:1px solid #999999;
	border-radius:5px;
}
.subsite2 h3{
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #dbdbdb 46%, #d2d2d2 49%, #d2d2d2 49%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(46%,#dbdbdb), color-stop(49%,#d2d2d2), color-stop(49%,#d2d2d2), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#dbdbdb 46%,#d2d2d2 49%,#d2d2d2 49%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbdbdb 0%,#dbdbdb 46%,#d2d2d2 49%,#d2d2d2 49%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbdbdb 0%,#dbdbdb 46%,#d2d2d2 49%,#d2d2d2 49%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbdbdb 0%,#dbdbdb 46%,#d2d2d2 49%,#d2d2d2 49%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
	text-align:center;
	padding:10px 0;
	font-size:120%;
}
.subsite2 p{
	padding:20px;
}
.subsite3{
	margin:30px 20px 0;
	border:1px solid #F5A2A2;
	border-radius:5px;
}
.subsite3 h3{
background: #fbdede; /* Old browsers */
background: -moz-linear-gradient(top,  #fbdede 0%, #f5aaaa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdede), color-stop(100%,#f5aaaa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbdede 0%,#f5aaaa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbdede 0%,#f5aaaa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbdede 0%,#f5aaaa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbdede 0%,#f5aaaa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdede', endColorstr='#f5aaaa',GradientType=0 ); /* IE6-9 */
	text-align:center;
	padding:10px 0;
	font-size:120%;
}
.subsite3 p{
	padding:20px;
	background:#fefbfb;
}
.subsite4{
	margin:30px 20px 0;
	border:1px solid #004696;
	border-radius:5px;
}
.subsite4 .ttl{
background: #004696; /* Old browsers */
background: -moz-linear-gradient(top,  #004696 0%, #133e73 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004696), color-stop(100%,#133e73)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #004696 0%,#133e73 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #004696 0%,#133e73 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #004696 0%,#133e73 100%); /* IE10+ */
background: linear-gradient(to bottom,  #004696 0%,#133e73 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004696', endColorstr='#133e73',GradientType=0 ); /* IE6-9 */
}
.subsite4 h3{
	background:url(../images/h_navi_bg.png) repeat;
	text-align:center;
	padding:10px 0;
	font-size:120%;
	color:#fff;
}
.subsite4 p{
	padding:20px;
}
.subsite5{
	margin:30px 20px 0;
	border:1px solid #005B1A;
	border-radius:5px;
}
.subsite5 h3{
	background: #118a40; /* Old browsers */
	background: -moz-linear-gradient(top,  #118a40 0%, #005c1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#118a40), color-stop(100%,#005c1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #118a40 0%,#005c1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #118a40 0%,#005c1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #118a40 0%,#005c1b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #118a40 0%,#005c1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#118a40', endColorstr='#005c1b',GradientType=0 ); /* IE6-9 */
	text-align:center;
	padding:10px 0;
	font-size:120%;
	color:#fff;
}
.subsite5 p{
	padding:20px;
}




.box_subsite {
	border: 1px solid #004696;
}

.fc01 {
	color:#0062CC;
	}
.fc02 {
	color:#008622;
	}
.fc03 {
	color:#6C6C6C;
	}
.fc04 {
	color:#C05700;
	}
.fc05 {
	color:#CA4C4C;
	}


.h2_webpage {
	background:url(../images/h2_wp_blue.jpg) no-repeat 6px 10px #EEF3F9;
}
.h3_webpage ,.h3_webpage a{
	color:#00449e;
}
.h3_webpage span {
	color:#00449e;
}
.h4_webpage {
	background:url(../images/h4_wp_blue.jpg) no-repeat 3px 8px ;
}

.table_webpage02 tr th{
	background-color:#EEF3F9;
}

.table_webpage03 {
	border:1px solid #00449E;
}
	
.table_webpage03 tr th,
.table_webpage03 tr td{
	border-bottom:1px solid #00449E;
	border-right:1px solid #00449E;
}
.table_webpage03 tr th{
	background: #EEF3F9; 
	background:-moz-linear-gradient(top, #fff 1%, #EEF3F9 100%);
	background:-webkit-linear-gradient(top, #fff 1%, #EEF3F9 100%);
	background:-ms-linear-gradient(top, #fff 1%, #EEF3F9 100%);
	background:linear-gradient(to bottom, #fff 1%, #EEF3F9 100%);
	color:#00449e;
}

.imgbox {
	overflow:hidden;
	margin-bottom: 20px;
}
.imgbox img {
	float:left;
	margin-left:20px;
	margin-top:20px;
}
