@charset "UTF-8";

/* モバイルレイアウト : 480 px およびそれ以下. */
html { background:url("../images/background.gif") 0 0 repeat-x; }
/* header --------------------------------------------------*/
header {
	width:98%;
	margin:10px 0 5px 0;
	padding:0 1%;
}
header h1 {
	width:270px;
	margin:5px auto;
}
header div h2 {
	font-size:0.9em;
	font-weight:normal;
	margin:0 auto 5px auto;
	padding:0 10px;
}
header div img {
	width:100%;
	height:auto;
	margin:0 auto;
	display: none;
}
/* nav_globalnavigation */
nav#globalnavigation {
	width:98%;
	padding:0 1%;
}
nav#globalnavigation ul {
	margin:0 auto;
	padding:10px;
}
nav#globalnavigation ul li {
	display:block;
	background-color:#ddd;
	border-radius:5px;
	width:90%;
	text-align:center;
	margin:0 auto 5px auto;
	padding:5px;
}
nav#globalnavigation ul li a,
nav#globalnavigation ul li a:link,
nav#globalnavigation ul li a:visited {
	display:block;
	width:100%;
	text-decoration:none;
	font-weight:bold;
	color:#666;
}
nav#globalnavigation ul li a:hover {
	text-decoration:underline;
	color:#999;
}
/* wrapper --------------------------------------------------*/
#wrapper {
	width:98%;
	padding:0 1%;
}
/* nav_pankuzu */
nav#pankuzu { display:none; }
/* footer_navigation --------------------------------------------------*/
nav#footer_navigation { clear:both; }
nav#footer_navigation ul { display:none; }
/* footer */
footer { background-color:#eee; }
footer div {
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0 10px 0;
}
footer img {
	display:block;
	margin:0 auto 10px auto;
}
footer dl {
	width:90%;
	margin:0 auto;
}
footer dl dt {
	border-bottom:dotted 1px #ccc;
	font-size:0.9em;
	margin-bottom:2px;
	padding:2px 25px;
}
footer dl dd {
	font-size:0.9em;
	line-height:1.5;
	margin:0 auto 10px auto;
	padding:0 25px;
}
footer dl dd span { display:block; }
footer small {
	display:block;
	border-top:solid 1px #f00;
	width:96%;
	text-align:center;
	margin:0 auto;
	padding:2px 5px;
}

/* ClearFix --------------------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac ¥*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */

/* タブレットレイアウト : モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width:481px) {
/* header --------------------------------------------------*/
header {
	width:100%;
	margin:5px auto 0 auto;
	padding:0;
}
header h1 {
	float:left;
	padding:10px 0 0 10px;
}
header div {
	float:right;
	width:440px;
	text-align:right;
	margin-right:20px;
}
header div h2 {
	font-size:0.8em;
	margin:5px auto;
	padding:0;
}
header div img {
	width:95%;
	height:auto;
}
/* nav_globalnavigation */
nav#globalnavigation {
	clear:both;
	width:100%;
	margin:0 auto 7px auto;
	padding:0;
}
nav#globalnavigation ul {
	margin:0 auto;
	padding:0;
}
nav#globalnavigation ul li {
	float:left;
	background:none;
	width:235px;
	height:50px;
	margin:0 5px;
	padding:5px;
}
nav#globalnavigation ul li a,
nav#globalnavigation ul li a:link,
nav#globalnavigation ul li a:hover,
nav#globalnavigation ul li a:visited {
	display:block;
	background-color:#ddd;
	border-radius:3px;
	width:235px;
	height:30px;
	text-decoration:none;
	padding:12px 0 8px 0;
}
/* wrapper --------------------------------------------------*/
#wrapper {
	width:100%;
	padding:0;
}
/* nav#footer_navigation --------------------------------------------------*/
nav#footer_navigation { padding-top:20px; }
nav#footer_navigation ul {
	display:block;
	clear:both;
	padding:0 10px;
}
nav#footer_navigation ul li {
	float:left;
	font-size:0.8em;
	color:#666;
	line-height:1.5;
	margin-right:10px;
}
nav#footer_navigation ul li a,
nav#footer_navigation ul li a:link,
nav#footer_navigation ul li a:visited {
	text-decoration:underline;
	color:#666;
}
nav#footer_navigation ul li a:hover {
	text-decoration:none;
	color:#333;
}
/* footer */
footer dl dd span { display:inline; }
}

/* デスクトップレイアウト : モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 1000px) {
/* header --------------------------------------------------*/
header {
	width:100%;
	max-width:1000px;
	margin:0 auto 16px auto;
}
header h1 {
	float:left;
	padding:0 0 0 10px;
}
header div {
	float:right;
	width:500px;
	height:77px;
	text-align:right;
	margin:-10px 10px 0 0;
}
/* nav_globalnavigation */
nav#globalnavigation {
	clear:both;
	width:100%;
	max-width:1000px;
	margin:auto;
}
nav#globalnavigation ul {
	margin-bottom:-3px;
	padding:0;
}
nav#globalnavigation ul li {
	float:left;
	background:none;
	height:60px;
	margin:0 auto;
	padding:0;
}
nav#globalnavigation ul li a,
nav#globalnavigation ul li a:link,
nav#globalnavigation ul li a:hover,
nav#globalnavigation ul li a:visited { background:none; }
nav#globalnavigation ul li.g01 { width:333px; }
nav#globalnavigation ul li.g01 a,
nav#globalnavigation ul li.g01 a:link,
nav#globalnavigation ul li.g01 a:visited {
	display:block;
	background:url("../images/globalnavigation01.png") 0 0 no-repeat;
	width:333px;
	height:35px;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding-top:15px;
}
nav#globalnavigation ul li.g01 a:hover {
	background:url("../images/globalnavigation01_on.png") 0 0 no-repeat;
	text-decoration:underline;
}
nav#globalnavigation ul li.g02 { width:334px; }
nav#globalnavigation ul li.g02 { background:url("../images/globalnavigation02.png") 0 0 no-repeat; }
nav#globalnavigation ul li.g02 a,
nav#globalnavigation ul li.g02 a:link,
nav#globalnavigation ul li.g02 a:visited {
	display:block;
	width:334px;
	height:35px;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding-top:15px;
}
nav#globalnavigation ul li.g02 a:hover {
	background:url("../images/globalnavigation02_on.png") 0 0 no-repeat;
	text-decoration:underline;
}
nav#globalnavigation ul li.g03 { width:333px; }
nav#globalnavigation ul li.g03 { background:url("../images/globalnavigation03.png") 0 0 no-repeat; }
nav#globalnavigation ul li.g03 a,
nav#globalnavigation ul li.g03 a:link,
nav#globalnavigation ul li.g03 a:visited {
	display:block;
	width:333px;
	height:35px;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin:0;
	padding-top:15px;
}
nav#globalnavigation ul li.g03 a:hover {
	background:url("../images/globalnavigation03_on.png") 0 0 no-repeat;
	text-decoration:underline;
}
/* wrapper --------------------------------------------------*/
#wrapper {
	background-color:#fff;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding-top:5px;
}
/* nav_pankuzu */
nav#pankuzu {
	display:block;
	margin-bottom:20px;
}
nav#pankuzu ul {
	color:#999;
	margin:0 auto;
	padding:0 10px;
}
nav#pankuzu ul li {
	float:left;
	font-size:0.8em;
	margin-right:10px;
	padding:0;
}
nav#pankuzu ul li a,
nav#pankuzu ul li a:link,
nav#pankuzu ul li a:visited {
	text-decoration:none;
	color:#999;
}
nav#pankuzu ul li a:hover {
	text-decoration:underline;
	color:#666;
}
/* footer --------------------------------------------------*/
footer { margin-top:10px; }
footer div {
	clear:both;
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0 10px 0;
}
footer img {
	float:left;
	margin:0 10px;
}
footer dl {
	float:right;
	width:750px;
}
footer dl dt {
	clear:both;
	float:left;
	border:none;
	width:100px;
	font-weight:bold;
	padding:0;
}
footer dl dd {
	float:right;
	width:630px;
	padding:0;
}
footer small {
	clear:both;
	text-align:left;
}
}