@charset "utf-8";
/* CSS Document */

/* default
--------------------------- */
* {
	padding: 0;
	margin: 0;
}
body {
	font: 14px/1.231 "メイリオ", Meiryo,;
	color: #222222;
	margin: 0 auto;
	-webkit-text-size-adjust: none;
}

body#second {
	background: #e6f5ff;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
ul { list-style: none; }
a {
	color: #1291D8;
	text-decoration: underline;
}

/* h1-h3
--------------------------- */
h1 {
	float: left;
	padding: 12px 0 0 5px;
}
h2 {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	display: block;
	padding: 15px 0 15px 0;
	background: #FFF;
	font-size: 150%;
	font-weight: normal;
}

h3 {
	display: block;
	padding: 5px;
	background: #186ea6;
	font-size: 100%;
	font-weight: normal;
	color: #FFF;
	margin: 20px 0 0;
}

h4 {
	color: #186ea6;
	border-left: solid 5px #186ea6;
	padding: 0 0 0 5px;
	margin: 0 0 5px;
}


/* header
--------------------------- */
header {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #e7e7e7), color-stop(0.76, #fff));
	background: -webkit-linear-gradient(top, #fff 76%, #e7e7e7 95%);
	background: -moz-linear-gradient(top, #fff 76%, #e7e7e7 95%);
	background: -o-linear-gradient(top, #fff 76%, #e7e7e7 95%);
	background: -ms-linear-gradient(top, #fff 76%, #e7e7e7 95%);
	background: linear-gradient(to bottom, #fff 76%, #e7e7e7 95%);
	border-bottom : 1px solid #bcbbbb;
	position:relative;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);
}
header ul {
	text-align: right;
	padding: 18px 5px 12px 0;
}
header ul li { display: inline; }

/* nav
--------------------------- */
.link { border-top: 1px solid #CCC; }
.link a {
	color: #333333;
	text-decoration: none;
	background: url(../img/ico_link.png) no-repeat 5px 14px;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	border-bottom: 1px solid #CCC;
	display: block;
	padding: 15px 30px 15px 25px;
}
.link li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #F5F5F5), color-stop(0.55, #F5F5F5), color-stop(0.48, #ffffff), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 48%, #F5F5F5 55%, #F5F5F5 88%);
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 48%, #F5F5F5 55%, #F5F5F5 88%);
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 48%, #F5F5F5 55%, #F5F5F5 88%);
}



/* footer
--------------------------- */

footer .add {
	background: #edecec url(../img/add.png) no-repeat 11px 11px;
	background-size: 46px 46px;
	padding: 11px 0 15px 65px;
	font-size: 93%;
}

footer .add p.small {
	padding: 0 0 5px;
	font-size: 85%;	
}

footer .add p strong {
	font-size: 120%;
}

footer .pagetop {
	text-align: center;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	display: block;
	padding: 14px;
	background: #FFF;
}
footer .pagetop a {
	text-decoration: none;
	color: #343434;
	background: url(../img/ico_pagetop.png) no-repeat left center;
	background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	padding: 0 10px 0 18px;
}
#copyright {
	font-size: 85%;
	text-align: center;
	color: #FFF;
	background-color: #186EA6;
	clear: both;
	padding: 10px;
}

/* adjustment
--------------------------- */
.hidden {
	display: none;
	visibility: hidden;
}
.clear { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cAlg { text-align: center; }
.rAlg { text-align: right; }
.lAlg { text-align: left; }
.rFlt { float: right; }
.lFlt { float: left; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }