@charset 'UTF-8';

/*

    Base

*/

/*  font  */
body {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #333333;
}
#c_main {
	font-size: 16px;
	font-size: 1.6rem;
}
a { transition: all 0.1s linear;}
a:link    { color: #0099cc;}
a:visited { color: #0099cc;}
a:hover   { opacity: 0.7;}

/*  common  */
.global ul,
.global li,
.global p {
	margin: 0;
	list-style: none;
}

/*  other  */
body img,
body iframe {
	max-width: 100%;
}





/*

    Header

*/

/*  layout  */
header.global {
	background-color: #005f91;
}
header.global div.container {
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
header.global div.container h1 {
	float: left;
	width: 330px;
}
header.global div.container nav {
	float: right;
}

/*  Logo  */
header.global div.container h1 {
	padding: 10px 0;
	color: #ffffff;
}
header.global div.container h1 a {
	color: inherit;
}
header.global div.container h1 a img {
	display: block;
}

/*  Navigation  */
header.global div.container nav {
	padding-top: 1.5em;
}
header.global div.container nav ul li {
	float: left;
	margin-left: 1em;
	color: #ffffff;
}
header.global div.container nav ul li.name {
	padding-right: 1em;
	border-right: 1px #ffffff solid;
}
header.global div.container nav ul li a {
	color: #ffffff;
}




/*

    Contents

*/

/*  layout  */
#contents {
	max-width: 960px;
	margin: 0 auto;
	padding: 3em 0;
}




/*

    Footer

*/

/*  layout  */
footer.global {
	background-color: #005f91;
}
footer.global small {
	display: block;
	padding: 1em 0;
	color: #ffffff;
	text-align: center;
}