@charset "utf-8";

/*=======================================================

	DEX / MOU CSS 1.0
	ATHR : Assiette Ltd.
	DATE : 2014/05
	FILE : base.css
    ----------------------------
	BASE COLOR	: #2F90C7	(logo)


=========================================================


/*-------------------------------------
	reset
-------------------------------------*/

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, dt, dd, ol, ul, li,
th, td,
form, fieldset, input, textarea { margin: 0; padding: 0;}

input{ vertical-align : middle ;}

select { margin: 0; }


/*-------------------------------------
	アピアランス
-------------------------------------*/

abbr, acronym { border:0 none; }
q:before, q:after { content:""; }
img { border:0 none; vertical-align:bottom; }
object { outline:none; }
table { border-spacing:0; border-collapse: collapse; border-spacing: 0; word-break: break-all; word-wrap: break-word; }
*:first-child+html table { border-collapse:collapse; }	/* IE 7 */
* html table { border-collapse:collapse; }				/* IE 6 */
caption { text-align:left; }
th,
td { text-align:left; vertical-align:middle; empty-cells:show; }
hr { display:none; }
fieldset { border:0 none; }
label { cursor:default; }
iframe { margin: 0; padding: 0; width: 100%; overflow:auto; border: none;}


/*-------------------------------------
	文字装飾
-------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:bold; font-size:16px; color: #3383BD; text-align: left;}
p, address, blockquote, pre, div,
abbr, acronym, dfn, cite, q, code, kbd, samp, var,
dl, ol, ul,
caption, th { font-weight:normal; font-style:normal; }
em, strong, optgroup { font-weight:bold; font-style:normal; }


/*-------------------------------------
	HTML5
-------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0 0 0 0; padding:0 0 0 0; }



/*-------------------------------------
	要素
-------------------------------------*/

html { width: 100%; height:100%; text-align: center;}

body {
	width: 100%;
	height: 100%;
	color:  #777;
	font-size: 14px;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	line-height: 1;
	border-top: 8px solid #2F90C7;
	-webkit-text-size-adjust : none;
	}

li { text-align: left; }

a, input, object{ outline:none; }

a {
	margin: 0;
	padding: 0;
	border: 0;
	color: #24729A;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
	}
a:link { color : #24729A; text-decoration:none; }
a:visited {	color: #069; text-decoration:none;}
a:active { color: #069; text-decoration:none; }

a:hover img { opacity: 0.6; }

/* hover links */

header a:hover,
article a:hover,
aside a:hover,
#PortalLinks a:hover { color: #CC3; text-decoration:none; opacity: 1;}

header nav a:hover { color: #003; text-decoration:none; }



mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
	}

table {
	width: 100%;
	color: #666;
	border: 1px solid #C9C9C9;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
	word-wrap: break-word;
	}

thead th { background: #E6E6E6; }

th { font-weight: bold; background: #F4F4F4; }

th, td {
	padding: 10px 15px;
	text-align: center;
	border: 1px solid #C9C9C9;
	}

td { line-height: 140%;}


input, select, optgroup, textarea {
	color: #666;
	font-size: 14px;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: middle;
	}

input[type="text"] {
	padding: 3px;
	border: none;
	background: #FFF;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

header input[type="text"],
article input[type="text"],
aside input[type="text"] {
	border: 1px solid #CCC;
	}

button {
	padding: 0 5px;
	height: 30px;
	color: #FFF;
	font-size: 14px;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	cursor: pointer;
	background: #2F90C7;
	border: none;
	border-radius: 3px;
	}

button:hover {
	background: #1E5A8C;
	}

button img {
	vertical-align: middle;
	}

i {
	font-style: normal;
	font-weight:  normal;
	}

article p {
	margin: 0 0 15px 0;
	text-align: left;
	line-height: 150%;
	}

article section p:last-child {
	margin-bottom: 0;
	}


/* Uniform.js */
.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
	margin: 0;
	padding: 0;
}


select option {
	margin: 0;
	padding: 2px 5px;
	color: #444;
	font-size: 14px;
	max-width: 340px;
	font-style: normal;
	}

select option label {
	padding: 5px;
	}

select optgroup {
	margin: 5px 5px 0 5px;
	padding: 5px 0 0 0;
	color: #B6AD61;
	border-top : 1px dotted #CCC;
	}

label span {
	color: #F33;
	font-size: 12px;
	}

ul { list-style: none;}
ol { margin-left: 35px;}
td ol { margin-left: 20px;}


p em { color: #F63;}
small { font-size: 11px;}

dl {
	border-bottom: 1px dotted #CCC;
	}

dt {
	clear: both;
	float: left;
	margin: 5px 0;
	padding: 10px 0 0 10px;
	width: 100px;
	font-weight: bold;
	text-align: left;
	border-top: 1px dotted #CCC;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

dd {
	float: left;
	margin: 5px 0;
	padding: 10px 10px 0 0;
	width: 480px;
	border-top: 1px dotted #CCC;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

dl:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}


/*-------------------------------------
		ヘッダ	header
-------------------------------------*/

header {
	height: 175px;
	border-bottom: 5px solid #2F90C7;
	}

header:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}

header h1,
header nav ul,
header div {
	margin: 0 auto;
	width: 90%;
	max-width: 960px;
	text-align: center;
	position: relative;
	}

header h1 img {
	position: absolute;
	left: 0;
	top: 5px;
	}

header ul {
	text-align: left;
	}

header p {
	text-align: left;
	}


/* 検索 */
header .search {
	float: left;
	margin: 30px 0 0 210px ;
	padding: 0;
	width: auto;
	text-align: left;
	}

header .search li {
	margin-right: 15px;
	padding: 0;
	display: inline-block;
	border-radius: 4px;
	}

header .search li.current {
	margin-top: -15px;
	padding: 5px 8px;
	color: #2F90C7;
	background: #E1F3FB;
	}

header .search input[type="text"] {
	margin: 10px 5px 10px 0;
	width: auto;
	}

header .search button {
	width: 70px;
	}

header p i {
	margin-right: 15px;
	padding: 6px 10px;
	color: #FFF;
	font-size: 12px;
	display: inline-block;
	background: #AA9A48;
	border-radius: 3px;
	}

header .search p > a {
	color: #666;
	}

header .search p > a:hover {
	color: #CC0;
	}


/* マニュアル */
header #ManualLinks {
	float: right;
	margin-top: 35px;
	padding: 0;
	width: 230px;
	}


/*-----------------------------------------
	nav ナビゲーション（共通） navi
-----------------------------------------*/

nav {
	margin: 0 auto ;
	width: 100%;
	text-align: center;
	}

nav ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

nav li {
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border: none:
	*display: inline;
	*zoom: 1;
	}

header nav {
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	background: #E2F0F8;
	}

header nav ul {
	text-align: right;
	}

header nav li {
	display: inline;
	}

header nav li a {
	padding: 0 10px;
	border-right: 1px solid #A3CEE9;
	}

header nav li:nth-of-type(1) a {
	border-left: 1px solid #A3CEE9;
	}

/* スマホ向けアコーディオン */

.openMenu {
	padding: 10px 12px;
	color: #2F90C7;
	text-align: left;
	position: relative;
	display: none;
	background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f6fd), color-stop(100%,#d3eefb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #e9f6fd 0%,#d3eefb 100%); /* W3C */
	border-radius: 4px;
	}

.openMenu:after {
	content:"";
    width: 10px;
    height: 10px;
    border: 3px solid #2F90C7;
    border-width: 0 3px 3px 0 ;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -2px 0 0 -25px;
	position: absolute;
	font-size: 0;
	opacity: 0.8;
	right: 10px;
	bottom: 13px;
	display: block;
	}

/*-------------------------------------
	パンくず	#Breadcrumbs
-------------------------------------*/

#Breadcrumbs {
	margin: 0 auto;
	color: #999;
	font-size: 14px;
	width: 90%;
	max-width: 960px;
	text-align: center;
	background: none;
	}

#Breadcrumbs p{
	padding: 20px 0;
	color: #CCC;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Gadget, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	}

#Breadcrumbs a {
	padding: 0 3px 0 0;
	color: #2C90C5;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 100%;
	display: inline;
	}

#Breadcrumbs a:hover {
	color: #9ECFE9;
	}

#Breadcrumbs a:last-child {
	color: #666;
	}

#Breadcrumbs a:last-child:hover {
	border: none;
	}


/*-----------------------------------------
	contents
-----------------------------------------*/

#Container {
	margin: 0 auto 60px;
	width: 100%;
	max-width: 960px;
	text-align: center;
	position: relative;
	}

#Container:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}

article {
	float: left;
	margin: 0 auto;
	width: 90%;
	max-width: 580px;
	position: relative;
	z-index: 900;
	}

article section {
	clear: both;
	margin: 0 auto 40px;
	text-align: center;
	}

article h1,
aside h2 {
	margin: 0 0 20px 0;
	padding: 10px;
	font-weight: normal;
	background: #EFEFEF;
	border-radius: 5px;
	}

article h2 {
	margin-bottom: 8px;
	color: #CC0;
	font-size:16px;
	font-weight: normal;
	}

article h4 {
	margin-bottom: 8px;
	color: #369;
	font-size:14px;
	font-weight: normal;
	}


/*-----------------------------------------
	aside
-----------------------------------------*/

aside {
	float: right;
	width: 350px;
	line-height: 130%;
	}

aside section {
	margin-bottom: 30px;
	text-align: left;
	}

aside section:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}

/*-------------------------------------
	ページ上部へ戻る　#PageTop
-------------------------------------*/

#PageTop {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	text-align: center;
	position: relative;
	z-index: 800;
	}

#PageTop p {
	margin: 0 auto;
	width: 960px;
	height: 80px;
	text-align: right;
	}

#PageTop a {
	width: 80px;
	height: 80px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 80px;
	letter-spacing: 2px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.9;
	background: #2F90C7;
	border-radius: 40px;
	z-index: 810;
	}

#PageTop a:hover {
	opacity: 0.6;
	}

/* スマホ向け .page-top */

.page-top { padding:10px 0; width: 100%; background: #333; display: none;}
.page-top a { color: #FFF;}

/*-----------------------------------------
	footer
-----------------------------------------*/

footer {
	clear: both;
	width: 100%;
	position: relative;
	background: #F1FAFE;
	border-top: 5px solid #DBEEF9;
	}

footer nav {
	margin: 0 auto;
	padding: 45px 0 10px;
	width: 90%;
	max-width: 960px;
	text-align: center;
	}

footer nav:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}

footer nav section {
	float: left;
	margin: 0 33px 0 0;
	width: 215px;
	text-align: left;
	}

footer nav section:last-child {
	margin: 0;
	}

footer nav h2{
	color: #526B8A;
	font-size: 14px;
	}

footer nav ul,
footer nav form {
	margin: 5px 0 20px 0;
	padding: 5px 0;
	min-height: 100px;
	border-top: 1px dotted #2F90C7;
	}

footer nav li {
	margin: 5px 0;
	font-size: 13px;
	text-align: left;
	line-height: 130%;
	}

footer nav a,
footer nav a:link {
	color: #2E90C6;
	font-weight: normal;
	display: inline;
	}

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


/* 検索Box */

footer nav form {
	padding-top: 10px;
	}

footer form input[type="text"] {
	width: 175px;
	border: 1px solid #BEDAED;
	}

footer form button,
footer form button:hover {
	margin: 0 0 0 5px;
	padding: 0;
	background: none;
	}

footer form button:hover {
	opacity: 0.6;
	}


/* copyright */
footer #copyright {
	clear: both;
	margin: 0;
	padding: 16px 0;
	color: #FFF;
	font-size: 10px;
	background: #2F90C7;
	}



/*-------------------------------------
			CSS end
-------------------------------------*/