@charset "utf-8";

/*== reset =========================================================================*/
html,body{ height: 100%; }
body, div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li,
table, thead, tbody, tfoot, caption, th, td,
p, blockquote, pre, form, fieldset, legend {
	margin:0;
	padding:0;
	font-size:100%;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
	display:block;margin:0;padding:0;
}
a, input[type="submit"] {
	cursor:pointer;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
caption, th {
	text-align:left;
}
img, input {
	vertical-align:middle;
}
abbr, acronym, fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
select, input, textarea {
	font-size:100%;
}
textarea {
	overflow:auto;
}
code, kbd, code, samp {
	font-family:monospace;
}
ins, del {
	display:block;
}
p ins, p del,
ol ins, ol del,
ul ins, ul del,
dl ins, dl del,
table ins, table del {
	display:inline;
}

/*== common =========================================================================*/
a { color: #457ed3; text-decoration: none; }
a:hover { color:#ac1212; }
a:hover img { opacity:0.7; }
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*== template =========================================================================*/
html{
/*	font-family: Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,sans-serif;
	font-size: 13px;
}
body{
	width:100%; height:auto;
	line-height:1.6;
	color:#444;
	background:#fff;
}

/*--fixed-header--------------------------------*/

#fixed-header {
	position:fixed;
	z-index:999;
	width:100%;
	height:20px;
	background-color:#fff;
	overflow:hidden;
	top:0;
}
#fixed-header nav#top_menu {
	display:block;
	width:960px;
	margin:0 auto;
	text-align:right;
}
#fixed-header nav#top_menu a {
	margin-right:1.5em;
}
#fixed-header nav#top_menu a:before {
	content:">";
	margin-right:3px;
}


/*--header--------------------------------*/


header {
	background:url(img/bg.png);
	padding:30px 0 20px 0;
	overflow:hidden;
}
#header_wrap {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#header_wrap ul {position:absolute;bottom:0;left:250px;}
#header_wrap li {float:left;margin-right:15px;}
#header_wrap li a {color:#fff;font-size:120%;}
#header_wrap li a:hover {color:#FF0;position:relative;top:-1px;left:-1px;text-shadow:2px 3px 4px #000;}



/*--content--------------------------------*/

#content_wrap {
	background:url(img/bg.png);
}
#content_wrap960 {
	width:960px;
	margin:0 auto 10px auto;
	position:relative;
	overflow:hidden;
	box-shadow: 2px 2px 10px #000;
}
.content {
	margin:10px;
	overflow:hidden;
	position:relative;
	background-color:#fff;
	margin-bottom:20px;
}

#content_wrap h1 {
	font-size:50px;
	font-weight:bold;
	color:#fee;
	line-height:50px;
	letter-spacing:0.5em;
	height:50px;
	margin:30px 0 20px 0;
	padding:0 0 0 25px;
	text-shadow:1px 1px 10px #000;
}

/*--main_menu--------------------------------*/

#main_menu {
	height:70px;
	width:960px;
	background:url(img/menu_bg.png) no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}

#main_menu li {
	float:left;
}

#main_menu a {
	display:block;
	height:70px;
	background-image:url(img/menu.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#main_menu1 a {width:178px;background-position:0 0; margin-left:45px;}
#main_menu2 a {width:115px;background-position:-227px 0;}
#main_menu3 a {width:114px;background-position:-383px 0;}
#main_menu4 a {width:105px;background-position:-497px 0;}
#main_menu5 a {width:95px; background-position:-602px 0;}
#main_menu6 a {width:100px;background-position:-697px 0;}
#main_menu7 a {width:163px;background-position:-797px 0;}

#main_menu1 a:hover {background-position:0 -70px;}
#main_menu2 a:hover {background-position:-227px -70px;}
#main_menu3 a:hover {background-position:-383px -70px;}
#main_menu4 a:hover {background-position:-497px -70px;}
#main_menu5 a:hover {background-position:-602px -70px;}
#main_menu6 a:hover {background-position:-697px -70px;}
#main_menu7 a:hover {background-position:-797px -70px;}


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

footer {
	background-color:#fff;
	text-align:center;
	padding:10px;
}
#namazu_ttl {font-size:120%;color:#555; margin-bottom:10px;}
#copyright {color:#666;}

/*--Mobile---*/

#mobile #footer_menu {width:960px;}
#mobile #footer_menu li {float:none;margin:0 0 2em 0;}
#mobile #footer_menu li:after {content:"";margin-left:0;}
#mobile #footer_menu a {
	display:block;
	padding:0.5em 0 0.5em 0.3em;
	font-size:xx-large;
	background-image: -moz-linear-gradient(top, #111, #033);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#111), to(#033));
	background: linear-gradient(#111, #033);
}
#mobile #footer_menu a.mobile_menu {
	background-image: -moz-linear-gradient(top, #111, #600);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#111), to(#600));
	background: linear-gradient(#111, #600);
}
#mobile #footer_menu a:before {content:">";margin-right:3px;}

#mobile #copyright {font-size:large;}