@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;
	background:url(img/bg.png);
}

/*--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 {
	width:960px;
	margin:25px auto;
	overflow:hidden;
}
#header img {margin-bottom:25px;}
#head_menu {text-align:center;}
#head_menu a {margin:0 15px; font-size:20px;}
#head_menu a:hover {
	position:relative;
	top:-2px;
	left:-1px;
	text-shadow:1px 3px 1px #ccc;
}



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

#content_wrap {
	width:960px;
	margin:0 auto;
	position:relative;
	background-color:#fff;
	border:1px solid #ddd;
}
.content {
	padding:10px;
	overflow:hidden;
}

.content h1 {
	font-size:210%;
	font-weight:bold;
	text-shadow:5px #000;
	color:#275B63;
	line-height:52px;
	letter-spacing:0.5em;
	height:52px;
	margin:20px 0;
	padding:0 0 8px 50px;
	border-bottom:1px solid #ccc;
	background:url(img/h1_namazu.png)  no-repeat top left;
}

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

footer {
	padding-top:20px;
	width:960px;
	margin:0 auto 8px auto;
	position:relative;
	z-index:900;
}

#footer_menu {text-align:center;color:#ccc;}
#footer_menu a {margin:5px 20px;font-size:16px;}

#copyright {
	text-align:center;
	color:#666;
	margin:20px 0;
}

#sns_btns {
	text-align:center;
	background-color:#fff;
	padding-bottom:5px;
	border-top:10px solid #fff;
}
#index #sns_btns {border:none;}

#sns_btns_tw {display:none;}
#index #sns_btns_tw {position:relative;top:10px;left:7px; display:inline}

/*--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-color:#fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ddd;
/*	background-image: -moz-linear-gradient(top, #eee, #fcfcfc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fcfcfc));
	background: linear-gradient(#eee, #fcfcfc);*/
}
#mobile #footer_menu a.mobile_menu {
	background-image: -moz-linear-gradient(top, #fff, #FFE8F4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FFE8F4));
	background: linear-gradient(#fff, #FFE8F4);
	color:#C00;
}
#mobile #footer_menu a:before {content:">";margin-right:3px;}

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