@charset "utf-8";
/* CSS Document */
/*通用項目*/
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/Myriad Pro.eot');
	src: 
	url('../fonts/Myriad Pro.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/Myriad Pro.woff') format('woff'), 
	url('../fonts/Myriad Pro.ttf') format('truetype'), 
	url('../fontsMyriad Pro.svg#Myriad Pro') format('svg');

}

img { width:100%; height:auto; }
img {
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;  /* Firefox */
	-webkit-user-select: none;  /* Chrome */
}

.container { width:100%; height: 100%;}

/*left-menu*/
.menu {
	width:32%;
	background-color:#00a0e9;
	padding-top:60px;
	webkit-box-shadow: -5px 0 5px #008ad9 inset;
	-moz-box-shadow: -5px 0 5px #008ad9 inset;
	box-shadow: -5px 0 5px #008ad9 inset;
	position:absolute;
	top: 0;
	/*bottom: 0;*/
	left: 0;
	}
	
		
.menu .logo {
	width:70%;
	max-width:286px;
	margin:0 auto 25px;
	}
/*left-menu menu-search */
.menu .search_area {
	width:68%;
	margin:0 auto;
	position:relative;
	}
.menu .search_area .input_area {}
.menu .search_area .input_area .input_search {
	height:36px;
	color:#00a0e9;
	border:0;
	font-size:0.8em;
	width:90%;
	border-radius:7px;
	padding-left:10px; 
	}
.menu .search_area .input_area .btn_search {
	background: url(../imgs/search.png) #0068b7 no-repeat center center;
	border-radius: 0 7px 7px 0;
	padding: 0 25px 0 25px;
	cursor: pointer;
	position:absolute;
	right:0; top:0;
	height:36px;
	}
/*left-menu navi */
.menu .navi {
	width:100%;
	margin:45px auto;
	}
.menu .navi ul {}
.menu .navi li {
	display:block;
	padding:15px 0px;
	}
.menu .navi li:hover {
	background:#66c6f2;
	}
.menu .navi li.select {
	background:#66c6f2;
	}	
.menu .navi li a.navi-link {
	display:block;
	width:80%;
	margin:0 auto;
	color:#FFF;
	font-size:1.8em;
	}
.menu .navi label.navi-icon {
	max-width:52px;
	display:inline-block;
	margin-right:5%;
	}

/*right-content*/
.content {
	width:68%;
	padding-left: 32%; 
	}

/*right-content index*/
.content .index {
	width:80%;
	max-width:646px;
	margin:25% auto;
	}
	
/*right-content item*/	
.content .item_area {
	padding-top:90px;
	}
.content .item_area a {
	color:#FFF;
	}	
.content .item_area .item {
	margin-bottom:20px;
	}
.content .item_area .item a.topic_link {
	display:block;
	width:77%;
	border-radius:0 40px 40px 0;
	background-color:#00a0e9;
	font-size:1.8em;
	color:#FFF;
	padding:10px 8%;
	}
.content .item_area .item .topic_link:hover {
	background-color:#0168b7;
	}	
.content .item_area .item ul {}
.content .item_area .item li a.item_list_link{
	display:block;
	width:78%;
	margin:15px auto;
	padding:10px 4%;
	border-radius:30px;
	background-color:#b5b5b5;
	color:#FFF;
	font-size:1.4em;
	}
.content .item_area .item a.item_list_link:hover {
	background-color:#65c6f1;
	}	
/*right-content article */
.content .article {
	width:90%;
	margin:0 auto;
	padding-top:90px;
	color:#000;
	font-size:1.2em;
    }

.content .article .top {
	 width:100%;
	}
.content .article .top:after {
	display:block;
  	content: "";
	height: 50px;
	}	
		
.content .article .top .topic {
	font-size:2em; 
	color:#0068b7;
	height:52px;
	line-height:52px;
	float:left;
	width:80%;
	margin-top:39px;
	/*font-weight:bold;*/
	}
	
.content .article .top .back {
	float:right;
	width:20%;
	max-width:90px;
	}
		
.content .article .top .topic .topic-icon {
	height:52px;
	float:left;
	margin-right:2%;
	}
.content .article .wording h3 {
	font-size:1.2em;
	color:#0068b7;
	/*font-weight:bold;*/
	}
	
.content .article .wording h4 {
	font-size:1.1em;
	color:#0068b7;
	}	
	
.content .article .wording h3:after {
	display:block;
  	content: "";
	height: 10px;
	}	
	
.content .article .wording p {
	line-height:1.2em;
	font-size:1em;
	}

	
.content .article .wording p:before, .content .article .wording p:after {
	display:block;
  	content: "";
	height: 20px;
	 }
	
.content .article .wording .pic:before, .content .article .wording .pic:after {
	display:block;
  	content: "";
	height: 30px;
	 }
.content .article .wording .note {
	border:#000 solid;
	border-width:1px 0 1px 0;
	padding:10px 0;
	margin:3% 0;
	line-height:1.5em;
	color:#000;
	}
	
.content .article .wording ul.style_disc {
	list-style:disc;
	padding-left:20px;
	}
	
.content .article .wording ol {
	padding-left:20px;
	color:#000;
	}
	
.content .article .wording li {
	margin:10px 0;
	}	

.content .article .wording .point { font-weight:bold;}

/*right-content article 通用項目*/		
.content .article .little_icon_01 {
	display:inline-block;
	width:20px;
	}

.content .article .little_icon_02 {
	display:inline-block;
	width:5px;
	}
	
.content .article .little_icon_01 img, .content .article .little_icon_02 img {
	vertical-align:middle;
	}	
		
.content .article .txt {
	color:#737373;
	line-height:1.2em;
	padding-left:20px
	}
.content .article .txt_disc {
	list-style:disc;
	color:#737373;
	line-height:1.2em;
	padding-left:20px;
	}
	
.content .article .table {
	text-align:center;
	width:50%;
  	display:table;
 	border-right:1px solid #0068b7;
	border-left:1px solid #0068b7;
	border-bottom:1px solid #0068b7;
	}
	
.content .article .table .head { display: table-row; background-color:#0068b7; color:#FFF;}
.content .article .table .head .table_td { padding:5% 0; }
.content .article .table .head .first { border-right:1px solid #fff;}
.content .article .table_tr {display: table-row;}
.content .article .table_td {
  	display: table-cell;
	line-height:30px;
	}
	
.content .article ul.icons_forn { line-height:1.2em; /*font-weight:bold;*/}			
.content .article li.icons_list { padding:10px 0; margin:0; border-top:1px #0068b7 solid;}
.content .article li.icons_list:last-child { border-bottom:1px #0068b7 solid;}
.content .article .icons {
	display:block;
	width:30px;
	float:left;
	margin-right:20px;
	}
.content .article .icons_list .icons_explanation { display:inline-block;}
.content .article .icons_note {
	margin:2% 0;
	line-height:1.5em;
	color:#000;
	}
	
@media screen and (max-width: 1024px) {
		body { font-size:12px;}
		.menu { width:45%;}
		.content { width:55%; padding-left: 45%; }

	}
	
/*@media screen and (max-width: 800px) {
		.menu { width:40%;}
		.menu .logo { width:80%;}
		.menu .search_area { width:80%; }
		.menu .navi li a.navi-link { width:80%;}
		.content { width:60%;}
		.content .index { margin:70% auto;}		
	}*/