@charset "Shift_JIS";

/**************************/
/*        基本設定        */
/**************************/


/* CSSのリセット */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, p, address, ul, ol, dl {
	font-style: normal;
}


/* 基本設定 */

html {
	background: #F3F1EB url(../images/bg.jpg);
}


body {
	background: url(../images/bg_top.jpg) repeat-x;
	color: #333;
	text-align: center;
	line-height: 1.5;
	font-family:  sans-serif;
  font-size: 14px;
}

	/* for WinIE6*/
	
	* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-size: 90%;
	vertical-align:baseline;
	}
	
	/* for WinIE7*/
	
	*:first-child+html body { 
	font-family: 'メイリオ', Meiryo, sans-serif;
	font-size: 90%;
}


/* フォントサイズ */

body {
  font-size: 14px;
}
/* IE6 */
* html body { font-size: 90%; }
/* IE7 */
*:first-child+html body { font-size: 90%; }



a {
	color: #666;
	overflow: hidden;
}

a:hover {
	color: #666;
	text-decoration: none;
}

img {
	border: none;
	vertical-align: bottom;
}

table {
	border: none;
	border-collapse: collapse;
}

th, td {
	vertical-align: top;
	font-weight: normal;
}

strong {
}

em {
	font-style: normal;
	font-weight: bold;
	color: #0E3192;
}

ul {
	list-style: none;
}

object,
embed {
	vertical-align: top; /* safariでの隙間対策 */
}


/**************************/
/* 共通設定（クラス・id） */
/**************************/

/* 位置調整 */

.center { text-align: center; }
.right { text-align: right;}


/* 回り込み */

.floatleft {
	float: left;
	display: inline;
}

.floatright {
	float: right;
	display: inline;
}

.clear {
	clear: both;
}

.clearline {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* テキスト制御 */

.large {
	font-size: 110%;
	letter-spacing: 0.05em;
}

.small {
	font-size: 90%;
	line-height: 1.2;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.nowrap {
	white-space: nowrap;
}

.indent {
	text-indent: -1.5em;
	padding-left: 1em;
}

.red {
	color: #900;
}


/***************************
         container        
***************************/

#container {
	position: relative;
	width: 810px;
	margin: 0 auto;
	padding: 239px 0 20px;
	text-align: left;
}


/***************************
           header
***************************/

#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 810px;
	height: 110px;
	background: url(../images/header.gif) no-repeat;
}

/* ロゴ */

#header h2 {
	position: absolute;
	left: 25px;
	top: 20px;
}

#header h2 a {
	display: block;
	width: 376px;
	height: 55px;
	text-indent: -9999px;
}

/* TEL&FAX番号

#header p {
	text-indent: -9999px;
} */

/* ナビ */

#header ul {
	position: absolute;
	right: 20px;
	top: 70px;
}

#header ul li {
	float: left;
	background: url(../images/dotline.gif) no-repeat 0 50%;
	font-size: 85%;
}

#header ul li a {
	margin-left: 5px;
	padding: 2px 5px;
	background: url(../images/arrow.gif) no-repeat 0 50%;
	text-decoration: none;
}

#header li a:hover {
	text-decoration: underline;
}


/* おのやリンク */

.headerOnoya {
	position: absolute;
	right: 25px;
	top: 30px;
}


/***************************
        gloval-navi
***************************/

#gloval-navi {
	position: absolute;
	left: 0;
	top: 110px;
	width: 810px;
	height: 89px;
	background: url(../images/gloval_bg.gif) no-repeat;
}

#gloval-navi ul {
	margin: 14px 0 0 25px;
}

#gloval-navi li {
	float: left;
	margin-right: 10px;
}

#gloval-navi li a img {
	border: solid 3px #DAD6CE;
}

#gloval-navi li a:hover img {
	border: solid 3px #BCB7A9;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/***************************
         topicpath
***************************/

#topicpath {
	position: absolute;
	left: 0;
	top: 199px;
	width: 810px;
	height: 25px;
	background: url(../images/topicpath_bg.gif) no-repeat right bottom;
}

#topicpath ol {
	margin: 1px 0 1px 25px;
	list-style: none;
	font-size: 80%;
}

#topicpath li {
	float: left;
	padding: 1px 10px 0 15px;
	background: url(../images/topicpath.gif) no-repeat left center;
	line-height: 22px;
	vertical-align: middle;
	color: #666;
}

#topicpath li#path-home {
	padding: 0;
	background: none;
}

#topicpath li#path-home a {
	display: block;
	width: 28px;
	text-indent: -9999px;
}

#topicpath #path-onoya {
	position: absolute;
	left: 601px;
	top: 0;
}

#topicpath #path-onoya a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/***************************
          content
***************************/

#content {
	margin: 0 25px;
	padding: 19px;
	border: solid 1px #DAD6CE;
	background: #fff;
}


#content h1 {
	margin-bottom: 20px;
}

#content h2 {
	clear: both;
	background: url(../images/h2_bg.gif) no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
	font-size: 120%;
	line-height: 36px;
	vertical-align: middle;
}
#content h2:first-letter {
	color: #633;
}

#content h3 {
	margin-bottom: 15px;
}

#content h4 {
}

#content h5 {
}

#content p {
	margin-bottom: 20px;
	line-height: 1.6;
}

#content p.copy {
	padding-bottom: 15px;
	border-bottom: dotted 1px #95918E;
	color: #1B284D;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: -0.025em;
	line-height: 1.4;
}


#content ul {
	list-style: none;
}

#content li {
}

#content dl {
}

#content hr {
	clear: both;
	margin-bottom: 5px;
	border: none;
	border-bottom: solid 1px #BE3921; 
	color: #fff;
}

#content hr.noline {
	border: none;
}

#content a {
	color: #0088CC;
}




.box {
	clear: both;
	padding: 15px 17px 5px;
	border: solid 3px #DAD6CE;
	background: #FAF7F1;
}

#content .box h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #95918E;
}

.box h4 {
	margin-bottom: 3px;
	color: #633;
}

#content .box p {
	margin-bottom: 10px;
}

.border {
	padding-bottom: 10px;
	border-bottom: dotted 1px #95918E;
}


/***************************
          footer
***************************/

#footer {
	background: #1A2F63 url(../images/footer_bg.gif) repeat-x;
}

#footer-inner {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: left;
}

/* ページトップへ */

.pagetop {
	position: relative;
	top: -7px;
	text-align: right;
}


#footer-navi {
	float: left;
	width: 760px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	background: #FAF9F8 url(../images/footer_navi_bg.gif) no-repeat bottom;
}

/* 所在地 */

#footer address {
	height: 28px;
	margin-bottom: 5px;
	padding: 8px 0 0 85px;
	background: #fff url(../images/footer_top.gif) no-repeat;
	color: #555;
	font-size: 90%;
}

#footer address span {
	font-weight: bold;
	font-size: 115%;
}

/* サイトマップ */

#footer dl {
	float: left;
	padding-left: 15px;
	font-size: 12px;
}

#footer dt {
	margin: 10px 0 2px;
	color: #666;
	font-weight: bold;
}

#footer dd a {
	padding-left: 7px;
	background: url(../images/arrow.gif) no-repeat 0 50%;
	color: #888;
	text-decoration: none;
}

#footer dl#f1 { width: 148px; }
#footer dl#f2 { width: 127px; }
#footer dl#f3 { width: 154px; }
#footer dl#f4 { width: 125px; }
#footer dl#f5 { width: 131px; }


/* ナビ */

#footer ul {
	float: left;
	border-left: solid 1px #fff;
	font-size: 80%;
	line-height: 1.1;
}

#footer ul li {
	float: left;
	margin-top: 3px;
	border-right: solid 1px #fff;
}

#footer ul li a {
	padding: 10px;
	color: #fff;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}


/* コピーライト */

#footer p {
	color: #fff;
	font-size: 80%;
	text-align: right;
}





/* ハック */

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



#content:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #content             { zoom: 1; } /* IE6 */
*:first-child+html #content { zoom: 1; } /* IE7 */



/* リマーケティングタグ設置による隙間回避
http://blog.sumaho-design.com/entry/2014/11/13/115143
*/
iframe[name="google_conversion_frame"] { position: absolute; top: 0; }