@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}

nav ul {}
blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}


/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {}
body, th, td, input, textarea {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:1.5;
	color:#333;
}

img { vertical-align:bottom;}

li { list-style-type:none;}

/* Safari・Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body, th, td, input, textarea {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
}
/* for IE6 */
* html body, * html input, * html textarea {
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク */
a, a:link, a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}

/* clerfix */
.clr:after, #header:after, #top_container:after, #container:after, #f_sitemap:after, #footer_in:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
* html .clr, * html #header, * html #top_container, * html #container, * html #f_sitemap, * html #footer_in {zoom:1;} /* IE6 */
*:first-child+html .clr, *:first-child+html #header, *:first-child+html #top_container,
*:first-child+html #container, *:first-child+html #f_sitemap, *:first-child+html #footer_in {zoom:1;} /* IE7 */  


/*----------------------------------------------------
	#ヘッダー
----------------------------------------------------*/
#header {
	width:900px;
	height:128px;
	margin:0 auto;
	background:#fff;
	position:relative;
	background:url(../image/header_bg.gif) repeat-x left top;
}
h1#ttl_logo {
	width:400px;
	margin-top:23px;
	float:left;
}
#ttl_logo strong {
	display:block;
}
#ttl_logo a {
	display:block;
	width:373px;
	height:68px;
	text-decoration:none;
}
#h_naviarea {
	width:500px;
	float:right;
	font-size:85%;
}
#h_navi {
	width:358px;
	float:right;
}
#h_navi ul {
	width:198px;
	height:36px;
	float:left;
}
#h_navi li {
	float:left;
	height:29px;
	text-indent:-9999px;
	font-size:0;
}
#access_btn {
	width:88px;
	background:url(../image/h_access_btn.gif) no-repeat left top;
}
#sitemap_btn {
	width:110px;
	background:url(../image/h_sitemap_btn.gif) no-repeat left top;
}
#h_navi ul a {
	display:block;
	height:29px;
	text-decoration:none;
}
#access_btn a { width:88px;}
#sitemap_btn a { width:110px;}
#h_navi ul a:hover {
	background:#fff;
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}

#txt_size {
	width:160px;
	float:right;
	padding-top:5px;
	background:url(/tochigi_selp/image/txtsize_bg.gif) no-repeat;
}
#txt_size strong {
	display:block;
	width:82px;
	height:29px;
	float:left;
	text-indent:-9999px;
	font-size:0;
}
#txt_size span {
	display:block;
	width:24px;
	height:21px;
	float:left;
	text-indent:-9999px;
	font-size:0;
}
#txt_size span a {
	display:block;
	width:21px;
	height:21px;
	text-decoration:none;
}
#small_txt { background:url(/tochigi_selp/image/small_nm.jpg) no-repeat;}
#middle_txt { background:url(/tochigi_selp/image/middle_ov.jpg) no-repeat;}
#large_txt { background:url(/tochigi_selp/image/large_nm.jpg) no-repeat;}

#small_txt a:hover { background:url(../image/small_ov.jpg) no-repeat;}
#middle_txt a:hover { background:url(../image/middle_ov.jpg) no-repeat;}
#large_txt a:hover { background:url(../image/large_ov.jpg) no-repeat;}

/*
#small_ov { background:url(../image/small_ov.jpg) no-repeat;}
#middle_ov { background:url(../image/middle_ov.jpg) no-repeat;}
#large_ov { background:url(../image/large_ov.jpg) no-repeat;}
*/

#h_add {
	clear:both;
	text-align:right;
}
#h_add span {
	display:block;
	clear:both;
}
#h_telnum {
	display:block;
	width:7.2em;
	float:right;
	background:url(../image/tel_mark.gif) no-repeat left 3px;
	font-size:24px;
	line-height:1.3;
	color:#fc7e03;
	font-family:Arial, Helvetica, sans-serif;
}



/*----------------------------------------------------
	#ナビ
----------------------------------------------------*/
ul#g_navi {
	width:900px;
	height:49px;
	position:absolute;
	top:103px;
	left:0;
}
#g_navi li {
	height:49px;
	float:left;
	text-indent:-9999px;
	font-size:0;
}
#nv_top { width:90px; background:url(../image/navi_top.jpg) no-repeat;}
#nv_topics { width:120px; background:url(../image/navi_topics.jpg) no-repeat;}
#nv_outline { width:185px; background:url(../image/navi_outline.jpg) no-repeat;}
#nv_catalog { width:130px; background:url(../image/navi_catalog.jpg) no-repeat;}
#nv_selp { width:150px; background:url(../image/navi_selp.jpg) no-repeat;}
#nv_contact { width:135px; background:url(../image/navi_contact.jpg) no-repeat;}
#nv_link { width:90px; background:url(../image/navi_link.jpg) no-repeat;}
#g_navi a {
	display:block;
	height:49px;
	float:left;
	text-decoration:none;
}
#nv_top a { width:90px;}
#nv_topics a { width:120px;}
#nv_outline a { width:185px;}
#nv_catalog a { width:130px;}
#nv_selp a { width:150px;}
#nv_contact a { width:135px;}
#nv_link a { width:90px;}
#nv_top a:hover { width:90px; background:url(../image/navi_top_ov.jpg) no-repeat;}
#nv_topics a:hover { width:120px; background:url(../image/navi_topics_ov.jpg) no-repeat;}
#nv_outline a:hover { width:185px; background:url(../image/navi_outline_ov.jpg) no-repeat;}
#nv_catalog a:hover { width:130px; background:url(../image/navi_catalog_ov.jpg) no-repeat;}
#nv_selp a:hover { width:150px; background:url(../image/navi_selp_ov.jpg) no-repeat;}
#nv_contact a:hover { width:135px; background:url(../image/navi_contact_ov.jpg) no-repeat;}
#nv_link a:hover { width:90px; background:url(../image/navi_link_ov.jpg) no-repeat;}

#catalog_bnr {
	display:block;
	width:175px;
	height:184px;
	text-indent:-9999px;
	font-size:0;
	background:url(../image/catalog_bnr.png) no-repeat;
}
#catalog_bnr a {
	display:block;
	width:175px;
	height:174px;
	text-decoration:none;
}
#catalog_bnr a:hover { background:url(../image/catalog_bnr_ov.png) no-repeat;}

#selp_bnr {
	width:175px;
	height:80px;
	margin-bottom:8px;
	text-indent:-9999px;
	font-size:0;
	background:url(../image/selp_bnr.jpg) no-repeat;
}
#selp_bnr a {
	display:block;
	width:175px;
	height:80px;
	text-decoration:none;
}
#selp_bnr a:hover {
	background:#fff;
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}

ul#bnr_area {
	width:175px;
	margin-top:30px;
}
#bnr_area li {
	width:175px;
	height:58px;
	margin-bottom:3px;
	text-indent:-9999px;
	font-size:0;
}
#bnr_area a {
	display:block;
	width:175px;
	height:58px;
	text-decoration:none;
}
#bnr_area a:hover {
	background:#fff;
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
#selp_japan_bnr { background:url(../image/selpjapan_bnr.jpg) no-repeat;}
#magokoro_bnr { background:url(../image/magokoro_zeppin_bnr.jpg) no-repeat;}
#selpkyogikai_bnr { background:url(../image/selp_kyogikai_bnr.jpg) no-repeat;}
#tochigi_shakyo_bnr { background:url(../image/tochigikenshakyo_bnr.jpg) no-repeat;}
#tochigiken_bnr { background:url(../image/tochigi_bnr.jpg) no-repeat;}
#niceheartnews_bnr { background:url(../image/niceheartnews_bnr.jpg) no-repeat;}
#ginouabirin_bnr { background:url(../image/ginouabirin2017_bnr.jpg) no-repeat;}

ul.ctl_navi {
	width:175px;
	background:url(../image/ctl_nv_bg.gif) repeat-y;
}
.ctl_navi li {
	padding:0 5px;
	background:url(../image/dotline_gry.gif) repeat-x left bottom;
}
.ctl_navi span {
	display:block;
	font-size:85%;
	padding:5px 0 5px 12px;
	background:url(../image/arrow_pk.gif) no-repeat left 7px;
}
#ctl_nv_f {
	width:175px;
	height:10px;
	font-size:10px;
	background:url(../image/catalog/ctl_navi_f.gif) no-repeat;
}


/*----------------------------------------------------
	#ボディ
----------------------------------------------------*/
#container {
	width:900px;
	margin:0 auto;
	padding:33px 0 15px;
}
#bc_lst {
	display:block;
	font-size:77%;
	padding-bottom:6px;
}
#left_side {
	width:708px;
	margin-top:12px;
	float:left;
	background:url(../image/contents_b.gif) repeat-y;
}
#right_side {
	width:175px;
	float:right;
}
#catalog_right_side {
	width:175px;
	float:right;
	margin-top:12px;
}
#pagettl {}
#contents {
	width:708px;
	min-height:523px;
	padding-top:20px;
	background:url(../image/contents_t.gif) no-repeat right top;
}
#contents_in {
	padding:0 20px;
}
.cate_ttl { margin-bottom:10px;}
.sttl {
	width:668px;
	height:38px;
	background:url(../image/sttl_bg.jpg) no-repeat left top;
}
.sttl span {
	margin-left:25px;
	padding-right:5px;
	color:#fff;
	line-height:28px;
	font-size:108%;
	background:#f27a77;
}
.txt_area { padding:0 15px;}


/*----------------------------------------------------
	#フッター
----------------------------------------------------*/
#footer {
	margin:0 auto;
	background:#fff;
}
#f_sitemap {
	border-bottom:1px solid #ded4c4;
	padding:15px 0;
}
#f_sitemap ul {
	width:900px;
	margin:0 auto;
}
#f_sitemap li {
	float:left;
	font-size:85%;
	background:url(../image/arrow_s_pk.gif) no-repeat left center;
	padding-left:13px;
	margin-right:30px;
}
#footer_in {
	width:900px;
	margin:0 auto;
	padding:10px 0 20px;
}
#f_logo {
	display:block;
	width:300px;
	float:left;
}
#f_add {
	font-size:85%;
	padding-top:10px;
	text-align:right;
}
#copy {
	display:block;
	text-align:right;
	font-size:77%;
	margin-top:5px;
	color:#666;
}