@import url(base15.css);
@import url('grid_px.css');
@import url('slide.css');
@import url('mediaqueries.css');

/* =========================================================
	1. Layout
	2. Header
	3. Navigation
	4. Main Contents
	5. Side Bar
	6. Footer
========================================================= */

/* ---------------------------------------------------------
	Layout
--------------------------------------------------------- */
html{
	background: #f9fbfc;
}

body{
	background : url(../images/_hd_bg.png) 0% 0% / auto auto repeat-x scroll padding-box border-box #ffffff;
}

.fltright{
	float: right;
}
.fltleft{
	float: left;
	padding: 5px 10px;
}

.clearfix{
	clear: both;
}
.clearfix::before, .clearfix::after{
	display: table;
	content: "";
}
.clearfix::after{
	clear: both;
}

.nmgn{
	margin: 0;
}

.txtcntr{
	text-align: center;
}

/* ---------------------------------------------------------
	Header
--------------------------------------------------------- */
#header-wrap .grid4{
	margin-left: 0;
}
#header-wrap h1{
	height: 90px;
	font-size: 100%;
	line-height: 120px;
	margin-bottom: 0;
}

#order-phone{
	margin-top: 0;
}
#order-phone h5{
	background: #0093d0;
	color: #fff;
	padding: 8px 20px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
#order-phone h5, #order-phone h6{
	line-height: 1.0;
	margin-left: 20px;
	font-weight: bold;
}
#order-phone h6{
	font-size: 250.0%;
	font-weight: bold;
	float: left;
	height: 37px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#order-phone p{
	line-height: 1.0;
	margin-top: 15px;
	font-size: 87.5%;
}
#tel{
	background : url(../images/tel01.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left: 40px;
}
#fax{
	background : url(../images/fax01.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left: 80px;
}


/* ---------------------------------------------------------
	Navigation
--------------------------------------------------------- */
#nav-wrap{
	clear:both;
}
#navi{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navi li:last-child{
	border-right: 1px solid #d1d7dc;
}
#navi li{
	float: left;
	position: relative;
	margin-bottom: 0;
	border-left: 1px solid #d1d7dc;
}
#navi a{
	display: block;
	height: 41px;
	line-height: 41px;
	padding: 0 20px;
	margin-bottom: 3px;
	border-top: 3px solid rgba(255, 255, 255, 0.0);
	text-decoration: none;
	color: #333;
	opcity: 1;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-moz-transition: border .15s ease-in-out, color .15s ease-in-out;
	-ms-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out;
}
#navi li a:hover, #navi li:hover > a, #navi li.current a{
	color: #0093d0;
	border-top-color: #0093d0;
	background: -webkit-gradient(linear, center 3%, center 90%, from(#f2f9fd), to(#fff));
	background: -moz-linear-gradient(top, #f2f9fd 3%, #fff 90%);
	background: -ms-linear-gradient(top, #f2f9fd 3%, #fff 90%);
	background: -o-linear-gradient(top, #f2f9fd 3%, #fff 90%);
	background: linear-gradient(top, #f2f9fd 3%, #fff 90%);
}

/* ---------------------------------------------------------
	Main Contents
--------------------------------------------------------- */
.map{
	width: 100%;
	height: 380px;
	margin-bottom: 20px;
}

#pgtitle{
	border-top: 3px solid #d1d7dc;
	border-bottom: 1px solid #d1d7dc;
	background : url(../images/title_bg2.jpg) 50% 50% / auto auto no-repeat scroll padding-box border-box transparent;
	margin-bottom: 20px;
}
#pgtitle h2{
	margin-bottom: 0;
	text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.88);
}

h3.subtitle, #topics h2.subtitle{
	border-bottom: 3px solid #0093d0; /*#d1d7dc;*/
	clear: both;
}

h4.subtitle{
	border-bottom: 1px solid #d1d7dc;
	margin: 40px 0 20px 0;
	padding-bottom: 3px;
	clear: both;
}

.listbox, .listbox li{
	height: auto;
	list-style: none;
}
.listbox{
	margin-bottom: 10px;
	border-bottom: 1px dotted #d1d7dc;
}
.listbox li{
	border-top: 1px dotted #d1d7dc;
}
.listbox li a{
	text-decoration: none;
	display :block;
	padding: 6px 0 7px 4px;
}
.listbox li a:hover{
	background-color: #f9f9f9;
	color: #5d6f74;
}

figure{
	margin: 0;
	margin-bottom: 10px;
}

figure.grid3{
	margin-right: auto;
}
.pdf{
	min-height: 280px;
}
.pdf figcaption{
	background : url(../images/pdficon_small.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left: 20px;
	font-size: 87.5%;
	line-height: 1.5;
}

.pgtop{
	text-align: right;
	font-size: 87.5%;
}

.newslist{
	font-size: 93.8%;
}
dl.newslist{
	height: 300px;
	overflow: auto;
	margin-bottom: 40px;
}
.newslist dd{
	border-bottom: dotted #d1d7dc 1px;
	margin-bottom: 10px;
}
.newslist dd::after{
	clear:both;
}
.newslist a{
	text-decoration: underline;
}
#topics{
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #d1d7dc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#topics h2.subtitle{
	line-height: 2.00;
	margin: 0 10px 20px 10px;
}
#topics img{
	margin: 5px 10px;
}

/* ---------------------------------------------------------
	Side Bar
--------------------------------------------------------- */
#sidebar{
	font-size: 92.9%;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	padding-bottom: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

#sidebar .subtitle{
	border: 0 none;
	color: #54606b;
	margin-bottom: 10px;
	padding: 10px;
}

#sidebar .listbox{
	margin: 10px;
}
#sidebar .listbox ul{
	margin: 0;
}
#sidebar .listbox li{
	background-position: left 8px;
}
#sidebar .listbox a{
	color: #54606b;
}
#sidebar .listbox li a{
	padding-left: 5px;
}
#sidebar .listbox li a:hover{
	color: #00B1B7;
}

.reader{
	padding: 10px;
}


/* ---------------------------------------------------------
	Form
--------------------------------------------------------- */
#uzip{
	width: 33.3%;
}

.table-form th small{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0 none;
	color: #fff;
	line-height: 1;
	padding: 2px 5px;
	background: #32a6d6;
	float: left;
}
.table-form th label{
	float: right;
}


/* ---------------------------------------------------------
	Footer
--------------------------------------------------------- */
#footer{
	width: 100%;
	padding-top: 20px;
	background : url(../images/bg_footer.png) 0% 0% / auto auto repeat scroll padding-box border-box #f9fbfc;
	border-top: 6px solid #d1d7dc;
	font-size: 87.5%;
}

#footer h4{
	font-size: 128.6%;
	font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #d1d7dc;
	margin-bottom: 20px;
}

#footer a, #footer a:link, #footer a:visited{
	color: #333;
}
#footer a:hover{
	color:#0093d0;
	text-decoration:underline;
}

.contact-info dt{
	float: left;
	margin-right: 0.5em;
	font-weight: bold;
}

#footer p{
	background: #f9fbfc;
	text-align: center;
	border-top: 1px solid #d1d7dc;
	padding: 10px 0;
}