@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}
html {
	background-color: #fff;
}
body {
	margin: 0;
	padding: 0;
	font-family : "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
	font-size: 13px;
	line-height: 21px;
	letter-spacing: 0.02em;
	color: #333;
}
br {
	letter-spacing: normal;
}
a {
	color: #00a0e9;
	text-decoration: underline;
}
a:hover {
	color: #6fd1fd;
	text-decoration:underline;
}
img {
	border: 0;
	vertical-align: bottom;
}
/* a:hover img.link {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
} */

/* 汎用 ----------------*/
.clearfix { width:100%; }
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
}

/* 汎用マージン */
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }
.noMargin { margin: 0 !important; }

.pt20 { padding-top: 20px; }
.ml20 { margin-left: 20px; }
.ml50 { margin-left: 50px; }
.ml2em { margin-left: 2em; }
.ml05em { margin-left: 0.5em; }


/* 汎用テキスト */
.navy { color: #073d71; }
.bold { font-weight:bold; }
.size14 { font-size:14px; line-height:25px; }
.size13 { font-size:13px; line-height:24px; }
.size11 { font-size:11px; line-height:18px; }
.alignR { text-align: right; }

/*
	----------------------------
	HINATA
	____________________________
*/
div#wrapper {
	margin: 0;
	padding: 0;
}

/* HEADER
================================== */
div#wrapper div#header {
	width: 900px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
div#wrapper div#header h1 {
	display: inline;
	position: absolute;
	width: 238px;
	top: 20px;
}
div#wrapper div#header p {
	display: inline;
	position: absolute;
	width: 261px;
	left: 639px;
}
div#wrapper div#header p#tel {
	top: 17px;
}
div#wrapper div#header p#mail {
	top: 51px;
}

/* NAV
================================== */
div#wrapper div#nav {
	margin: 0;
	padding: 0;
	background: url("../img/common/nav_bg.gif") repeat-x;
	height: 54px;
	width: 100%;
}
div#wrapper div#nav ul {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	list-style:none;
}
div#wrapper div#nav ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

/* CONTENTS
================================== */
div#wrapper div#contents {
	margin: 18px auto 0;
	padding: 0;
	width: 900px;
}
div#wrapper div#contents div#main {
	width: 640px;
	display: inline;
	float: right;
}
div#wrapper div#contents div#side {
	width: 230px;
	display: inline;
	float: left;
}

/* MAIN -------------------------- */
div#wrapper div#contents div#main h2 {
	margin-bottom: 23px;
}
div#wrapper div#contents div#main p.txt {
	padding: 0 10px;
}
div#wrapper div#contents div#main p.txt02 {
	padding: 0 30px;
}

/* BREADCRUMB
--------------------------------- */
div#wrapper div#contents div#main ol#breadcrumb {
	list-style: none;
	height: 25px;
	width: 640px;
	margin-bottom: 14px;
	background: url("../img/lower/breadcrumb_bg.gif") no-repeat;
}
div#wrapper div#contents div#main ol#breadcrumb li {
	float: left;
	display: inline;
	background: url("../img/lower/breadcrumb_line.gif") no-repeat right center;
	height: 25px;
	padding: 0 17px 0 10px;
	line-height: 25px;
}
div#wrapper div#contents div#main ol#breadcrumb li.last {
	background: none;
}
div#wrapper div#contents div#main ol#breadcrumb li a {
	color: #333;
	text-decoration: none;
}
div#wrapper div#contents div#main ol#breadcrumb li a:hover {
	color: #999;
}


/* SIDE -------------------------- */
div#wrapper div#contents div#side div#contactBox {
	width: 230px;
	height: 195px;
	background: url("../img/common/contactbox_bg.gif") no-repeat ;
}
div#wrapper div#contents div#side div#contactBox div#contactBoxInner {
	width: 208px;
	margin: 0 auto;
	padding-top: 12px;
}
div#wrapper div#contents div#side div#contactBox div#contactBoxInner p#addressTxt {
	background: url("../img/common/contactbox_icon.png") no-repeat left top ;
	padding-left: 18px;
	margin: 8px 0 5px 5px;
	line-height: 18px;
	font-size: 13px;
}
div#wrapper div#contents div#side div#sideMenu {
	width: 230px;
	height: 369px;
	background: url("../img/common/side_bg.gif") no-repeat ;
	margin-top: 17px;
}
div#wrapper div#contents div#side div#sideMenu dl {
	width: 208px;
	margin: 0 auto;
	padding-top: 13px;
}

/* PAGETOP ----------------------- */
div#wrapper div#contents p#pagetop {
	clear: both;
	text-align: right;
}


/* FOOTERLINK
================================== */
div#wrapper div#footerLink {
	margin-top: 60px;
	padding: 0;
	background: url("../img/common/footerLink_bg.gif") repeat-x;
	width: 100%;
	height: 70px;
}
div#wrapper div#footerLink div#footerLinkInner {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
div#wrapper div#footerLink div#footerLinkInner a {
	color: #073d71;
}
div#wrapper div#footerLink div#footerLinkInner a:hover {
	color: #2b6ba8;
}
div#wrapper div#footerLink div#footerLinkInner ul {
	list-style:none;
	height: 20px;
	width: 790px;
}
div#wrapper div#footerLink div#footerLinkInner ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	border-right: 1px solid #073d71;
	padding: 0 10px;
	line-height: 11px;
}
div#wrapper div#footerLink div#footerLinkInner ul#first {
	padding: 20px 0 0 120px;
}
div#wrapper div#footerLink div#footerLinkInner ul#second {
	padding-left: 110px;
}
div#wrapper div#footerLink div#footerLinkInner ul li.last {
	padding-right: 0;
	border-right: none;
}

/* FOOTER
================================== */
div#wrapper div#footer {
	margin: 0;
	padding: 0;
	background: url("../img/common/footer_bg.gif") repeat-x;
	width: 100%;
	height: 121px;
	color: #fff;
}
div#wrapper div#footer div#footerInner {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
div#wrapper div#footer div#footerInner div#logoAdd {
	display: inline;
	width: 430px;
	position: absolute;
	top: 27px;
	left: 0;
}
div#wrapper div#footer div#footerInner div#logoAdd p {
	width: 197px;
	float: left;
	display: inline;
	margin-right: 30px;
}
div#wrapper div#footer div#footerInner div#logoAdd address {
	font-style: normal;
	font-size: 11px;
	line-height: 14px;
}
div#wrapper div#footer div#footerInner div#telMail {
	display: inline;
	width: 261px;
	position: absolute;
	top: 23px;
	left: 639px;
}
div#wrapper div#footer div#footerInner div#telMail p#tel {
	margin-bottom: 8px;
}
div#wrapper div#footer div#footerInner p#copyright {
	text-align: center;
	padding-top: 95px;
}